https://gpt-skeleton.vercel.app/_next/static/chunks/pages/examples/[componentHref]-28e87c403f885652.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[860],{26334:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/examples/[componentHref]",function(){return a(36768)}])},60313:function(e,t,a){"use strict";a.d(t,{C:function(){return o}});var s=a(11527);a(50959);var r=a(13270),n=a(6704);let i=(0,r.j)("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",outline:"text-foreground"}},defaultVariants:{variant:"default"}});function o(e){let{className:t,variant:a,...r}=e;return(0,s.jsx)("div",{className:(0,n.cn)(i({variant:a}),t),...r})}},64726:function(e,t,a){"use strict";a.d(t,{I:function(){return i}});var s=a(11527),r=a(50959),n=a(6704);let i=r.forwardRef((e,t)=>{let{className:a,type:r,...i}=e;return(0,s.jsx)("input",{type:r,className:(0,n.cn)("flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm r

1ing-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",a),ref:t,...i})});i.displayName="Input"},36768:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSG:function(){return sn},default:function(){return si}});var s=a(11527),r=a(50959),n=a(59816),i=a(6704);let o=r.forwardRef((e,t)=>{let{className:a,children:r,...o}=e;return(0,s.jsxs)(n.fC,{ref:t,className:(0,i.cn)("relative overflow-hidden",a),...o,children:[(0,s.jsx)(n.l_,{className:"h-full w-full rounded-[inherit]",children:r}),(0,s.jsx)(l,{}),(0,s.jsx)(n.Ns,{})]})});o.displayName=n.fC.displayName;let l=r.forwardRef((e,t)=>{let{className:a,orientation:r="vertical",...o}=e;return(0,s.jsx)(n.gb,{ref:t,orientation:r,className:(0,i.cn)("flex touch-none select-none transition-colors","vertical"===r&&"h-full w-2.5 border-l border-l-transparent p-[1px]","horizontal"===r&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",a),...o,children:(0,s.jsx)(n.q4,{className:"relative flex-1 rounded-full bg-border"})})});l.displayName=n.gb.displayName;var d=a(92421);let c=d.fC,u=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(d.aV,{ref:t,className:(0,i.cn)("inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground",a),...r})});u.displayName=d.aV.displayName;let m=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(d.xz,{ref:t,className:(0,i.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",a),...r})});m.displayName=d.xz.displayName;let x=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(d.VY,{ref:t,className:(0,i.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",a),...r})});x.displayName=d.VY.displayName;var h=a(32593),p=a(31993),f=a(18136),g=a(42641);function b(e){let{className:t,previewComponent:a,html:n,align:o="center",...l}=e,[d,b]=(0,r.useState)("");return(0,r.useEffect)(()=>{let e=async()=>{let e=(0,g.z)({htmlString:n}),t=(0,p.j)(e),a=await (0,f.a)(t);b(()=>a)};e()},[]),(0,s.jsx)("div",{className:(0,i.cn)("group relative my-4 flex flex-col space-y-2",t),...l,children:(0,s.jsxs)(c,{defaultValue:"preview",className:"relative mr-auto w-full",children:[(0,s.jsx)("div",{className:"flex items-center justify-between pb-3",children:(0,s.jsxs)(u,{className:"w-full justify-start rounded-none border-b bg-transparent p-0",children:[(0,s.jsx)(m,{value:"preview",className:"relative h-9 rounded-none border-b-2 border-b-transparent bg-transparent px-4 pb-3 pt-2 font-semibold text-muted-foreground shadow-none transition-none data-[state=active]:border-b-primary data-[state=active]:text-foreground data-[state=active]:shadow-none",children:"Preview"}),(0,s.jsx)(m,{value:"sandbox",className:"relative h-9 rounded-none border-b-2 border-b-transparent bg-transparent px-4 pb-3 pt-2 font-semibold text-muted-foreground shadow-none transition-none data-[state=active]:border-b-primary data-[state=active]:text-foreground data-[state=active]:shadow-none",children:"Sandbox"})]})}),(0,s.jsx)(x,{value:"preview",className:"relative rounded-md border",children:(0,s.jsx)("div",{className:(0,i.cn)("preview flex min-h-[350px] w-full justify-center p-10",{"items-center":"center"===o,"items-start":"start"===o,"items-end":"end"===o}),children:a})}),d&&(0,s.jsx)(x,{value:"sandbox",children:(0,s.jsx)(h.Z,{jsxContent:d})})]})})}var v=a(64661),j=a.n(v),y=a(30274);function w(e){let{items:t}=e,a=(0,y.usePathname)();return t.length&&(0,s.jsx)("div",{className:"w-full",children:t.map((e,t)=>(0,s.jsx)("div",{children:(0,s.jsx)("h4",{className:"mb-1 rounded-md px-2 py-1 text-sm font-semibold",children:(0,s.jsx)(j(),{href:e.href,className:(0,i.cn)("group flex w-full items-center rounded-md border border-transparent px-2 py-1 hover:underline",a===e.href?"font-medium text-foreground":"text-muted-foreground"),children:e.title},t)})},t))})}var N=a(40180),k=a(46489);function C(e){let{items:t}=e,[a,n]=(0,r.useState)(!1),l=(0,y.usePathname)();return(0,s.jsxs)(k.yo,{open:a,onOpenChange:n,children:[(0,s.jsx)(k.aM,{asChild:!0,children:(0,s.jsxs)(N.z,{variant:"secondary",className:"text-base hover:bg-transparent focus-visible:bg-transparent focus-visible:ring-0 focus-visible:ring-offset-0",children:["Components",(0,s.jsx)("span",{className:"sr-only",children:"View components"})]})}),(0,s.jsx)(k.ue,{side:"right",className:"pl-1 pr-0",children:(0,s.jsx)(o,{className:"my-4 h-[calc(100vh-4rem)] pb-32 pl-6",children:(0,s.jsx)("div",{className:"pl-1 pr-7",children:(0,s.jsx)("div",{className:"flex flex-col space-y-2",children:null==t?void 0:t.map(e=>

1(0,s.jsx)(j(),{href:e.href,className:(0,i.cn)("text-foreground/70 transition-colors hover:text-foreground",l===e.href?"font-medium text-foreground":"text-muted-foreground"),onClick:()=>n(!1),children:e.title},e.href))})})})})]})}var z=a(825),R=a(12159);let I=z.fC,S=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(z.ck,{ref:t,className:(0,i.cn)("border-b",a),...r})});S.displayName="AccordionItem";let _=r.forwardRef((e,t)=>{let{className:a,children:r,...n}=e;return(0,s.jsx)(z.h4,{className:"flex",children:(0,s.jsxs)(z.xz,{ref:t,className:(0,i.cn)("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",a),...n,children:[r,(0,s.jsx)(R.Z,{className:"h-4 w-4 shrink-0 transition-transform duration-200"})]})})});_.displayName=z.xz.displayName;let M=r.forwardRef((e,t)=>{let{className:a,children:r,...n}=e;return(0,s.jsx)(z.VY,{ref:t,className:"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",...n,children:(0,s.jsx)("div",{className:(0,i.cn)("pb-4 pt-0",a),children:r})})});M.displayName=z.VY.displayName;var Z=a(46516),T=a(28939),L=a(66032);let V=L.fC,A=L.xz,P=L.h_,F=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(L.aV,{className:(0,i.cn)("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...r,ref:t})});F.displayName=L.aV.displayName;let D=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsxs)(P,{children:[(0,s.jsx)(F,{}),(0,s.jsx)(L.VY,{ref:t,className:(0,i.cn)("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-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",a),...r})]})});D.displayName=L.VY.displayName;let B=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,i.cn)("flex flex-col space-y-2 text-center sm:text-left",t),...a})};B.displayName="AlertDialogHeader";let Y=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,i.cn)("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...a})};Y.displayName="AlertDialogFooter";let E=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(L.Dx,{ref:t,className:(0,i.cn)("text-lg font-semibold",a),...r})});E.displayName=L.Dx.displayName;let H=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(L.dk,{ref:t,className:(0,i.cn)("text-sm text-muted-foreground",a),...r})});H.displayName=L.dk.displayName;let W=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(L.aU,{ref:t,className:(0,i.cn)((0,N.d)(),a),...r})});W.displayName=L.aU.displayName;let O=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(L.$j,{ref:t,className:(0,i.cn)((0,N.d)({variant:"outline"}),"mt-2 sm:mt-0",a),...r})});O.displayName=L.$j.displayName;var U=a(61979);let G=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(U.fC,{ref:t,className:(0,i.cn)("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",a),...r})});G.displayName=U.fC.displayName;let X=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(U.Ee,{ref:t,className:(0,i.cn)("aspect-square h-full w-full",a),...r})});X.displayName=U.Ee.displayName;let $=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(U.NY,{ref:t,className:(0,i.cn)("flex h-full w-full items-center justify-center rounded-full bg-muted",a),...r})});$.displayName=U.NY.displayName;var K=a(60313),q=a(82608),J=a(33501),Q=a(50329);function ee(e){let{className:t,classNames:a,showOutsideDays:r=!0,...n}=e;return(0,s.jsx)(Q._W,{showOutsideDays:r,className:(0,i.cn)("p-3",t),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:sp

1ace-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:(0,i.cn)((0,N.d)({variant:"outline"}),"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:"h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",day:(0,i.cn)((0,N.d)({variant:"ghost"}),"h-9 w-9 p-0 font-normal aria-selected:opacity-100"),day_range_end:"day-range-end",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",day_outside:"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-accent-foreground",day_hidden:"invisible",...a},components:{IconLeft:()=>(0,s.jsx)(q.Z,{className:"h-4 w-4"}),IconRight:()=>(0,s.jsx)(J.Z,{className:"h-4 w-4"})},...n})}ee.displayName="Calendar";var et=a(26484),ea=a(17721);let es=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("rounded-lg border bg-card text-card-foreground shadow-sm",a),...r})});es.displayName="Card";let er=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("flex flex-col space-y-1.5 p-6",a),...r})});er.displayName="CardHeader";let en=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("h3",{ref:t,className:(0,i.cn)("text-2xl font-semibold leading-none tracking-tight",a),...r})});en.displayName="CardTitle";let ei=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("p",{ref:t,className:(0,i.cn)("text-sm text-muted-foreground",a),...r})});ei.displayName="CardDescription";let eo=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("p-6 pt-0",a),...r})});eo.displayName="CardContent";let el=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{ref:t,className:(0,i.cn)("flex items-center p-6 pt-0",a),...r})});el.displayName="CardFooter";var ed=a(28572);let ec=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(ed.fC,{className:(0,i.cn)("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",a),...r,ref:t,children:(0,s.jsx)(ed.bU,{className:(0,i.cn)("pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")})})});ec.displayName=ed.fC.displayName;let eu=[{title:"Your call has been confirmed.",description:"1 hour ago"},{title:"You have a new message!",description:"1 hour ago"},{title:"Your subscription is expiring soon!",description:"2 hours ago"}];var em=a(1234);let ex=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(em.fC,{ref:t,className:(0,i.cn)("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",a),...r,children:(0,s.jsx)(em.z$,{className:(0,i.cn)("flex items-center justify-center text-current"),children:(0,s.jsx)(ea.Z,{className:"h-4 w-4"})})})});ex.displayName=em.fC.displayName;var eh=a(51934),ep=a(43900);let ef=ep.fC,eg=ep.wy,eb=ep.Fw;var ev=a(76448),ej=a(16340),ey=a(86855),ew=a(90494);let eN=ey.fC,ek=ey.xz,eC=ey.h_;ey.x8;let ez=r.forwardRef((e,t)=>

1{let{className:a,...r}=e;return(0,s.jsx)(ey.aV,{ref:t,className:(0,i.cn)("fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",a),...r})});ez.displayName=ey.aV.displayName;let eR=r.forwardRef((e,t)=>{let{className:a,children:r,...n}=e;return(0,s.jsxs)(eC,{children:[(0,s.jsx)(ez,{}),(0,s.jsxs)(ey.VY,{ref:t,className:(0,i.cn)("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-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",a),...n,children:[r,(0,s.jsxs)(ey.x8,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[(0,s.jsx)(ew.Z,{className:"h-4 w-4"}),(0,s.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})});eR.displayName=ey.VY.displayName;let eI=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,i.cn)("flex flex-col space-y-1.5 text-center sm:text-left",t),...a})};eI.displayName="DialogHeader";let eS=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,i.cn)("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...a})};eS.displayName="DialogFooter";let e_=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(ey.Dx,{ref:t,className:(0,i.cn)("text-lg font-semibold leading-none tracking-tight",a),...r})});e_.displayName=ey.Dx.displayName;let eM=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(ey.dk,{ref:t,className:(0,i.cn)("text-sm text-muted-foreground",a),...r})});eM.displayName=ey.dk.displayName;let eZ=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(ev.mY,{ref:t,className:(0,i.cn)("flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground",a),...r})});eZ.displayName=ev.mY.displayName;let eT=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsxs)("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"",children:[(0,s.jsx)(ej.Z,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),(0,s.jsx)(ev.mY.Input,{ref:t,className:(0,i.cn)("flex h-11 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",a),...r})]})});eT.displayName=ev.mY.Input.displayName;let eL=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(ev.mY.List,{ref:t,className:(0,i.cn)("max-h-[300px] overflow-y-auto overflow-x-hidden",a),...r})});eL.displayName=ev.mY.List.displayName;let eV=r.forwardRef((e,t)=>(0,s.jsx)(ev.mY.Empty,{ref:t,className:"py-6 text-center text-sm",...e}));eV.displayName=ev.mY.Empty.displayName;let eA=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(ev.mY.Group,{ref:t,className:(0,i.cn)("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",a),...r})});eA.displayName=ev.mY.Group.displayName;let eP=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(ev.mY.Separator,{ref:t,className:(0,i.cn)("-mx-1 h-px bg-border",a),...r})});eP.displayName=ev.mY.Separator.displayName;let eF=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(ev.mY.Item,{ref:t,className:(0,i.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...r})});eF.displayName=ev.mY.Item.displayName;let eD=e=>{let{className:t,...a}=e;return(0,s.jsx)("span",{className:(0,i.cn)("ml-auto text-xs tracking-widest text-muted-foreground",t),...a})};eD.displayName="CommandShortcut";var eB=a(59734);let eY=eB.fC,eE=eB.xz,eH=r.forwardRef((e,t)=>

1{let{className:a,align:r="center",sideOffset:n=4,...o}=e;return(0,s.jsx)(eB.h_,{children:(0,s.jsx)(eB.VY,{ref:t,align:r,sideOffset:n,className:(0,i.cn)("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md 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",a),...o})})});eH.displayName=eB.VY.displayName;let eW=[{value:"next.js",label:"Next.js"},{value:"sveltekit",label:"SvelteKit"},{value:"nuxt.js",label:"Nuxt.js"},{value:"remix",label:"Remix"},{value:"astro",label:"Astro"}];var eO=a(38583),eU=a(9637),eG=a(71895),eX=a(37066),e$=a(18295),eK=a(56582),eq=a(65437),eJ=a(25036);let eQ=eq.fC,e0=eq.xz;eq.ZA,eq.Uv;let e1=eq.Tr,e2=eq.Ee,e5=r.forwardRef((e,t)=>{let{className:a,inset:r,children:n,...o}=e;return(0,s.jsxs)(eq.fF,{ref:t,className:(0,i.cn)("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",r&&"pl-8",a),...o,children:[n,(0,s.jsx)(J.Z,{className:"ml-auto h-4 w-4"})]})});e5.displayName=eq.fF.displayName;let e4=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(eq.tu,{ref:t,className:(0,i.cn)("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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",a),...r})});e4.displayName=eq.tu.displayName;let e3=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(eq.Uv,{children:(0,s.jsx)(eq.VY,{ref:t,className:(0,i.cn)("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 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",a),...r})})});e3.displayName=eq.VY.displayName;let e8=r.forwardRef((e,t)=>{let{className:a,inset:r,...n}=e;return(0,s.jsx)(eq.ck,{ref:t,className:(0,i.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",r&&"pl-8",a),...n})});e8.displayName=eq.ck.displayName;let e9=r.forwardRef((e,t)=>{let{className:a,children:r,checked:n,...o}=e;return(0,s.jsxs)(eq.oC,{ref:t,className:(0,i.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),checked:n,...o,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,s.jsx)(eq.wU,{children:(0,s.jsx)(ea.Z,{className:"h-4 w-4"})})}),r]})});e9.displayName=eq.oC.displayName;let e6=r.forwardRef((e,t)=>{let{className:a,children:r,...n}=e;return(0,s.jsxs)(eq.Rk,{ref:t,className:(0,i.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...n,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,s.jsx)(eq.wU,{children:(0,s.jsx)(eJ.Z,{className:"h-2 w-2 fill-current"})})}),r]})});e6.displayName=eq.Rk.displayName;let e7=r.forwardRef((e,t)=>

1{let{className:a,inset:r,...n}=e;return(0,s.jsx)(eq.__,{ref:t,className:(0,i.cn)("px-2 py-1.5 text-sm font-semibold text-foreground",r&&"pl-8",a),...n})});e7.displayName=eq.__.displayName;let te=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(eq.Z0,{ref:t,className:(0,i.cn)("-mx-1 my-1 h-px bg-border",a),...r})});te.displayName=eq.Z0.displayName;let tt=e=>{let{className:t,...a}=e;return(0,s.jsx)("span",{className:(0,i.cn)("ml-auto text-xs tracking-widest text-muted-foreground",t),...a})};tt.displayName="ContextMenuShortcut";var ta=a(74324),ts=a(63294),tr=a(52481),tn=a(7761),ti=a(86609),to=a(64726);let tl=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("div",{className:"relative w-full overflow-auto",children:(0,s.jsx)("table",{ref:t,className:(0,i.cn)("w-full caption-bottom text-sm",a),...r})})});tl.displayName="Table";let td=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("thead",{ref:t,className:(0,i.cn)("[&_tr]:border-b",a),...r})});td.displayName="TableHeader";let tc=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("tbody",{ref:t,className:(0,i.cn)("[&_tr:last-child]:border-0",a),...r})});tc.displayName="TableBody";let tu=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("tfoot",{ref:t,className:(0,i.cn)("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",a),...r})});tu.displayName="TableFooter";let tm=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("tr",{ref:t,className:(0,i.cn)("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",a),...r})});tm.displayName="TableRow";let tx=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("th",{ref:t,className:(0,i.cn)("h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",a),...r})});tx.displayName="TableHead";let th=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("td",{ref:t,className:(0,i.cn)("p-4 align-middle [&:has([role=checkbox])]:pr-0",a),...r})});th.displayName="TableCell";let tp=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("caption",{ref:t,className:(0,i.cn)("mt-4 text-sm text-muted-foreground",a),...r})});tp.displayName="TableCaption";let tf=[{id:"m5gr84i9",amount:316,status:"success",email:"[email protected]"},{id:"3u1reuv4",amount:242,status:"success",email:"[email protected]"},{id:"derv1ws0",amount:837,status:"processing",email:"[email protected]"},{id:"5kma53ae",amount:874,status:"success",email:"[email protected]"},{id:"bhqecj4p",amount:721,status:"failed",email:"[email protected]"}],tg=[{id:"select",header:e=>{let{table:t}=e;return(0,s.jsx)(ex,{checked:t.getIsAllPageRowsSelected()||t.getIsSomePageRowsSelected()&&"indeterminate",onCheckedChange:e=>t.toggleAllPageRowsSelected(!!e),"aria-label":"Select all"})},cell:e=>{let{row:t}=e;return(0,s.jsx)(ex,{checked:t.getIsSelected(),onCheckedChange:e=>t.toggleSelected(!!e),"aria-label":"Select row"})},enableSorting:!1,enableHiding:!1},{accessorKey:"status",header:"Status",cell:e=>{let{row:t}=e;return(0,s.jsx)("div",{className:"capitalize",children:t.getValue("status")})}},{accessorKey:"email",header:e=>{let{column:t}=e;return(0,s.jsxs)(N.z,{variant:"ghost",onClick:()=>t.toggleSorting("asc"===t.getIsSorted()),children:["Email",(0,s.jsx)(tr.Z,{className:"ml-2 h-4 w-4"})]})},cell:e=>{let{row:t}=e;return(0,s.jsx)("div",{className:"lowercase",children:t.getValue("email")})}},{accessorKey:"amount",header:()=>(0,s.jsx)("div",{className:"text-right",children:"Amount"}),cell:e=>{let{row:t}=e,a=parseFloat(t.getValue("amount")),r=new Intl.NumberFormat("en-US",{style:"currency",currency:"USD"}).format(a);return(0,s.jsx)("div",{className:"text-right font-medium",children:r})}},{id:"actions",enableHiding:!1,cell:e=>{let{row:t}=e,a=t.original;return(0,s.jsxs)(ti.h_,{children:[(0,s.jsx)(ti.$F,{asChild:!0,children:(0,s.jsxs)(N.z,{variant:"ghost",className:"h-8 w-8 p-0",children:[(0,s.jsx)("span",{className:"sr-only",children:"Open menu"}),(0,s.jsx)(tn.Z,{className:"h-4 w-4"})]})}),(0,s.jsxs)(ti.AW,{align:"end",children:[(0,s.jsx)(ti.Ju,{children:"Actions"}),(0,s.jsx)(ti.Xi,{onClick:()=>navigator.clipboard.writeText(a.id),children:"Copy payment ID"}),(0,s.jsx)(ti.VD,{}),(0,s.jsx)(ti.Xi,{children:"View customer"}),(0,s.jsx)(ti.Xi,{children:"View payment details"})]})]})}}];var tb=a(92614),tv=a(47585),tj=a(66225),ty=a(91698),tw=a(20349),tN=a(61191),tk=a(84459),tC=a(14611);let tz=e=>

1{let{shouldScaleBackground:t=!0,...a}=e;return(0,s.jsx)(tC.d.Root,{shouldScaleBackground:t,...a})};tz.displayName="Drawer";let tR=tC.d.Trigger,tI=tC.d.Portal,tS=tC.d.Close,t_=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(tC.d.Overlay,{ref:t,className:(0,i.cn)("fixed inset-0 z-50 bg-black/80",a),...r})});t_.displayName=tC.d.Overlay.displayName;let tM=r.forwardRef((e,t)=>{let{className:a,children:r,...n}=e;return(0,s.jsxs)(tI,{children:[(0,s.jsx)(t_,{}),(0,s.jsxs)(tC.d.Content,{ref:t,className:(0,i.cn)("fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border bg-background",a),...n,children:[(0,s.jsx)("div",{className:"mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted"}),r]})]})});tM.displayName="DrawerContent";let tZ=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,i.cn)("grid gap-1.5 p-4 text-center sm:text-left",t),...a})};tZ.displayName="DrawerHeader";let tT=e=>{let{className:t,...a}=e;return(0,s.jsx)("div",{className:(0,i.cn)("mt-auto flex flex-col gap-2 p-4",t),...a})};tT.displayName="DrawerFooter";let tL=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(tC.d.Title,{ref:t,className:(0,i.cn)("text-lg font-semibold leading-none tracking-tight",a),...r})});tL.displayName=tC.d.Title.displayName;let tV=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(tC.d.Description,{ref:t,className:(0,i.cn)("text-sm text-muted-foreground",a),...r})});tV.displayName=tC.d.Description.displayName;let tA=[{goal:400},{goal:300},{goal:200},{goal:300},{goal:200},{goal:278},{goal:189},{goal:239},{goal:300},{goal:200},{goal:278},{goal:189},{goal:349}];var tP=a(1489),tF=a(84331),tD=a(27026),tB=a(64556),tY=a(46696),tE=a(41886),tH=a(29378),tW=a(7814),tO=a(23752),tU=a(34564),tG

1=a(41981),tX=a(43217);let t$=tX.fC,tK=tX.xz,tq=r.forwardRef((e,t)=>{let{className:a,align:r="center",sideOffset:n=4,...o}=e;return(0,s.jsx)(tX.VY,{ref:t,align:r,sideOffset:n,className:(0,i.cn)("z-50 w-64 rounded-md border bg-popover p-4 text-popover-foreground shadow-md 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",a),...o})});tq.displayName=tX.VY.displayName;var tJ=a(36079);let tQ=tJ.v2;tJ.ZA,tJ.h_;let t0=tJ.Tr,t1=tJ.Ee,t2=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(tJ.fC,{ref:t,className:(0,i.cn)("flex h-10 items-center space-x-1 rounded-md border bg-background p-1",a),...r})});t2.displayName=tJ.fC.displayName;let t5=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(tJ.xz,{ref:t,className:(0,i.cn)("flex cursor-default select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",a),...r})});t5.displayName=tJ.xz.displayName;let t4=r.forwardRef((e,t)=>{let{className:a,inset:r,children:n,...o}=e;return(0,s.jsxs)(tJ.fF,{ref:t,className:(0,i.cn)("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground",r&&"pl-8",a),...o,children:[n,(0,s.jsx)(J.Z,{className:"ml-auto h-4 w-4"})]})});t4.displayName=tJ.fF.displayName;let t3=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(tJ.tu,{ref:t,className:(0,i.cn)("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground 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",a),...r})});t3.displayName=tJ.tu.displayName;let t8=r.forwardRef((e,t)=>{let{className:a,align:r="start",alignOffset:n=-4,sideOffset:o=8,...l}=e;return(0,s.jsx)(tJ.h_,{children:(0,s.jsx)(tJ.VY,{ref:t,align:r,alignOffset:n,sideOffset:o,className:(0,i.cn)("z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in 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",a),...l})})});t8.displayName=tJ.VY.displayName;let t9=r.forwardRef((e,t)=>{let{className:a,inset:r,...n}=e;return(0,s.jsx)(tJ.ck,{ref:t,className:(0,i.cn)("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",r&&"pl-8",a),...n})});t9.displayName=tJ.ck.displayName;let t6=r.forwardRef((e,t)=>{let{className:a,children:r,checked:n,...o}=e;return(0,s.jsxs)(tJ.oC,{ref:t,className:(0,i.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),checked:n,...o,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,s.jsx)(tJ.wU,{children:(0,s.jsx)(ea.Z,{className:"h-4 w-4"})})}),r]})});t6.displayName=tJ.oC.displayName;let t7=r.forwardRef((e,t)=>{let{className:a,children:r,...n}=e;return(0,s.jsxs)(tJ.Rk,{ref:t,className:(0,i.cn)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...n,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,s.jsx)(tJ.wU,{children:(0,s.jsx)(eJ.Z,{className:"h-2 w-2 fill-current"})})}),r]})});t7.displayName=tJ.Rk.displayName;let ae=r.forwardRef((e,t)=>

1{let{className:a,inset:r,...n}=e;return(0,s.jsx)(tJ.__,{ref:t,className:(0,i.cn)("px-2 py-1.5 text-sm font-semibold",r&&"pl-8",a),...n})});ae.displayName=tJ.__.displayName;let at=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(tJ.Z0,{ref:t,className:(0,i.cn)("-mx-1 my-1 h-px bg-muted",a),...r})});at.displayName=tJ.Z0.displayName;let aa=e=>{let{className:t,...a}=e;return(0,s.jsx)("span",{className:(0,i.cn)("ml-auto text-xs tracking-widest text-muted-foreground",t),...a})};aa.displayname="MenubarShortcut";var as=a(51180),ar=a(65262);let an=[{title:"Alert Dialog",href:"/docs/primitives/alert-dialog",description:"A modal dialog that interrupts the user with important content and expects a response."},{title:"Hover Card",href:"/docs/primitives/hover-card",description:"For sighted users to preview content available behind a link."},{title:"Progress",href:"/docs/primitives/progress",description:"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar."},{title:"Scroll-area",href:"/docs/primitives/scroll-area",description:"Visually or semantically separates content."},{title:"Tabs",href:"/docs/primitives/tabs",description:"A set of layered sections of content—known as tab panels—that are displayed one at a time."},{title:"Tooltip",href:"/docs/primitives/tooltip",description:"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it."}],ai=r.forwardRef((e,t)=>{let{className:a,title:r,children:n,...o}=e;return(0,s.jsx)("li",{children:(0,s.jsx)(ar.wV,{asChild:!0,children:(0,s.jsxs)("a",{ref:t,className:(0,i.cn)("block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground",a),...o,children:[(0,s.jsx)("div",{className:"text-sm font-medium leading-none",children:r}),(0,s.jsx)("p",{className:"line-clamp-2 text-sm leading-snug text-muted-foreground",children:n})]})})})});ai.displayName="ListItem";let ao=e=>{let{className:t,...a}=e;return(0,s.jsx)("nav",{role:"navigation","aria-label":"pagination",className:(0,i.cn)("mx-auto flex w-full justify-center",t),...a})},al=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("ul",{ref:t,className:(0,i.cn)("flex flex-row items-center gap-1",a),...r})});al.displayName="PaginationContent";let ad=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)("li",{ref:t,className:(0,i.cn)("",a),...r})});ad.displayName="PaginationItem";let ac=e=>{let{className:t,isActive:a,size:r="icon",...n}=e;return(0,s.jsx)(ad,{children:(0,s.jsx)("a",{"aria-current":a?"page":void 0,className:(0,i.cn)((0,N.d)({variant:a?"outline":"ghost",size:r}),t),...n})})};ac.displayName="PaginationLink";let au=e=>{let{className:t,...a}=e;return(0,s.jsxs)(ac,{"aria-label":"Go to previous page",size:"default",className:(0,i.cn)("gap-1 pl-2.5",t),...a,children:[(0,s.jsx)(q.Z,{className:"h-4 w-4"}),(0,s.jsx)("span",{children:"Previous"})]})};au.displayName="PaginationPrevious";let am=e=>{let{className:t,...a}=e;return(0,s.jsxs)(ac,{"aria-label":"Go to next page",size:"default",className:(0,i.cn)("gap-1 pr-2.5",t),...a,children:[(0,s.jsx)("span",{children:"Next"}),(0,s.jsx)(J.Z,{className:"h-4 w-4"})]})},ax=e=>{let{className:t,...a}=e;return(0,s.jsxs)("span",{"aria-hidden":!0,className:(0,i.cn)("flex h-9 w-9 items-center justify-center",t),...a,children:[(0,s.jsx)(tn.Z,{className:"h-4 w-4"}),(0,s.jsx)("span",{className:"sr-only",children:"More pages"})]})};var ah=a(63064);let ap=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(ah.fC,{className:(0,i.cn)("grid gap-2",a),...r,ref:t})});ap.displayName=ah.fC.displayName;let af=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(ah.ck,{ref:t,className:(0,i.cn)("aspect-square h-4 w-4 rounded-full border border-primary text-primary ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",a),...r,children:(0,s.jsx)(ah.z$,{className:"flex items-center justify-center",children:(0,s.jsx)(eJ.Z,{className:"h-2.5 w-2.5 fill-current text-current"})})})});af.displayName=ah.ck.displayName;var ag=a(32528);let ab=r.forwardRef((e,t)=>

1{let{className:a,orientation:r="horizontal",decorative:n=!0,...o}=e;return(0,s.jsx)(ag.f,{ref:t,decorative:n,orientation:r,className:(0,i.cn)("shrink-0 bg-border","horizontal"===r?"h-[1px] w-full":"h-full w-[1px]",a),...o})});ab.displayName=ag.f.displayName;let av=Array.from({length:50}).map((e,t,a)=>"v1.2.0-beta.".concat(a.length-t));var aj=a(89170),ay=a(69278);let aw=aj.fC,aN=aj.ZA,ak=aj.B4,aC=r.forwardRef((e,t)=>{let{className:a,children:r,...n}=e;return(0,s.jsxs)(aj.xz,{ref:t,className:(0,i.cn)("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",a),...n,children:[r,(0,s.jsx)(aj.JO,{asChild:!0,children:(0,s.jsx)(R.Z,{className:"h-4 w-4 opacity-50"})})]})});aC.displayName=aj.xz.displayName;let az=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(aj.u_,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",a),...r,children:(0,s.jsx)(ay.Z,{className:"h-4 w-4"})})});az.displayName=aj.u_.displayName;let aR=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(aj.$G,{ref:t,className:(0,i.cn)("flex cursor-default items-center justify-center py-1",a),...r,children:(0,s.jsx)(R.Z,{className:"h-4 w-4"})})});aR.displayName=aj.$G.displayName;let aI=r.forwardRef((e,t)=>{let{className:a,children:r,position:n="popper",...o}=e;return(0,s.jsxs)(aj.VY,{ref:t,className:(0,i.cn)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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","popper"===n&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",a),position:n,...o,children:[(0,s.jsx)(az,{}),(0,s.jsx)(aj.l_,{className:(0,i.cn)("p-1","popper"===n&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:r}),(0,s.jsx)(aR,{})]})});aI.displayName=aj.VY.displayName;let aS=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(aj.__,{ref:t,className:(0,i.cn)("py-1.5 pl-8 pr-2 text-sm font-semibold",a),...r})});aS.displayName=aj.__.displayName;let a_=r.forwardRef((e,t)=>{let{className:a,children:r,...n}=e;return(0,s.jsxs)(aj.ck,{ref:t,className:(0,i.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a),...n,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,s.jsx)(aj.wU,{children:(0,s.jsx)(ea.Z,{className:"h-4 w-4"})})}),(0,s.jsx)(aj.eT,{children:r})]})});a_.displayName=aj.ck.displayName;let aM=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(aj.Z0,{ref:t,className:(0,i.cn)("-mx-1 my-1 h-px bg-muted",a),...r})});aM.displayName=aj.Z0.displayName;let aZ=[{invoice:"INV001",paymentStatus:"Paid",totalAmount:"$250.00",paymentMethod:"Credit Card"},{invoice:"INV002",paymentStatus:"Pending",totalAmount:"$150.00",paymentMethod:"PayPal"},{invoice:"INV003",paymentStatus:"Unpaid",totalAmount:"$350.00",paymentMethod:"Bank Transfer"},{invoice:"INV004",paymentStatus:"Paid",totalAmount:"$450.00",paymentMethod:"Credit Card"},{invoice:"INV005",paymentStatus:"Paid",totalAmount:"$550.00",paymentMethod:"PayPal"},{invoice:"INV006",paymentStatus:"Pending",totalAmount:"$200.00",paymentMethod:"Bank Transfer"},{invoice:"INV007",paymentStatus:"Unpaid",totalAmount:"$300.00",paymentMethod:"Credit Card"}];var aT=a(98540),aL=a(81991),aV=a(13270);aL.zt;let aA=r.forwardRef((e,t)=>

1{let{className:a,...r}=e;return(0,s.jsx)(aL.l_,{ref:t,className:(0,i.cn)("fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",a),...r})});aA.displayName=aL.l_.displayName;let aP=(0,aV.j)("group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",{variants:{variant:{default:"border bg-background text-foreground",destructive:"destructive group border-destructive bg-destructive text-destructive-foreground"}},defaultVariants:{variant:"default"}}),aF=r.forwardRef((e,t)=>{let{className:a,variant:r,...n}=e;return(0,s.jsx)(aL.fC,{ref:t,className:(0,i.cn)(aP({variant:r}),a),...n})});aF.displayName=aL.fC.displayName;let aD=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(aL.aU,{ref:t,className:(0,i.cn)("inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",a),...r})});aD.displayName=aL.aU.displayName;let aB=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(aL.x8,{ref:t,className:(0,i.cn)("absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",a),"toast-close":"",...r,children:(0,s.jsx)(ew.Z,{className:"h-4 w-4"})})});aB.displayName=aL.x8.displayName;let aY=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(aL.Dx,{ref:t,className:(0,i.cn)("text-sm font-semibold",a),...r})});aY.displayName=aL.Dx.displayName;let aE=r.forwardRef((e,t)=>{let{className:a,...r}=e;return(0,s.jsx)(aL.dk,{ref:t,className:(0,i.cn)("text-sm opacity-90",a),...r})});aE.displayName=aL.dk.displayName;let aH=0,aW=new Map,aO=e=>{if(aW.has(e))return;let t=setTimeout(()=>{aW.delete(e),a$({type:"REMOVE_TOAST",toastId:e})},1e6);aW.set(e,t)},aU=(e,t)=>{switch(t.type){case"ADD_TOAST":return{...e,toasts:[t.toast,...e.toasts].slice(0,1)};case"UPDATE_TOAST":return{...e,toasts:e.toasts.map(e=>e.id===t.toast.id?{...e,...t.toast}:e)};case"DISMISS_TOAST":{let{toastId:a}=t;return a?aO(a):e.toasts.forEach(e=>{aO(e.id)}),{...e,toasts:e.toasts.map(e=>e.id===a||void 0===a?{...e,open:!1}:e)}}case"REMOVE_TOAST":if(void 0===t.toastId)return{...e,toasts:[]};return{...e,toasts:e.toasts.filter(e=>e.id!==t.toastId)}}},aG=[],aX={toasts:[]};function a$(e){aX=aU(aX,e),aG.forEach(e=>{e(aX)})}function aK(e){let{...t}=e,a=(aH=(aH+1)%Number.MAX_SAFE_INTEGER).toString(),s=()=>a$({type:"DISMISS_TOAST",toastId:a});return a$({type:"ADD_TOAST",toast:{...t,id:a,open:!0,onOpenChange:e=>{e||s()}}}),{id:a,dismiss:s,update:e=>a$({type:"UPDATE_TOAST",toast:{...e,id:a}})}}var aq=a(97337),aJ=a(82725);let aQ=(0,aV.j)("inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"},size:{default:"h-10 px-3",sm:"h-9 px-2.5",lg:"h-11 px-5"}},defaultVariants:{variant:"default",size:"default"}}),a0=r.forwardRef((e,t)=>

1{let{className:a,variant:r,size:n,...o}=e;return(0,s.jsx)(aJ.f,{ref:t,className:(0,i.cn)(aQ({variant:r,size:n,className:a})),...o})});a0.displayName=aJ.f.displayName;var a1=a(50776),a2=a(70569),a5=a(17225);let a4=r.createContext({size:"default",variant:"default"}),a3=r.forwardRef((e,t)=>{let{className:a,variant:r,size:n,children:o,...l}=e;return(0,s.jsx)(a5.fC,{ref:t,className:(0,i.cn)("flex items-center justify-center gap-1",a),...l,children:(0,s.jsx)(a4.Provider,{value:{variant:r,size:n},children:o})})});a3.displayName=a5.fC.displayName;let a8=r.forwardRef((e,t)=>{var a,n;let{className:o,children:l,variant:d,size:c,...u}=e,m=r.useContext(a4);return(0,s.jsx)(a5.ck,{ref:t,className:(0,i.cn)(aQ({variant:null!==(a=m.variant)&&void 0!==a?a:d,size:null!==(n=m.size)&&void 0!==n?n:c}),o),...u,children:l})});a8.displayName=a5.ck.displayName;var a9=a(2003);let a6=a9.zt,a7=a9.fC,se=a9.xz,st=r.forwardRef((e,t)=>{let{className:a,sideOffset:r=4,...n}=e;return(0,s.jsx)(a9.VY,{ref:t,sideOffset:r,className:(0,i.cn)("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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",a),...n})});st.displayName=a9.VY.displayName;let sa=[{title:"Accordion",href:"/examples/accordion",component:(0,s.jsx)(function(){return(0,s.jsxs)(I,{type:"single",collapsible:!0,className:"w-full",children:[(0,s.jsxs)(S,{value:"item-1",children:[(0,s.jsx)(_,{children:"Is it accessible?"}),(0,s.jsx)(M,{children:"Yes. It adheres to the WAI-ARIA design pattern."})]}),(0,s.jsxs)(S,{value:"item-2",children:[(0,s.jsx)(_,{children:"Is it styled?"}),(0,s.jsx)(M,{children:"Yes. It comes with default styles that matches the other components' aesthetic."})]}),(0,s.jsxs)(S,{value:"item-3",children:[(0,s.jsx)(_,{children:"Is it animated?"}),(0,s.jsx)(M,{children:"Yes. It's animated by default, but you can disable it if you prefer."})]})]})},{})},{title:"Alert",href:"/examples/alert",component:(0,s.jsx)(function(){return(0,s.jsxs)(T.bZ,{children:[(0,s.jsx)(Z.Z,{className:"h-4 w-4"}),(0,s.jsx)(T.Cd,{children:"Heads up!"}),(0,s.jsx)(T.X,{children:"You can add components to your app using the cli."})]})},{})},{title:"Alert Dialog",href:"/examples/alert-dialog",component:(0,s.jsx)(function(){return(0,s.jsxs)(V,{children:[(0,s.jsx)(A,{asChild:!0,children:(0,s.jsx)(N.z,{variant:"outline",children:"Show Dialog"})}),(0,s.jsxs)(D,{children:[(0,s.jsxs)(B,{children:[(0,s.jsx)(E,{children:"Are you absolutely sure?"}),(0,s.jsx)(H,{children:"This action cannot be undone. This will permanently delete your account and remove your data from our servers."})]}),(0,s.jsxs)(Y,{children:[(0,s.jsx)(O,{children:"Cancel"}),(0,s.jsx)(W,{children:"Continue"})]})]})]})},{})},{title:"Alert Dialog Content",href:"/examples/alert-dialog-content",component:(0,s.jsx)(()=>(0,s.jsxs)("div",{"aria-describedby":"radix-:r185:","aria-labelledby":"radix-:r184:",className:"fixed z-50 grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg","data-state":"open",id:"radix-:r183:",role:"alertdialog",style:{pointerEvents:"auto"},tabIndex:-1,children:[(0,s.jsxs)("div",{className:"flex flex-col space-y-2 text-center sm:text-left",children:[(0,s.jsx)("h2",{className:"text-lg font-semibold",id:"radix-:r184:",children:"Are you absolutely sure?"}),(0,s.jsx)("p",{className:"text-sm text-muted-foreground",id:"radix-:r185:",children:"This action cannot be undone. This will permanently delete your account and remove your data from our servers."})]}),(0,s.jsxs)("div",{className:"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",children:[(0,s.jsx)("button",{className:"mt-2 inline-flex h-9 items-center justify-center whitespace-nowrap rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 sm:mt-0",type:"button",children:"Cancel"}),(0,s.jsx)("button",{className:"inline-flex h-9 items-center justify-center whitespace-nowrap rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",type:"button",children:"Continue"})]})]}),{})},{title:"Avatar",href:"/examples/avatar",component:(0,s.jsx)(function(){return(0,s.jsxs)(G,{children:[(0,s.jsx)(X,{src:"https://github.com/shadcn.png",alt:"@shadcn"}),(0,s.jsx)($,{children:"CN"})]})},{})},{title:"Badge",href:"/examples/badge",component:(0,s.jsx)(function(){return(0,s.jsx)(K.C,{children:"Badge"})},{})},{title:"Button",href:"/examples/button",component:(0,s.jsx)(function(){return(0,s.jsx)(N.z,{children:"Button"})},{})},{title:"Calendar",href:"/examples/calendar",component:(0,s.jsx)(function(){let[e,t]=r.useState(new Date);return(0,s.jsx)(ee,{mode:"single",selected:e,onSelect:t,className:"rounded-md border"})},{})},{title:"Card",href:"/examples/card",component:(0,s.jsx)(function(e){let{className:t,...a}=e;return(0,s.jsxs)(es,{className:(0,i.cn)("w-[380px]",t),...a,children:[(0,s.jsxs)(er,{children:[(0,s.jsx)(en,{children:"Notifications"}),(0,s.jsx)(ei,{children:"You have 3 unread messages."})]}),(0,s.jsxs)(eo,{className:"grid gap-4",children:[(0,s.jsxs)("div",{className:" flex items-center space-x-4 roun

1ded-md border p-4",children:[(0,s.jsx)(et.Z,{}),(0,s.jsxs)("div",{className:"flex-1 space-y-1",children:[(0,s.jsx)("p",{className:"text-sm font-medium leading-none",children:"Push Notifications"}),(0,s.jsx)("p",{className:"text-sm text-muted-foreground",children:"Send notifications to device."})]}),(0,s.jsx)(ec,{})]}),(0,s.jsx)("div",{children:eu.map((e,t)=>(0,s.jsxs)("div",{className:"mb-4 grid grid-cols-[25px_1fr] items-start pb-4 last:mb-0 last:pb-0",children:[(0,s.jsx)("span",{className:"flex h-2 w-2 translate-y-1 rounded-full bg-sky-500"}),(0,s.jsxs)("div",{className:"space-y-1",children:[(0,s.jsx)("p",{className:"text-sm font-medium leading-none",children:e.title}),(0,s.jsx)("p",{className:"text-sm text-muted-foreground",children:e.description})]})]},t))})]}),(0,s.jsx)(el,{children:(0,s.jsxs)(N.z,{className:"w-full",children:[(0,s.jsx)(ea.Z,{className:"mr-2 h-4 w-4"})," Mark all as read"]})})]})},{})},{title:"Checkbox",href:"/examples/checkbox",component:(0,s.jsx)(function(){return(0,s.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,s.jsx)(ex,{id:"terms"}),(0,s.jsx)("label",{htmlFor:"terms",className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Accept terms and conditions"})]})},{})},{title:"Collapsible",href:"/examples/collapsible",component:(0,s.jsx)(function(){let[e,t]=r.useState(!1);return(0,s.jsxs)(ef,{open:e,onOpenChange:t,className:"w-[350px] space-y-2",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between space-x-4 px-4",children:[(0,s.jsx)("h4",{className:"text-sm font-semibold",children:"@peduarte starred 3 repositories"}),(0,s.jsx)(eg,{asChild:!0,children:(0,s.jsxs)(N.z,{variant:"ghost",size:"sm",className:"w-9 p-0",children:[(0,s.jsx)(eh.Z,{className:"h-4 w-4"}),(0,s.jsx)("span",{className:"sr-only",children:"Toggle"})]})})]}),(0,s.jsx)("div",{className:"rounded-md border px-4 py-3 font-mono text-sm",children:"@radix-ui/primitives"}),(0,s.jsxs)(eb,{className:"space-y-2",children:[(0,s.jsx)("div",{className:"rounded-md border px-4 py-3 font-mono text-sm",children:"@radix-ui/colors"}),(0,s.jsx)("div",{className:"rounded-md border px-4 py-3 font-mono text-sm",children:"@stitches/react"})]})]})},{})},{title:"Combobox",href:"/examples/combobox",component:(0,s.jsx)(function(){var e;let[t,a]=r.useState(!1),[n,o]=r.useState("");return(0,s.jsxs)(eY,{open:t,onOpenChange:a,children:[(0,s.jsx)(eE,{asChild:!0,children:(0,s.jsxs)(N.z,{variant:"outline",role:"combobox","aria-expanded":t,className:"w-[200px] justify-between",children:[n?null===(e=eW.find(e=>e.value===n))||void 0===e?void 0:e.label:"Select framework...",(0,s.jsx)(eh.Z,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),(0,s.jsx)(eH,{className:"w-[200px] p-0",children:(0,s.jsxs)(eZ,{children:[(0,s.jsx)(eT,{placeholder:"Search framework..."}),(0,s.jsx)(eV,{children:"No framework found."}),(0,s.jsx)(eA,{children:eW.map(e=>(0,s.jsxs)(eF,{value:e.value,onSelect:e=>{o(e===n?"":e),a(!1)},children:[(0,s.jsx)(ea.Z,{className:(0,i.cn)("mr-2 h-4 w-4",n===e.value?"opacity-100":"opacity-0")}),e.label]},e.value))})]})})]})},{})},{title:"Combobox Content",href:"/examples/combobox-content",component:(0,s.jsx)(()=>(0,s.jsx)("div",{className:"z-50 w-[200px] rounded-md border bg-popover p-0 text-popover-foreground shadow-md 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","data-align":"center","data-side":"bottom","data-state":"open",id:"radix-:r1h6:",role:"dialog",tabIndex:-1,children:(0,s.jsxs)("div",{className:"flex h-full w-full flex-col overflow-hidden rounded-md bg-popover text-popover-foreground","cmdk-root":"",children:[(0,s.jsx)("label",{"cmdk-label":"",htmlFor:":r1it:",id:":r1is:",style:{borderWidth:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",margin:"-1px",overflow:"hidden",padding:"0px",position:"absolute",whiteSpace:"nowrap",width:"1px"}}),(0,s.jsxs)("div",{className:"flex items-center border-b px-3","cmdk-input-wrapper":"",children:[(0,s.jsx)("svg",{className:"mr-2 h-4 w-4 shrink-0 opacity-50",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{clipRule:"evenodd",d:"M10 6.5C10 8.433 8.433 10 6.5 10C4.567 10 3 8.433 3 6.5C3 4.567 4.567 3 6.5 3C8.433 3 10 4.567 10 6.5ZM9.30884 10.0159C8.53901 10.6318 7.56251 11 6.5 11C4.01472 11 2 8.98528 2 6.5C2 4.01472 4.01472 2 6.5 2C8.98528 2 11 4.01472 11 6.5C11 7.56251 10.6318 8.53901 10.0159 9.30884L12.8536 12.1464C13.0488 12.3417 13.0488 12.6583 12.8536 12.8536C12.6583 13.0488 12.3417 13.0488 12.1464 12.8536L9.30884 10.0159Z",fill:"currentColor",fillRule:"evenodd"})}),(0,s.jsx)("input",{"aria-autocomplete":"list","aria-controls":":r1ir:","aria-expanded":"true","aria-labelledby":":r1is:",autoComplete:"off",autoCorrect:"off",className:"flex h-9 w-full rounded-md bg-transparent py-3 text-sm outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50","cmdk-input":"",defaultValue:"",id:":r1it:",placeholder:"Search framework...",role:"combobox",spell

1Check:"false",type:"text"})]}),(0,s.jsx)("div",{className:"overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground","cmdk-group":"","data-value":"undefined",role:"presentation",children:(0,s.jsxs)("div",{"cmdk-group-items":"",role:"group",children:[(0,s.jsxs)("div",{"aria-selected":"true",className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","cmdk-item":"","data-selected":"true","data-value":"next.js",role:"option",children:["Next.js",(0,s.jsx)("svg",{className:"ml-auto h-4 w-4 opacity-0",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{clipRule:"evenodd",d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:"currentColor",fillRule:"evenodd"})})]}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","cmdk-item":"","data-value":"sveltekit",role:"option",children:["SvelteKit",(0,s.jsx)("svg",{className:"ml-auto h-4 w-4 opacity-0",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{clipRule:"evenodd",d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:"currentColor",fillRule:"evenodd"})})]}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","cmdk-item":"","data-value":"nuxt.js",role:"option",children:["Nuxt.js",(0,s.jsx)("svg",{className:"ml-auto h-4 w-4 opacity-0",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{clipRule:"evenodd",d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:"currentColor",fillRule:"evenodd"})})]}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","cmdk-item":"","data-value":"remix",role:"option",children:["Remix",(0,s.jsx)("svg",{className:"ml-auto h-4 w-4 opacity-0",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{clipRule:"evenodd",d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:"currentColor",fillRule:"evenodd"})})]}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none aria-selected:bg-accent aria-selected:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","cmdk-item":"","data-value":"astro",role:"option",children:["Astro",(0,s.jsx)("svg",{className:"ml-auto h-4 w-4 opacity-0",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{clipRule:"evenodd",d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:"currentColor",fillRule:"evenodd"})})]})]})})]})}),{})},{title:"Command",href:"/examples/command",component:(0,s.jsx)(function(){return(0,s.jsxs)(eZ,{className:"rounded-lg border shadow-md",children:[(0,s.jsx)(eT,{placeholder:"Type a command or search..."}),(0,s.jsxs)(eL,{children:[(0,s.jsx)(eV,{children:"No results found."}),(0,s.jsxs)(eA,{heading:"Suggestions",children:[(0,s.jsxs)(eF,{children:[(0,s.jsx)(eO.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Calendar"})]}),(0,s.jsxs)(eF,{children:[(0,s.jsx)(eU.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Search Emoji"})]}),(0,s.jsxs)(eF,{children:[(0,s.jsx)(eG.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Calculator"})]})]}),(0,s.jsx)(eP,{}),(0,s.jsxs)(eA,{heading:"Settings",children:[(0,s.jsxs)(eF,{children:[(0,s.jsx)(eX.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Profile"}),(0,s.jsx)(eD,{children:"⌘P"})]}),(0,s.jsxs)(eF,{children:[(0,s.jsx)(e$.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Billing"}),(0,s.jsx)(eD,{children:"⌘B"})]}),(0,s.jsxs)(eF,{children:[(0,s.jsx)(eK.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Settings"}),(0,s.jsx)(eD,{children:"⌘S"})]})]})]})]})},{})},{title:"Context Menu",href:"/examples/context-menu",component:(0,s.jsx)(function(){return(0,s.jsxs)(eQ,{children:[(0,s.jsx)(e0,{className:"flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm",children:"Right click here"}),(0,s.jsxs)(e3,{className:"w-64",children:[(0,s.jsxs)(e8,{inset:!0,children:["Back",(0,s.jsx)(tt,{children:"⌘["})]}),(0,s.jsxs)(e8,{inset:!0,disabled:!0,children:["Forward",(0,s.jsx)(tt,{children:"⌘]"})]}),(0,s.jsxs)(e8,{inset:!0,children:["Reload",(0,s.jsx)(tt,{children:"⌘R"})]}),(0,s.jsxs)(e1,{children:[(0,s.jsx)(e5,{inset:!0,children:"More Tools"}),(0,s.jsxs)(e4,{className:"w-48",children:[(0,s.jsxs)(e8,{children:["Save Page As...",(0,s.jsx)(tt,{children:"⇧⌘S"})]}),(0,s.jsx)(e8,{children:"Create Shortcut..."}),(0,s.jsx)(e8,{children:"Name Window..."}),(0,s.jsx)(te,{}),(0,s.jsx)(e8,{children:"Developer Tools"})]})]}),(0,s.jsx)(te,{}),(0,s.jsxs)(e9,{checked:!0,children:["Show Bookmarks Bar",(0,s.jsx)(tt,{children:"⌘⇧B"})]}),(0,s.jsx)(e9,{children:"Show Full URLs"}),(0,s.jsx)(te,{}),(0,s.jsxs)(e2,{value:"pedro",children:[(0,s.jsx)(e7,{inset:!0,children:"People"}),(0,s.jsx)(te,{}),(0,s.jsx)(e6,{value:"pedro",children:"Pedro Duarte"}),(0,s.jsx)(e6,{value:"colm",children:"Colm Tuite"})]})]})]})},{})},{title:"Context Menu Content",href:"/examples/context-menu-content",component:(0,s.jsx)(()=>(0,s.jsx)("div",{"data-radix-popper-content-wrapper":"",dir:"ltr",children:(0,s.jsxs)("div",{"aria-orientation":"vertical",className:"z-50 w-64 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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]:sli

1de-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","data-align":"start","data-orientation":"vertical","data-radix-menu-content":"","data-side":"right","data-state":"open",dir:"ltr",role:"menu",tabIndex:-1,children:[(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 pl-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:["Back",(0,s.jsx)("span",{className:"ml-auto text-xs tracking-widest text-muted-foreground",children:"⌘["})]}),(0,s.jsxs)("div",{"aria-disabled":"true",className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 pl-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-disabled":"","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:["Forward",(0,s.jsx)("span",{className:"ml-auto text-xs tracking-widest text-muted-foreground",children:"⌘]"})]}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 pl-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:["Reload",(0,s.jsx)("span",{className:"ml-auto text-xs tracking-widest text-muted-foreground",children:"⌘R"})]}),(0,s.jsxs)("div",{"aria-controls":"radix-:r1l7:","aria-expanded":"false","aria-haspopup":"menu",className:"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 pl-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground","data-orientation":"vertical","data-radix-collection-item":"","data-state":"closed",id:"radix-:r1l8:",role:"menuitem",tabIndex:-1,children:["More Tools",(0,s.jsx)("svg",{className:"ml-auto h-4 w-4",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{clipRule:"evenodd",d:"M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z",fill:"currentColor",fillRule:"evenodd"})})]}),(0,s.jsx)("div",{"aria-orientation":"horizontal",className:"-mx-1 my-1 h-px bg-border",role:"separator"}),(0,s.jsxs)("div",{"aria-checked":"true",className:"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"","data-state":"checked",role:"menuitemcheckbox",tabIndex:-1,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,s.jsx)("span",{"data-state":"checked",children:(0,s.jsx)("svg",{className:"h-4 w-4",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{clipRule:"evenodd",d:"M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",fill:"currentColor",fillRule:"evenodd"})})})}),"Show Bookmarks Bar",(0,s.jsx)("span",{className:"ml-auto text-xs tracking-widest text-muted-foreground",children:"⌘⇧B"})]}),(0,s.jsxs)("div",{"aria-checked":"false",className:"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"","data-state":"unchecked",role:"menuitemcheckbox",tabIndex:-1,

1children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"}),"Show Full URLs"]}),(0,s.jsx)("div",{"aria-orientation":"horizontal",className:"-mx-1 my-1 h-px bg-border",role:"separator"}),(0,s.jsxs)("div",{role:"group",children:[(0,s.jsx)("div",{className:"px-2 py-1.5 pl-8 text-sm font-semibold text-foreground",children:"People"}),(0,s.jsx)("div",{"aria-orientation":"horizontal",className:"-mx-1 my-1 h-px bg-border",role:"separator"}),(0,s.jsxs)("div",{"aria-checked":"true",className:"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"","data-state":"checked",role:"menuitemradio",tabIndex:-1,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,s.jsx)("span",{"data-state":"checked",children:(0,s.jsx)("svg",{className:"h-4 w-4 fill-current",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M9.875 7.5C9.875 8.81168 8.81168 9.875 7.5 9.875C6.18832 9.875 5.125 8.81168 5.125 7.5C5.125 6.18832 6.18832 5.125 7.5 5.125C8.81168 5.125 9.875 6.18832 9.875 7.5Z",fill:"currentColor"})})})}),"Pedro Duarte"]}),(0,s.jsxs)("div",{"aria-checked":"false",className:"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"","data-state":"unchecked",role:"menuitemradio",tabIndex:-1,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"}),"Colm Tuite"]})]})]})}),{})},{title:"Data Table",href:"/examples/data-table",component:(0,s.jsx)(function(){var e,t,a;let[n,i]=r.useState([]),[o,l]=r.useState([]),[d,c]=r.useState({}),[u,m]=r.useState({}),x=(0,ta.b7)({data:tf,columns:tg,onSortingChange:i,onColumnFiltersChange:l,getCoreRowModel:(0,ts.sC)(),getPaginationRowModel:(0,ts.G_)(),getSortedRowModel:(0,ts.tj)(),getFilteredRowModel:(0,ts.vL)(),onColumnVisibilityChange:c,onRowSelectionChange:m,state:{sorting:n,columnFilters:o,columnVisibility:d,rowSelection:u}});return(0,s.jsxs)("div",{className:"w-full",children:[(0,s.jsxs)("div",{className:"flex items-center py-4",children:[(0,s.jsx)(to.I,{placeholder:"Filter emails...",value:null!==(a=null===(e=x.getColumn("email"))||void 0===e?void 0:e.getFilterValue())&&void 0!==a?a:"",onChange:e=>{var t;return null===(t=x.getColumn("email"))||void 0===t?void 0:t.setFilterValue(e.target.value)},className:"max-w-sm"}),(0,s.jsxs)(ti.h_,{children:[(0,s.jsx)(ti.$F,{asChild:!0,children:(0,s.jsxs)(N.z,{variant:"outline",className:"ml-auto",children:["Columns ",(0,s.jsx)(R.Z,{className:"ml-2 h-4 w-4"})]})}),(0,s.jsx)(ti.AW,{align:"end",children:x.getAllColumns().filter(e=>e.getCanHide()).map(e=>(0,s.jsx)(ti.bO,{className:"capitalize",checked:e.getIsVisible(),onCheckedChange:t=>e.toggleVisibility(!!t),children:e.id},e.id))})]})]}),(0,s.jsx)("div",{className:"rounded-md border",children:(0,s.jsxs)(tl,{children:[(0,s.jsx)(td,{children:x.getHeaderGroups().map(e=>(0,s.jsx)(tm,{children:e.headers.map(e=>(0,s.jsx)(tx,{children:e.isPlaceholder?null:(0,ta.ie)(e.column.columnDef.header,e.getContext())},e.id))},e.id))}),(0,s.jsx)(tc,{children:(null===(t=x.getRowModel().rows)||void 0===t?void 0:t.length)?x.getRowModel().rows.map(e=>(0,s.jsx)(tm,{"data-state":e.getIsSelected()&&"selected",children:e.getVisibleCells().map(e=>(0,s.jsx)(th,{children:(0,ta.ie)(e.column.columnDef.cell,e.getContext())},e.id))},e.id)):(0,s.jsx)(tm,{children:(0,s.jsx)(th,{colSpan:tg.length,className:"h-24 text-center",children:"No results."})})})]})}),(0,s.jsxs)("div",{className:"flex items-center justify-end space-x-2 py-4",children:[(0,s.jsxs)("div",{className:"flex-1 text-sm text-muted-foreground",children:[x.getFilteredSelectedRowModel().rows.length," of"," ",x.getFilteredRowModel().rows.length," row(s) selected."]}),(0,s.jsxs)("div",{className:"space-x-2",children:[(0,s.jsx)(N.z,{variant:"outline",size:"sm",onClick:()=>x.previousPage(),disabled:!x.getCanPreviousPage(),children:"Previous"}),(0,s.jsx)(N.z,{variant:"outline",size:"sm",onClick:()=>x.nextPage(),disabled:!x.getCanNextPage(),children:"Next"})]})]})]})},{})},{title:"Date Picker",href:"/examples/date-picker",component:(0,s.jsx)(function(){let[e,t]=r.useState();return(0,s.jsxs)(eY,{children:[(0,s.jsx)(eE,{asChild:!0,children:(0,s.jsxs)(N.z,{variant:"outline",className:(0,i.cn)("w-[280px] justify-start text-left font-normal",!e&&"text-muted-foreground"),children:[(0,s.jsx)(eO.Z,{className:"mr-2 h-4 w-4"}),e?(0,tb.ZP)(e,"PPP"):(0,s.jsx)("span",{children:"Pick a date"})]})}),(0,s.jsx)(eH,{className:"w-auto p-0",children:(0,s.jsx)(ee,{mode:"single",selected:e,onSelect:t,initialFocus:!0})})]})},{})},{title:"Date Picker Content",href:"/examples/date-picker-content",component:(0,s.jsx)(()=>(0,s.jsx)("div",{className:"z-50 w-auto rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none 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]:sli

1de-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","data-align":"start","data-side":"top","data-state":"open",id:"radix-:rbd:",role:"dialog",tabIndex:-1,children:(0,s.jsx)("div",{className:"rdp p-3",children:(0,s.jsx)("div",{className:"flex flex-col space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0",children:(0,s.jsxs)("div",{className:"rdp-caption_start rdp-caption_end space-y-4",children:[(0,s.jsxs)("div",{className:"relative flex items-center justify-center pt-1",children:[(0,s.jsx)("div",{"aria-live":"polite",className:"text-sm font-medium",id:"react-day-picker-1",role:"presentation",children:"January 2024"}),(0,s.jsxs)("div",{className:"flex items-center space-x-1",children:[(0,s.jsx)("button",{"aria-label":"Go to previous month",className:"rdp-button_reset rdp-button absolute left-1 inline-flex h-7 w-7 items-center justify-center whitespace-nowrap rounded-md border border-input bg-transparent p-0 text-sm font-medium opacity-50 ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",name:"previous-month",type:"button",children:(0,s.jsx)("svg",{className:"h-4 w-4",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{clipRule:"evenodd",d:"M8.84182 3.13514C9.04327 3.32401 9.05348 3.64042 8.86462 3.84188L5.43521 7.49991L8.86462 11.1579C9.05348 11.3594 9.04327 11.6758 8.84182 11.8647C8.64036 12.0535 8.32394 12.0433 8.13508 11.8419L4.38508 7.84188C4.20477 7.64955 4.20477 7.35027 4.38508 7.15794L8.13508 3.15794C8.32394 2.95648 8.64036 2.94628 8.84182 3.13514Z",fill:"currentColor",fillRule:"evenodd"})})}),(0,s.jsx)("button",{"aria-label":"Go to next month",className:"rdp-button_reset rdp-button absolute right-1 inline-flex h-7 w-7 items-center justify-center whitespace-nowrap rounded-md border border-input bg-transparent p-0 text-sm font-medium opacity-50 ring-offset-background transition-colors hover:bg-accent hover:text-accent-foreground hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",name:"next-month",type:"button",children:(0,s.jsx)("svg",{className:"h-4 w-4",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{clipRule:"evenodd",d:"M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z",fill:"currentColor",fillRule:"evenodd"})})})]})]}),(0,s.jsxs)("table",{"aria-labelledby":"react-day-picker-1",className:"w-full border-collapse space-y-1",role:"grid",children:[(0,s.jsx)("thead",{className:"rdp-head",children:(0,s.jsxs)("tr",{className:"flex",children:[(0,s.jsx)("th",{"aria-label":"Sunday",className:"w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground",scope:"col",children:"Su"}),(0,s.jsx)("th",{"aria-label":"Monday",className:"w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground",scope:"col",children:"Mo"}),(0,s.jsx)("th",{"aria-label":"Tuesday",className:"w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground",scope:"col",children:"Tu"}),(0,s.jsx)("th",{"aria-label":"Wednesday",className:"w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground",scope:"col",children:"We"}),(0,s.jsx)("th",{"aria-label":"Thursday",className:"w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground",scope:"col",children:"Th"}),(0,s.jsx)("th",{"aria-label":"Friday",className:"w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground",scope:"col",children:"Fr"}),(0,s.jsx)("th",{"aria-label":"Saturday",className:"w-8 rounded-md text-[0.8rem] font-normal text-muted-foreground",scope:"col",children:"Sa"})]})}),(0,s.jsxs)("tbody",{className:"rdp-tbody",role:"rowgroup",children:[(0,s.jsxs)("tr",{className:"mt-2 flex w-full",children:[(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button day-outside inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal text-muted-foreground opacity-50 ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:bg-accent/50  aria-selected:text-muted-foreground",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"31"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"1"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"2"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"3"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"4"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"5"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"6"})})]}),(0,s.jsxs)("tr",{className:"mt-2 flex w-full",children:[(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"7"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"8"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"9"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"10"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"11"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"12"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"13"})})]}),(0,s.jsxs)("tr",{className:"mt-2 flex w-full",children:[(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"14"})}),(0,s.jsx)("td",{classN

1ame:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"15"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"16"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"17"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"18"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"19"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"20"})})]}),(0,s.jsxs)("tr",{className:"mt-2 flex w-full",children:[(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"21"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md bg-accent p-0 text-sm font-normal text-accent-foreground ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:0,type:"button",children:"22"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"23"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"24"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"25"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"26"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"27"})})]}),(0,s.jsxs)("tr",{className:"mt-2 flex w-full",children:[(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"28"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"29"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"30"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:opacity-100",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"31"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button day-outside inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal text-muted-foreground opacity-50 ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:bg-accent/50  aria-selected:text-muted-foreground aria-selected:opacity-100 aria-selected:opacity-30",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"1"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button day-outside inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal text-muted-foreground opacity-50 ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:bg-accent/50  aria-selected:text-muted-foreground aria-selected:opacity-100 aria-selected:opacity-30",name:"day",role:"gridcell",tabIndex:-1,type:"button",children:"2"})}),(0,s.jsx)("td",{className:"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:rounded-md [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",role:"presentation",children:(0,s.jsx)("button",{className:"rdp-button_reset rdp-button day-outside inline-flex h-8 w-8 items-center justify-center whitespace-nowrap rounded-md p-0 text-sm font-normal text-muted-foreground opacity-50 ring-offset-background 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-2 disabled:pointer-events-none disabled:opacity-50 aria-selected:bg-accent/50  aria-selected:text-muted-foreground aria-selected:opacity-100 aria-selected:opacity-30",name:"d

1ay",role:"gridcell",tabIndex:-1,type:"button",children:"3"})})]})]})]})]})})})}),{})},{title:"Dialog",href:"/examples/dialog",component:(0,s.jsx)(function(){return(0,s.jsxs)(eN,{children:[(0,s.jsx)(ek,{asChild:!0,children:(0,s.jsx)(N.z,{variant:"outline",children:"Edit Profile"})}),(0,s.jsxs)(eR,{className:"sm:max-w-[425px]",children:[(0,s.jsxs)(eI,{children:[(0,s.jsx)(e_,{children:"Edit profile"}),(0,s.jsx)(eM,{children:"Make changes to your profile here. Click save when you're done."})]}),(0,s.jsxs)("div",{className:"grid gap-4 py-4",children:[(0,s.jsxs)("div",{className:"grid grid-cols-4 items-center gap-4",children:[(0,s.jsx)(tv._,{htmlFor:"name",className:"text-right",children:"Name"}),(0,s.jsx)(to.I,{id:"name",defaultValue:"Pedro Duarte",className:"col-span-3"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-4 items-center gap-4",children:[(0,s.jsx)(tv._,{htmlFor:"username",className:"text-right",children:"Username"}),(0,s.jsx)(to.I,{id:"username",defaultValue:"@peduarte",className:"col-span-3"})]})]}),(0,s.jsx)(eS,{children:(0,s.jsx)(N.z,{type:"submit",children:"Save changes"})})]})]})},{})},{title:"Dialog Content",href:"/examples/dialog-content",component:(0,s.jsx)(function(){return(0,s.jsxs)("div",{"aria-describedby":"radix-:r1p:","aria-labelledby":"radix-:r1o:",className:"fixed z-50 grid w-full max-w-lg gap-4 border bg-background p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:max-w-[425px] sm:rounded-lg","data-state":"open",id:"radix-:r1n:",role:"dialog",style:{pointerEvents:"auto"},tabIndex:-1,children:[(0,s.jsxs)("div",{className:"flex flex-col space-y-1.5 text-center sm:text-left",children:[(0,s.jsx)("h2",{className:"text-lg font-semibold leading-none tracking-tight",id:"radix-:r1o:",children:"Edit profile"}),(0,s.jsx)("p",{className:"text-sm text-muted-foreground",id:"radix-:r1p:",children:"Make changes to your profile here. Click save when you're done."})]}),(0,s.jsxs)("div",{className:"grid gap-4 py-4",children:[(0,s.jsxs)("div",{className:"grid grid-cols-4 items-center gap-4",children:[(0,s.jsx)("label",{className:"text-right text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",htmlFor:"name",children:"Name"}),(0,s.jsx)("input",{className:"col-span-3 flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm r

1ing-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",defaultValue:"Pedro Duarte",id:"name"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-4 items-center gap-4",children:[(0,s.jsx)("label",{className:"text-right text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",htmlFor:"username",children:"Username"}),(0,s.jsx)("input",{className:"col-span-3 flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",defaultValue:"@peduarte",id:"username"})]})]}),(0,s.jsx)("div",{className:"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",children:(0,s.jsx)("button",{className:"inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground ring-offset-background transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",type:"submit",children:"Save changes"})}

1),(0,s.jsxs)("button",{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",type:"button",children:[(0,s.jsxs)("svg",{className:"lucide lucide-x h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M18 6 6 18"}),(0,s.jsx)("path",{d:"m6 6 12 12"})]}),(0,s.jsx)("span",{className:"sr-only",children:"Close"})]})]})},{})},{title:"Drawer",href:"/examples/drawer",component:(0,s.jsx)(function(){let[e,t]=r.useState(350);function a(a){t(Math.max(200,Math.min(400,e+a)))}return(0,s.jsxs)(tz,{children:[(0,s.jsx)(tR,{asChild:!0,children:(0,s.jsx)(N.z,{variant:"outline",children:"Open Drawer"})}),(0,s.jsx)(tM,{children:(0,s.jsxs)("div",{className:"mx-auto w-full max-w-sm",children:[(0,s.jsxs)(tZ,{children:[(0,s.jsx)(tL,{children:"Move Goal"}),(0,s.jsx)(tV,{children:"Set your daily activity goal."})]}),(0,s.jsxs)("div",{className:"p-4 pb-0",children:[(0,s.jsxs)("div",{className:"flex items-center justify-center space-x-2",children:[(0,s.jsxs)(N.z,{variant:"outline",size:"icon",className:"h-8 w-8 shrink-0 rounded-full",onClick:()=>a(-10),disabled:e<=200,children:[(0,s.jsx)(tj.Z,{className:"h-4 w-4"}),(0,s.jsx)("span",{className:"sr-only",children:"Decrease"})]}),(0,s.jsxs)("div",{className:"flex-1 text-center",children:[(0,s.jsx)("div",{className:"text-7xl font-bold tracking-tighter",children:e}),(0,s.jsx)("div",{className:"text-[0.70rem] uppercase text-muted-foreground",children:"Calories/day"})]}),(0,s.jsxs)(N.z,{variant:"outline",size:"icon",className:"h-8 w-8 shrink-0 rounded-full",onClick:()=>a(10),disabled:e>=400,children:[(0,s.jsx)(ty.Z,{className:"h-4 w-4"}),(0,s.jsx)("span",{className:"sr-only",children:"Increase"})]})]}),(0,s.jsx)("div",{className:"mt-3 h-[120px]",children:(0,s.jsx)(tw.h,{width:"100%",height:"100%",children:(0,s.jsx)(tN.v,{data:tA,children:(0,s.jsx)(tk.$,{dataKey:"goal",style:{fill:"hsl(var(--foreground))",opacity:.9}})})})})]}),(0,s.jsxs)(tT,{children:[(0,s.jsx)(N.z,{children:"Submit"}),(0,s.jsx)(tS,{asChild:!0,children:(0,s.jsx)(N.z,{variant:"outline",children:"Cancel"})})]})]})})]})},{})},{title:"Drawer Content",href:"/examples/drawer-content",component:(0,s.jsx)(()=>(0,s.jsxs)("div",{className:"mx-auto w-full max-w-sm",children:[(0,s.jsxs)("div",{className:"grid gap-1.5 p-4 text-center sm:text-left",children:[(0,s.jsx)("h2",{className:"text-lg font-semibold leading-none tracking-tight",id:"radix-:rg5:",children:"Move Goal"}),(0,s.jsx)("p",{className:"text-sm text-muted-foreground",id:"radix-:rg6:",children:"Set your daily activity goal."})]}),(0,s.jsxs)("div",{className:"p-4 pb-0",children:[(0,s.jsxs)("div",{className:"flex items-center justify-center space-x-2",children:[(0,s.jsxs)("button",{className:"inline-flex h-8 w-8 shrink-0 items-center justify-center whitespace-nowrap rounded-full border border-input bg-background text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",children:[(0,s.jsx)("svg",{className:"h-4 w-4",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{clipRule:"evenodd",d:"M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z",fill:"currentColor",fillRule:"evenodd"})}),(0,s.jsx)("span",{className:"sr-only",children:"Decrease"})]}),(0,s.jsxs)("div",{className:"flex-1 text-center",children:[(0,s.jsx)("div",{className:"text-7xl font-bold tracking-tighter",children:"350"}),(0,s.jsx)("div",{className:"text-[0.70rem] uppercase text-muted-foreground",children:"Calories/day"})]}),(0,s.jsxs)("button",{className:"inline-flex h-8 w-8 shrink-0 items-center justify-center whitespace-nowrap rounded-full border border-input bg-background text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",children:[(0,s.jsx)("svg",{className:"h-4 w-4",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{clipRule:"evenodd",d:"M8 2.75C8 2.47386 7.77614 2.25 7.5 2.25C7.22386 2.25 7 2.47386 7 2.75V7H2.75C2.47386 7 2.25 7.22386 2.25 7.5C2.25 7.77614 2.47386 8 2.75 8H7V12.25C7 12.5261 7.22386 12.75 7.5 12.75C7.77614 12.75 8 12.5261 8 12.25V8H12.25C12.5261 8 12.75 7.77614 12.75 7.5C12.75 7.22386 12.5261 7 12.25 7H8V2.75Z",fill:"currentColor",fillRule:"evenodd"})}),(0,s.jsx)("span",{className:"sr-only",children:"Increase"})]})]}),(0,s.jsx)("div",{className:"mt-3 h-[120px]",children:(0,s.jsx)("div",{className:"recharts-responsive-container",children:(0,s.jsx)("div",{className:"recharts-wrapper",role:"region",children:(0,s.jsxs)("svg",{className:"recharts-surface",height:"120",viewBox:"0 0 352 120",width:"352",children:[(0,s.jsx)("title",{}),(0,s.jsx)("desc",{}),(0,s.jsx)("defs",{children:(0,s.jsx)("clipPath",{id:"recharts7-clip",children:(0,s.jsx)("rect",{height:"110",width:"342",x:"5",y:"5"})})}),(0,s.jsxs)("g",{className:"recharts-layer recharts-bar",children:[(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangles",children:(0,s.jsxs)("g",{className:"recharts-layer",children:[(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangle",role:"img",children:(0,s.jsx)("path",{className:"recharts-rectangle",d:"M 7.63076923076923,5 h 21 v 110 h -21 Z",height:"110",radius:"0",style:{fill:"hsl(var(--foreground))",opacity:"0.9"},width:"21",x:"7.63076923076923",y:"5"})}),(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangle",role:"img",children:(0,s.jsx)("path",{className:"recharts-rectangle",d:"M 33.93846153846154,32.5 h 21 v 82.5 h -21 Z",height:"82.5",radius:"0",style:{fill:"hsl(var(--foreground))",opacity:"0.9"},width:"21",x:"33.93846153846154",y:"32.5"})}),(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangle",role:"img",children:(0,s.jsx)("path",{className:"recharts-rectangle",d:"M 60.246153846153845,60 h 21 v 55 h -21 Z",height:"55",radius:"0",style:{fill:"hsl(var(--foreground))",opacity:"0.9"},width:"21",x:"60.246153846153845",y:"60"})}),(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangle",role:"img",children:(0,s.jsx)("path",{className:"recharts-rectangle",d:"M 86.55384615384615,32.5 h 21 v 82.5 h -21 Z",height:"82.5",radius:"0",style:{fill:"hsl(var(--foreground))",opacity:"0.9"},width:"21",x:"86.55384615384615",y:"32.5"})}),(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangle",role:"img",children:(0,s.jsx)("path",{className:"recharts-rectangle",d:"M 112.86153846153846,60 h 21 v 55 h -21 Z",height:"55",radius:"0",style:{fill:"hsl(var(--foreground))",opacity:"0.9"},width:"21",x:"112.86153846153846",y:"60"})}),(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangle",role:"img",children:(0,s.jsx)("path",{className:"recharts-rectangle",d:"M 139.16923076923078,38.55000000000001 h 21 v 76.44999999999999 h -21 Z",height:"76.44999999999999",radius:"0",style:{fill:"hsl(var(--foreground))",opacity:"0.9"},width:"21",x:"139.16923076923078",y:"38.55000000000001"})}),(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangle",role:"img",children:(0,s.jsx)("path",{className:"recharts-rectangle",d:"M 165.47692307692307,63.025000000000006 h 21 v 51.974999999999994 h -21 Z",height:"51.974999999999994",radiu

1s:"0",style:{fill:"hsl(var(--foreground))",opacity:"0.9"},width:"21",x:"165.47692307692307",y:"63.025000000000006"})}),(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangle",role:"img",children:(0,s.jsx)("path",{className:"recharts-rectangle",d:"M 191.78461538461536,49.27499999999999 h 21 v 65.72500000000001 h -21 Z",height:"65.72500000000001",radius:"0",style:{fill:"hsl(var(--foreground))",opacity:"0.9"},width:"21",x:"191.78461538461536",y:"49.27499999999999"})}),(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangle",role:"img",children:(0,s.jsx)("path",{className:"recharts-rectangle",d:"M 218.09230769230768,32.5 h 21 v 82.5 h -21 Z",height:"82.5",radius:"0",style:{fill:"hsl(var(--foreground))",opacity:"0.9"},width:"21",x:"218.09230769230768",y:"32.5"})}),(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangle",role:"img",children:(0,s.jsx)("path",{className:"recharts-rectangle",d:"M 244.4,60 h 21 v 55 h -21 Z",height:"55",radius:"0",style:{fill:"hsl(var(--foreground))",opacity:"0.9"},width:"21",x:"244.4",y:"60"})}),(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangle",role:"img",children:(0,s.jsx)("path",{className:"recharts-rectangle",d:"M 270.7076923076923,38.55000000000001 h 21 v 76.44999999999999 h -21 Z",height:"76.44999999999999",radius:"0",style:{fill:"hsl(var(--foreground))",opacity:"0.9"},width:"21",x:"270.7076923076923",y:"38.55000000000001"})}),(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangle",role:"img",children:(0,s.jsx)("path",{className:"recharts-rectangle",d:"M 297.01538461538456,63.025000000000006 h 21 v 51.974999999999994 h -21 Z",height:"51.974999999999994",radius:"0",style:{fill:"hsl(var(--foreground))",opacity:"0.9"},width:"21",x:"297.01538461538456",y:"63.025000000000006"})}),(0,s.jsx)("g",{className:"recharts-layer recharts-bar-rectangle",role:"img",children:(0,s.jsx)("path",{className:"recharts-rectangle",d:"M 323.3230769230769,19.02499999999999 h 21 v 95.97500000000001 h -21 Z",height:"95.97500000000001",radius:"0",style:{fill:"hsl(var(--foreground))",opacity:"0.9"},width:"21",x:"323.3230769230769",y:"19.02499999999999"})})]})}),(0,s.jsx)("g",{className:"recharts-layer"})]})]})})})})]}),(0,s.jsxs)("div",{className:"mt-auto flex flex-col gap-2 p-4",children:[(0,s.jsx)("button",{className:"inline-flex h-9 items-center justify-center whitespace-nowrap rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground shadow transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",children:"Submit"}),(0,s.jsx)("button",{className:"inline-flex h-9 items-center justify-center whitespace-nowrap rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",type:"button",children:"Cancel"})]})]}),{})},{title:"Dropdown Menu",href:"/examples/dropdown-menu",component:(0,s.jsx)(function(){return(0,s.jsxs)(ti.h_,{children:[(0,s.jsx)(ti.$F,{asChild:!0,children:(0,s.jsx)(N.z,{variant:"outline",children:"Open"})}),(0,s.jsxs)(ti.AW,{className:"w-56",children:[(0,s.jsx)(ti.Ju,{children:"My Account"}),(0,s.jsx)(ti.VD,{}),(0,s.jsxs)(ti.Qk,{children:[(0,s.jsxs)(ti.Xi,{children:[(0,s.jsx)(eX.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Profile"}),(0,s.jsx)(ti.KM,{children:"⇧⌘P"})]}),(0,s.jsxs)(ti.Xi,{children:[(0,s.jsx)(e$.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Billing"}),(0,s.jsx)(ti.KM,{children:"⌘B"})]}),(0,s.jsxs)(ti.Xi,{children:[(0,s.jsx)(eK.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Settings"}),(0,s.jsx)(ti.KM,{children:"⌘S"})]}),(0,s.jsxs)(ti.Xi,{children:[(0,s.jsx)(tP.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Keyboard shortcuts"}),(0,s.jsx)(ti.KM,{children:"⌘K"})]})]}),(0,s.jsx)(ti.VD,{}),(0,s.jsxs)(ti.Qk,{children:[(0,s.jsxs)(ti.Xi,{children:[(0,s.jsx)(tF.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Team"})]}),(0,s.jsxs)(ti.Ph,{children:[(0,s.jsxs)(ti.kt,{children:[(0,s.jsx)(tD.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Invite users"})]}),(0,s.jsx)(ti.cq,{children:(0,s.jsxs)(ti.TG,{children:[(0,s.jsxs)(ti.Xi,{children:[(0,s.jsx)(tB.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Email"})]}),(0,s.jsxs)(ti.Xi,{children:[(0,s.jsx)(tY.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Message"})]}),(0,s.jsx)(ti.VD,{}),(0,s.jsxs)(ti.Xi,{children:[(0,s.jsx)(tE.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"More..."})]})]})})]}),(0,s.jsxs)(ti.Xi,{children:[(0,s.jsx)(ty.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"New Team"}),(0,s.jsx)(ti.KM,{children:"⌘+T"})]})]}),(0,s.jsx)(ti.VD,{}),(0,s.jsxs)(ti.Xi,{children:[(0,s.jsx)(tH.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"GitHub"})]}),(0,s.jsxs)(ti.Xi,{children:[(0,s.jsx)(tW.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Support"})]}),(0,s.jsxs)(ti.Xi,{disabled:!0,children:[(0,s.jsx)(tO.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"API"})]}),(0,s.jsx)(ti.VD,{}),(0,s.jsxs)(ti.Xi,{children:[(0,s.jsx)(tU.Z,{className:"mr-2 h-4 w-4"}),(0,s.jsx)("span",{children:"Log out"}),(0,s.jsx)(ti.KM,{children:"⇧⌘Q"})]})]})]})},{})},{title:"Dropdown Menu Content",href:"/examples/dropdown-menu-content",component:(0,s.jsx)(function(){return(0,s.jsxs)("div",{"aria-labelledby":"radix-:r34:","aria-orientation":"vertical",className:"z-50 w-56 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md 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]:sli

1de-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","data-align":"center","data-orientation":"vertical","data-radix-menu-content":"","data-side":"bottom","data-state":"open",dir:"ltr",id:"radix-:r35:",role:"menu",tabIndex:-1,children:[(0,s.jsx)("div",{className:"px-2 py-1.5 text-sm font-semibold",children:"My Account"}),(0,s.jsx)("div",{"aria-orientation":"horizontal",className:"-mx-1 my-1 h-px bg-muted",role:"separator"}),(0,s.jsxs)("div",{role:"group",children:[(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:[(0,s.jsxs)("svg",{className:"lucide lucide-user mr-2 h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2"}),(0,s.jsx)("circle",{cx:"12",cy:"7",r:"4"})]}),(0,s.jsx)("span",{children:"Profile"}),(0,s.jsx)("span",{className:"ml-auto text-xs tracking-widest opacity-60",children:"⇧⌘P"})]}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:[(0,s.jsxs)("svg",{className:"lucide lucide-credit-card mr-2 h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("rect",{height:"14",rx:"2",width:"20",x:"2",y:"5"}),(0,s.jsx)("line",{x1:"2",x2:"22",y1:"10",y2:"10"})]}),(0,s.jsx)("span",{children:"Billing"}),(0,s.jsx)("span",{className:"ml-auto text-xs tracking-widest opacity-60",children:"⌘B"})]}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:[(0,s.jsxs)("svg",{className:"lucide lucide-settings mr-2 h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"}),(0,s.jsx)("circle",{cx:"12",cy:"12",r:"3"})]}),(0,s.jsx)("span",{children:"Settings"}),(0,s.jsx)("span",{className:"ml-auto text-xs tracking-widest opacity-60",children:"⌘S"})]}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:[(0,s.jsxs)("svg",{className:"lucide lucide-keyboard mr-2 h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("rect",{height:"16",rx:"2",ry:"2",width:"20",x:"2",y:"4"}),(0,s.jsx)("path",{d:"M6 8h.001"}),(0,s.jsx)("path",{d:"M10 8h.001"}),(0,s.jsx)("path",{d:"M14 8h.001"}),(0,s.jsx)("path",{d:"M18 8h.001"}),(0,s.jsx)("path",{d:"M8 12h.001"}),(0,s.jsx)("path",{d:"M12 12h.001"}),(0,s.jsx)("path",{d:"M16 12h.001"}),(0,s.jsx)("path",{d:"M7 16h10"})]}),(0,s.jsx)("span",{children:"Keyboard shortcuts"}),(0,s.jsx)("span",{className:"ml-auto text-xs tracking-widest opacity-60",children:"⌘K"})]})]}),(0,s.jsx)("div",{"aria-orientation":"horizontal",className:"-mx-1 my-1 h-px bg-muted",role:"separator"}),(0,s.jsxs)("div",{role:"group",children:[(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,

1children:[(0,s.jsxs)("svg",{className:"lucide lucide-users mr-2 h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"}),(0,s.jsx)("circle",{cx:"9",cy:"7",r:"4"}),(0,s.jsx)("path",{d:"M22 21v-2a4 4 0 0 0-3-3.87"}),(0,s.jsx)("path",{d:"M16 3.13a4 4 0 0 1 0 7.75"})]}),(0,s.jsx)("span",{children:"Team"})]}),(0,s.jsxs)("div",{"aria-controls":"radix-:r3i:","aria-expanded":"false","aria-haspopup":"menu",className:"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent","data-orientation":"vertical","data-radix-collection-item":"","data-state":"closed",id:"radix-:r3j:",role:"menuitem",tabIndex:-1,children:[(0,s.jsxs)("svg",{className:"lucide lucide-user-plus mr-2 h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"}),(0,s.jsx)("circle",{cx:"9",cy:"7",r:"4"}),(0,s.jsx)("line",{x1:"19",x2:"19",y1:"8",y2:"14"}),(0,s.jsx)("line",{x1:"22",x2:"16",y1:"11",y2:"11"})]}),(0,s.jsx)("span",{children:"Invite users"}),(0,s.jsx)("svg",{className:"lucide lucide-chevron-right ml-auto h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"m9 18 6-6-6-6"})})]}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:[(0,s.jsxs)("svg",{className:"lucide lucide-plus mr-2 h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M5 12h14"}),(0,s.jsx)("path",{d:"M12 5v14"})]}),(0,s.jsx)("span",{children:"New Team"}),(0,s.jsx)("span",{className:"ml-auto text-xs tracking-widest opacity-60",children:"⌘+T"})]})]}),(0,s.jsx)("div",{"aria-orientation":"horizontal",className:"-mx-1 my-1 h-px bg-muted",role:"separator"}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:[(0,s.jsxs)("svg",{className:"lucide lucide-github mr-2 h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"}),(0,s.jsx)("path",{d:"M9 18c-4.51 2-5-2-7-2"})]}),(0,s.jsx)("span",{children:"GitHub"})]}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:[(0,s.jsxs)("svg",{className:"lucide lucide-life-buoy mr-2 h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("circle",{cx:"12",cy:"12",r:"10"}),(0,s.jsx)("path",{d:"m4.93 4.93 4.24 4.24"}),(0,s.jsx)("path",{d:"m14.83 9.17 4.24-4.24"}),(0,s.jsx)("path",{d:"m14.83 14.83 4.24 4.24"}),(0,s.jsx)("path",{d:"m9.17 14.83-4.24 4.24"}),(0,s.jsx)("circle",{cx:"12",cy:"12",r:"4"})]}),(0,s.jsx)("span",{children:"Support"})]}),(0,s.jsxs)("div",{"aria-disabled":"true",className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-disabled":"","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,

1children:[(0,s.jsx)("svg",{className:"lucide lucide-cloud mr-2 h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"})}),(0,s.jsx)("span",{children:"API"})]}),(0,s.jsx)("div",{"aria-orientation":"horizontal",className:"-mx-1 my-1 h-px bg-muted",role:"separator"}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:[(0,s.jsxs)("svg",{className:"lucide lucide-log-out mr-2 h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"}),(0,s.jsx)("polyline",{points:"16 17 21 12 16 7"}),(0,s.jsx)("line",{x1:"21",x2:"9",y1:"12",y2:"12"})]}),(0,s.jsx)("span",{children:"Log out"}),(0,s.jsx)("span",{className:"ml-auto text-xs tracking-widest opacity-60",children:"⇧⌘Q"})]})]})},{})},{title:"Hover Card",href:"/examples/hover-card",component:(0,s.jsx)(function(){return(0,s.jsxs)(t$,{children:[(0,s.jsx)(tK,{asChild:!0,children:(0,s.jsx)(N.z,{variant:"link",children:"@nextjs"})}),(0,s.jsx)(tq,{className:"w-80",children:(0,s.jsxs)("div",{className:"flex justify-between space-x-4",children:[(0,s.jsxs)(G,{children:[(0,s.jsx)(X,{src:"https://github.com/vercel.png"}),(0,s.jsx)($,{children:"VC"})]}),(0,s.jsxs)("div",{className:"space-y-1",children:[(0,s.jsx)("h4",{className:"text-sm font-semibold",children:"@nextjs"}),(0,s.jsx)("p",{className:"text-sm",children:"The React Framework – created and maintained by @vercel."}),(0,s.jsxs)("div",{className:"flex items-center pt-2",children:[(0,s.jsx)(tG.Z,{className:"mr-2 h-4 w-4 opacity-70"})," ",(0,s.jsx)("span",{className:"text-xs text-muted-foreground",children:"Joined December 2021"})]})]})]})})]})},{})},{title:"Hover Card Content",href:"/examples/hover-card-content",component:(0,s.jsx)(()=>(0,s.jsx)("div",{"data-radix-popper-content-wrapper":"",children:(0,s.jsx)("div",{className:"z-50 w-80 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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","data-align":"center","data-side":"bottom","data-state":"open",children:(0,s.jsxs)("div",{className:"flex justify-between space-x-4",children:[(0,s.jsx)("span",{className:"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",children:(0,s.jsx)("img",{className:"aspect-square h-full w-full",src:"https://github.com/vercel.png"})}),(0,s.jsxs)("div",{className:"space-y-1",children:[(0,s.jsx)("h4",{className:"text-sm font-semibold",children:"@nextjs"}),(0,s.jsx)("p",{className:"text-sm",children:"The React Framework – created and maintained by @vercel."}),(0,s.jsxs)("div",{className:"flex items-center pt-2",children:[(0,s.jsxs)("svg",{className:"lucide lucide-calendar-days mr-2 h-4 w-4 opacity-70",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("rect",{height:"18",rx:"2",ry:"2",width:"18",x:"3",y:"4"}),(0,s.jsx)("line",{x1:"16",x2:"16",y1:"2",y2:"6"}),(0,s.jsx)("line",{x1:"8",x2:"8",y1:"2",y2:"6"}),(0,s.jsx)("line",{x1:"3",x2:"21",y1:"10",y2:"10"}),(0,s.jsx)("path",{d:"M8 14h.01"}),(0,s.jsx)("path",{d:"M12 14h.01"}),(0,s.jsx)("path",{d:"M16 14h.01"}),(0,s.jsx)("path",{d:"M8 18h.01"}),(0,s.jsx)("path",{d:"M12 18h.01"}),(0,s.jsx)("path",{d:"M16 18h.01"})]})," ",(0,s.jsx)("span",{className:"text-xs text-muted-foreground",children:"Joined December 2021"})]})]})]})})}),{})},{title:"Input",href:"/examples/input",component:(0,s.jsx)(function(){return(0,s.jsx)(to.I,{type:"email",placeholder:"Email"})},{})},{title:"Label",href:"/examples/label",component:(0,s.jsx)(function(){return(0,s.jsx)("div",{children:(0,s.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,s.jsx)(ex,{id:"terms"}),(0,s.jsx)(tv._,{htmlFor:"terms",children:"Accept terms and conditions"})]})})},{})},{title:"Menubar",href:"/examples/menubar",component:(0,s.jsx)(function(){return(0,s.jsxs)(t2,{children:[(0,s.jsxs)(tQ,{children:[(0,s.jsx)(t5,{children:"File"}),(0,s.jsxs)(t8,{children:[(0,s.jsxs)(t9,{children:["New Tab ",(0,s.jsx)(aa,{children:"⌘T"})]}),(0,s.jsxs)(t9,{children:["New Window ",(0,s.jsx)(aa,{children:"⌘N"})]}),(0,s.jsx)(t9,{disabled:!0,children:"New Incognito Window"}),(0,s.jsx)(at,{}),(0,s.jsxs)(t0,{children:[(0,s.jsx)(t4,{children:"Share"}),(0,s.jsxs)(t3,{children:[(0,s.jsx)(t9,{children:"Email link"}),(0,s.jsx)(t9,{children:"Messages"}),(0,s.jsx)(t9,{children:"Notes"})]})]}),(0,s.jsx)(at,{}),(0,s.jsxs)(t9,{children:["Print... ",(0,s.jsx)(aa,{children:"⌘P"})]})]})]}),(0,s.jsxs)(tQ,{children:[(0,s.jsx)(t5,{children:"Edit"}),(0,s.jsxs)(t8,{children:[(0,s.jsxs)(t9,{children:["Undo ",(0,s.jsx)(aa,{children:"⌘Z"})]}),(0,s.jsxs)(t9,{children:["Redo ",(0,s.jsx)(aa,{children:"⇧⌘Z"})]}),(0,s.jsx)(at,{}),(0,s.jsxs)(t0,{children:[(0,s.jsx)(t4,{children:"Find"}),(0,s.jsxs)(t3,{children:[(0,s.jsx)(t9,{children:"Search the web"}),(0,s.jsx)(at,{}),(0,s.jsx)(t9,{children:"Find..."}),(0,s.jsx)(t9,{children:"Find Next"}),(0,s.jsx)(t9,{children:"Find Previous"})]})]}),(0,s.jsx)(at,{}),(0,s.jsx)(t9,{children:"Cut"}),(0,s.jsx)(t9,{children:"Copy"}),(0,s.jsx)(t9,{children:"Paste"})]})]}),(0,s.jsxs)(tQ,{children:[(0,s.jsx)(t5,{children:"View"}),(0,s.jsxs)(t8,{children:[(0,s.jsx)(t6,{children:"Always Show Bookmarks Bar"}),(0,s.jsx)(t6,{checked:!0,children:"Always Show Full URLs"}),(0,s.jsx)(at,{}),(0,s.jsxs)(t9,{inset:!0,children:["Reload ",(0,s.jsx)(aa,{children:"⌘R"})]}),(0,s.jsxs)(t9,{disabled:!0,inset:!0,children:["Force Reload ",(0,s.jsx)(aa,{children:"⇧⌘R"})]}),(0,s.jsx)(at,{}),(0,s.jsx)(t9,{inset:!0,children:"Toggle Fullscreen"}),(0,s.jsx)(at,{}),(0,s.jsx)(t9,{inset:!0,children:"Hide Sidebar"})]})]}),(0,s.jsxs)(tQ,{children:[(0,s.jsx)(t5,{children:"Profiles"}),(0,s.jsxs)(t8,{children:[(0,s.jsxs)(t1,{value:"benoit",children:[(0,s.jsx)(t7,{value:"andy",children:"Andy"}),(0,s.jsx)(t7,{value:"benoit",children:"Benoit"}),(0,s.jsx)(t7,{value:"Luis",children:"Luis"})]}),(0,s.jsx)(at,{}),(0,s.jsx)(t9,{inset:!0,children:"Edit..."}),(0,s.jsx)(at,{}),(0,s.jsx)(t9,{inset:!0,children:"Add Profile..."})]})]})]})},{})},{title:"Menubar Content",href:"/examples/menubar-content",component:(0,s.jsx)(()=>(0,s.jsx)("div",{"data-radix-popper-content-wrapper":"",dir:"ltr",children:(0,s.jsxs)("div",{"aria-labelledby":"radix-:rg7:","aria-orientation":"vertical",className:"z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in 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]:sli

1de-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","data-align":"start","data-orientation":"vertical","data-radix-menu-content":"","data-radix-menubar-content":"","data-side":"bottom","data-state":"open",dir:"ltr",id:"radix-:rg8:",role:"menu",tabIndex:-1,children:[(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:["New Tab"," ",(0,s.jsx)("span",{className:"ml-auto text-xs tracking-widest text-muted-foreground",children:"⌘T"})]}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:["New Window"," ",(0,s.jsx)("span",{className:"ml-auto text-xs tracking-widest text-muted-foreground",children:"⌘N"})]}),(0,s.jsx)("div",{"aria-disabled":"true",className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-disabled":"","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:"New Incognito Window"}),(0,s.jsx)("div",{"aria-orientation":"horizontal",className:"-mx-1 my-1 h-px bg-muted",role:"separator"}),(0,s.jsxs)("div",{"aria-controls":"radix-:rir:","aria-expanded":"false","aria-haspopup":"menu",className:"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground","data-orientation":"vertical","data-radix-collection-item":"","data-radix-menubar-subtrigger":"","data-state":"closed",id:"radix-:ris:",role:"menuitem",tabIndex:-1,children:["Share",(0,s.jsx)("svg",{className:"ml-auto h-4 w-4",fill:"none",height:"15",viewBox:"0 0 15 15",width:"15",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{clipRule:"evenodd",d:"M6.1584 3.13508C6.35985 2.94621 6.67627 2.95642 6.86514 3.15788L10.6151 7.15788C10.7954 7.3502 10.7954 7.64949 10.6151 7.84182L6.86514 11.8418C6.67627 12.0433 6.35985 12.0535 6.1584 11.8646C5.95694 11.6757 5.94673 11.3593 6.1356 11.1579L9.565 7.49985L6.1356 3.84182C5.94673 3.64036 5.95694 3.32394 6.1584 3.13508Z",fill:"currentColor",fillRule:"evenodd"})})]}),(0,s.jsx)("div",{"aria-orientation":"horizontal",className:"-mx-1 my-1 h-px bg-muted",role:"separator"}),(0,s.jsxs)("div",{className:"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-orientation":"vertical","data-radix-collection-item":"",role:"menuitem",tabIndex:-1,children:["Print..."," ",(0,s.jsx)("span",{className:"ml-auto text-xs tracking-widest text-muted-foreground",children:"⌘P"})]})]})}),{})},{title:"Navigation Menu",href:"/examples/navigation-menu",component:(0,s.jsx)(function(){return(0,s.jsx)(ar.i9,{children:(0,s.jsxs)(ar.S6,{children:[(0,s.jsxs)(ar.zE,{children:[(0,s.jsx)(ar.Lo,{children:"Getting started"}),(0,s.jsx)(ar.CG,{children:(0,s.jsxs)("ul",{className:"grid gap-3 p-6 md:w-[400px] lg:w-[500px] lg:grid-cols-[.75fr_1fr]",children:[(0,s.jsx)("li",{className:"row-span-3",children:(0,s.jsx)(ar.wV,{asChild:!0,children:(0,s.jsxs)(j(),{className:"flex h-full w-full select-none flex-col justify-end rounded-md bg-gradient-to-b from-muted/50 to-muted p-6 no-underline outline-none focus:shadow-md",href:"/",children:[(0,s.jsx)(as.TR,{className:"h-6 w-6"}),(0,s.jsx)("div",{className:"mb-2 mt-4 text-lg font-medium",children:"shadcn/ui"}),(0,s.jsx)("p",{className:"text-sm leading-tight text-muted-foreground",children:"Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source."})]})})}),(0,s.jsx)(ai,{href:"/docs",title:"Introduction",children:"Re-usable components built using Radix UI and Tailwind CSS."}),(0,s.jsx)(ai,{href:"/docs/installation",title:"Installation",children:"How to install dependencies and structure your app."}),(0,s.jsx)(ai,{href:"/docs/primitives/typography",title:"Typography",children:"Styles for headings, paragraphs, lists...etc"})]})})]}),(0,s.jsxs)(ar.zE,{children:[(0,s.jsx)(ar.Lo,{children:"Components"}),(0,s.jsx)(ar.CG,{children:(0,s.jsx)("ul",{className:"grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px] ",children:an.map(e=>(0,s.jsx)(ai,{title:e.title,href:e.href,children:e.description},e.title))})})]}),(0,s.jsx)(ar.zE,{children:(0,s.jsx)(j(),{href:"/docs",legacyBehavior:!0,passHref:!0,children:(0,s.jsx)(ar.wV,{className:(0,ar.mp)(),children:"Documentation"})})})]})})},{})},{title:"Navigation Menu Content",href:"/examples/navigation-menu-content",component:(0,s.jsx)(()=>(0,s.jsx)("div",{className:"origin-top-center mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]","data-orientation":"horizontal","data-state":"closed",children:(0,s.jsx)("div",{"aria-labelledby":"radix-:r7:-trigger-radix-:rb:",className:"left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto","data-orientation":"horizontal",dir:"ltr",id:"radix-:r7:-content-radix-:rb:",children:(0,s.jsxs)("ul",{className:"grid w-[400px] gap-3 p-4 md:w-[500px] md:grid-cols-2 lg:w-[600px] ",children:[(0,s.jsx)("li",{children:(0,s.jsxs)("a",{className:"block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground","data-radix-collection-item":"",href:"/docs/primitives/alert-dialog",children:[(0,s.jsx)("div",{className:"text-sm font-medium leading-none",children:"Alert Dialog"}),(0,s.jsx)("p",{className:"line-clamp-2 text-sm leading-snug text-muted-foreground",children:"A modal dialog that interrupts the user with important content and expects a response."})]})}),(0,s.jsx)("li",{children:(0,s.jsxs)("a",{className:"block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground","data-radix-collection-item":"",href:"/docs/primitives/hover-card",children:[(0,s.jsx)("div",{className:"text-sm font-medium leading-none",children:"Hover Card"}),(0,s.jsx)("p",{className:"line-clamp-2 text-sm leading-snug text-muted-foreground",children:"For sighted users to preview content available behind a link."})]})}),(0,s.jsx)("li",{children:(0,s.jsxs)("a",{className:"block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground","data-radix-collection-item":"",href:"/docs/primitives/progress",children:[(0,s.jsx)("div",{className:"text-sm font-medium leading-none",children:"Progress"}),(0,s.jsx)("p",{className:"line-clamp-2 text-sm leading-snug text-muted-foreground",children:"Displays an indicator showing the completion progress of a task, typically displayed as a progress bar."})]})}),(0,s.jsx)("li",{children:(0,s.jsxs)("a",{className:"block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground","data-radix-collection-item":"",href:"/docs/primitives/scroll-area",children:[(0,s.jsx)("div",{className:"text-sm font-medium leading-none",children:"Scroll-area"}),(0,s.jsx)("p",{className:"line-clamp-2 text-sm leading-snug text-muted-foreground",children:"Visually or semantically separates content."})]})}),(0,s.jsx)("li",{children:(0,s.jsxs)("a",{className:"block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground","data-radix-collection-item":"",href:"/docs/primitives/tabs",children:[(0,s.jsx)("div",{className:"text-sm font-medium leading-none",children:"Tabs"}),(0,s.jsx)("p",{className:"line-clamp-2 text-sm leading-snug text-muted-foreground",children:"A set of layered sections of content—known as tab panels—that are displayed one at a time."})]})}),(0,s.jsx)("li",{children:(0,s.jsxs)("a",{className:"block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground","data-radix-collection-item":"",href:"/docs/primitives/tooltip",children:[(0,s.jsx)("div",{className:"text-sm font-medium leading-none",children:"Tooltip"}),(0,s.jsx)("p",{className:"line-clamp-2 text-sm leading-snug text-muted-foreground",children:"A popup that displays information related to an element when the element receives keyboard focus or the mouse hovers over it."})]})})]})})}),{})},{title:"Pagination",href:"/examples/pagination",component:(0,s.jsx)(function(){return(0,s.jsx)(ao,{children:(0,s.jsxs)(al,{children:[(0,s.jsx)(ad,{children:(0,s.jsx)(au,{href:"#"})}),(0,s.jsx)(ad,{children:(0,s.jsx)(ac,{href:"#",children:"1"})}),(0,s.jsx)(ad,{children:(0,s.jsx)(ac,{href:"#",isActive:!0,children:"2"})}),(0,s.jsx)(ad,{children:(0,s.jsx)(ac,{href:"#",children:"3"})}),(0,s.jsx)(ad,{children:(0,s.jsx)(ax,{})}),(0,s.jsx)(ad,{children:(0,s.jsx)(am,{href:"#"})})]})})},{})},{title:"Popover",href:"/examples/popover",component:(0,s.jsx)(function(){return(0,s.jsxs)(eY,{children:[(0,s.jsx)(eE,{asChild:!0,children:(0,s.jsx)(N.z,{variant:"outline",children:"Open popover"})}),(0,s.jsx)(eH,{className:"w-80",children:(0,s.jsxs)("div",{className:"grid gap-4",children:[(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)("h4",{className:"font-medium leading-none",children:"Dimensions"}),(0,s.jsx)("p",{className:"text-sm text-muted-foreground",children:"Set the dimensions for the layer."})]}),(0,s.jsxs)("div",{className:"grid gap-2",children:[(0,s.jsxs)("div",{className:"grid grid-cols-3 items-center gap-4",children:[(0,s.jsx)(tv._,{htmlFor:"width",children:"Width"}),(0,s.jsx)(to.I,{id:"width",defaultValue:"100%",className:"col-span-2 h-8"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-3 items-center gap-4",children:[(0,s.jsx)(tv._,{htmlFor:"maxWidth",children:"Max. width"}),(0,s.jsx)(to.I,{id:"maxWidth",defaultValue:"300px",className:"col-span-2 h-8"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-3 items-center gap-4",children:[(0,s.jsx)(tv._,{htmlFor:"height",children:"Height"}),(0,s.jsx)(to.I,{id:"height",defaultValue:"25px",className:"col-span-2 h-8"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-3 items-center gap-4",children:[(0,s.jsx)(tv._,{htmlFor:"maxHeight",children:"Max. height"}),(0,s.jsx)(to.I,{id:"maxHeight",defaultValue:"none",className:"col-span-2 h-8"})]})]})]})})]})},{})}

1,{title:"Popover Content",href:"/examples/popover-content",component:(0,s.jsx)(()=>(0,s.jsx)("div",{"data-radix-popper-content-wrapper":"",children:(0,s.jsx)("div",{className:"z-50 w-80 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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","data-align":"center","data-side":"top","data-state":"open",id:"radix-:rkc:",role:"dialog",tabIndex:-1,children:(0,s.jsxs)("div",{className:"grid gap-4",children:[(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)("h4",{className:"font-medium leading-none",children:"Dimensions"}),(0,s.jsx)("p",{className:"text-sm text-muted-foreground",children:"Set the dimensions for the layer."})]}),(0,s.jsxs)("div",{className:"grid gap-2",children:[(0,s.jsxs)("div",{className:"grid grid-cols-3 items-center gap-4",children:[(0,s.jsx)("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",htmlFor:"width",children:"Width"}),(0,s.jsx)("input",{className:"col-span-2 flex h-8 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",defaultValue:"100%",id:"width"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-3 items-center gap-4",children:[(0,s.jsx)("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",htmlFor:"maxWidth",children:"Max. width"}),(0,s.jsx)("input",{className:"col-span-2 flex h-8 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",defaultValue:"300px",id:"maxWidth"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-3 items-center gap-4",children:[(0,s.jsx)("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",htmlFor:"height",children:"Height"}),(0,s.jsx)("input",{className:"col-span-2 flex h-8 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",defaultValue:"25px",id:"height"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-3 items-center gap-4",children:[(0,s.jsx)("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",htmlFor:"maxHeight",children:"Max. height"}),(0,s.jsx)("input",{className:"col-span-2 flex h-8 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",defaultValue:"none",id:"maxHeight"})]})]})]})})}),{})},{title:"Radio Group",href:"/examples/radio-group",component:(0,s.jsx)(function(){return(0,s.jsxs)(ap,{defaultValue:"comfortable",children:[(0,s.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,s.jsx)(af,{value:"default",id:"r1"}),(0,s.jsx)(tv._,{htmlFor:"r1",children:"Default"})]}),(0,s.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,s.jsx)(af,{value:"comfortable",id:"r2"}),(0,s.jsx)(tv._,{htmlFor:"r2",children:"Comfortable"})]}),(0,s.jsxs)("div",{className:"flex items-center space-x-2",children:[(0,s.jsx)(af,{value:"compact",id:"r3"}),(0,s.jsx)(tv._,{htmlFor:"r3",children:"Compact"})]})]})},{})},{title:"Scroll Area",href:"/examples/scroll-area",component:(0,s.jsx)(function(){return(0,s.jsx)(o,{className:"h-72 w-48 rounded-md border",children:(0,s.jsxs)("div",{className:"p-4",children:[(0,s.jsx)("h4",{className:"mb-4 text-sm font-medium leading-none",children:"Tags"}),av.map(e=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"text-sm",children:e},e),(0,s.jsx)(ab,{className:"my-2"})]}))]})})},{})},{title:"Select",href:"/examples/select",component:(0,s.jsx)(function(){return(0,s.jsxs)(aw,{children:[(0,s.jsx)(aC,{className:"w-[180px]",children:(0,s.jsx)(ak,{placeholder:"Select a fruit"})}),(0,s.jsx)(aI,{children:(0,s.jsxs)(aN,{children:[(0,s.jsx)(aS,{children:"Fruits"}),(0,s.jsx)(a_,{value:"apple",children:"Apple"}),(0,s.jsx)(a_,{value:"banana",children:"Banana"}),(0,s.jsx)(a_,{value:"blueberry",children:"Blueberry"}),(0,s.jsx)(a_,{value:"grapes",children:"Grapes"}),(0,s.jsx)(a_,{value:"pineapple",children:"Pineapple"})]})})]})},{})},{title:"Select Content",href:"/examples/select-content",component:(0,s.jsx)(()=>(0,s.jsx)("div",{"data-radix-popper-content-wrapper":"",dir:"ltr",children:(0,s.jsxs)("div",{className:"relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1 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]:sli

1de-in-from-left-2 data-[side=top]:slide-in-from-bottom-2","data-align":"start","data-side":"bottom","data-state":"open",dir:"ltr",id:"radix-:r51:",role:"listbox",tabIndex:-1,children:[(0,s.jsx)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"}}),(0,s.jsx)("div",{className:"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] p-1","data-radix-select-viewport":"",role:"presentation",style:{flex:"1 1 0%",overflow:"auto",position:"relative"},children:(0,s.jsxs)("div",{"aria-labelledby":"radix-:rgb:",role:"group",children:[(0,s.jsx)("div",{className:"py-1.5 pl-8 pr-2 text-sm font-semibold",id:"radix-:rgb:",children:"Fruits"}),(0,s.jsxs)("div",{"aria-labelledby":"radix-:rgd:","aria-selected":"false",className:"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-radix-collection-item":"","data-state":"checked",role:"option",tabIndex:-1,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:(0,s.jsx)("span",{"aria-hidden":"true",children:(0,s.jsx)("svg",{className:"lucide lucide-check h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("path",{d:"M20 6 9 17l-5-5"})})})}),(0,s.jsx)("span",{id:"radix-:rgd:",children:"Apple"})]}),(0,s.jsxs)("div",{"aria-labelledby":"radix-:rgf:","aria-selected":"false",className:"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-radix-collection-item":"","data-state":"unchecked",role:"option",tabIndex:-1,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"}),(0,s.jsx)("span",{id:"radix-:rgf:",children:"Banana"})]}),(0,s.jsxs)("div",{"aria-labelledby":"radix-:rgh:","aria-selected":"false",className:"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-radix-collection-item":"","data-state":"unchecked",role:"option",tabIndex:-1,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"}),(0,s.jsx)("span",{id:"radix-:rgh:",children:"Blueberry"})]}),(0,s.jsxs)("div",{"aria-labelledby":"radix-:rgj:","aria-selected":"false",className:"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-radix-collection-item":"","data-state":"unchecked",role:"option",tabIndex:-1,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"}),(0,s.jsx)("span",{id:"radix-:rgj:",children:"Grapes"})]}),(0,s.jsxs)("div",{"aria-labelledby":"radix-:rgl:","aria-selected":"false",className:"relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50","data-radix-collection-item":"","data-state":"unchecked",role:"option",tabIndex:-1,children:[(0,s.jsx)("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"}),(0,s.jsx)("span",{id:"radix-:rgl:",children:"Pineapple"})]})]})})]})}),{})},{title:"Separator",href:"/examples/separator",component:(0,s.jsx)(function(){return(0,s.jsxs)("div",{children:[(0,s.jsxs)("div",{className:"space-y-1",children:[(0,s.jsx)("h4",{className:"text-sm font-medium leading-none",children:"Radix Primitives"}),(0,s.jsx)("p",{className:"text-sm text-muted-foreground",children:"An open-source UI component library."})]}),(0,s.jsx)(ab,{className:"my-4"}),(0,s.jsxs)("div",{className:"flex h-5 items-center space-x-4 text-sm",children:[(0,s.jsx)("div",{children:"Blog"}),(0,s.jsx)(ab,{orientation:"vertical"}),(0,s.jsx)("div",{children:"Docs"}),(0,s.jsx)(ab,{orientation:"vertical"}),(0,s.jsx)("div",{children:"Source"})]})]})},{})},{title:"Sheet",href:"/examples/sheet",component:(0,s.jsx)(function(){return(0,s.jsxs)(k.yo,{children:[(0,s.jsx)(k.aM,{asChild:!0,children:(0,s.jsx)(N.z,{variant:"outline",children:"Open"})}),(0,s.jsxs)(k.ue,{children:[(0,s.jsxs)(k.Tu,{children:[(0,s.jsx)(k.bC,{children:"Edit profile"}),(0,s.jsx)(k.Ei,{children:"Make changes to your profile here. Click save when you're done."})]}),(0,s.jsxs)("div",{className:"grid gap-4 py-4",children:[(0,s.jsxs)("div",{className:"grid grid-cols-4 items-center gap-4",children:[(0,s.jsx)(tv._,{htmlFor:"name",className:"text-right",children:"Name"}),(0,s.jsx)(to.I,{id:"name",value:"Pedro Duarte",className:"col-span-3"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-4 items-center gap-4",children:[(0,s.jsx)(tv._,{htmlFor:"username",className:"text-right",children:"Username"}),(0,s.jsx)(to.I,{id:"username",value:"@peduarte",className:"col-span-3"})]})]}),(0,s.jsx)(k.FF,{children:(0,s.jsx)(k.sw,{asChild:!0,children:(0,s.jsx)(N.z,{type:"submit",children:"Save changes"})})})]})]})},{})},{title:"Sheet Content",href:"/examples/sheet-content",component:(0,s.jsx)(()=>(0,s.jsxs)("div",{"aria-describedby":"radix-:r11:","aria-labelledby":"radix-:r10:",className:(0,i.cn)("fixed inset-y-0 right-0 z-50 h-full w-3/4 gap-4 border-l bg-background p-6 shadow-lg sm:max-w-sm"),"data-state":"open",id:"radix-:rv:",role:"dialog",style:{pointerEvents:"auto"}

1,tabIndex:-1,children:[(0,s.jsxs)("div",{className:"flex flex-col space-y-2 text-center sm:text-left",children:[(0,s.jsx)("h2",{className:"text-lg font-semibold text-foreground",id:"radix-:r10:",children:"Edit profile"}),(0,s.jsx)("p",{className:"text-sm text-muted-foreground",id:"radix-:r11:",children:"Make changes to your profile here. Click save when you're done."})]}),(0,s.jsxs)("div",{className:"grid gap-4 py-4",children:[(0,s.jsxs)("div",{className:"grid grid-cols-4 items-center gap-4",children:[(0,s.jsx)("label",{className:"text-right text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",htmlFor:"name",children:"Name"}),(0,s.jsx)("input",{className:"col-span-3 flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",defaultValue:"Pedro Duarte",id:"name"})]}),(0,s.jsxs)("div",{className:"grid grid-cols-4 items-center gap-4",children:[(0,s.jsx)("label",{className:"text-right text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",htmlFor:"username",children:"Username"}),(0,s.jsx)("input",{className:"col-span-3 flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm r

1ing-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",defaultValue:"@peduarte",id:"username"})]})]}),(0,s.jsx)("div",{className:"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",children:(0,s.jsx)("button",{className:"inline-flex h-10 items-center justify-center whitespace-nowrap rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground ring-offset-background transition-colors hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",type:"submit",children:"Save changes"})}),(0,s.jsxs)("button",{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",type:"button",children:[(0,s.jsxs)("svg",{className:"lucide lucide-x h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M18 6 6 18"}),(0,s.jsx)("path",{d:"m6 6 12 12"})]}),(0,s.jsx)("span",{className:"sr-only",children:"Close"})]})]}),{})},{title:"Table",href:"/examples/table",component:(0,s.jsx)(function(){return(0,s.jsxs)(tl,{children:[(0,s.jsx)(tp,{children:"A list of your recent invoices."}),(0,s.jsx)(td,{children:(0,s.jsxs)(tm,{children:[(0,s.jsx)(tx,{className:"w-[100px]",children:"Invoice"}),(0,s.jsx)(tx,{children:"Status"}),(0,s.jsx)(tx,{children:"Method"}),(0,s.jsx)(tx,{className:"text-right",children:"Amount"})]})}),(0,s.jsx)(tc,{children:aZ.map(e=>(0,s.jsxs)(tm,{children:[(0,s.jsx)(th,{className:"font-medium",children:e.invoice}),(0,s.jsx)(th,{children:e.paymentStatus}),(0,s.jsx)(th,{children:e.paymentMethod}),(0,s.jsx)(th,{className:"text-right",children:e.totalAmount})]},e.invoice))}),(0,s.jsx)(tu,{children:(0,s.jsxs)(tm,{children:[(0,s.jsx)(th,{colSpan:3,children:"Total"}),(0,s.jsx)(th,{className:"text-right",children:"$2,500.00"})]})})]})},{})},{title:"Tabs",href:"/examples/tabs",component:(0,s.jsx)(function(){return(0,s.jsxs)(c,{defaultValue:"account",className:"w-[400px]",children:[(0,s.jsxs)(u,{className:"grid w-full grid-cols-2",children:[(0,s.jsx)(m,{value:"account",children:"Account"}),(0,s.jsx)(m,{value:"password",children:"Password"})]}),(0,s.jsx)(x,{value:"account",children:(0,s.jsxs)(es,{children:[(0,s.jsxs)(er,{children:[(0,s.jsx)(en,{children:"Account"}),(0,s.jsx)(ei,{children:"Make changes to your account here. Click save when you're done."})]}),(0,s.jsxs)(eo,{className:"space-y-2",children:[(0,s.jsxs)("div",{className:"space-y-1",children:[(0,s.jsx)(tv._,{htmlFor:"name",children:"Name"}),(0,s.jsx)(to.I,{id:"name",defaultValue:"Pedro Duarte"})]}),(0,s.jsxs)("div",{className:"space-y-1",children:[(0,s.jsx)(tv._,{htmlFor:"username",children:"Username"}),(0,s.jsx)(to.I,{id:"username",defaultValue:"@peduarte"})]})]}),(0,s.jsx)(el,{children:(0,s.jsx)(N.z,{children:"Save changes"})})]})}),(0,s.jsx)(x,{value:"password",children:(0,s.jsxs)(es,{children:[(0,s.jsxs)(er,{children:[(0,s.jsx)(en,{children:"Password"}),(0,s.jsx)(ei,{children:"Change your password here. After saving, you'll be logged out."})]}),(0,s.jsxs)(eo,{className:"space-y-2",children:[(0,s.jsxs)("div",{className:"space-y-1",children:[(0,s.jsx)(tv._,{htmlFor:"current",children:"Current password"}),(0,s.jsx)(to.I,{id:"current",type:"password"})]}),(0,s.jsxs)("div",{className:"space-y-1",children:[(0,s.jsx)(tv._,{htmlFor:"new",children:"New password"}),(0,s.jsx)(to.I,{id:"new",type:"password"})]})]}),(0,s.jsx)(el,{children:(0,s.jsx)(N.z,{children:"Save password"})})]})})]})},{})},{title:"Textarea",href:"/examples/textarea",component:(0,s.jsx)(function(){return(0,s.jsx)(aT.g,{placeholder:"Type your message here."})},{})},{title:"Toast",href:"/examples/toast",component:(0,s.jsx)(function(){let{toast:e}=function(){let[e,t]=r.useState(aX);return r.useEffect(()=>(aG.push(t),()=>{let e=aG.indexOf(t);e>-1&&aG.splice(e,1)}),[e]),{...e,toast:aK,dismiss:e=>a$({type:"DISMISS_TOAST",toastId:e})}}();return(0,s.jsx)(N.z,{variant:"outline",onClick:()=>{e({title:"Scheduled: Catch up ",description:"Friday, February 10, 2023 at 5:57 PM",action:(0,s.jsx)(aD,{altText:"Goto schedule to undo",children:"Undo"})})},children:"Add to calendar"})},{})},{title:"Toast Content",href:"/examples/toast-content",component:(0,s.jsx)(()=>(0,s.jsx)("ol",{className:"fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",tabIndex:-1,

1children:(0,s.jsxs)("li",{"aria-atomic":"true","aria-live":"off",className:"group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border bg-background p-6 pr-8 text-foreground shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full","data-radix-collection-item":"","data-state":"open","data-swipe-direction":"right",role:"status",style:{touchAction:"none",userSelect:"none"},tabIndex:0,children:[(0,s.jsxs)("div",{className:"grid gap-1",children:[(0,s.jsx)("div",{className:"text-sm font-semibold",children:"Scheduled: Catch up "}),(0,s.jsx)("div",{className:"text-sm opacity-90",children:"Friday, February 10, 2023 at 5:57 PM"})]}),(0,s.jsx)("button",{className:"inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive","data-radix-toast-announce-alt":"Goto schedule to undo","data-radix-toast-announce-exclude":"",type:"button",children:"Undo"}),(0,s.jsx)("button",{className:"absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600","data-radix-toast-announce-exclude":"","toast-close":"",type:"button",children:(0,s.jsxs)("svg",{className:"lucide lucide-x h-4 w-4",fill:"none",height:"24",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2",viewBox:"0 0 24 24",width:"24",xmlns:"http://www.w3.org/2000/svg",children:[(0,s.jsx)("path",{d:"M18 6 6 18"}),(0,s.jsx)("path",{d:"m6 6 12 12"})]})})]})}),{})},{title:"Toggle",href:"/examples/toggle",component:(0,s.jsx)(function(){return(0,s.jsx)(a0,{"aria-label":"Toggle bold",children:(0,s.jsx)(aq.Z,{className:"h-4 w-4"})})},{})},{title:"Toggle Group",href:"/examples/toggle-group",component:(0,s.jsx)(function(){return(0,s.jsxs)(a3,{type:"multiple",children:[(0,s.jsx)(a8,{value:"bold","aria-label":"Toggle bold",children:(0,s.jsx)(aq.Z,{className:"h-4 w-4"})}),(0,s.jsx)(a8,{value:"italic","aria-label":"Toggle italic",children:(0,s.jsx)(a1.Z,{className:"h-4 w-4"})}),(0,s.jsx)(a8,{value:"underline","aria-label":"Toggle underline",children:(0,s.jsx)(a2.Z,{className:"h-4 w-4"})})]})},{})},{title:"Tooltip",href:"/examples/tooltip",component:(0,s.jsx)(function(){return(0,s.jsx)(a6,{children:(0,s.jsxs)(a7,{children:[(0,s.jsx)(se,{asChild:!0,children:(0,s.jsx)(N.z,{variant:"outline",children:"Hover"})}),(0,s.jsx)(st,{children:(0,s.jsx)("p",{children:"Add to library"})})]})})},{})}];var ss=a(8712);let sr=e=>{let{html:t}=e,a=(0,y.usePathname)(),r=sa.find(e=>e.href===a);return r?(0,s.jsx)("div",{className:"flex h-screen",children:(0,s.jsx)("div",{className:"w-full",children:(0,s.jsx)(b,{html:t,previewComponent:r.component},a)})}):null};sr.getLayout=function(e){return(0,s.jsxs)("div",{className:"relative flex min-h-screen flex-col",children:[(0,s.jsx)(ss.H,{}),(0,s.jsx)("main",{className:"flex-1",children:(0,s.jsxs)("div",{className:"container flex-1 items-start md:grid md:grid-cols-[220px_minmax(0,1fr)] md:gap-6 lg:grid-cols-[240px_minmax(0,1fr)] lg:gap-10",children:[(0,s.jsx)("aside",{className:"fixed top-14 z-30 -ml-2 hidden h-[calc(100vh-3.5rem)] w-full shrink-0 md:sticky md:block",children:(0,s.jsx)(o,{className:"h-full py-6 pr-6 lg:py-8",children:(0,s.jsx)(w,{items:sa})})}),(0,s.jsx)("div",{className:"flex justify-end pt-4 md:hidden",children:(0,s.jsx)(C,{items:sa})}),e]})})]})};var sn=!0,si=sr}},function(e){e.O(0,[357,317,62,426,397,891,502,712,981,774,888,179],function(){return e(e.s=26334)}),_N_E=e.O()}]);