@gradeui/ui 0.8.0 → 0.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +6 -1
- package/dist/index.d.ts +6 -1
- package/dist/index.js +26 -26
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +26 -26
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -1
package/dist/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import*as y from'react';import {useRef,useEffect}from'react';import*as ae from'@radix-ui/react-accordion';import {ChevronDown,Check,X as X$1,ChevronRight,Circle,ChevronUp,ChevronLeft,Menu,Pause,Play,ChevronLeftIcon,ChevronRightIcon,ChevronDownIcon,CalendarIcon,Palette,Download,Trash2,SunDim,Sun,Moon,MoonStar}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {Slot}from'@radix-ui/react-slot';import {getDefaultClassNames,DayPicker}from'react-day-picker';import*as _e from'@radix-ui/react-checkbox';import {format}from'date-fns';import*as de from'@radix-ui/react-popover';import*as F from'@radix-ui/react-dialog';import*as x from'@radix-ui/react-dropdown-menu';import*as Bt from'@radix-ui/react-label';import*as We from'@radix-ui/react-progress';import*as Re from'@radix-ui/react-radio-group';import*as ne from'@radix-ui/react-scroll-area';import*as R from'@radix-ui/react-select';import*as zt from'@radix-ui/react-separator';import*as ge from'@radix-ui/react-slider';import*as qe from'@radix-ui/react-switch';import*as le from'@radix-ui/react-tabs';import*as ce from'@radix-ui/react-tooltip';import*as I from'three';import {EffectComposer,RenderPass,BloomEffect,KernelSize,NoiseEffect,BlendFunction,ScanlineEffect,VignetteEffect,ChromaticAberrationEffect,GlitchEffect,EffectPass}from'postprocessing';import Pi from'lenis';function a(...e){return twMerge(clsx(e))}var $a=ae.Root,wr=y.forwardRef(({className:e,...t},r)=>y.createElement(ae.Item,{ref:r,className:a("border-b",e),...t}));wr.displayName="AccordionItem";var Pr=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(ae.Header,{className:"flex"},y.createElement(ae.Trigger,{ref:o,className:a("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",e),...r},t,y.createElement(ChevronDown,{className:"h-4 w-4 shrink-0 transition-transform duration-200"}))));Pr.displayName=ae.Trigger.displayName;var Sr=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(ae.Content,{ref:o,className:"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",...r},y.createElement("div",{className:a("pb-4 pt-0",e)},t)));Sr.displayName=ae.Content.displayName;var Ba=cva("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4",{variants:{variant:{default:"bg-background text-foreground [&>svg]:text-foreground",destructive:"border-destructive/30 bg-destructive-soft text-destructive-deep [&>svg]:text-destructive-deep",success:"border-success/30 bg-success-soft text-success-deep [&>svg]:text-success-deep",warning:"border-warning/30 bg-warning-soft text-warning-deep [&>svg]:text-warning-deep",info:"border-info/30 bg-info-soft text-info-deep [&>svg]:text-info-deep",highlight:"border-highlight/30 bg-highlight-soft text-foreground [&>svg]:text-highlight-deep"}},defaultVariants:{variant:"default"}}),Cr=y.forwardRef(({className:e,variant:t,...r},o)=>y.createElement("div",{ref:o,role:"alert",className:a(Ba({variant:t}),e),...r}));Cr.displayName="Alert";var Nr=y.forwardRef(({className:e,...t},r)=>y.createElement("h5",{ref:r,className:a("mb-1 font-medium leading-none tracking-tight",e),...t}));Nr.displayName="AlertTitle";var kr=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,className:a("text-sm [&_p]:leading-relaxed",e),...t}));kr.displayName="AlertDescription";var Mr=cva("rds-app-shell min-h-screen w-full bg-background text-foreground",{variants:{nav:{none:"block",top:"grid grid-rows-[auto_1fr]",side:"grid grid-cols-[auto_1fr]"}},defaultVariants:{nav:"none"}}),Er=cva("rds-app-shell-nav",{variants:{placement:{top:"border-b bg-background",side:"border-r bg-background",none:"hidden"},sticky:{true:"",false:""}},compoundVariants:[{placement:"top",sticky:true,className:"sticky top-0 z-30"},{placement:"side",sticky:true,className:"sticky top-0 h-screen self-start"}],defaultVariants:{placement:"top",sticky:true}}),Hr=cva("rds-app-shell-main min-w-0",{variants:{maxWidth:{full:"w-full",container:"w-full mx-auto max-w-7xl px-4 md:px-6 lg:px-8"}},defaultVariants:{maxWidth:"full"}}),Lr=y.forwardRef(({className:e,nav:t,asChild:r=false,...o},n)=>y.createElement(r?Slot:"div",{ref:n,"data-gds-part":"app-shell","data-nav":t??"none",className:a(Mr({nav:t,className:e})),...o}));Lr.displayName="AppShell";var Dr=y.forwardRef(({className:e,placement:t,sticky:r,asChild:o=false,...n},i)=>y.createElement(o?Slot:"nav",{ref:i,"data-gds-part":"app-shell-nav","data-placement":t??"top",className:a(Er({placement:t,sticky:r,className:e})),...n}));Dr.displayName="AppShellNav";var Ir=y.forwardRef(({className:e,maxWidth:t,asChild:r=false,...o},n)=>y.createElement(r?Slot:"main",{ref:n,"data-gds-part":"app-shell-main",className:a(Hr({maxWidth:t,className:e})),...o}));Ir.displayName="AppShellMain";var Fr=cva("inline-flex items-center gap-1 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 [&_svg]:size-3 [&_svg]:shrink-0",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",outline:"text-foreground",highlight:"border-transparent bg-rds-yellow-400 text-rds-gray-900 shadow hover:bg-rds-yellow-500",success:"border-transparent bg-rds-green-500 text-rds-gray-900 shadow hover:bg-rds-green-600",warning:"border-transparent bg-orange-500 text-white shadow hover:bg-orange-600",info:"border-transparent bg-blue-500 text-white shadow hover:bg-blue-600","success-soft":"border-rds-green-500/20 bg-rds-green-500/10 text-rds-green-600 dark:text-rds-green-400","warning-soft":"border-orange-500/20 bg-orange-500/10 text-orange-600 dark:text-orange-400","destructive-soft":"border-destructive/20 bg-destructive/10 text-destructive dark:text-red-400","info-soft":"border-blue-500/20 bg-blue-500/10 text-blue-600 dark:text-blue-400","highlight-soft":"border-rds-yellow-500/20 bg-rds-yellow-400/10 text-rds-yellow-600 dark:text-rds-yellow-400","success-outline":"border-rds-green-500/50 bg-transparent text-rds-green-600 dark:text-rds-green-400","warning-outline":"border-orange-500/50 bg-transparent text-orange-600 dark:text-orange-400","destructive-outline":"border-destructive/50 bg-transparent text-destructive dark:text-red-400","info-outline":"border-blue-500/50 bg-transparent text-blue-600 dark:text-blue-400"},rounded:{default:"rounded-md",full:"rounded-full"}},defaultVariants:{variant:"default",rounded:"default"}});function _a({className:e,variant:t,rounded:r,...o}){return y.createElement("div",{className:a(Fr({variant:t,rounded:r}),e),...o})}var Ue=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),X=y.forwardRef(({className:e,variant:t,size:r,asChild:o=false,...n},i)=>y.createElement(o?Slot:"button",{className:a("rds-button",Ue({variant:t,size:r,className:e})),ref:i,...n}));X.displayName="Button";function pt({className:e,classNames:t,showOutsideDays:r=true,captionLayout:o="label",buttonVariant:n="ghost",formatters:i,components:d,...l}){let s=getDefaultClassNames();return y.createElement(DayPicker,{showOutsideDays:r,className:a("bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,e),captionLayout:o,formatters:{formatMonthDropdown:p=>p.toLocaleString("default",{month:"short"}),...i},classNames:{root:a("w-fit",s.root),months:a("relative flex flex-col gap-4 md:flex-row",s.months),month:a("flex w-full flex-col gap-4",s.month),nav:a("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",s.nav),button_previous:a(Ue({variant:n}),"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",s.button_previous),button_next:a(Ue({variant:n}),"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",s.button_next),month_caption:a("flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",s.month_caption),dropdowns:a("flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",s.dropdowns),dropdown_root:a("has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",s.dropdown_root),dropdown:a("bg-popover absolute inset-0 opacity-0",s.dropdown),caption_label:a("select-none font-medium",o==="label"?"text-sm":"[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",s.caption_label),table:"w-full border-collapse",weekdays:a("flex",s.weekdays),weekday:a("text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",s.weekday),week:a("mt-2 flex w-full",s.week),week_number_header:a("w-[--cell-size] select-none",s.week_number_header),week_number:a("text-muted-foreground select-none text-[0.8rem]",s.week_number),day:a("group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md",s.day),range_start:a("bg-accent rounded-l-md",s.range_start),range_middle:a("rounded-none",s.range_middle),range_end:a("bg-accent rounded-r-md",s.range_end),today:a("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",s.today),outside:a("text-muted-foreground aria-selected:text-muted-foreground",s.outside),disabled:a("text-muted-foreground opacity-50",s.disabled),hidden:a("invisible",s.hidden),...t},components:{Root:({className:p,rootRef:c,...m})=>y.createElement("div",{"data-slot":"calendar",ref:c,className:a(p),...m}),Chevron:({className:p,orientation:c,...m})=>c==="left"?y.createElement(ChevronLeftIcon,{className:a("size-4",p),...m}):c==="right"?y.createElement(ChevronRightIcon,{className:a("size-4",p),...m}):y.createElement(ChevronDownIcon,{className:a("size-4",p),...m}),DayButton:Gr,WeekNumber:({children:p,...c})=>y.createElement("td",{...c},y.createElement("div",{className:"flex size-[--cell-size] items-center justify-center text-center"},p)),...d},...l})}function Gr({className:e,day:t,modifiers:r,...o}){let n=getDefaultClassNames(),i=y.useRef(null);return y.useEffect(()=>{r.focused&&i.current?.focus();},[r.focused]),y.createElement(X,{ref:i,variant:"ghost",size:"icon","data-day":`${t.date.getFullYear()}-${String(t.date.getMonth()+1).padStart(2,"0")}-${String(t.date.getDate()).padStart(2,"0")}`,"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:a("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",n.day,e),...o})}var $r=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,"data-gds-part":"card",className:a("rds-card rounded-xl border bg-card text-card-foreground shadow",e),...t}));$r.displayName="Card";var Vr=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,"data-gds-part":"card-header",className:a("flex flex-col space-y-1.5 p-6",e),...t}));Vr.displayName="CardHeader";var Br=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,"data-gds-part":"card-title",className:a("font-semibold leading-none tracking-tight",e),...t}));Br.displayName="CardTitle";var Ur=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,"data-gds-part":"card-description",className:a("text-sm text-muted-foreground",e),...t}));Ur.displayName="CardDescription";var _r=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,"data-gds-part":"card-content",className:a("p-6 pt-0",e),...t}));_r.displayName="CardContent";var Kr=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,"data-gds-part":"card-footer",className:a("flex items-center p-6 pt-0",e),...t}));Kr.displayName="CardFooter";var zr=y.forwardRef(({className:e,...t},r)=>y.createElement(_e.Root,{ref:r,className:a("rds-checkbox peer h-4 w-4 shrink-0 rounded-[3px] 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",e),...t},y.createElement(_e.Indicator,{className:a("flex items-center justify-center text-current")},y.createElement(Check,{className:"h-4 w-4"}))));zr.displayName=_e.Root.displayName;var Ie=de.Root,Ae=de.Trigger,Za=de.Anchor,ke=y.forwardRef(({className:e,align:t="center",sideOffset:r=4,...o},n)=>y.createElement(de.Portal,null,y.createElement(de.Content,{ref:n,align:t,sideOffset:r,className:a("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 origin-[--radix-popover-content-transform-origin]",e),...o})));ke.displayName=de.Content.displayName;var Ja="PPP",Qa="LLL dd, y";function en({value:e,onChange:t,placeholder:r="Pick a date",disabled:o,className:n,contentClassName:i,align:d="start",side:l,format:s=Ja,captionLayout:p,icon:c,"aria-label":m}){return y.createElement(Ie,null,y.createElement(Ae,{asChild:true},y.createElement(X,{type:"button",variant:"outline",disabled:o,"aria-label":m??(e?void 0:r),"data-empty":!e,className:a("w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground",n)},c??y.createElement(CalendarIcon,{className:"mr-2 h-4 w-4","aria-hidden":true}),e?format(e,s):y.createElement("span",null,r))),y.createElement(ke,{className:a("w-auto p-0",i),align:d,side:l},y.createElement(pt,{mode:"single",selected:e,onSelect:t,captionLayout:p,initialFocus:true})))}function tn({value:e,onChange:t,placeholder:r="Pick a date range",disabled:o,className:n,contentClassName:i,align:d="start",side:l,format:s=Qa,captionLayout:p,icon:c,numberOfMonths:m=2,"aria-label":g}){let h=!!e?.from;return y.createElement(Ie,null,y.createElement(Ae,{asChild:true},y.createElement(X,{type:"button",variant:"outline",disabled:o,"aria-label":g??(h?void 0:r),"data-empty":!h,className:a("w-[300px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground",n)},c??y.createElement(CalendarIcon,{className:"mr-2 h-4 w-4","aria-hidden":true}),e?.from?e.to?y.createElement(y.Fragment,null,format(e.from,s)," \u2013"," ",format(e.to,s)):format(e.from,s):y.createElement("span",null,r))),y.createElement(ke,{className:a("w-auto p-0",i),align:d,side:l},y.createElement(pt,{mode:"range",selected:e,onSelect:t,defaultMonth:e?.from,numberOfMonths:m,captionLayout:p,initialFocus:true})))}var on=F.Root,an=F.Trigger,jr=F.Portal,nn=F.Close,Vt=y.forwardRef(({className:e,...t},r)=>y.createElement(F.Overlay,{ref:r,className:a("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",e),...t}));Vt.displayName=F.Overlay.displayName;var qr=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(jr,null,y.createElement(Vt,null),y.createElement(F.Content,{ref:o,className:a("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",e),...r},t,y.createElement(F.Close,{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"},y.createElement(X$1,{className:"h-4 w-4"}),y.createElement("span",{className:"sr-only"},"Close")))));qr.displayName=F.Content.displayName;var Yr=({className:e,...t})=>y.createElement("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});Yr.displayName="DialogHeader";var Xr=({className:e,...t})=>y.createElement("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});Xr.displayName="DialogFooter";var Zr=y.forwardRef(({className:e,...t},r)=>y.createElement(F.Title,{ref:r,className:a("text-lg font-semibold leading-none tracking-tight",e),...t}));Zr.displayName=F.Title.displayName;var Jr=y.forwardRef(({className:e,...t},r)=>y.createElement(F.Description,{ref:r,className:a("text-sm text-muted-foreground",e),...t}));Jr.displayName=F.Description.displayName;var cn=x.Root,pn=x.Trigger,mn=x.Group,un=x.Portal,fn=x.Sub,gn=x.RadioGroup,Qr=y.forwardRef(({className:e,inset:t,children:r,...o},n)=>y.createElement(x.SubTrigger,{ref:n,className:a("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t&&"pl-8",e),...o},r,y.createElement(ChevronRight,{className:"ml-auto"})));Qr.displayName=x.SubTrigger.displayName;var eo=y.forwardRef(({className:e,...t},r)=>y.createElement(x.SubContent,{ref:r,className:a("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 origin-[--radix-dropdown-menu-content-transform-origin]",e),...t}));eo.displayName=x.SubContent.displayName;var to=y.forwardRef(({className:e,sideOffset:t=4,...r},o)=>y.createElement(x.Portal,null,y.createElement(x.Content,{ref:o,sideOffset:t,className:a("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-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 origin-[--radix-dropdown-menu-content-transform-origin]",e),...r})));to.displayName=x.Content.displayName;var ro=y.forwardRef(({className:e,inset:t,...r},o)=>y.createElement(x.Item,{ref:o,className:a("relative flex cursor-default select-none items-center gap-2 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 [&>svg]:size-4 [&>svg]:shrink-0",t&&"pl-8",e),...r}));ro.displayName=x.Item.displayName;var oo=y.forwardRef(({className:e,children:t,checked:r,...o},n)=>y.createElement(x.CheckboxItem,{ref:n,className:a("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:r,...o},y.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},y.createElement(x.ItemIndicator,null,y.createElement(Check,{className:"h-4 w-4"}))),t));oo.displayName=x.CheckboxItem.displayName;var ao=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(x.RadioItem,{ref:o,className:a("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...r},y.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},y.createElement(x.ItemIndicator,null,y.createElement(Circle,{className:"h-2 w-2 fill-current"}))),t));ao.displayName=x.RadioItem.displayName;var no=y.forwardRef(({className:e,inset:t,...r},o)=>y.createElement(x.Label,{ref:o,className:a("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...r}));no.displayName=x.Label.displayName;var io=y.forwardRef(({className:e,...t},r)=>y.createElement(x.Separator,{ref:r,className:a("-mx-1 my-1 h-px bg-muted",e),...t}));io.displayName=x.Separator.displayName;var so=({className:e,...t})=>y.createElement("span",{className:a("ml-auto text-xs tracking-widest opacity-60",e),...t});so.displayName="DropdownMenuShortcut";var lo=y.forwardRef(({className:e,type:t,...r},o)=>y.createElement("input",{type:t,className:a("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:o,...r}));lo.displayName="Input";var yn=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),co=y.forwardRef(({className:e,...t},r)=>y.createElement(Bt.Root,{ref:r,className:a(yn(),e),...t}));co.displayName=Bt.Root.displayName;var po=y.forwardRef(({className:e,value:t,...r},o)=>y.createElement(We.Root,{ref:o,className:a("relative h-4 w-full overflow-hidden rounded-full bg-secondary",e),...r},y.createElement(We.Indicator,{className:"h-full w-full flex-1 bg-primary transition-all",style:{transform:`translateX(-${100-(t||0)}%)`}})));po.displayName=We.Root.displayName;var mo=y.forwardRef(({className:e,...t},r)=>y.createElement(Re.Root,{className:a("grid gap-2",e),...t,ref:r}));mo.displayName=Re.Root.displayName;var uo=y.forwardRef(({className:e,...t},r)=>y.createElement(Re.Item,{ref:r,className:a("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",e),...t},y.createElement(Re.Indicator,{className:"flex items-center justify-center"},y.createElement(Circle,{className:"h-2.5 w-2.5 fill-current text-current"}))));uo.displayName=Re.Item.displayName;var fo=cva("rds-row flex flex-row",{variants:{gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8","2xl":"gap-12"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},wrap:{true:"flex-wrap",false:"flex-nowrap"}},defaultVariants:{gap:"md",align:"center",justify:"start",wrap:false}}),go=y.forwardRef(({className:e,gap:t,align:r,justify:o,wrap:n,asChild:i=false,...d},l)=>y.createElement(i?Slot:"div",{ref:l,"data-gds-part":"row",className:a(fo({gap:t,align:r,justify:o,wrap:n,className:e})),...d}));go.displayName="Row";var ho=cva("rds-grid grid",{variants:{cols:{1:"grid-cols-1",2:"grid-cols-1 md:grid-cols-2",3:"grid-cols-1 sm:grid-cols-2 md:grid-cols-3",4:"grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",5:"grid-cols-1 sm:grid-cols-2 lg:grid-cols-5",6:"grid-cols-2 sm:grid-cols-3 lg:grid-cols-6",12:"grid-cols-4 md:grid-cols-6 lg:grid-cols-12"},gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8","2xl":"gap-12"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"}},defaultVariants:{cols:"3",gap:"md",align:"stretch"}}),yo=y.forwardRef(({className:e,cols:t,gap:r,align:o,asChild:n=false,...i},d)=>y.createElement(n?Slot:"div",{ref:d,"data-gds-part":"grid",className:a(ho({cols:t,gap:r,align:o,className:e})),...i}));yo.displayName="Grid";var vo=cva("rds-flex flex",{variants:{direction:{row:"flex-row",col:"flex-col","row-reverse":"flex-row-reverse","col-reverse":"flex-col-reverse"},gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8","2xl":"gap-12"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse"}},defaultVariants:{direction:"row",gap:"none",align:"stretch",justify:"start",wrap:"nowrap"}}),bo=y.forwardRef(({className:e,direction:t,gap:r,align:o,justify:n,wrap:i,asChild:d=false,...l},s)=>y.createElement(d?Slot:"div",{ref:s,"data-gds-part":"flex",className:a(vo({direction:t,gap:r,align:o,justify:n,wrap:i,className:e})),...l}));bo.displayName="Flex";var xo=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(ne.Root,{ref:o,className:a("relative overflow-hidden",e),...r},y.createElement(ne.Viewport,{className:"h-full w-full rounded-[inherit]"},t),y.createElement(Ut,null),y.createElement(ne.Corner,null)));xo.displayName=ne.Root.displayName;var Ut=y.forwardRef(({className:e,orientation:t="vertical",...r},o)=>y.createElement(ne.ScrollAreaScrollbar,{ref:o,orientation:t,className:a("flex touch-none select-none transition-colors",t==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",t==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...r},y.createElement(ne.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-border"})));Ut.displayName=ne.ScrollAreaScrollbar.displayName;var Nn=R.Root,kn=R.Group,Mn=R.Value,To=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(R.Trigger,{ref:o,className:a("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",e),...r},t,y.createElement(R.Icon,{asChild:true},y.createElement(ChevronDown,{className:"h-4 w-4 opacity-50"}))));To.displayName=R.Trigger.displayName;var _t=y.forwardRef(({className:e,...t},r)=>y.createElement(R.ScrollUpButton,{ref:r,className:a("flex cursor-default items-center justify-center py-1",e),...t},y.createElement(ChevronUp,{className:"h-4 w-4"})));_t.displayName=R.ScrollUpButton.displayName;var Kt=y.forwardRef(({className:e,...t},r)=>y.createElement(R.ScrollDownButton,{ref:r,className:a("flex cursor-default items-center justify-center py-1",e),...t},y.createElement(ChevronDown,{className:"h-4 w-4"})));Kt.displayName=R.ScrollDownButton.displayName;var wo=y.forwardRef(({className:e,children:t,position:r="popper",...o},n)=>y.createElement(R.Portal,null,y.createElement(R.Content,{ref:n,className:a("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",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:r,...o},y.createElement(_t,null),y.createElement(R.Viewport,{className:a("p-1",r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]")},t),y.createElement(Kt,null))));wo.displayName=R.Content.displayName;var Po=y.forwardRef(({className:e,...t},r)=>y.createElement(R.Label,{ref:r,className:a("py-1.5 pl-8 pr-2 text-sm font-semibold",e),...t}));Po.displayName=R.Label.displayName;var So=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(R.Item,{ref:o,className:a("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",e),...r},y.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},y.createElement(R.ItemIndicator,null,y.createElement(Check,{className:"h-4 w-4"}))),y.createElement(R.ItemText,null,t)));So.displayName=R.Item.displayName;var Co=y.forwardRef(({className:e,...t},r)=>y.createElement(R.Separator,{ref:r,className:a("-mx-1 my-1 h-px bg-muted",e),...t}));Co.displayName=R.Separator.displayName;var No=y.forwardRef(({className:e,orientation:t="horizontal",decorative:r=true,...o},n)=>y.createElement(zt.Root,{ref:n,decorative:r,orientation:t,className:a("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...o}));No.displayName=zt.Root.displayName;var Ln=F.Root,Dn=F.Trigger,In=F.Close,ko=F.Portal,Wt=y.forwardRef(({className:e,...t},r)=>y.createElement(F.Overlay,{className:a("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",e),...t,ref:r}));Wt.displayName=F.Overlay.displayName;var An=cva("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),Mo=y.forwardRef(({side:e="right",className:t,children:r,...o},n)=>y.createElement(ko,null,y.createElement(Wt,null),y.createElement(F.Content,{ref:n,className:a(An({side:e}),t),...o},r,y.createElement(F.Close,{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"},y.createElement(X$1,{className:"h-4 w-4"}),y.createElement("span",{className:"sr-only"},"Close")))));Mo.displayName=F.Content.displayName;var Eo=({className:e,...t})=>y.createElement("div",{className:a("flex flex-col space-y-2 text-center sm:text-left",e),...t});Eo.displayName="SheetHeader";var Ho=({className:e,...t})=>y.createElement("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});Ho.displayName="SheetFooter";var Lo=y.forwardRef(({className:e,...t},r)=>y.createElement(F.Title,{ref:r,className:a("text-lg font-semibold text-foreground",e),...t}));Lo.displayName=F.Title.displayName;var Do=y.forwardRef(({className:e,...t},r)=>y.createElement(F.Description,{ref:r,className:a("text-sm text-muted-foreground",e),...t}));Do.displayName=F.Description.displayName;function Fn({className:e,...t}){return React.createElement("div",{className:a("animate-pulse rounded-md bg-muted",e),...t})}var Io=y.forwardRef(({className:e,...t},r)=>y.createElement(ge.Root,{ref:r,className:a("relative flex w-full touch-none select-none items-center",e),...t},y.createElement(ge.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-secondary"},y.createElement(ge.Range,{className:"absolute h-full bg-primary"})),y.createElement(ge.Thumb,{className:"block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"})));Io.displayName=ge.Root.displayName;var Ao=cva("rds-stack flex flex-col",{variants:{gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8","2xl":"gap-12"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"}},defaultVariants:{gap:"md",align:"stretch"}}),Fo=y.forwardRef(({className:e,gap:t,align:r,asChild:o=false,...n},i)=>y.createElement(o?Slot:"div",{ref:i,"data-gds-part":"stack",className:a(Ao({gap:t,align:r,className:e})),...n}));Fo.displayName="Stack";var Oo=y.forwardRef(({className:e,...t},r)=>y.createElement(qe.Root,{className:a("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",e),...t,ref:r},y.createElement(qe.Thumb,{className:a("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")})));Oo.displayName=qe.Root.displayName;var Go=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{className:"relative w-full overflow-auto"},y.createElement("table",{ref:r,className:a("w-full caption-bottom text-sm",e),...t})));Go.displayName="Table";var $o=y.forwardRef(({className:e,...t},r)=>y.createElement("thead",{ref:r,className:a("[&_tr]:border-b",e),...t}));$o.displayName="TableHeader";var Vo=y.forwardRef(({className:e,...t},r)=>y.createElement("tbody",{ref:r,className:a("[&_tr:last-child]:border-0",e),...t}));Vo.displayName="TableBody";var Bo=y.forwardRef(({className:e,...t},r)=>y.createElement("tfoot",{ref:r,className:a("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...t}));Bo.displayName="TableFooter";var Uo=y.forwardRef(({className:e,...t},r)=>y.createElement("tr",{ref:r,className:a("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...t}));Uo.displayName="TableRow";var _o=y.forwardRef(({className:e,...t},r)=>y.createElement("th",{ref:r,className:a("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...t}));_o.displayName="TableHead";var Ko=y.forwardRef(({className:e,...t},r)=>y.createElement("td",{ref:r,className:a("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...t}));Ko.displayName="TableCell";var zo=y.forwardRef(({className:e,...t},r)=>y.createElement("caption",{ref:r,className:a("mt-4 text-sm text-muted-foreground",e),...t}));zo.displayName="TableCaption";var $n=le.Root,Wo=y.forwardRef(({className:e,...t},r)=>y.createElement(le.List,{ref:r,className:a("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",e),...t}));Wo.displayName=le.List.displayName;var jo=y.forwardRef(({className:e,...t},r)=>y.createElement(le.Trigger,{ref:r,className:a("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 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",e),...t}));jo.displayName=le.Trigger.displayName;var qo=y.forwardRef(({className:e,...t},r)=>y.createElement(le.Content,{ref:r,className:a("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",e),...t}));qo.displayName=le.Content.displayName;var Yo=y.forwardRef(({className:e,...t},r)=>y.createElement("textarea",{className:a("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background 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",e),ref:r,...t}));Yo.displayName="Textarea";var jt=ce.Provider,qt=ce.Root,Yt=ce.Trigger,Rt=y.forwardRef(({className:e,sideOffset:t=4,...r},o)=>y.createElement(ce.Portal,null,y.createElement(ce.Content,{ref:o,sideOffset:t,className:a("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground 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 origin-[--radix-tooltip-content-transform-origin]",e),...r})));Rt.displayName=ce.Content.displayName;var Zo=y.createContext(null);function Jo(){let e=y.useContext(Zo);if(!e)throw new Error("SideMenu components must be used within SideMenu");return e}var Un=({href:e,className:t,children:r})=>y.createElement("a",{href:e,className:t},r),Qo=y.forwardRef(({header:e,collapsedHeader:t,sections:r,items:o,footer:n,collapsed:i,onCollapsedChange:d,collapsible:l=true,defaultCollapsed:s=false,activeItem:p,className:c,linkComponent:m=Un},g)=>{let[h,T]=y.useState(s),f=i??h,u=()=>{let w=!f;T(w),d?.(w);};return y.createElement(jt,{delayDuration:0},y.createElement(Zo.Provider,{value:{collapsed:f,activeItem:p,LinkComponent:m}},y.createElement("aside",{ref:g,className:a("flex h-full flex-col transition-[width] duration-300 ease-in-out","bg-white dark:bg-[#141414] border-r border-rds-gray-200 dark:border-[#1a1a1a]",f?"w-16":"w-64",c)},y.createElement("div",{className:a("flex items-center border-b border-rds-gray-200 dark:border-[#1a1a1a] flex-shrink-0 h-12",f?"justify-center px-2":"justify-between px-3")},f&&t||e,l&&y.createElement("button",{onClick:u,className:a("rounded-md h-5 w-5 flex items-center justify-center","text-rds-gray-400 dark:text-rds-gray-500","hover:text-rds-gray-600 dark:hover:text-rds-gray-300 transition-colors","bg-white dark:bg-[#141414] border border-rds-gray-200 dark:border-rds-gray-700 shadow-sm",f&&"absolute left-[calc(4rem-10px)] top-6 -translate-y-1/2 z-50"),"aria-label":f?"Expand sidebar":"Collapse sidebar"},f?y.createElement(ChevronRight,{className:"h-3 w-3"}):y.createElement(ChevronLeft,{className:"h-3 w-3"}))),y.createElement("nav",{className:"flex-1 py-2 overflow-y-auto overflow-x-hidden"},o&&o.length>0&&y.createElement("div",{className:"px-2 mb-1 space-y-0.5"},o.map(w=>y.createElement(Xt,{key:w.id,item:w}))),r?.map(w=>y.createElement(_n,{key:w.id,section:w}))),n&&y.createElement("div",{className:"flex-shrink-0 border-t border-rds-gray-200 dark:border-[#1a1a1a] p-2"},n))))});Qo.displayName="SideMenu";function _n({section:e}){let{collapsed:t}=Jo(),[r,o]=y.useState(e.defaultExpanded??true);return t?y.createElement("div",{className:"px-2 mb-1 space-y-0.5"},e.items.map(n=>y.createElement(Xt,{key:n.id,item:n}))):y.createElement("div",{className:"px-2 mb-1"},y.createElement("button",{onClick:()=>o(!r),className:a("flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-sm font-medium","text-rds-gray-700 dark:text-rds-gray-300","hover:bg-rds-gray-50 dark:hover:bg-rds-gray-900","hover:text-rds-gray-900 dark:hover:text-white transition-colors")},e.icon&&y.createElement("span",{className:"h-3.5 w-3.5 flex-shrink-0"},e.icon),y.createElement("span",{className:"flex-1 text-left"},e.title),r?y.createElement(ChevronDown,{className:"h-3 w-3",strokeWidth:1.5}):y.createElement(ChevronRight,{className:"h-3 w-3",strokeWidth:1.5})),r&&y.createElement("div",{className:"mt-0.5 space-y-0.5 relative pl-5"},y.createElement("div",{className:"absolute left-[1.1rem] top-0 bottom-0 w-px bg-rds-gray-200 dark:bg-rds-gray-700"}),e.items.map(n=>y.createElement(Xt,{key:n.id,item:n,nested:true}))))}function Xt({item:e,nested:t=false}){let{collapsed:r,activeItem:o,LinkComponent:n}=Jo(),i=o===e.id,d=a("flex items-center gap-2.5 rounded-md text-sm font-medium transition-colors",r?"justify-center px-2 py-2.5":"px-2 py-1.5",i?t?"bg-rds-gray-100 dark:bg-[#1a1a1a] text-rds-gray-900 dark:text-white":"bg-rds-green-50 dark:bg-rds-green-950 text-rds-green-700 dark:text-rds-green-400":"text-rds-gray-700 dark:text-rds-gray-300 hover:bg-rds-gray-50 dark:hover:bg-rds-gray-900 hover:text-rds-gray-900 dark:hover:text-white",e.disabled&&"opacity-50 pointer-events-none"),l=y.createElement(y.Fragment,null,e.icon&&y.createElement("span",{className:a("flex-shrink-0",r?"h-5 w-5":"h-3.5 w-3.5")},e.icon),!r&&y.createElement("span",null,e.label),!r&&e.badge&&y.createElement("span",{className:"ml-auto text-xs bg-rds-gray-100 dark:bg-rds-gray-800 px-1.5 py-0.5 rounded"},e.badge)),s=e.href?y.createElement(n,{href:e.href,className:d},l):y.createElement("button",{onClick:e.onClick,disabled:e.disabled,className:a(d,"w-full")},l);return r?y.createElement(qt,null,y.createElement(Yt,{asChild:true},s),y.createElement(Rt,{side:"right",sideOffset:8},e.label)):s}var zn=({href:e,className:t,children:r})=>y.createElement("a",{href:e,className:t},r),ea=y.forwardRef(({breadcrumbs:e=[],showMobileMenu:t=false,onMobileMenuClick:r,leftContent:o,rightContent:n,className:i,linkComponent:d=zn},l)=>y.createElement("header",{ref:l,className:a("sticky top-0 z-30 flex h-12 items-center gap-3","border-b border-rds-gray-200 dark:border-[#1a1a1a]","bg-white dark:bg-[#141414] px-4",i)},t&&y.createElement("button",{onClick:r,className:"lg:hidden rounded-md p-1.5 text-rds-gray-600 hover:bg-rds-gray-100 dark:text-rds-gray-400 dark:hover:bg-rds-gray-800","aria-label":"Toggle menu"},y.createElement(Menu,{className:"h-4 w-4"})),e.length>0&&y.createElement("nav",{className:"hidden md:flex items-center gap-1.5 text-sm","aria-label":"Breadcrumb"},e.map((s,p)=>y.createElement(y.Fragment,{key:p},p>0&&y.createElement("span",{className:"text-rds-gray-400 dark:text-rds-gray-500 text-xs"},"/"),s.href?y.createElement(d,{href:s.href,className:"text-rds-gray-600 dark:text-rds-gray-400 hover:text-rds-gray-900 dark:hover:text-white transition-colors text-sm"},s.label):y.createElement("span",{className:"text-rds-gray-900 dark:text-white font-medium text-sm"},s.label)))),o,y.createElement("div",{className:"flex-1"}),n&&y.createElement("div",{className:"flex items-center gap-1.5"},n)));ea.displayName="TopMenu";var ta=y.forwardRef(({name:e,email:t,avatarUrl:r,avatarContent:o,avatarClassName:n,children:i,className:d},l)=>{let[s,p]=y.useState(false),c=y.useRef(null);return y.useEffect(()=>{let m=g=>{c.current&&!c.current.contains(g.target)&&p(false);};return s&&document.addEventListener("mousedown",m),()=>{document.removeEventListener("mousedown",m);}},[s]),y.createElement("div",{ref:l,className:a("relative",d)},y.createElement("div",{ref:c},y.createElement("button",{onClick:()=>p(!s),className:"flex items-center gap-1.5 rounded-full p-0.5 hover:ring-2 hover:ring-rds-green-500 hover:ring-offset-2 dark:hover:ring-offset-[#141414] transition-all","aria-label":"Account menu"},y.createElement("div",{className:a("h-8 w-8 rounded-full overflow-hidden flex items-center justify-center",n||"bg-gradient-to-br from-rds-yellow-400 to-rds-yellow-600")},r?y.createElement("img",{src:r,alt:e||"User",className:"h-full w-full object-cover"}):o)),s&&y.createElement("div",{className:"absolute right-0 mt-2 w-64 rounded-lg border border-rds-gray-200 dark:border-[#1a1a1a] bg-white dark:bg-[#141414] shadow-lg overflow-hidden z-50"},(e||t)&&y.createElement("div",{className:"px-4 py-3 border-b border-rds-gray-200 dark:border-[#1a1a1a]"},y.createElement("div",{className:"flex items-center gap-3"},y.createElement("div",{className:a("h-10 w-10 rounded-full overflow-hidden flex items-center justify-center",n||"bg-gradient-to-br from-rds-yellow-400 to-rds-yellow-600")},r?y.createElement("img",{src:r,alt:e||"User",className:"h-full w-full object-cover"}):o),y.createElement("div",{className:"flex-1 min-w-0"},e&&y.createElement("p",{className:"text-sm font-medium text-rds-gray-900 dark:text-white truncate"},e),t&&y.createElement("p",{className:"text-xs text-rds-gray-500 dark:text-rds-gray-400 truncate"},t)))),i)))});ta.displayName="TopMenuUser";var ra=y.forwardRef(({icon:e,children:t,onClick:r,href:o,variant:n="default",className:i},d)=>y.createElement(o?"a":"button",{ref:d,onClick:r,href:o,className:a("w-full flex items-center gap-3 px-4 py-2 text-sm transition-colors",{default:"text-rds-gray-700 dark:text-rds-gray-300 hover:bg-rds-gray-50 dark:hover:bg-[#1a1a1a]",danger:"text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-950/20",success:"text-rds-green-600 dark:text-rds-green-400 hover:bg-rds-green-50 dark:hover:bg-rds-green-950/20"}[n],i)},e&&y.createElement("span",{className:"h-4 w-4"},e),y.createElement("span",null,t)));ra.displayName="TopMenuUserItem";var oa=y.forwardRef(({children:e,className:t},r)=>y.createElement("div",{ref:r,className:a("py-1 border-t border-rds-gray-200 dark:border-[#1a1a1a] first:border-t-0",t)},e));oa.displayName="TopMenuUserSection";var Zt=y.createContext(null);function Jt(){let e=y.useContext(Zt);if(!e)throw new Error("SimpleTabsPanel must be used within SimpleTabs");return e}var aa=y.forwardRef(({tabs:e,activeTab:t,defaultTab:r,onTabChange:o,children:n,className:i,tabsClassName:d},l)=>{let[s,p]=y.useState(r||e[0]?.id||""),c=t??s,m=g=>{p(g),o?.(g);};return y.createElement(Zt.Provider,{value:{activeTab:c,setActiveTab:m}},y.createElement("div",{ref:l,className:a("space-y-6",i)},y.createElement("div",{className:"border-b border-rds-gray-200 dark:border-rds-gray-800"},y.createElement("nav",{className:a("-mb-px flex gap-1 overflow-x-auto scrollbar-hide",d),"aria-label":"Tabs"},e.map(g=>{let h=c===g.id;return y.createElement("button",{key:g.id,onClick:()=>!g.disabled&&m(g.id),disabled:g.disabled,className:a("relative flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors whitespace-nowrap",h?"text-primary":"text-muted-foreground hover:text-foreground",g.disabled&&"opacity-50 cursor-not-allowed")},g.icon&&y.createElement("span",{className:"h-4 w-4"},g.icon),g.label,h&&y.createElement("span",{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-primary","aria-hidden":"true"}))}))),n&&y.createElement("div",null,n)))});aa.displayName="SimpleTabs";var na=y.forwardRef(({id:e,children:t,className:r},o)=>{let{activeTab:n}=Jt();return n!==e?null:y.createElement("div",{ref:o,role:"tabpanel","aria-labelledby":`tab-${e}`,className:r},t)});na.displayName="SimpleTabsPanel";var ia=y.forwardRef(({activeTab:e,defaultTab:t,onTabChange:r,children:o,className:n},i)=>{let[d,l]=y.useState(t||""),s=e??d,p=c=>{l(c),r?.(c);};return y.createElement(Zt.Provider,{value:{activeTab:s,setActiveTab:p}},y.createElement("div",{ref:i,className:a("space-y-6",n)},o))});ia.displayName="SimpleTabsRoot";var sa=y.forwardRef(({children:e,className:t},r)=>y.createElement("div",{ref:r,className:"border-b border-rds-gray-200 dark:border-rds-gray-800"},y.createElement("nav",{className:a("-mb-px flex gap-1 overflow-x-auto scrollbar-hide",t),role:"tablist","aria-label":"Tabs"},e)));sa.displayName="SimpleTabsList";var da=y.forwardRef(({value:e,children:t,icon:r,disabled:o,className:n},i)=>{let{activeTab:d,setActiveTab:l}=Jt(),s=d===e;return y.createElement("button",{ref:i,role:"tab",id:`tab-${e}`,"aria-selected":s,"aria-controls":`panel-${e}`,onClick:()=>!o&&l(e),disabled:o,className:a("relative flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors whitespace-nowrap",s?"text-primary":"text-muted-foreground hover:text-foreground",o&&"opacity-50 cursor-not-allowed",n)},r&&y.createElement("span",{className:"h-4 w-4"},r),t,s&&y.createElement("span",{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-primary","aria-hidden":"true"}))});da.displayName="SimpleTabsTrigger";var la=y.forwardRef(({value:e,children:t,className:r},o)=>{let{activeTab:n}=Jt();return n!==e?null:y.createElement("div",{ref:o,role:"tabpanel",id:`panel-${e}`,"aria-labelledby":`tab-${e}`,className:r},t)});la.displayName="SimpleTabsContent";var Wn={video:"aspect-video",square:"aspect-square",portrait:"aspect-[3/4]",wide:"aspect-[21/9]",auto:""},jn={none:"0",sm:"var(--radius, 0.25rem)",md:"calc(var(--radius, 0.375rem) * 1.25)",lg:"calc(var(--radius, 0.5rem) * 1.5)",xl:"calc(var(--radius, 0.75rem) * 2)"},ue=y.forwardRef(({className:e,aspect:t="video",radius:r="lg",border:o=false,loading:n=false,onVisibilityChange:i,fallback:d,style:l,children:s,...p},c)=>{let m=y.useRef(null);return y.useImperativeHandle(c,()=>m.current),y.useEffect(()=>{if(!i||!m.current)return;let g=m.current,h=new IntersectionObserver(([T])=>i(T.isIntersecting),{threshold:.05});return h.observe(g),()=>h.disconnect()},[i]),y.createElement("div",{ref:m,"data-gds-part":"media-surface",className:a("rds-media-surface relative w-full overflow-hidden bg-muted",Wn[t],o&&"border border-border",e),style:{borderRadius:`var(--rds-media-radius, ${jn[r]})`,...l},...p},s,n&&y.createElement("div",{className:"absolute inset-0 flex items-center justify-center bg-muted animate-pulse","aria-hidden":true},d))});ue.displayName="MediaSurface";function Ee(){let[e,t]=y.useState(false);return y.useEffect(()=>{let r=window.matchMedia("(prefers-reduced-motion: reduce)");t(r.matches);let o=n=>t(n.matches);return r.addEventListener("change",o),()=>r.removeEventListener("change",o)},[]),e}var ca=y.forwardRef(({src:e,controls:t=true,autoPlay:r=false,loop:o=false,muted:n,pauseOffscreen:i=true,aspect:d="video",radius:l="lg",border:s=false,poster:p,label:c,className:m,style:g,playbackRate:h=1,objectFit:T="cover"},f)=>{let u=y.useRef(null),w=Ee(),[N,E]=y.useState(!!p);y.useImperativeHandle(f,()=>u.current);let M=n??r,_=r&&!w;y.useEffect(()=>{u.current&&(u.current.playbackRate=h);},[h]),y.useEffect(()=>{E(!!p);},[p]);let J=y.useCallback(ye=>{!i||!u.current||(ye&&_?u.current.play().catch(()=>{}):u.current.pause());},[i,_]);return y.createElement(ue,{aspect:d,radius:l,border:s,"aria-label":c,className:m,style:g,onVisibilityChange:i?J:void 0},y.createElement("video",{ref:u,src:e,controls:t,autoPlay:_,loop:o,muted:M,playsInline:true,preload:_?"auto":"metadata",onPlaying:()=>E(false),className:a("w-full h-full",T==="cover"&&"object-cover",T==="contain"&&"object-contain",T==="fill"&&"object-fill")},"Your browser does not support the video tag."),p&&N&&y.createElement("img",{src:p,alt:"","aria-hidden":"true",loading:"lazy",decoding:"async","data-gds-part":"video-poster",className:a("absolute inset-0 w-full h-full pointer-events-none transition-opacity duration-200",T==="cover"&&"object-cover",T==="contain"&&"object-contain",T==="fill"&&"object-fill")}))});ca.displayName="VideoPlayer";var pa=y.forwardRef(({src:e,controls:t=false,autoPlay:r=true,loop:o=true,pauseOffscreen:n=true,aspect:i="square",radius:d="lg",border:l=false,poster:s,label:p,className:c,style:m,stateMachines:g,artboard:h,fit:T="contain",stateMachineInputs:f},u)=>{let w=Ee(),[N,E]=y.useState(null),[M,_]=y.useState(null);return y.useEffect(()=>{let J=false;return import('@rive-app/react-canvas').then(ye=>{J||E(ye);}).catch(()=>{J||_("Rive runtime not installed. Run `npm install @rive-app/react-canvas`.");}),()=>{J=true;}},[]),y.createElement(ue,{ref:u,aspect:i,radius:d,border:l,"aria-label":p,className:c,style:m},M?y.createElement("div",{className:"flex items-center justify-center h-full text-sm text-muted-foreground p-4 text-center"},M):N&&e?y.createElement(Xn,{Mod:N,src:e,stateMachines:g,artboard:h,fit:T,stateMachineInputs:f,autoPlay:r&&!w,loop:o,pauseOffscreen:n,controls:t,poster:s}):s&&y.createElement("img",{src:s,alt:"",className:"w-full h-full object-contain"}))});pa.displayName="RivePlayer";function Xn({Mod:e,src:t,stateMachines:r,artboard:o,fit:n,autoPlay:i,loop:d,pauseOffscreen:l,controls:s,poster:p}){let{useRive:c,Layout:m,Fit:g,Alignment:h,EventType:T}=e,f={contain:g.Contain,cover:g.Cover,fill:g.Fill,fitWidth:g.FitWidth,fitHeight:g.FitHeight,none:g.None},{rive:u,RiveComponent:w}=c({src:t,stateMachines:r,artboard:o,autoplay:i,layout:new m({fit:f[n],alignment:h.Center})}),[N,E]=y.useState(i);y.useEffect(()=>{if(!u||!d)return;let _=()=>{u.play();};return u.on(T.Stop,_),()=>{u.off(T.Stop,_);}},[u,d,T]),y.useEffect(()=>{if(!l||!u)return;let _=u.canvas;if(!_)return;let J=new IntersectionObserver(([ye])=>{ye.isIntersecting&&i?u.play():u.pause();},{threshold:.05});return J.observe(_),()=>J.disconnect()},[u,l,i]);let M=()=>{u&&(N?(u.pause(),E(false)):(u.play(),E(true)));};return y.createElement(y.Fragment,null,y.createElement(w,{className:"w-full h-full"}),!u&&p&&y.createElement("img",{src:p,alt:"",className:"absolute inset-0 w-full h-full object-contain pointer-events-none"}),s&&y.createElement("div",{className:a("absolute inset-0 flex items-end justify-end p-2","opacity-0 hover:opacity-100 transition-opacity","bg-gradient-to-t from-black/40 to-transparent")},y.createElement(X,{size:"icon",variant:"secondary",onClick:M},N?y.createElement(Pause,{className:"h-4 w-4"}):y.createElement(Play,{className:"h-4 w-4"}))))}var ua=({renderer:e,scene:t,camera:r,preset:o,width:n,height:i})=>{let d=new EffectComposer(e);d.setSize(n,i),d.addPass(new RenderPass(t,r));let l=new BloomEffect({intensity:0,luminanceThreshold:.6,radius:.6,kernelSize:KernelSize.MEDIUM}),s=new NoiseEffect({blendFunction:BlendFunction.OVERLAY});s.blendMode.opacity.value=0;let p=new ScanlineEffect({blendFunction:BlendFunction.OVERLAY,density:1.25});p.blendMode.opacity.value=0;let c=new VignetteEffect({darkness:0,offset:.5}),m=new ChromaticAberrationEffect({offset:new I.Vector2(0,0),radialModulation:false,modulationOffset:.15}),g=new GlitchEffect({chromaticAberrationOffset:new I.Vector2(0,0),columns:.05});g.minStrength=0,g.maxStrength=0,d.addPass(new EffectPass(r,l)),d.addPass(new EffectPass(r,s,p,c)),d.addPass(new EffectPass(r,m)),d.addPass(new EffectPass(r,g));function h(T){let f=T.effects;l.intensity=f.bloom?.intensity??0,l.luminanceMaterial&&f.bloom?.luminanceThreshold!==void 0&&(l.luminanceMaterial.threshold=f.bloom.luminanceThreshold),s.blendMode.opacity.value=f.noise?.intensity??0,p.density=f.scanlines?.density??1.25,p.blendMode.opacity.value=f.scanlines?.opacity??0,c.darkness=f.vignette?.darkness??0,c.offset=f.vignette?.offset??.5;let u=f.chromatic?.offset??0;m.offset?.set(u,u),f.glitch?(g.minStrength=f.glitch.strength?.[0]??0,g.maxStrength=f.glitch.strength?.[1]??0):(g.minStrength=0,g.maxStrength=0);}return h(o),{composer:d,setPreset:h,resize:(T,f)=>d.setSize(T,f),dispose:()=>{d.dispose();}}};var Fe=3e3,er=400,ii=80,fa=({width:e,height:t,palette:r})=>{let o=new I.Scene;o.background=new I.Color(r.background);let n=new I.PerspectiveCamera(70,e/t,.1,er*2);n.position.z=0;let i=new Float32Array(Fe*6),d=new Float32Array(Fe*6),l=new Float32Array(Fe),s=new I.Color(r.primary),p=new I.Color(r.accent);function c(u,w){let N=Math.random()*Math.PI*2,E=ii*Math.pow(Math.random(),.6),M=Math.cos(N)*E,_=Math.sin(N)*E,J=w?-Math.random()*er:-er;l[u]=J,i[u*6+0]=M,i[u*6+1]=_,i[u*6+2]=J,i[u*6+3]=M,i[u*6+4]=_,i[u*6+5]=J-2,d[u*6+0]=s.r,d[u*6+1]=s.g,d[u*6+2]=s.b,d[u*6+3]=p.r,d[u*6+4]=p.g,d[u*6+5]=p.b;}for(let u=0;u<Fe;u++)c(u,true);let m=new I.BufferGeometry;m.setAttribute("position",new I.BufferAttribute(i,3)),m.setAttribute("color",new I.BufferAttribute(d,3));let g=new I.LineBasicMaterial({vertexColors:true,transparent:true,opacity:.95,blending:I.AdditiveBlending}),h=new I.LineSegments(m,g);o.add(h);let T=60,f=6;return {scene:o,camera:n,update:(u,w)=>{let N=m.attributes.position.array;for(let E=0;E<Fe;E++){let M=E*6;N[M+2]+=T*w,N[M+5]=N[M+2]-f,N[M+2]>5&&c(E,false);}m.attributes.position.needsUpdate=true;},resize:(u,w)=>{let N=n;N.aspect=u/w,N.updateProjectionMatrix();},setPalette:u=>{o.background=new I.Color(u.background);let w=new I.Color(u.primary),N=new I.Color(u.accent),E=m.attributes.color.array;for(let M=0;M<Fe;M++)E[M*6+0]=w.r,E[M*6+1]=w.g,E[M*6+2]=w.b,E[M*6+3]=N.r,E[M*6+4]=N.g,E[M*6+5]=N.b;m.attributes.color.needsUpdate=true;},dispose:()=>{m.dispose(),g.dispose();}}};var si=`
|
|
1
|
+
import*as y from'react';import {useRef,useEffect}from'react';import*as ae from'@radix-ui/react-accordion';import {ChevronDown,Check,X as X$1,ChevronRight,Circle,ChevronUp,ChevronLeft,Menu,Pause,Play,ChevronLeftIcon,ChevronRightIcon,ChevronDownIcon,CalendarIcon,Palette,Download,Trash2,SunDim,Sun,Moon,MoonStar}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {cva}from'class-variance-authority';import {Slot}from'@radix-ui/react-slot';import*as ge from'@radix-ui/react-avatar';import {getDefaultClassNames,DayPicker}from'react-day-picker';import*as ze from'@radix-ui/react-checkbox';import {format}from'date-fns';import*as de from'@radix-ui/react-popover';import*as F from'@radix-ui/react-dialog';import*as x from'@radix-ui/react-dropdown-menu';import*as _t from'@radix-ui/react-label';import*as qe from'@radix-ui/react-progress';import*as we from'@radix-ui/react-radio-group';import*as ne from'@radix-ui/react-scroll-area';import*as R from'@radix-ui/react-select';import*as jt from'@radix-ui/react-separator';import*as he from'@radix-ui/react-slider';import*as Xe from'@radix-ui/react-switch';import*as le from'@radix-ui/react-tabs';import*as ce from'@radix-ui/react-tooltip';import*as I from'three';import {EffectComposer,RenderPass,BloomEffect,KernelSize,NoiseEffect,BlendFunction,ScanlineEffect,VignetteEffect,ChromaticAberrationEffect,GlitchEffect,EffectPass}from'postprocessing';import Mi from'lenis';function a(...e){return twMerge(clsx(e))}var Ka=ae.Root,Sr=y.forwardRef(({className:e,...t},r)=>y.createElement(ae.Item,{ref:r,className:a("border-b",e),...t}));Sr.displayName="AccordionItem";var Cr=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(ae.Header,{className:"flex"},y.createElement(ae.Trigger,{ref:o,className:a("flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",e),...r},t,y.createElement(ChevronDown,{className:"h-4 w-4 shrink-0 transition-transform duration-200"}))));Cr.displayName=ae.Trigger.displayName;var Nr=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(ae.Content,{ref:o,className:"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",...r},y.createElement("div",{className:a("pb-4 pt-0",e)},t)));Nr.displayName=ae.Content.displayName;var Wa=cva("relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4",{variants:{variant:{default:"bg-background text-foreground [&>svg]:text-foreground",destructive:"border-destructive/30 bg-destructive-soft text-destructive-deep [&>svg]:text-destructive-deep",success:"border-success/30 bg-success-soft text-success-deep [&>svg]:text-success-deep",warning:"border-warning/30 bg-warning-soft text-warning-deep [&>svg]:text-warning-deep",info:"border-info/30 bg-info-soft text-info-deep [&>svg]:text-info-deep",highlight:"border-highlight/30 bg-highlight-soft text-foreground [&>svg]:text-highlight-deep"}},defaultVariants:{variant:"default"}}),kr=y.forwardRef(({className:e,variant:t,...r},o)=>y.createElement("div",{ref:o,role:"alert",className:a(Wa({variant:t}),e),...r}));kr.displayName="Alert";var Mr=y.forwardRef(({className:e,...t},r)=>y.createElement("h5",{ref:r,className:a("mb-1 font-medium leading-none tracking-tight",e),...t}));Mr.displayName="AlertTitle";var Er=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,className:a("text-sm [&_p]:leading-relaxed",e),...t}));Er.displayName="AlertDescription";var Hr=cva("rds-app-shell min-h-screen w-full bg-background text-foreground",{variants:{nav:{none:"block",top:"grid grid-rows-[auto_1fr]",side:"grid grid-cols-[auto_1fr]"}},defaultVariants:{nav:"none"}}),Lr=cva("rds-app-shell-nav",{variants:{placement:{top:"border-b bg-background",side:"border-r bg-background",none:"hidden"},sticky:{true:"",false:""}},compoundVariants:[{placement:"top",sticky:true,className:"sticky top-0 z-30"},{placement:"side",sticky:true,className:"sticky top-0 h-screen self-start"}],defaultVariants:{placement:"top",sticky:true}}),Dr=cva("rds-app-shell-main min-w-0",{variants:{maxWidth:{full:"w-full",container:"w-full mx-auto max-w-7xl px-4 md:px-6 lg:px-8"}},defaultVariants:{maxWidth:"full"}}),Ir=y.forwardRef(({className:e,nav:t,asChild:r=false,...o},n)=>y.createElement(r?Slot:"div",{ref:n,"data-gds-part":"app-shell","data-nav":t??"none",className:a(Hr({nav:t,className:e})),...o}));Ir.displayName="AppShell";var Ar=y.forwardRef(({className:e,placement:t,sticky:r,asChild:o=false,...n},i)=>y.createElement(o?Slot:"nav",{ref:i,"data-gds-part":"app-shell-nav","data-placement":t??"top",className:a(Lr({placement:t,sticky:r,className:e})),...n}));Ar.displayName="AppShellNav";var Fr=y.forwardRef(({className:e,maxWidth:t,asChild:r=false,...o},n)=>y.createElement(r?Slot:"main",{ref:n,"data-gds-part":"app-shell-main",className:a(Dr({maxWidth:t,className:e})),...o}));Fr.displayName="AppShellMain";var Or=y.forwardRef(({className:e,...t},r)=>y.createElement(ge.Root,{ref:r,className:a("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",e),...t}));Or.displayName=ge.Root.displayName;var Gr=y.forwardRef(({className:e,...t},r)=>y.createElement(ge.Image,{ref:r,className:a("aspect-square h-full w-full",e),...t}));Gr.displayName=ge.Image.displayName;var $r=y.forwardRef(({className:e,...t},r)=>y.createElement(ge.Fallback,{ref:r,className:a("flex h-full w-full items-center justify-center rounded-full bg-muted",e),...t}));$r.displayName=ge.Fallback.displayName;var Br=cva("inline-flex items-center gap-1 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 [&_svg]:size-3 [&_svg]:shrink-0",{variants:{variant:{default:"border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",outline:"text-foreground",highlight:"border-transparent bg-rds-yellow-400 text-rds-gray-900 shadow hover:bg-rds-yellow-500",success:"border-transparent bg-rds-green-500 text-rds-gray-900 shadow hover:bg-rds-green-600",warning:"border-transparent bg-orange-500 text-white shadow hover:bg-orange-600",info:"border-transparent bg-blue-500 text-white shadow hover:bg-blue-600","success-soft":"border-rds-green-500/20 bg-rds-green-500/10 text-rds-green-600 dark:text-rds-green-400","warning-soft":"border-orange-500/20 bg-orange-500/10 text-orange-600 dark:text-orange-400","destructive-soft":"border-destructive/20 bg-destructive/10 text-destructive dark:text-red-400","info-soft":"border-blue-500/20 bg-blue-500/10 text-blue-600 dark:text-blue-400","highlight-soft":"border-rds-yellow-500/20 bg-rds-yellow-400/10 text-rds-yellow-600 dark:text-rds-yellow-400","success-outline":"border-rds-green-500/50 bg-transparent text-rds-green-600 dark:text-rds-green-400","warning-outline":"border-orange-500/50 bg-transparent text-orange-600 dark:text-orange-400","destructive-outline":"border-destructive/50 bg-transparent text-destructive dark:text-red-400","info-outline":"border-blue-500/50 bg-transparent text-blue-600 dark:text-blue-400"},rounded:{default:"rounded-md",full:"rounded-full"}},defaultVariants:{variant:"default",rounded:"default"}});function qa({className:e,variant:t,rounded:r,...o}){return y.createElement("div",{className:a(Br({variant:t,rounded:r}),e),...o})}var Ke=cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),X=y.forwardRef(({className:e,variant:t,size:r,asChild:o=false,...n},i)=>y.createElement(o?Slot:"button",{className:a("rds-button",Ke({variant:t,size:r,className:e})),ref:i,...n}));X.displayName="Button";function ut({className:e,classNames:t,showOutsideDays:r=true,captionLayout:o="label",buttonVariant:n="ghost",formatters:i,components:d,...l}){let s=getDefaultClassNames();return y.createElement(DayPicker,{showOutsideDays:r,className:a("bg-background group/calendar p-3 [--cell-size:2rem] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent",String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,e),captionLayout:o,formatters:{formatMonthDropdown:p=>p.toLocaleString("default",{month:"short"}),...i},classNames:{root:a("w-fit",s.root),months:a("relative flex flex-col gap-4 md:flex-row",s.months),month:a("flex w-full flex-col gap-4",s.month),nav:a("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",s.nav),button_previous:a(Ke({variant:n}),"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",s.button_previous),button_next:a(Ke({variant:n}),"h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50",s.button_next),month_caption:a("flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]",s.month_caption),dropdowns:a("flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium",s.dropdowns),dropdown_root:a("has-focus:border-ring border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] relative rounded-md border",s.dropdown_root),dropdown:a("bg-popover absolute inset-0 opacity-0",s.dropdown),caption_label:a("select-none font-medium",o==="label"?"text-sm":"[&>svg]:text-muted-foreground flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5",s.caption_label),table:"w-full border-collapse",weekdays:a("flex",s.weekdays),weekday:a("text-muted-foreground flex-1 select-none rounded-md text-[0.8rem] font-normal",s.weekday),week:a("mt-2 flex w-full",s.week),week_number_header:a("w-[--cell-size] select-none",s.week_number_header),week_number:a("text-muted-foreground select-none text-[0.8rem]",s.week_number),day:a("group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md",s.day),range_start:a("bg-accent rounded-l-md",s.range_start),range_middle:a("rounded-none",s.range_middle),range_end:a("bg-accent rounded-r-md",s.range_end),today:a("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",s.today),outside:a("text-muted-foreground aria-selected:text-muted-foreground",s.outside),disabled:a("text-muted-foreground opacity-50",s.disabled),hidden:a("invisible",s.hidden),...t},components:{Root:({className:p,rootRef:c,...m})=>y.createElement("div",{"data-slot":"calendar",ref:c,className:a(p),...m}),Chevron:({className:p,orientation:c,...m})=>c==="left"?y.createElement(ChevronLeftIcon,{className:a("size-4",p),...m}):c==="right"?y.createElement(ChevronRightIcon,{className:a("size-4",p),...m}):y.createElement(ChevronDownIcon,{className:a("size-4",p),...m}),DayButton:_r,WeekNumber:({children:p,...c})=>y.createElement("td",{...c},y.createElement("div",{className:"flex size-[--cell-size] items-center justify-center text-center"},p)),...d},...l})}function _r({className:e,day:t,modifiers:r,...o}){let n=getDefaultClassNames(),i=y.useRef(null);return y.useEffect(()=>{r.focused&&i.current?.focus();},[r.focused]),y.createElement(X,{ref:i,variant:"ghost",size:"icon","data-day":`${t.date.getFullYear()}-${String(t.date.getMonth()+1).padStart(2,"0")}-${String(t.date.getDate()).padStart(2,"0")}`,"data-selected-single":r.selected&&!r.range_start&&!r.range_end&&!r.range_middle,"data-range-start":r.range_start,"data-range-end":r.range_end,"data-range-middle":r.range_middle,className:a("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 font-normal leading-none data-[range-end=true]:rounded-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] [&>span]:text-xs [&>span]:opacity-70",n.day,e),...o})}var Kr=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,"data-gds-part":"card",className:a("rds-card rounded-xl border bg-card text-card-foreground shadow",e),...t}));Kr.displayName="Card";var zr=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,"data-gds-part":"card-header",className:a("flex flex-col space-y-1.5 p-6",e),...t}));zr.displayName="CardHeader";var Wr=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,"data-gds-part":"card-title",className:a("font-semibold leading-none tracking-tight",e),...t}));Wr.displayName="CardTitle";var jr=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,"data-gds-part":"card-description",className:a("text-sm text-muted-foreground",e),...t}));jr.displayName="CardDescription";var qr=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,"data-gds-part":"card-content",className:a("p-6 pt-0",e),...t}));qr.displayName="CardContent";var Yr=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{ref:r,"data-gds-part":"card-footer",className:a("flex items-center p-6 pt-0",e),...t}));Yr.displayName="CardFooter";var Xr=y.forwardRef(({className:e,...t},r)=>y.createElement(ze.Root,{ref:r,className:a("rds-checkbox peer h-4 w-4 shrink-0 rounded-[3px] 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",e),...t},y.createElement(ze.Indicator,{className:a("flex items-center justify-center text-current")},y.createElement(Check,{className:"h-4 w-4"}))));Xr.displayName=ze.Root.displayName;var Fe=de.Root,Oe=de.Trigger,rn=de.Anchor,Ee=y.forwardRef(({className:e,align:t="center",sideOffset:r=4,...o},n)=>y.createElement(de.Portal,null,y.createElement(de.Content,{ref:n,align:t,sideOffset:r,className:a("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 origin-[--radix-popover-content-transform-origin]",e),...o})));Ee.displayName=de.Content.displayName;var on="PPP",an="LLL dd, y";function nn({value:e,onChange:t,placeholder:r="Pick a date",disabled:o,className:n,contentClassName:i,align:d="start",side:l,format:s=on,captionLayout:p,icon:c,"aria-label":m}){return y.createElement(Fe,null,y.createElement(Oe,{asChild:true},y.createElement(X,{type:"button",variant:"outline",disabled:o,"aria-label":m??(e?void 0:r),"data-empty":!e,className:a("w-[280px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground",n)},c??y.createElement(CalendarIcon,{className:"mr-2 h-4 w-4","aria-hidden":true}),e?format(e,s):y.createElement("span",null,r))),y.createElement(Ee,{className:a("w-auto p-0",i),align:d,side:l},y.createElement(ut,{mode:"single",selected:e,onSelect:t,captionLayout:p,initialFocus:true})))}function sn({value:e,onChange:t,placeholder:r="Pick a date range",disabled:o,className:n,contentClassName:i,align:d="start",side:l,format:s=an,captionLayout:p,icon:c,numberOfMonths:m=2,"aria-label":g}){let h=!!e?.from;return y.createElement(Fe,null,y.createElement(Oe,{asChild:true},y.createElement(X,{type:"button",variant:"outline",disabled:o,"aria-label":g??(h?void 0:r),"data-empty":!h,className:a("w-[300px] justify-start text-left font-normal data-[empty=true]:text-muted-foreground",n)},c??y.createElement(CalendarIcon,{className:"mr-2 h-4 w-4","aria-hidden":true}),e?.from?e.to?y.createElement(y.Fragment,null,format(e.from,s)," \u2013"," ",format(e.to,s)):format(e.from,s):y.createElement("span",null,r))),y.createElement(Ee,{className:a("w-auto p-0",i),align:d,side:l},y.createElement(ut,{mode:"range",selected:e,onSelect:t,defaultMonth:e?.from,numberOfMonths:m,captionLayout:p,initialFocus:true})))}var ln=F.Root,cn=F.Trigger,Jr=F.Portal,pn=F.Close,Ut=y.forwardRef(({className:e,...t},r)=>y.createElement(F.Overlay,{ref:r,className:a("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",e),...t}));Ut.displayName=F.Overlay.displayName;var Qr=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(Jr,null,y.createElement(Ut,null),y.createElement(F.Content,{ref:o,className:a("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",e),...r},t,y.createElement(F.Close,{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"},y.createElement(X$1,{className:"h-4 w-4"}),y.createElement("span",{className:"sr-only"},"Close")))));Qr.displayName=F.Content.displayName;var eo=({className:e,...t})=>y.createElement("div",{className:a("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});eo.displayName="DialogHeader";var to=({className:e,...t})=>y.createElement("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});to.displayName="DialogFooter";var ro=y.forwardRef(({className:e,...t},r)=>y.createElement(F.Title,{ref:r,className:a("text-lg font-semibold leading-none tracking-tight",e),...t}));ro.displayName=F.Title.displayName;var oo=y.forwardRef(({className:e,...t},r)=>y.createElement(F.Description,{ref:r,className:a("text-sm text-muted-foreground",e),...t}));oo.displayName=F.Description.displayName;var gn=x.Root,hn=x.Trigger,yn=x.Group,vn=x.Portal,bn=x.Sub,xn=x.RadioGroup,ao=y.forwardRef(({className:e,inset:t,children:r,...o},n)=>y.createElement(x.SubTrigger,{ref:n,className:a("flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",t&&"pl-8",e),...o},r,y.createElement(ChevronRight,{className:"ml-auto"})));ao.displayName=x.SubTrigger.displayName;var no=y.forwardRef(({className:e,...t},r)=>y.createElement(x.SubContent,{ref:r,className:a("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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 origin-[--radix-dropdown-menu-content-transform-origin]",e),...t}));no.displayName=x.SubContent.displayName;var io=y.forwardRef(({className:e,sideOffset:t=4,...r},o)=>y.createElement(x.Portal,null,y.createElement(x.Content,{ref:o,sideOffset:t,className:a("z-50 max-h-[var(--radix-dropdown-menu-content-available-height)] min-w-[8rem] overflow-y-auto overflow-x-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 origin-[--radix-dropdown-menu-content-transform-origin]",e),...r})));io.displayName=x.Content.displayName;var so=y.forwardRef(({className:e,inset:t,...r},o)=>y.createElement(x.Item,{ref:o,className:a("relative flex cursor-default select-none items-center gap-2 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 [&>svg]:size-4 [&>svg]:shrink-0",t&&"pl-8",e),...r}));so.displayName=x.Item.displayName;var lo=y.forwardRef(({className:e,children:t,checked:r,...o},n)=>y.createElement(x.CheckboxItem,{ref:n,className:a("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:r,...o},y.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},y.createElement(x.ItemIndicator,null,y.createElement(Check,{className:"h-4 w-4"}))),t));lo.displayName=x.CheckboxItem.displayName;var co=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(x.RadioItem,{ref:o,className:a("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...r},y.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},y.createElement(x.ItemIndicator,null,y.createElement(Circle,{className:"h-2 w-2 fill-current"}))),t));co.displayName=x.RadioItem.displayName;var po=y.forwardRef(({className:e,inset:t,...r},o)=>y.createElement(x.Label,{ref:o,className:a("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",e),...r}));po.displayName=x.Label.displayName;var mo=y.forwardRef(({className:e,...t},r)=>y.createElement(x.Separator,{ref:r,className:a("-mx-1 my-1 h-px bg-muted",e),...t}));mo.displayName=x.Separator.displayName;var uo=({className:e,...t})=>y.createElement("span",{className:a("ml-auto text-xs tracking-widest opacity-60",e),...t});uo.displayName="DropdownMenuShortcut";var fo=y.forwardRef(({className:e,type:t,...r},o)=>y.createElement("input",{type:t,className:a("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",e),ref:o,...r}));fo.displayName="Input";var Tn=cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),go=y.forwardRef(({className:e,...t},r)=>y.createElement(_t.Root,{ref:r,className:a(Tn(),e),...t}));go.displayName=_t.Root.displayName;var ho=y.forwardRef(({className:e,value:t,...r},o)=>y.createElement(qe.Root,{ref:o,className:a("relative h-4 w-full overflow-hidden rounded-full bg-secondary",e),...r},y.createElement(qe.Indicator,{className:"h-full w-full flex-1 bg-primary transition-all",style:{transform:`translateX(-${100-(t||0)}%)`}})));ho.displayName=qe.Root.displayName;var yo=y.forwardRef(({className:e,...t},r)=>y.createElement(we.Root,{className:a("grid gap-2",e),...t,ref:r}));yo.displayName=we.Root.displayName;var vo=y.forwardRef(({className:e,...t},r)=>y.createElement(we.Item,{ref:r,className:a("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",e),...t},y.createElement(we.Indicator,{className:"flex items-center justify-center"},y.createElement(Circle,{className:"h-2.5 w-2.5 fill-current text-current"}))));vo.displayName=we.Item.displayName;var bo=cva("rds-row flex flex-row",{variants:{gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8","2xl":"gap-12"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},wrap:{true:"flex-wrap",false:"flex-nowrap"}},defaultVariants:{gap:"md",align:"center",justify:"start",wrap:false}}),xo=y.forwardRef(({className:e,gap:t,align:r,justify:o,wrap:n,asChild:i=false,...d},l)=>y.createElement(i?Slot:"div",{ref:l,"data-gds-part":"row",className:a(bo({gap:t,align:r,justify:o,wrap:n,className:e})),...d}));xo.displayName="Row";var Ro=cva("rds-grid grid",{variants:{cols:{1:"grid-cols-1",2:"grid-cols-1 md:grid-cols-2",3:"grid-cols-1 sm:grid-cols-2 md:grid-cols-3",4:"grid-cols-1 sm:grid-cols-2 lg:grid-cols-4",5:"grid-cols-1 sm:grid-cols-2 lg:grid-cols-5",6:"grid-cols-2 sm:grid-cols-3 lg:grid-cols-6",12:"grid-cols-4 md:grid-cols-6 lg:grid-cols-12"},gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8","2xl":"gap-12"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"}},defaultVariants:{cols:"3",gap:"md",align:"stretch"}}),To=y.forwardRef(({className:e,cols:t,gap:r,align:o,asChild:n=false,...i},d)=>y.createElement(n?Slot:"div",{ref:d,"data-gds-part":"grid",className:a(Ro({cols:t,gap:r,align:o,className:e})),...i}));To.displayName="Grid";var wo=cva("rds-flex flex",{variants:{direction:{row:"flex-row",col:"flex-col","row-reverse":"flex-row-reverse","col-reverse":"flex-col-reverse"},gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8","2xl":"gap-12"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"},justify:{start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},wrap:{nowrap:"flex-nowrap",wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse"}},defaultVariants:{direction:"row",gap:"none",align:"stretch",justify:"start",wrap:"nowrap"}}),Po=y.forwardRef(({className:e,direction:t,gap:r,align:o,justify:n,wrap:i,asChild:d=false,...l},s)=>y.createElement(d?Slot:"div",{ref:s,"data-gds-part":"flex",className:a(wo({direction:t,gap:r,align:o,justify:n,wrap:i,className:e})),...l}));Po.displayName="Flex";var So=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(ne.Root,{ref:o,className:a("relative overflow-hidden",e),...r},y.createElement(ne.Viewport,{className:"h-full w-full rounded-[inherit]"},t),y.createElement(Kt,null),y.createElement(ne.Corner,null)));So.displayName=ne.Root.displayName;var Kt=y.forwardRef(({className:e,orientation:t="vertical",...r},o)=>y.createElement(ne.ScrollAreaScrollbar,{ref:o,orientation:t,className:a("flex touch-none select-none transition-colors",t==="vertical"&&"h-full w-2.5 border-l border-l-transparent p-[1px]",t==="horizontal"&&"h-2.5 flex-col border-t border-t-transparent p-[1px]",e),...r},y.createElement(ne.ScrollAreaThumb,{className:"relative flex-1 rounded-full bg-border"})));Kt.displayName=ne.ScrollAreaScrollbar.displayName;var Ln=R.Root,Dn=R.Group,In=R.Value,No=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(R.Trigger,{ref:o,className:a("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",e),...r},t,y.createElement(R.Icon,{asChild:true},y.createElement(ChevronDown,{className:"h-4 w-4 opacity-50"}))));No.displayName=R.Trigger.displayName;var zt=y.forwardRef(({className:e,...t},r)=>y.createElement(R.ScrollUpButton,{ref:r,className:a("flex cursor-default items-center justify-center py-1",e),...t},y.createElement(ChevronUp,{className:"h-4 w-4"})));zt.displayName=R.ScrollUpButton.displayName;var Wt=y.forwardRef(({className:e,...t},r)=>y.createElement(R.ScrollDownButton,{ref:r,className:a("flex cursor-default items-center justify-center py-1",e),...t},y.createElement(ChevronDown,{className:"h-4 w-4"})));Wt.displayName=R.ScrollDownButton.displayName;var ko=y.forwardRef(({className:e,children:t,position:r="popper",...o},n)=>y.createElement(R.Portal,null,y.createElement(R.Content,{ref:n,className:a("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",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:r,...o},y.createElement(zt,null),y.createElement(R.Viewport,{className:a("p-1",r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]")},t),y.createElement(Wt,null))));ko.displayName=R.Content.displayName;var Mo=y.forwardRef(({className:e,...t},r)=>y.createElement(R.Label,{ref:r,className:a("py-1.5 pl-8 pr-2 text-sm font-semibold",e),...t}));Mo.displayName=R.Label.displayName;var Eo=y.forwardRef(({className:e,children:t,...r},o)=>y.createElement(R.Item,{ref:o,className:a("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",e),...r},y.createElement("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center"},y.createElement(R.ItemIndicator,null,y.createElement(Check,{className:"h-4 w-4"}))),y.createElement(R.ItemText,null,t)));Eo.displayName=R.Item.displayName;var Ho=y.forwardRef(({className:e,...t},r)=>y.createElement(R.Separator,{ref:r,className:a("-mx-1 my-1 h-px bg-muted",e),...t}));Ho.displayName=R.Separator.displayName;var Lo=y.forwardRef(({className:e,orientation:t="horizontal",decorative:r=true,...o},n)=>y.createElement(jt.Root,{ref:n,decorative:r,orientation:t,className:a("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...o}));Lo.displayName=jt.Root.displayName;var On=F.Root,Gn=F.Trigger,$n=F.Close,Do=F.Portal,qt=y.forwardRef(({className:e,...t},r)=>y.createElement(F.Overlay,{className:a("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",e),...t,ref:r}));qt.displayName=F.Overlay.displayName;var Vn=cva("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}}),Io=y.forwardRef(({side:e="right",className:t,children:r,...o},n)=>y.createElement(Do,null,y.createElement(qt,null),y.createElement(F.Content,{ref:n,className:a(Vn({side:e}),t),...o},r,y.createElement(F.Close,{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"},y.createElement(X$1,{className:"h-4 w-4"}),y.createElement("span",{className:"sr-only"},"Close")))));Io.displayName=F.Content.displayName;var Ao=({className:e,...t})=>y.createElement("div",{className:a("flex flex-col space-y-2 text-center sm:text-left",e),...t});Ao.displayName="SheetHeader";var Fo=({className:e,...t})=>y.createElement("div",{className:a("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});Fo.displayName="SheetFooter";var Oo=y.forwardRef(({className:e,...t},r)=>y.createElement(F.Title,{ref:r,className:a("text-lg font-semibold text-foreground",e),...t}));Oo.displayName=F.Title.displayName;var Go=y.forwardRef(({className:e,...t},r)=>y.createElement(F.Description,{ref:r,className:a("text-sm text-muted-foreground",e),...t}));Go.displayName=F.Description.displayName;function Bn({className:e,...t}){return React.createElement("div",{className:a("animate-pulse rounded-md bg-muted",e),...t})}var $o=y.forwardRef(({className:e,...t},r)=>y.createElement(he.Root,{ref:r,className:a("relative flex w-full touch-none select-none items-center",e),...t},y.createElement(he.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-secondary"},y.createElement(he.Range,{className:"absolute h-full bg-primary"})),y.createElement(he.Thumb,{className:"block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"})));$o.displayName=he.Root.displayName;var Vo=cva("rds-stack flex flex-col",{variants:{gap:{none:"gap-0",xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8","2xl":"gap-12"},align:{start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch"}},defaultVariants:{gap:"md",align:"stretch"}}),Bo=y.forwardRef(({className:e,gap:t,align:r,asChild:o=false,...n},i)=>y.createElement(o?Slot:"div",{ref:i,"data-gds-part":"stack",className:a(Vo({gap:t,align:r,className:e})),...n}));Bo.displayName="Stack";var Uo=y.forwardRef(({className:e,...t},r)=>y.createElement(Xe.Root,{className:a("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",e),...t,ref:r},y.createElement(Xe.Thumb,{className:a("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")})));Uo.displayName=Xe.Root.displayName;var _o=y.forwardRef(({className:e,...t},r)=>y.createElement("div",{className:"relative w-full overflow-auto"},y.createElement("table",{ref:r,className:a("w-full caption-bottom text-sm",e),...t})));_o.displayName="Table";var Ko=y.forwardRef(({className:e,...t},r)=>y.createElement("thead",{ref:r,className:a("[&_tr]:border-b",e),...t}));Ko.displayName="TableHeader";var zo=y.forwardRef(({className:e,...t},r)=>y.createElement("tbody",{ref:r,className:a("[&_tr:last-child]:border-0",e),...t}));zo.displayName="TableBody";var Wo=y.forwardRef(({className:e,...t},r)=>y.createElement("tfoot",{ref:r,className:a("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...t}));Wo.displayName="TableFooter";var jo=y.forwardRef(({className:e,...t},r)=>y.createElement("tr",{ref:r,className:a("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",e),...t}));jo.displayName="TableRow";var qo=y.forwardRef(({className:e,...t},r)=>y.createElement("th",{ref:r,className:a("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...t}));qo.displayName="TableHead";var Yo=y.forwardRef(({className:e,...t},r)=>y.createElement("td",{ref:r,className:a("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",e),...t}));Yo.displayName="TableCell";var Xo=y.forwardRef(({className:e,...t},r)=>y.createElement("caption",{ref:r,className:a("mt-4 text-sm text-muted-foreground",e),...t}));Xo.displayName="TableCaption";var Kn=le.Root,Zo=y.forwardRef(({className:e,...t},r)=>y.createElement(le.List,{ref:r,className:a("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",e),...t}));Zo.displayName=le.List.displayName;var Jo=y.forwardRef(({className:e,...t},r)=>y.createElement(le.Trigger,{ref:r,className:a("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 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",e),...t}));Jo.displayName=le.Trigger.displayName;var Qo=y.forwardRef(({className:e,...t},r)=>y.createElement(le.Content,{ref:r,className:a("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",e),...t}));Qo.displayName=le.Content.displayName;var ea=y.forwardRef(({className:e,...t},r)=>y.createElement("textarea",{className:a("flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background 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",e),ref:r,...t}));ea.displayName="Textarea";var Yt=ce.Provider,Xt=ce.Root,Zt=ce.Trigger,wt=y.forwardRef(({className:e,sideOffset:t=4,...r},o)=>y.createElement(ce.Portal,null,y.createElement(ce.Content,{ref:o,sideOffset:t,className:a("z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground 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 origin-[--radix-tooltip-content-transform-origin]",e),...r})));wt.displayName=ce.Content.displayName;var ra=y.createContext(null);function oa(){let e=y.useContext(ra);if(!e)throw new Error("SideMenu components must be used within SideMenu");return e}var jn=({href:e,className:t,children:r})=>y.createElement("a",{href:e,className:t},r),aa=y.forwardRef(({header:e,collapsedHeader:t,sections:r,items:o,footer:n,collapsed:i,onCollapsedChange:d,collapsible:l=true,defaultCollapsed:s=false,activeItem:p,className:c,linkComponent:m=jn},g)=>{let[h,T]=y.useState(s),f=i??h,u=()=>{let w=!f;T(w),d?.(w);};return y.createElement(Yt,{delayDuration:0},y.createElement(ra.Provider,{value:{collapsed:f,activeItem:p,LinkComponent:m}},y.createElement("aside",{ref:g,className:a("flex h-full flex-col transition-[width] duration-300 ease-in-out","bg-white dark:bg-[#141414] border-r border-rds-gray-200 dark:border-[#1a1a1a]",f?"w-16":"w-64",c)},y.createElement("div",{className:a("flex items-center border-b border-rds-gray-200 dark:border-[#1a1a1a] flex-shrink-0 h-12",f?"justify-center px-2":"justify-between px-3")},f&&t||e,l&&y.createElement("button",{onClick:u,className:a("rounded-md h-5 w-5 flex items-center justify-center","text-rds-gray-400 dark:text-rds-gray-500","hover:text-rds-gray-600 dark:hover:text-rds-gray-300 transition-colors","bg-white dark:bg-[#141414] border border-rds-gray-200 dark:border-rds-gray-700 shadow-sm",f&&"absolute left-[calc(4rem-10px)] top-6 -translate-y-1/2 z-50"),"aria-label":f?"Expand sidebar":"Collapse sidebar"},f?y.createElement(ChevronRight,{className:"h-3 w-3"}):y.createElement(ChevronLeft,{className:"h-3 w-3"}))),y.createElement("nav",{className:"flex-1 py-2 overflow-y-auto overflow-x-hidden"},o&&o.length>0&&y.createElement("div",{className:"px-2 mb-1 space-y-0.5"},o.map(w=>y.createElement(Jt,{key:w.id,item:w}))),r?.map(w=>y.createElement(qn,{key:w.id,section:w}))),n&&y.createElement("div",{className:"flex-shrink-0 border-t border-rds-gray-200 dark:border-[#1a1a1a] p-2"},n))))});aa.displayName="SideMenu";function qn({section:e}){let{collapsed:t}=oa(),[r,o]=y.useState(e.defaultExpanded??true);return t?y.createElement("div",{className:"px-2 mb-1 space-y-0.5"},e.items.map(n=>y.createElement(Jt,{key:n.id,item:n}))):y.createElement("div",{className:"px-2 mb-1"},y.createElement("button",{onClick:()=>o(!r),className:a("flex w-full items-center gap-2.5 rounded-md px-2 py-1.5 text-sm font-medium","text-rds-gray-700 dark:text-rds-gray-300","hover:bg-rds-gray-50 dark:hover:bg-rds-gray-900","hover:text-rds-gray-900 dark:hover:text-white transition-colors")},e.icon&&y.createElement("span",{className:"h-3.5 w-3.5 flex-shrink-0"},e.icon),y.createElement("span",{className:"flex-1 text-left"},e.title),r?y.createElement(ChevronDown,{className:"h-3 w-3",strokeWidth:1.5}):y.createElement(ChevronRight,{className:"h-3 w-3",strokeWidth:1.5})),r&&y.createElement("div",{className:"mt-0.5 space-y-0.5 relative pl-5"},y.createElement("div",{className:"absolute left-[1.1rem] top-0 bottom-0 w-px bg-rds-gray-200 dark:bg-rds-gray-700"}),e.items.map(n=>y.createElement(Jt,{key:n.id,item:n,nested:true}))))}function Jt({item:e,nested:t=false}){let{collapsed:r,activeItem:o,LinkComponent:n}=oa(),i=o===e.id,d=a("flex items-center gap-2.5 rounded-md text-sm font-medium transition-colors",r?"justify-center px-2 py-2.5":"px-2 py-1.5",i?t?"bg-rds-gray-100 dark:bg-[#1a1a1a] text-rds-gray-900 dark:text-white":"bg-rds-green-50 dark:bg-rds-green-950 text-rds-green-700 dark:text-rds-green-400":"text-rds-gray-700 dark:text-rds-gray-300 hover:bg-rds-gray-50 dark:hover:bg-rds-gray-900 hover:text-rds-gray-900 dark:hover:text-white",e.disabled&&"opacity-50 pointer-events-none"),l=y.createElement(y.Fragment,null,e.icon&&y.createElement("span",{className:a("flex-shrink-0",r?"h-5 w-5":"h-3.5 w-3.5")},e.icon),!r&&y.createElement("span",null,e.label),!r&&e.badge&&y.createElement("span",{className:"ml-auto text-xs bg-rds-gray-100 dark:bg-rds-gray-800 px-1.5 py-0.5 rounded"},e.badge)),s=e.href?y.createElement(n,{href:e.href,className:d},l):y.createElement("button",{onClick:e.onClick,disabled:e.disabled,className:a(d,"w-full")},l);return r?y.createElement(Xt,null,y.createElement(Zt,{asChild:true},s),y.createElement(wt,{side:"right",sideOffset:8},e.label)):s}var Xn=({href:e,className:t,children:r})=>y.createElement("a",{href:e,className:t},r),na=y.forwardRef(({breadcrumbs:e=[],showMobileMenu:t=false,onMobileMenuClick:r,leftContent:o,rightContent:n,className:i,linkComponent:d=Xn},l)=>y.createElement("header",{ref:l,className:a("sticky top-0 z-30 flex h-12 items-center gap-3","border-b border-rds-gray-200 dark:border-[#1a1a1a]","bg-white dark:bg-[#141414] px-4",i)},t&&y.createElement("button",{onClick:r,className:"lg:hidden rounded-md p-1.5 text-rds-gray-600 hover:bg-rds-gray-100 dark:text-rds-gray-400 dark:hover:bg-rds-gray-800","aria-label":"Toggle menu"},y.createElement(Menu,{className:"h-4 w-4"})),e.length>0&&y.createElement("nav",{className:"hidden md:flex items-center gap-1.5 text-sm","aria-label":"Breadcrumb"},e.map((s,p)=>y.createElement(y.Fragment,{key:p},p>0&&y.createElement("span",{className:"text-rds-gray-400 dark:text-rds-gray-500 text-xs"},"/"),s.href?y.createElement(d,{href:s.href,className:"text-rds-gray-600 dark:text-rds-gray-400 hover:text-rds-gray-900 dark:hover:text-white transition-colors text-sm"},s.label):y.createElement("span",{className:"text-rds-gray-900 dark:text-white font-medium text-sm"},s.label)))),o,y.createElement("div",{className:"flex-1"}),n&&y.createElement("div",{className:"flex items-center gap-1.5"},n)));na.displayName="TopMenu";var ia=y.forwardRef(({name:e,email:t,avatarUrl:r,avatarContent:o,avatarClassName:n,children:i,className:d},l)=>{let[s,p]=y.useState(false),c=y.useRef(null);return y.useEffect(()=>{let m=g=>{c.current&&!c.current.contains(g.target)&&p(false);};return s&&document.addEventListener("mousedown",m),()=>{document.removeEventListener("mousedown",m);}},[s]),y.createElement("div",{ref:l,className:a("relative",d)},y.createElement("div",{ref:c},y.createElement("button",{onClick:()=>p(!s),className:"flex items-center gap-1.5 rounded-full p-0.5 hover:ring-2 hover:ring-rds-green-500 hover:ring-offset-2 dark:hover:ring-offset-[#141414] transition-all","aria-label":"Account menu"},y.createElement("div",{className:a("h-8 w-8 rounded-full overflow-hidden flex items-center justify-center",n||"bg-gradient-to-br from-rds-yellow-400 to-rds-yellow-600")},r?y.createElement("img",{src:r,alt:e||"User",className:"h-full w-full object-cover"}):o)),s&&y.createElement("div",{className:"absolute right-0 mt-2 w-64 rounded-lg border border-rds-gray-200 dark:border-[#1a1a1a] bg-white dark:bg-[#141414] shadow-lg overflow-hidden z-50"},(e||t)&&y.createElement("div",{className:"px-4 py-3 border-b border-rds-gray-200 dark:border-[#1a1a1a]"},y.createElement("div",{className:"flex items-center gap-3"},y.createElement("div",{className:a("h-10 w-10 rounded-full overflow-hidden flex items-center justify-center",n||"bg-gradient-to-br from-rds-yellow-400 to-rds-yellow-600")},r?y.createElement("img",{src:r,alt:e||"User",className:"h-full w-full object-cover"}):o),y.createElement("div",{className:"flex-1 min-w-0"},e&&y.createElement("p",{className:"text-sm font-medium text-rds-gray-900 dark:text-white truncate"},e),t&&y.createElement("p",{className:"text-xs text-rds-gray-500 dark:text-rds-gray-400 truncate"},t)))),i)))});ia.displayName="TopMenuUser";var sa=y.forwardRef(({icon:e,children:t,onClick:r,href:o,variant:n="default",className:i},d)=>y.createElement(o?"a":"button",{ref:d,onClick:r,href:o,className:a("w-full flex items-center gap-3 px-4 py-2 text-sm transition-colors",{default:"text-rds-gray-700 dark:text-rds-gray-300 hover:bg-rds-gray-50 dark:hover:bg-[#1a1a1a]",danger:"text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-950/20",success:"text-rds-green-600 dark:text-rds-green-400 hover:bg-rds-green-50 dark:hover:bg-rds-green-950/20"}[n],i)},e&&y.createElement("span",{className:"h-4 w-4"},e),y.createElement("span",null,t)));sa.displayName="TopMenuUserItem";var da=y.forwardRef(({children:e,className:t},r)=>y.createElement("div",{ref:r,className:a("py-1 border-t border-rds-gray-200 dark:border-[#1a1a1a] first:border-t-0",t)},e));da.displayName="TopMenuUserSection";var Qt=y.createContext(null);function er(){let e=y.useContext(Qt);if(!e)throw new Error("SimpleTabsPanel must be used within SimpleTabs");return e}var la=y.forwardRef(({tabs:e,activeTab:t,defaultTab:r,onTabChange:o,children:n,className:i,tabsClassName:d},l)=>{let[s,p]=y.useState(r||e[0]?.id||""),c=t??s,m=g=>{p(g),o?.(g);};return y.createElement(Qt.Provider,{value:{activeTab:c,setActiveTab:m}},y.createElement("div",{ref:l,className:a("space-y-6",i)},y.createElement("div",{className:"border-b border-rds-gray-200 dark:border-rds-gray-800"},y.createElement("nav",{className:a("-mb-px flex gap-1 overflow-x-auto scrollbar-hide",d),"aria-label":"Tabs"},e.map(g=>{let h=c===g.id;return y.createElement("button",{key:g.id,onClick:()=>!g.disabled&&m(g.id),disabled:g.disabled,className:a("relative flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors whitespace-nowrap",h?"text-primary":"text-muted-foreground hover:text-foreground",g.disabled&&"opacity-50 cursor-not-allowed")},g.icon&&y.createElement("span",{className:"h-4 w-4"},g.icon),g.label,h&&y.createElement("span",{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-primary","aria-hidden":"true"}))}))),n&&y.createElement("div",null,n)))});la.displayName="SimpleTabs";var ca=y.forwardRef(({id:e,children:t,className:r},o)=>{let{activeTab:n}=er();return n!==e?null:y.createElement("div",{ref:o,role:"tabpanel","aria-labelledby":`tab-${e}`,className:r},t)});ca.displayName="SimpleTabsPanel";var pa=y.forwardRef(({activeTab:e,defaultTab:t,onTabChange:r,children:o,className:n},i)=>{let[d,l]=y.useState(t||""),s=e??d,p=c=>{l(c),r?.(c);};return y.createElement(Qt.Provider,{value:{activeTab:s,setActiveTab:p}},y.createElement("div",{ref:i,className:a("space-y-6",n)},o))});pa.displayName="SimpleTabsRoot";var ma=y.forwardRef(({children:e,className:t},r)=>y.createElement("div",{ref:r,className:"border-b border-rds-gray-200 dark:border-rds-gray-800"},y.createElement("nav",{className:a("-mb-px flex gap-1 overflow-x-auto scrollbar-hide",t),role:"tablist","aria-label":"Tabs"},e)));ma.displayName="SimpleTabsList";var ua=y.forwardRef(({value:e,children:t,icon:r,disabled:o,className:n},i)=>{let{activeTab:d,setActiveTab:l}=er(),s=d===e;return y.createElement("button",{ref:i,role:"tab",id:`tab-${e}`,"aria-selected":s,"aria-controls":`panel-${e}`,onClick:()=>!o&&l(e),disabled:o,className:a("relative flex items-center gap-2 px-4 py-3 text-sm font-medium transition-colors whitespace-nowrap",s?"text-primary":"text-muted-foreground hover:text-foreground",o&&"opacity-50 cursor-not-allowed",n)},r&&y.createElement("span",{className:"h-4 w-4"},r),t,s&&y.createElement("span",{className:"absolute bottom-0 left-0 right-0 h-0.5 bg-primary","aria-hidden":"true"}))});ua.displayName="SimpleTabsTrigger";var fa=y.forwardRef(({value:e,children:t,className:r},o)=>{let{activeTab:n}=er();return n!==e?null:y.createElement("div",{ref:o,role:"tabpanel",id:`panel-${e}`,"aria-labelledby":`tab-${e}`,className:r},t)});fa.displayName="SimpleTabsContent";var Zn={video:"aspect-video",square:"aspect-square",portrait:"aspect-[3/4]",wide:"aspect-[21/9]",auto:""},Jn={none:"0",sm:"var(--radius, 0.25rem)",md:"calc(var(--radius, 0.375rem) * 1.25)",lg:"calc(var(--radius, 0.5rem) * 1.5)",xl:"calc(var(--radius, 0.75rem) * 2)"},ue=y.forwardRef(({className:e,aspect:t="video",radius:r="lg",border:o=false,loading:n=false,onVisibilityChange:i,fallback:d,style:l,children:s,...p},c)=>{let m=y.useRef(null);return y.useImperativeHandle(c,()=>m.current),y.useEffect(()=>{if(!i||!m.current)return;let g=m.current,h=new IntersectionObserver(([T])=>i(T.isIntersecting),{threshold:.05});return h.observe(g),()=>h.disconnect()},[i]),y.createElement("div",{ref:m,"data-gds-part":"media-surface",className:a("rds-media-surface relative w-full overflow-hidden bg-muted",Zn[t],o&&"border border-border",e),style:{borderRadius:`var(--rds-media-radius, ${Jn[r]})`,...l},...p},s,n&&y.createElement("div",{className:"absolute inset-0 flex items-center justify-center bg-muted animate-pulse","aria-hidden":true},d))});ue.displayName="MediaSurface";function Le(){let[e,t]=y.useState(false);return y.useEffect(()=>{let r=window.matchMedia("(prefers-reduced-motion: reduce)");t(r.matches);let o=n=>t(n.matches);return r.addEventListener("change",o),()=>r.removeEventListener("change",o)},[]),e}var ga=y.forwardRef(({src:e,controls:t=true,autoPlay:r=false,loop:o=false,muted:n,pauseOffscreen:i=true,aspect:d="video",radius:l="lg",border:s=false,poster:p,label:c,className:m,style:g,playbackRate:h=1,objectFit:T="cover"},f)=>{let u=y.useRef(null),w=Le(),[N,E]=y.useState(!!p);y.useImperativeHandle(f,()=>u.current);let M=n??r,_=r&&!w;y.useEffect(()=>{u.current&&(u.current.playbackRate=h);},[h]),y.useEffect(()=>{E(!!p);},[p]);let J=y.useCallback(ve=>{!i||!u.current||(ve&&_?u.current.play().catch(()=>{}):u.current.pause());},[i,_]);return y.createElement(ue,{aspect:d,radius:l,border:s,"aria-label":c,className:m,style:g,onVisibilityChange:i?J:void 0},y.createElement("video",{ref:u,src:e,controls:t,autoPlay:_,loop:o,muted:M,playsInline:true,preload:_?"auto":"metadata",onPlaying:()=>E(false),className:a("w-full h-full",T==="cover"&&"object-cover",T==="contain"&&"object-contain",T==="fill"&&"object-fill")},"Your browser does not support the video tag."),p&&N&&y.createElement("img",{src:p,alt:"","aria-hidden":"true",loading:"lazy",decoding:"async","data-gds-part":"video-poster",className:a("absolute inset-0 w-full h-full pointer-events-none transition-opacity duration-200",T==="cover"&&"object-cover",T==="contain"&&"object-contain",T==="fill"&&"object-fill")}))});ga.displayName="VideoPlayer";var ha=y.forwardRef(({src:e,controls:t=false,autoPlay:r=true,loop:o=true,pauseOffscreen:n=true,aspect:i="square",radius:d="lg",border:l=false,poster:s,label:p,className:c,style:m,stateMachines:g,artboard:h,fit:T="contain",stateMachineInputs:f},u)=>{let w=Le(),[N,E]=y.useState(null),[M,_]=y.useState(null);return y.useEffect(()=>{let J=false;return import('@rive-app/react-canvas').then(ve=>{J||E(ve);}).catch(()=>{J||_("Rive runtime not installed. Run `npm install @rive-app/react-canvas`.");}),()=>{J=true;}},[]),y.createElement(ue,{ref:u,aspect:i,radius:d,border:l,"aria-label":p,className:c,style:m},M?y.createElement("div",{className:"flex items-center justify-center h-full text-sm text-muted-foreground p-4 text-center"},M):N&&e?y.createElement(ti,{Mod:N,src:e,stateMachines:g,artboard:h,fit:T,stateMachineInputs:f,autoPlay:r&&!w,loop:o,pauseOffscreen:n,controls:t,poster:s}):s&&y.createElement("img",{src:s,alt:"",className:"w-full h-full object-contain"}))});ha.displayName="RivePlayer";function ti({Mod:e,src:t,stateMachines:r,artboard:o,fit:n,autoPlay:i,loop:d,pauseOffscreen:l,controls:s,poster:p}){let{useRive:c,Layout:m,Fit:g,Alignment:h,EventType:T}=e,f={contain:g.Contain,cover:g.Cover,fill:g.Fill,fitWidth:g.FitWidth,fitHeight:g.FitHeight,none:g.None},{rive:u,RiveComponent:w}=c({src:t,stateMachines:r,artboard:o,autoplay:i,layout:new m({fit:f[n],alignment:h.Center})}),[N,E]=y.useState(i);y.useEffect(()=>{if(!u||!d)return;let _=()=>{u.play();};return u.on(T.Stop,_),()=>{u.off(T.Stop,_);}},[u,d,T]),y.useEffect(()=>{if(!l||!u)return;let _=u.canvas;if(!_)return;let J=new IntersectionObserver(([ve])=>{ve.isIntersecting&&i?u.play():u.pause();},{threshold:.05});return J.observe(_),()=>J.disconnect()},[u,l,i]);let M=()=>{u&&(N?(u.pause(),E(false)):(u.play(),E(true)));};return y.createElement(y.Fragment,null,y.createElement(w,{className:"w-full h-full"}),!u&&p&&y.createElement("img",{src:p,alt:"",className:"absolute inset-0 w-full h-full object-contain pointer-events-none"}),s&&y.createElement("div",{className:a("absolute inset-0 flex items-end justify-end p-2","opacity-0 hover:opacity-100 transition-opacity","bg-gradient-to-t from-black/40 to-transparent")},y.createElement(X,{size:"icon",variant:"secondary",onClick:M},N?y.createElement(Pause,{className:"h-4 w-4"}):y.createElement(Play,{className:"h-4 w-4"}))))}var va=({renderer:e,scene:t,camera:r,preset:o,width:n,height:i})=>{let d=new EffectComposer(e);d.setSize(n,i),d.addPass(new RenderPass(t,r));let l=new BloomEffect({intensity:0,luminanceThreshold:.6,radius:.6,kernelSize:KernelSize.MEDIUM}),s=new NoiseEffect({blendFunction:BlendFunction.OVERLAY});s.blendMode.opacity.value=0;let p=new ScanlineEffect({blendFunction:BlendFunction.OVERLAY,density:1.25});p.blendMode.opacity.value=0;let c=new VignetteEffect({darkness:0,offset:.5}),m=new ChromaticAberrationEffect({offset:new I.Vector2(0,0),radialModulation:false,modulationOffset:.15}),g=new GlitchEffect({chromaticAberrationOffset:new I.Vector2(0,0),columns:.05});g.minStrength=0,g.maxStrength=0,d.addPass(new EffectPass(r,l)),d.addPass(new EffectPass(r,s,p,c)),d.addPass(new EffectPass(r,m)),d.addPass(new EffectPass(r,g));function h(T){let f=T.effects;l.intensity=f.bloom?.intensity??0,l.luminanceMaterial&&f.bloom?.luminanceThreshold!==void 0&&(l.luminanceMaterial.threshold=f.bloom.luminanceThreshold),s.blendMode.opacity.value=f.noise?.intensity??0,p.density=f.scanlines?.density??1.25,p.blendMode.opacity.value=f.scanlines?.opacity??0,c.darkness=f.vignette?.darkness??0,c.offset=f.vignette?.offset??.5;let u=f.chromatic?.offset??0;m.offset?.set(u,u),f.glitch?(g.minStrength=f.glitch.strength?.[0]??0,g.maxStrength=f.glitch.strength?.[1]??0):(g.minStrength=0,g.maxStrength=0);}return h(o),{composer:d,setPreset:h,resize:(T,f)=>d.setSize(T,f),dispose:()=>{d.dispose();}}};var Ge=3e3,rr=400,pi=80,ba=({width:e,height:t,palette:r})=>{let o=new I.Scene;o.background=new I.Color(r.background);let n=new I.PerspectiveCamera(70,e/t,.1,rr*2);n.position.z=0;let i=new Float32Array(Ge*6),d=new Float32Array(Ge*6),l=new Float32Array(Ge),s=new I.Color(r.primary),p=new I.Color(r.accent);function c(u,w){let N=Math.random()*Math.PI*2,E=pi*Math.pow(Math.random(),.6),M=Math.cos(N)*E,_=Math.sin(N)*E,J=w?-Math.random()*rr:-rr;l[u]=J,i[u*6+0]=M,i[u*6+1]=_,i[u*6+2]=J,i[u*6+3]=M,i[u*6+4]=_,i[u*6+5]=J-2,d[u*6+0]=s.r,d[u*6+1]=s.g,d[u*6+2]=s.b,d[u*6+3]=p.r,d[u*6+4]=p.g,d[u*6+5]=p.b;}for(let u=0;u<Ge;u++)c(u,true);let m=new I.BufferGeometry;m.setAttribute("position",new I.BufferAttribute(i,3)),m.setAttribute("color",new I.BufferAttribute(d,3));let g=new I.LineBasicMaterial({vertexColors:true,transparent:true,opacity:.95,blending:I.AdditiveBlending}),h=new I.LineSegments(m,g);o.add(h);let T=60,f=6;return {scene:o,camera:n,update:(u,w)=>{let N=m.attributes.position.array;for(let E=0;E<Ge;E++){let M=E*6;N[M+2]+=T*w,N[M+5]=N[M+2]-f,N[M+2]>5&&c(E,false);}m.attributes.position.needsUpdate=true;},resize:(u,w)=>{let N=n;N.aspect=u/w,N.updateProjectionMatrix();},setPalette:u=>{o.background=new I.Color(u.background);let w=new I.Color(u.primary),N=new I.Color(u.accent),E=m.attributes.color.array;for(let M=0;M<Ge;M++)E[M*6+0]=w.r,E[M*6+1]=w.g,E[M*6+2]=w.b,E[M*6+3]=N.r,E[M*6+4]=N.g,E[M*6+5]=N.b;m.attributes.color.needsUpdate=true;},dispose:()=>{m.dispose(),g.dispose();}}};var mi=`
|
|
2
2
|
precision highp float;
|
|
3
3
|
varying vec2 vUv;
|
|
4
4
|
uniform float uTime;
|
|
@@ -36,19 +36,19 @@ import*as y from'react';import {useRef,useEffect}from'react';import*as ae from'@
|
|
|
36
36
|
|
|
37
37
|
gl_FragColor = vec4(col, 1.0);
|
|
38
38
|
}
|
|
39
|
-
`,
|
|
39
|
+
`,ui=`
|
|
40
40
|
varying vec2 vUv;
|
|
41
41
|
void main() {
|
|
42
42
|
vUv = uv;
|
|
43
43
|
gl_Position = vec4(position.xy, 0.0, 1.0);
|
|
44
44
|
}
|
|
45
|
-
`,
|
|
45
|
+
`,xa=({width:e,height:t,palette:r})=>{let o=new I.Scene,n=new I.OrthographicCamera(-1,1,1,-1,0,1),i={uTime:{value:0},uResolution:{value:new I.Vector2(e,t)},uBackground:{value:new I.Color(r.background)},uPrimary:{value:new I.Color(r.primary)},uSecondary:{value:new I.Color(r.secondary)},uAccent:{value:new I.Color(r.accent)}},d=new I.ShaderMaterial({uniforms:i,vertexShader:ui,fragmentShader:mi,depthTest:false,depthWrite:false}),l=new I.PlaneGeometry(2,2),s=new I.Mesh(l,d);return o.add(s),{scene:o,camera:n,update:c=>{i.uTime.value=c;},resize:(c,m)=>{i.uResolution.value.set(c,m);},setPalette:c=>{i.uBackground.value.set(c.background),i.uPrimary.value.set(c.primary),i.uSecondary.value.set(c.secondary),i.uAccent.value.set(c.accent);},dispose:()=>{l.dispose(),d.dispose();}}};var fi=`
|
|
46
46
|
varying vec2 vUv;
|
|
47
47
|
void main() {
|
|
48
48
|
vUv = uv;
|
|
49
49
|
gl_Position = vec4(position.xy, 0.0, 1.0);
|
|
50
50
|
}
|
|
51
|
-
`,
|
|
51
|
+
`,gi=`
|
|
52
52
|
precision highp float;
|
|
53
53
|
varying vec2 vUv;
|
|
54
54
|
uniform float uTime;
|
|
@@ -105,13 +105,13 @@ import*as y from'react';import {useRef,useEffect}from'react';import*as ae from'@
|
|
|
105
105
|
|
|
106
106
|
gl_FragColor = vec4(col, 1.0);
|
|
107
107
|
}
|
|
108
|
-
`,
|
|
108
|
+
`,Ra=({width:e,height:t,palette:r})=>{let o=new I.Scene,n=new I.OrthographicCamera(-1,1,1,-1,0,1),i={uTime:{value:0},uResolution:{value:new I.Vector2(e,t)},uBackground:{value:new I.Color(r.background)},uPrimary:{value:new I.Color(r.primary)},uSecondary:{value:new I.Color(r.secondary)},uAccent:{value:new I.Color(r.accent)}},d=new I.ShaderMaterial({uniforms:i,vertexShader:fi,fragmentShader:gi,depthTest:false,depthWrite:false}),l=new I.PlaneGeometry(2,2),s=new I.Mesh(l,d);return o.add(s),{scene:o,camera:n,update:c=>{i.uTime.value=c;},resize:(c,m)=>{i.uResolution.value.set(c,m);},setPalette:c=>{i.uBackground.value.set(c.background),i.uPrimary.value.set(c.primary),i.uSecondary.value.set(c.secondary),i.uAccent.value.set(c.accent);},dispose:()=>{l.dispose(),d.dispose();}}};var hi=`
|
|
109
109
|
varying vec2 vUv;
|
|
110
110
|
void main() {
|
|
111
111
|
vUv = uv;
|
|
112
112
|
gl_Position = vec4(position.xy, 0.0, 1.0);
|
|
113
113
|
}
|
|
114
|
-
`,
|
|
114
|
+
`,yi=`
|
|
115
115
|
precision highp float;
|
|
116
116
|
varying vec2 vUv;
|
|
117
117
|
uniform float uTime;
|
|
@@ -181,7 +181,7 @@ import*as y from'react';import {useRef,useEffect}from'react';import*as ae from'@
|
|
|
181
181
|
|
|
182
182
|
gl_FragColor = vec4(col, 1.0);
|
|
183
183
|
}
|
|
184
|
-
`,
|
|
184
|
+
`,Ta=({palette:e})=>{let t=new I.Scene,r=new I.OrthographicCamera(-1,1,1,-1,0,1),o={uTime:{value:0},uBackground:{value:new I.Color(e.background)},uPrimary:{value:new I.Color(e.primary)},uSecondary:{value:new I.Color(e.secondary)},uAccent:{value:new I.Color(e.accent)}},n=new I.ShaderMaterial({uniforms:o,vertexShader:hi,fragmentShader:yi,depthTest:false,depthWrite:false}),i=new I.PlaneGeometry(2,2),d=new I.Mesh(i,n);return t.add(d),{scene:t,camera:r,update:s=>{o.uTime.value=s;},setPalette:s=>{o.uBackground.value.set(s.background),o.uPrimary.value.set(s.primary),o.uSecondary.value.set(s.secondary),o.uAccent.value.set(s.accent);},dispose:()=>{i.dispose(),n.dispose();}}};var Je={space:ba,plasma:xa,voronoi:Ra,synthwave:Ta},Qe=[{id:"space",label:"Hyperspace",description:"Classic 'jump to hyperspace' \u2014 streaking stars flying past camera. Pairs well with VHS or Cinematic post-FX.",tags:["space","retro","motion","hero","background"],scene:"space",defaultPostPreset:"vhs"},{id:"plasma",label:"Plasma",description:"Soft rolling colour clouds \u2014 overlapping sines warping a palette ramp. Classic demoscene vibe. Pairs well with Synthwave or Cinematic.",tags:["abstract","soft","ambient","hero","background","gradient"],scene:"plasma",defaultPostPreset:"synthwave"},{id:"voronoi",label:"Voronoi",description:"Jittered cellular grid \u2014 orbiting seed points form animated cells with glowing edges. Great for data / organic / network moods. Pairs well with CRT or VHS.",tags:["abstract","cells","organic","network","hero","background"],scene:"voronoi",defaultPostPreset:"crt"},{id:"synthwave",label:"Synthwave Grid",description:"Retro-future perspective grid receding to a banded sun disc on the horizon. Pairs beautifully with the Synthwave post preset (its namesake).",tags:["retro","synthwave","80s","hero","background","grid","sun"],scene:"synthwave",defaultPostPreset:"synthwave"}],et=Object.fromEntries(Qe.map(e=>[e.id,e]));var tt={none:{id:"none",label:"Clean",effects:{}},vhs:{id:"vhs",label:"VHS",effects:{bloom:{intensity:.35,luminanceThreshold:.5,radius:.7},noise:{intensity:.04},scanlines:{density:1.5,opacity:.12},vignette:{darkness:.4,offset:.45},chromatic:{offset:.0015}}},cinematic:{id:"cinematic",label:"Cinematic",effects:{bloom:{intensity:.5,luminanceThreshold:.55,radius:.8},vignette:{darkness:.5,offset:.5}}},synthwave:{id:"synthwave",label:"Synthwave",effects:{bloom:{intensity:.8,luminanceThreshold:.3,radius:.9},chromatic:{offset:.002},vignette:{darkness:.3,offset:.55}}},crt:{id:"crt",label:"CRT",effects:{bloom:{intensity:.2,luminanceThreshold:.7,radius:.4},scanlines:{density:2,opacity:.25},vignette:{darkness:.6,offset:.4},chromatic:{offset:.0025}}}},St="vhs";var wa=`
|
|
185
185
|
precision highp float;
|
|
186
186
|
varying vec2 vUv;
|
|
187
187
|
uniform float uTime;
|
|
@@ -191,17 +191,17 @@ import*as y from'react';import {useRef,useEffect}from'react';import*as ae from'@
|
|
|
191
191
|
uniform vec3 uSecondary;
|
|
192
192
|
uniform vec3 uAccent;
|
|
193
193
|
uniform vec3 uBackground;
|
|
194
|
-
`,
|
|
194
|
+
`,vi=`
|
|
195
195
|
varying vec2 vUv;
|
|
196
196
|
void main() {
|
|
197
197
|
vUv = uv;
|
|
198
198
|
gl_Position = vec4(position.xy, 0.0, 1.0);
|
|
199
199
|
}
|
|
200
|
-
|
|
201
|
-
${t.trim()}`),this.name="ShaderCompileError",this.log=t,this.source=r;}};function
|
|
202
|
-
${e}`;fi(t,i);let d=new I.Scene,l=new I.OrthographicCamera(-1,1,1,-1,0,1),s={uTime:{value:0},uResolution:{value:new I.Vector2(r,o)},uMouse:{value:new I.Vector2(.5,.5)},uPrimary:{value:new I.Color(n.primary)},uSecondary:{value:new I.Color(n.secondary)},uAccent:{value:new I.Color(n.accent)},uBackground:{value:new I.Color(n.background)}},p=new I.ShaderMaterial({uniforms:s,vertexShader:ui,fragmentShader:i,depthTest:false,depthWrite:false}),c=new I.PlaneGeometry(2,2),m=new I.Mesh(c,p);return d.add(m),{scene:d,camera:l,update:h=>{s.uTime.value=h;},resize:(h,T)=>{s.uResolution.value.set(h,T);},setPalette:h=>{s.uPrimary.value.set(h.primary),s.uSecondary.value.set(h.secondary),s.uAccent.value.set(h.accent),s.uBackground.value.set(h.background);},setMouse:(h,T)=>{s.uMouse.value.set(h,T);},dispose:()=>{c.dispose(),p.dispose();}}}}var et={primary:"#ff5fb9",secondary:"#9fe8ff",accent:"#ffc857",background:"#0a0a14"},yi=/^[\d.]+\s+[\d.]+\s+[\d.]+(?:\s*\/\s*[\d.%]+)?$/,vi=/^[\d.]+\s+[\d.]+%\s+[\d.]+%(?:\s*\/\s*[\d.%]+)?$/,bi=/^\s*var\(\s*(--[^,)\s]+)(?:\s*,[^)]*)?\s*\)\s*$/;function Pt(e,t,r){if(typeof document>"u")return r;let o=e,n=bi.exec(e);if(n){let l=getComputedStyle(t).getPropertyValue(n[1]).trim();l&&(yi.test(l)?o=`oklch(${l})`:vi.test(l)&&(o=`hsl(${l})`));}let i=document.createElement("span");if(i.style.color="",i.style.color=o,i.style.color==="")return r;i.style.display="none",t.appendChild(i);let d=getComputedStyle(i).color;if(t.removeChild(i),!d)return r;if(d.startsWith("rgb"))return d;try{let l=document.createElement("canvas");l.width=1,l.height=1;let s=l.getContext("2d");if(!s)return d;s.clearRect(0,0,1,1),s.fillStyle=d,s.fillRect(0,0,1,1);let[p,c,m]=s.getImageData(0,0,1,1).data;return `rgb(${p}, ${c}, ${m})`}catch{return d}}function ba(e,t){return {primary:Pt(e.primary,t,et.primary),secondary:Pt(e.secondary,t,et.secondary),accent:Pt(e.accent,t,et.accent),background:Pt(e.background,t,et.background)}}var St=y.forwardRef(({preset:e,fragmentShader:t,onShaderError:r,postPreset:o,palette:n,createScene:i,controls:d=false,autoPlay:l=true,pauseOffscreen:s=true,aspect:p="video",radius:c="lg",border:m=false,poster:g,label:h,className:T,style:f,maxDpr:u},w)=>{let N=y.useRef(null),[E,M]=y.useState(l),[_,J]=y.useState(false),ye=Ee(),It=y.useMemo(()=>({...et,...n}),[n]),At=y.useMemo(()=>i||(t?tr(t):e&&Xe[e]?Xe[e]:null),[i,t,e]),fr=y.useMemo(()=>{if(o)return o;if(e){let A=Je[e];if(A?.defaultPostPreset)return A.defaultPostPreset}return wt},[o,e]);y.useEffect(()=>{let A=N.current;if(!A||!At)return;let it=A.clientWidth||1,st=A.clientHeight||1,Ot=ba(It,A),$=new I.WebGLRenderer({antialias:true,alpha:false,powerPreference:"high-performance"}),Da=u??Math.min(window.devicePixelRatio||1,2);$.setPixelRatio(Da),$.setSize(it,st),$.setClearColor(new I.Color(Ot.background),1),$.domElement.dataset.gdsPart="shader-canvas",$.domElement.style.width="100%",$.domElement.style.height="100%",$.domElement.style.display="block",A.appendChild($.domElement);let pe;try{pe=At({renderer:$,width:it,height:st,palette:Ot});}catch(D){if(D instanceof Oe)r?.(D),pe=Xe.space({renderer:$,width:it,height:st,palette:Ot});else throw $.dispose(),$.domElement.parentElement===A&&A.removeChild($.domElement),D}let Ia=Qe[fr]??Qe[wt],dt=ua({renderer:$,scene:pe.scene,camera:pe.camera,preset:Ia,width:it,height:st}),gr=new I.Clock,hr=0,Ve=l&&!ye,yr=true,vr=()=>{if(hr=requestAnimationFrame(vr),!Ve||s&&!yr)return;let D=gr.getDelta(),te=gr.getElapsedTime();pe.update?.(te,D),dt.composer.render(D);};vr(),Ve&&J(true);let br=new ResizeObserver(([D])=>{let te=Math.max(1,Math.floor(D.contentRect.width)),Be=Math.max(1,Math.floor(D.contentRect.height));$.setSize(te,Be),dt.resize(te,Be),pe.resize?.(te,Be);});br.observe(A);let xr=new IntersectionObserver(([D])=>{yr=D.isIntersecting;},{threshold:.05});xr.observe(A);let Rr=new MutationObserver(()=>{if(!N.current)return;let D=ba(It,N.current);$.setClearColor(new I.Color(D.background),1),pe.setPalette?.(D);});Rr.observe(document.documentElement,{attributes:true,attributeFilter:["class","style","data-theme","data-gds-theme","data-grade-mode"]});let Tr=pe,lt=Tr.setMouse?D=>{let te=A.getBoundingClientRect(),Be=(D.clientX-te.left)/te.width,Aa=1-(D.clientY-te.top)/te.height;Tr.setMouse(Be,Aa);}:null;return lt&&A.addEventListener("pointermove",lt),Ft.current={toggle:()=>{Ve=!Ve,M(Ve);},setPalette:D=>{$.setClearColor(new I.Color(D.background),1),pe.setPalette?.(D);},setPostPreset:D=>{let te=Qe[D];te&&dt.setPreset(te);}},()=>{cancelAnimationFrame(hr),br.disconnect(),xr.disconnect(),Rr.disconnect(),lt&&A.removeEventListener("pointermove",lt),dt.dispose(),pe.dispose?.(),$.dispose(),$.domElement.parentElement===A&&A.removeChild($.domElement),Ft.current=null;}},[At,fr,It,l,ye,s,u,r]);let Ft=y.useRef(null),La=()=>Ft.current?.toggle();return y.createElement(ue,{ref:A=>{N.current=A,typeof w=="function"?w(A):w&&(w.current=A);},aspect:p,radius:c,border:m,"aria-label":h,className:T,style:f,"data-gds-part":"three-scene"},!_&&g&&y.createElement("img",{src:g,alt:"",className:"absolute inset-0 w-full h-full object-cover","data-gds-part":"scene-poster"}),d&&y.createElement("div",{"data-gds-part":"scene-controls",className:a("absolute inset-0 flex items-end justify-end p-2","opacity-0 hover:opacity-100 transition-opacity","bg-gradient-to-t from-black/30 to-transparent")},y.createElement(X,{size:"icon",variant:"secondary",onClick:La},E?y.createElement(Pause,{className:"h-4 w-4"}):y.createElement(Play,{className:"h-4 w-4"}))))});St.displayName="ThreeScene";var Ct=y.forwardRef(({preset:e,live:t="hover",postPreset:r,palette:o,className:n,aspect:i="video",radius:d="lg",label:l,hideLabel:s=false,onClick:p},c)=>{let m=Je[e],[g,h]=y.useState(false),T=t==="always"||t==="hover"&&g;return y.createElement("div",{ref:c,"data-gds-part":"picker-card","data-gds-preset":e,onMouseEnter:()=>h(true),onMouseLeave:()=>h(false),onClick:p,className:a("group cursor-pointer flex flex-col gap-2",n)},T?y.createElement(St,{preset:e,postPreset:r,palette:o,aspect:i,radius:d,autoPlay:true,controls:false,pauseOffscreen:true,poster:m?.poster,maxDpr:1}):y.createElement(ue,{aspect:i,radius:d,"data-gds-part":"preset-poster",className:"bg-gradient-to-br from-muted to-muted/50"},m?.poster?y.createElement("img",{src:m.poster,alt:m.label,className:"w-full h-full object-cover"}):y.createElement("div",{className:"absolute inset-0 flex items-center justify-center text-xs text-muted-foreground"},m?.label??e)),!s&&y.createElement("div",{className:"flex items-baseline justify-between text-xs"},y.createElement("span",{className:"font-medium text-foreground","data-gds-part":"preset-label"},l??m?.label??e),m?.tags?.[0]&&y.createElement("span",{className:"text-muted-foreground"},m.tags[0])))});Ct.displayName="ShaderPresetPreview";function Ri({value:e,onChange:t,filterTags:r,live:o="hover",postPreset:n,palette:i,columns:d=3,className:l}){let s=y.useMemo(()=>r?.length?Ze.filter(c=>r.some(m=>c.tags.includes(m))):Ze,[r]);return y.createElement("div",{"data-gds-part":"preset-grid",role:"radiogroup",className:a("grid grid-cols-2 gap-3",d===2?"md:grid-cols-2":d===4?"md:grid-cols-4":"md:grid-cols-3",l)},s.map(c=>{let m=e===c.id;return y.createElement("div",{key:c.id,className:"relative",role:"radio","aria-checked":m},y.createElement(Ct,{preset:c.id,postPreset:n,palette:i,live:o,onClick:()=>t?.(c.id),className:a("transition-all",m&&"ring-2 ring-primary ring-offset-2 ring-offset-background rounded-lg")}),m&&y.createElement("div",{"data-gds-part":"picker-selected-badge",className:"absolute top-2 right-2 rounded-full bg-primary text-primary-foreground p-1 shadow-sm"},y.createElement(Check,{className:"h-3.5 w-3.5"})))}))}function Si({children:e}){let t=useRef(null);return useEffect(()=>{let r=new Pi({duration:1.2,easing:n=>Math.min(1,1.001-Math.pow(2,-10*n)),orientation:"vertical",gestureOrientation:"vertical",smoothWheel:true});t.current=r;function o(n){r.raf(n),requestAnimationFrame(o);}return requestAnimationFrame(o),()=>{r.destroy(),t.current=null;}},[]),React.createElement(React.Fragment,null,e)}var Se=[50,100,200,300,400,500,600,700,800,900,950],xa=[.985,.955,.895,.82,.72,.61,.51,.415,.325,.245,.17],Ci=[.015,.04,.075,.11,.14,.17,.17,.15,.12,.08,.04];function Nt({hue:e,chromaScale:t=1}){let r=(e%360+360)%360,o={};for(let n=0;n<Se.length;n++){let i=xa[n],d=Ci[n]*t;o[Se[n]]=`${i.toFixed(4)} ${d.toFixed(4)} ${r.toFixed(2)}`;}return o}function Ra(){let e={};for(let t=0;t<Se.length;t++){let r=xa[t];e[Se[t]]=`${r.toFixed(4)} 0 0`;}return e}var rr={light:{destructive:"0.560 0.220 27.0",destructiveFg:"0.990 0.005 27.0",success:"0.610 0.180 145.0",warning:"0.720 0.180 60.0",info:"0.580 0.200 240.0",highlight:"0.860 0.180 95.0"},dark:{destructive:"0.680 0.220 27.0",destructiveFg:"0.990 0.005 27.0",success:"0.720 0.180 145.0",warning:"0.800 0.180 60.0",info:"0.700 0.200 240.0",highlight:"0.880 0.180 95.0"}},tt="1 0 0",Ta="0 0 0";function Ge(e,t){let[,r,o]=e.split(/\s+/).map(c=>c.trim()),n=Number(r),i=o;if(t==="light"){let m=Math.min(n*.22,.045),g=.38,h=n;return {soft:`${.965.toFixed(3)} ${m.toFixed(3)} ${i}`,deep:`${g.toFixed(3)} ${h.toFixed(3)} ${i}`}}let d=.22,l=Math.min(n*.45,.075),s=.82,p=n*.9;return {soft:`${d.toFixed(3)} ${l.toFixed(3)} ${i}`,deep:`${s.toFixed(3)} ${p.toFixed(3)} ${i}`}}var kt={geist:"var(--font-geist), system-ui, sans-serif",inter:"var(--font-inter), system-ui, sans-serif",manrope:"var(--font-manrope), system-ui, sans-serif",figtree:"var(--font-figtree), system-ui, sans-serif",dmSans:"var(--font-dm-sans), system-ui, sans-serif",lexend:"var(--font-lexend), system-ui, sans-serif",outfit:"var(--font-outfit), system-ui, sans-serif",plusJakarta:"var(--font-plus-jakarta), system-ui, sans-serif",spaceGrotesk:"var(--font-space-grotesk), system-ui, sans-serif",fraunces:"var(--font-fraunces), Georgia, serif",instrumentSerif:"var(--font-instrument-serif), Georgia, serif",sourceSerif:"var(--font-source-serif), Georgia, serif",jetbrainsMono:"var(--font-jetbrains-mono), ui-monospace, monospace",geistMono:"var(--font-geist-mono), ui-monospace, monospace",ibmPlexMono:"var(--font-ibm-plex-mono), ui-monospace, monospace",system:"system-ui, -apple-system, sans-serif",serif:"Georgia, 'Times New Roman', serif",mono:"ui-monospace, Menlo, monospace"};var Ni=["superLight","light","dark","superDark"],ki={muted:.6,default:1,vibrant:1.3};function Mi(e,t,r){let o=t.primary*r,n=t.accent*r,i=(o+n)/2*.8,d=l=>(l%360+360)%360;return {1:`0.600 ${(.17*o).toFixed(4)} ${e.primary.toFixed(2)}`,2:`0.640 ${(.17*i).toFixed(4)} ${d(e.primary+140).toFixed(2)}`,3:`0.580 ${(.17*i).toFixed(4)} ${d(e.primary+220).toFixed(2)}`,4:`0.510 0.0250 ${e.neutral.toFixed(2)}`,5:`0.620 ${(.17*n).toFixed(4)} ${e.accent.toFixed(2)}`}}var v=e=>({source:"neutral",step:e}),ie=e=>({source:"primary",step:e}),Ce=e=>({source:"accent",step:e}),rt=e=>({source:"pure",value:e}),Ei={superLight:{background:v(50),foreground:v(800),card:rt(tt),cardForeground:v(800),popover:rt(tt),popoverForeground:v(800),primary:ie(600),primaryForeground:ie(50),secondary:v(100),secondaryForeground:v(700),muted:v(100),mutedForeground:v(500),accent:Ce(600),accentForeground:Ce(50),border:v(200),input:v(200),ring:ie(500)},light:{background:v(50),foreground:v(950),card:rt(tt),cardForeground:v(950),popover:rt(tt),popoverForeground:v(950),primary:ie(500),primaryForeground:ie(50),secondary:v(100),secondaryForeground:v(700),muted:v(100),mutedForeground:v(500),accent:Ce(500),accentForeground:Ce(50),border:v(200),input:v(200),ring:ie(500)},dark:{background:v(950),foreground:v(50),card:v(900),cardForeground:v(50),popover:v(900),popoverForeground:v(50),primary:ie(400),primaryForeground:ie(950),secondary:v(800),secondaryForeground:v(200),muted:v(800),mutedForeground:v(400),accent:Ce(400),accentForeground:Ce(950),border:v(800),input:v(800),ring:ie(400)},superDark:{background:rt(Ta),foreground:v(100),card:v(950),cardForeground:v(100),popover:v(950),popoverForeground:v(100),primary:ie(300),primaryForeground:ie(950),secondary:v(900),secondaryForeground:v(300),muted:v(900),mutedForeground:v(500),accent:Ce(300),accentForeground:Ce(950),border:v(900),input:v(900),ring:ie(300)}};function Y(e,t){return e.source==="pure"?e.value:t[e.source][e.step]}function Hi(e,t){let r=Ei[t],o=t==="superLight"||t==="light",n=o?rr.light:rr.dark;return {background:Y(r.background,e),foreground:Y(r.foreground,e),card:Y(r.card,e),cardForeground:Y(r.cardForeground,e),popover:Y(r.popover,e),popoverForeground:Y(r.popoverForeground,e),primary:Y(r.primary,e),primaryForeground:Y(r.primaryForeground,e),secondary:Y(r.secondary,e),secondaryForeground:Y(r.secondaryForeground,e),muted:Y(r.muted,e),mutedForeground:Y(r.mutedForeground,e),accent:Y(r.accent,e),accentForeground:Y(r.accentForeground,e),border:Y(r.border,e),input:Y(r.input,e),ring:Y(r.ring,e),destructive:n.destructive,destructiveForeground:n.destructiveFg,success:n.success,warning:n.warning,info:n.info,highlight:n.highlight,...(()=>{let i=o?"light":"dark",d=Ge(n.destructive,i),l=Ge(n.success,i),s=Ge(n.warning,i),p=Ge(n.info,i),c=Ge(n.highlight,i);return {destructiveSoft:d.soft,destructiveDeep:d.deep,successSoft:l.soft,successDeep:l.deep,warningSoft:s.soft,warningDeep:s.deep,infoSoft:p.soft,infoDeep:p.deep,highlightSoft:c.soft,highlightDeep:c.deep}})()}}var he={display:3.75,h1:2.5,h2:2,h3:1.5,h4:1.25,h5:1.125,h6:1,body:1,bodySm:.875},Li={compact:.85,default:1,spacious:1.18};function Di(e){let t=Li[e.scale],r=o=>`${(o*t).toFixed(3)}rem`;return {fontSans:kt[e.body],fontMono:kt[e.mono],fontDisplay:kt[e.display],headingWeight:e.headingWeight??600,bodyWeight:e.bodyWeight??400,headingTracking:e.headingTracking??"-0.01em",scale:{display:r(he.display),h1:r(he.h1),h2:r(he.h2),h3:r(he.h3),h4:r(he.h4),h5:r(he.h5),h6:r(he.h6),body:r(he.body),bodySm:r(he.bodySm)}}}var Ii={sharp:0,subtle:.25,soft:.5,round:.875,pill:1.25};function Ai(e){let t=Ii[e.style],r=o=>`${o.toFixed(3)}rem`;return {base:r(t),sm:r(Math.max(0,t-.25)),md:r(t),lg:r(t+.25),xl:r(t+.5),"2xl":r(t+1),full:"9999px"}}var Fi={tight:.85,default:1,roomy:1.2};function Oi(e){return {baseUnit:"1rem",densityFactor:Fi[e.density]}}var Gi={none:{sm:"none",md:"none",lg:"none",xl:"none","2xl":"none",inner:"none"},subtle:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.03)",md:"0 2px 4px -1px rgb(0 0 0 / 0.04), 0 1px 2px -1px rgb(0 0 0 / 0.03)",lg:"0 6px 14px -2px rgb(0 0 0 / 0.05)",xl:"0 12px 24px -4px rgb(0 0 0 / 0.06)","2xl":"0 24px 48px -12px rgb(0 0 0 / 0.12)",inner:"inset 0 1px 2px 0 rgb(0 0 0 / 0.03)"},default:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"},dramatic:{sm:"0 2px 4px 0 rgb(0 0 0 / 0.12)",md:"0 8px 16px -2px rgb(0 0 0 / 0.18), 0 4px 8px -4px rgb(0 0 0 / 0.12)",lg:"0 20px 32px -4px rgb(0 0 0 / 0.22), 0 8px 16px -8px rgb(0 0 0 / 0.18)",xl:"0 32px 48px -6px rgb(0 0 0 / 0.28), 0 12px 24px -10px rgb(0 0 0 / 0.22)","2xl":"0 48px 80px -16px rgb(0 0 0 / 0.45)",inner:"inset 0 4px 8px 0 rgb(0 0 0 / 0.1)"}};function $i(e){let t=e?.shadows??"default",r=e?.motionIntensity??1,o=n=>`${Math.round(n*r)}ms`;return {shadows:Gi[t],motion:{fast:o(150),base:o(200),slow:o(300),slower:o(500)},borderWidth:e?.borderWidth??"1px"}}function He(e){let t=ki[e.intensity??"default"],r=e.neutralPureGray??false,o=(e.chroma?.neutral??.08)*t,n=(e.chroma?.primary??1)*t,i=(e.chroma?.accent??1)*t,d=r?Ra():Nt({hue:e.hues.neutral,chromaScale:o}),l=Nt({hue:e.hues.primary,chromaScale:n}),s=Nt({hue:e.hues.accent,chromaScale:i}),p={neutral:d,primary:l,accent:s},c=Mi(e.hues,{primary:n,accent:i},t),m=Object.fromEntries(Ni.map(w=>[w,Hi(p,w)])),g=Di(e.typography),h=Ai(e.radius),T=Oi(e.spacing),f=$i(e.effects),u={buttonShape:e.components?.buttonShape??"default",inputStyle:e.components?.inputStyle??"outlined",cardStyle:e.components?.cardStyle??"flat"};return {id:e.id,name:e.name,description:e.description,tagline:e.tagline,input:e,ramps:p,colors:m,chart:c,typography:g,radius:h,spacing:T,effects:f,components:u}}var ot={id:"calm",name:"Calm",description:"Warm neutrals, terracotta primary, serif typography.",tagline:"Signature",hues:{neutral:40,primary:20,accent:40},chroma:{neutral:.15,primary:.75,accent:.8},intensity:"muted",typography:{display:"fraunces",body:"fraunces",mono:"jetbrainsMono",scale:"default",headingWeight:600,headingTracking:"-0.02em"},spacing:{density:"roomy"},radius:{style:"round"},effects:{shadows:"subtle",motionIntensity:1.25},components:{buttonShape:"pill",inputStyle:"outlined",cardStyle:"outlined"}},or={id:"energy",name:"Energy",description:"Teal + indigo \u2014 punchy, cool-tone, modern sans.",tagline:"Alternate",hues:{neutral:175,primary:175,accent:235},chroma:{neutral:.08,primary:1,accent:1},intensity:"vibrant",typography:{display:"geist",body:"geist",mono:"geistMono",scale:"default",headingWeight:600},spacing:{density:"default"},radius:{style:"soft"},effects:{shadows:"default",motionIntensity:1},components:{buttonShape:"default",inputStyle:"outlined",cardStyle:"flat"}},Mt=[ot,or];function Vi(e){return {"--background":e.background,"--foreground":e.foreground,"--card":e.card,"--card-foreground":e.cardForeground,"--popover":e.popover,"--popover-foreground":e.popoverForeground,"--primary":e.primary,"--primary-foreground":e.primaryForeground,"--secondary":e.secondary,"--secondary-foreground":e.secondaryForeground,"--muted":e.muted,"--muted-foreground":e.mutedForeground,"--accent":e.accent,"--accent-foreground":e.accentForeground,"--destructive":e.destructive,"--destructive-foreground":e.destructiveForeground,"--border":e.border,"--input":e.input,"--ring":e.ring,"--success":e.success,"--warning":e.warning,"--info":e.info,"--highlight":e.highlight,"--destructive-soft":e.destructiveSoft,"--destructive-deep":e.destructiveDeep,"--success-soft":e.successSoft,"--success-deep":e.successDeep,"--warning-soft":e.warningSoft,"--warning-deep":e.warningDeep,"--info-soft":e.infoSoft,"--info-deep":e.infoDeep,"--highlight-soft":e.highlightSoft,"--highlight-deep":e.highlightDeep}}function nr(e,t){let r=e.colors[t];return {...Vi(r),...ar("neutral",e.ramps.neutral),...ar("primary",e.ramps.primary),...ar("accent",e.ramps.accent),"--chart-1":e.chart[1],"--chart-2":e.chart[2],"--chart-3":e.chart[3],"--chart-4":e.chart[4],"--chart-5":e.chart[5],"--font-sans":e.typography.fontSans,"--font-mono":e.typography.fontMono,"--font-display":e.typography.fontDisplay,"--font-heading-weight":String(e.typography.headingWeight),"--font-body-weight":String(e.typography.bodyWeight),"--font-heading-tracking":e.typography.headingTracking,"--text-display":e.typography.scale.display,"--text-h1":e.typography.scale.h1,"--text-h2":e.typography.scale.h2,"--text-h3":e.typography.scale.h3,"--text-h4":e.typography.scale.h4,"--text-h5":e.typography.scale.h5,"--text-h6":e.typography.scale.h6,"--text-body":e.typography.scale.body,"--text-body-sm":e.typography.scale.bodySm,"--radius":e.radius.base,"--rds-radius-sm":e.radius.sm,"--rds-radius-md":e.radius.md,"--rds-radius-lg":e.radius.lg,"--rds-radius-xl":e.radius.xl,"--rds-radius-2xl":e.radius["2xl"],"--rds-radius-full":e.radius.full,"--rds-density":String(e.spacing.densityFactor),"--rds-shadow-sm":e.effects.shadows.sm,"--rds-shadow-md":e.effects.shadows.md,"--rds-shadow-lg":e.effects.shadows.lg,"--rds-shadow-xl":e.effects.shadows.xl,"--rds-shadow-2xl":e.effects.shadows["2xl"],"--rds-shadow-inner":e.effects.shadows.inner,"--rds-transition-fast":e.effects.motion.fast,"--rds-transition-base":e.effects.motion.base,"--rds-transition-slow":e.effects.motion.slow,"--rds-transition-slower":e.effects.motion.slower,"--rds-border-width":e.effects.borderWidth}}function ar(e,t){let r={};for(let o of Se)r[`--ramp-${e}-${o}`]=t[o];return r}function Et(e,t){if(typeof document>"u")return;let r=document.documentElement,o=nr(e,t);for(let[n,i]of Object.entries(o))r.style.setProperty(n,i);r.setAttribute("data-ramp-theme",e.id),r.setAttribute("data-mode",t),r.setAttribute("data-button-shape",e.components.buttonShape??"default"),r.setAttribute("data-input-style",e.components.inputStyle??"outlined"),r.setAttribute("data-card-style",e.components.cardStyle??"flat");}function at(e){if(typeof document>"u")return "";let t=document.createElement("span");t.style.color=`oklch(${e})`,t.style.position="absolute",t.style.visibility="hidden",document.body.appendChild(t);let r=getComputedStyle(t).color;document.body.removeChild(t);let o=r.match(/\d+/g);if(!o||o.length<3)return "";let[n,i,d]=o.slice(0,3).map(Number);return "#"+[n,i,d].map(l=>Math.max(0,Math.min(255,l)).toString(16).padStart(2,"0")).join("").toUpperCase()}function Bi(e){let t=e.trim().split(/\s+/);if(t.length<3)return {oklch:e,hex:""};let[r,o,n]=t.map(Number),i=`${r.toFixed(3)} ${o.toFixed(3)} ${Math.round(n)}`,d=at(e);return {oklch:i,hex:d}}function ir(e,t,r){let o=[`### ${e} ramp (hue ${Math.round(r)}\xB0)`,"","| Step | OKLCH | Hex |","|------|-------|-----|"];for(let n of Se){let{oklch:i,hex:d}=Bi(t[n]);o.push(`| ${n} | \`${i}\` | \`${d||"\u2014"}\` |`);}return o.join(`
|
|
203
|
-
`)}function
|
|
204
|
-
`)}function
|
|
200
|
+
`,$e=class extends Error{log;source;constructor(t,r){super(`Fragment shader failed to compile:
|
|
201
|
+
${t.trim()}`),this.name="ShaderCompileError",this.log=t,this.source=r;}};function bi(e,t){let r=e.getContext(),o=r.createShader(r.FRAGMENT_SHADER);if(!o)throw new Error("Unable to allocate fragment shader");r.shaderSource(o,t),r.compileShader(o);let n=r.getShaderParameter(o,r.COMPILE_STATUS),i=r.getShaderInfoLog(o)||"";if(r.deleteShader(o),!n)throw new $e(i,t)}function or(e){return ({renderer:t,width:r,height:o,palette:n})=>{let i=`${wa}
|
|
202
|
+
${e}`;bi(t,i);let d=new I.Scene,l=new I.OrthographicCamera(-1,1,1,-1,0,1),s={uTime:{value:0},uResolution:{value:new I.Vector2(r,o)},uMouse:{value:new I.Vector2(.5,.5)},uPrimary:{value:new I.Color(n.primary)},uSecondary:{value:new I.Color(n.secondary)},uAccent:{value:new I.Color(n.accent)},uBackground:{value:new I.Color(n.background)}},p=new I.ShaderMaterial({uniforms:s,vertexShader:vi,fragmentShader:i,depthTest:false,depthWrite:false}),c=new I.PlaneGeometry(2,2),m=new I.Mesh(c,p);return d.add(m),{scene:d,camera:l,update:h=>{s.uTime.value=h;},resize:(h,T)=>{s.uResolution.value.set(h,T);},setPalette:h=>{s.uPrimary.value.set(h.primary),s.uSecondary.value.set(h.secondary),s.uAccent.value.set(h.accent),s.uBackground.value.set(h.background);},setMouse:(h,T)=>{s.uMouse.value.set(h,T);},dispose:()=>{c.dispose(),p.dispose();}}}}var rt={primary:"#ff5fb9",secondary:"#9fe8ff",accent:"#ffc857",background:"#0a0a14"},Ti=/^[\d.]+\s+[\d.]+\s+[\d.]+(?:\s*\/\s*[\d.%]+)?$/,wi=/^[\d.]+\s+[\d.]+%\s+[\d.]+%(?:\s*\/\s*[\d.%]+)?$/,Pi=/^\s*var\(\s*(--[^,)\s]+)(?:\s*,[^)]*)?\s*\)\s*$/;function Ct(e,t,r){if(typeof document>"u")return r;let o=e,n=Pi.exec(e);if(n){let l=getComputedStyle(t).getPropertyValue(n[1]).trim();l&&(Ti.test(l)?o=`oklch(${l})`:wi.test(l)&&(o=`hsl(${l})`));}let i=document.createElement("span");if(i.style.color="",i.style.color=o,i.style.color==="")return r;i.style.display="none",t.appendChild(i);let d=getComputedStyle(i).color;if(t.removeChild(i),!d)return r;if(d.startsWith("rgb"))return d;try{let l=document.createElement("canvas");l.width=1,l.height=1;let s=l.getContext("2d");if(!s)return d;s.clearRect(0,0,1,1),s.fillStyle=d,s.fillRect(0,0,1,1);let[p,c,m]=s.getImageData(0,0,1,1).data;return `rgb(${p}, ${c}, ${m})`}catch{return d}}function Pa(e,t){return {primary:Ct(e.primary,t,rt.primary),secondary:Ct(e.secondary,t,rt.secondary),accent:Ct(e.accent,t,rt.accent),background:Ct(e.background,t,rt.background)}}var Nt=y.forwardRef(({preset:e,fragmentShader:t,onShaderError:r,postPreset:o,palette:n,createScene:i,controls:d=false,autoPlay:l=true,pauseOffscreen:s=true,aspect:p="video",radius:c="lg",border:m=false,poster:g,label:h,className:T,style:f,maxDpr:u},w)=>{let N=y.useRef(null),[E,M]=y.useState(l),[_,J]=y.useState(false),ve=Le(),Ft=y.useMemo(()=>({...rt,...n}),[n]),Ot=y.useMemo(()=>i||(t?or(t):e&&Je[e]?Je[e]:null),[i,t,e]),hr=y.useMemo(()=>{if(o)return o;if(e){let A=et[e];if(A?.defaultPostPreset)return A.defaultPostPreset}return St},[o,e]);y.useEffect(()=>{let A=N.current;if(!A||!Ot)return;let dt=A.clientWidth||1,lt=A.clientHeight||1,$t=Pa(Ft,A),$=new I.WebGLRenderer({antialias:true,alpha:false,powerPreference:"high-performance"}),Ga=u??Math.min(window.devicePixelRatio||1,2);$.setPixelRatio(Ga),$.setSize(dt,lt),$.setClearColor(new I.Color($t.background),1),$.domElement.dataset.gdsPart="shader-canvas",$.domElement.style.width="100%",$.domElement.style.height="100%",$.domElement.style.display="block",A.appendChild($.domElement);let pe;try{pe=Ot({renderer:$,width:dt,height:lt,palette:$t});}catch(D){if(D instanceof $e)r?.(D),pe=Je.space({renderer:$,width:dt,height:lt,palette:$t});else throw $.dispose(),$.domElement.parentElement===A&&A.removeChild($.domElement),D}let $a=tt[hr]??tt[St],ct=va({renderer:$,scene:pe.scene,camera:pe.camera,preset:$a,width:dt,height:lt}),yr=new I.Clock,vr=0,Ue=l&&!ve,br=true,xr=()=>{if(vr=requestAnimationFrame(xr),!Ue||s&&!br)return;let D=yr.getDelta(),te=yr.getElapsedTime();pe.update?.(te,D),ct.composer.render(D);};xr(),Ue&&J(true);let Rr=new ResizeObserver(([D])=>{let te=Math.max(1,Math.floor(D.contentRect.width)),_e=Math.max(1,Math.floor(D.contentRect.height));$.setSize(te,_e),ct.resize(te,_e),pe.resize?.(te,_e);});Rr.observe(A);let Tr=new IntersectionObserver(([D])=>{br=D.isIntersecting;},{threshold:.05});Tr.observe(A);let wr=new MutationObserver(()=>{if(!N.current)return;let D=Pa(Ft,N.current);$.setClearColor(new I.Color(D.background),1),pe.setPalette?.(D);});wr.observe(document.documentElement,{attributes:true,attributeFilter:["class","style","data-theme","data-gds-theme","data-grade-mode"]});let Pr=pe,pt=Pr.setMouse?D=>{let te=A.getBoundingClientRect(),_e=(D.clientX-te.left)/te.width,Va=1-(D.clientY-te.top)/te.height;Pr.setMouse(_e,Va);}:null;return pt&&A.addEventListener("pointermove",pt),Gt.current={toggle:()=>{Ue=!Ue,M(Ue);},setPalette:D=>{$.setClearColor(new I.Color(D.background),1),pe.setPalette?.(D);},setPostPreset:D=>{let te=tt[D];te&&ct.setPreset(te);}},()=>{cancelAnimationFrame(vr),Rr.disconnect(),Tr.disconnect(),wr.disconnect(),pt&&A.removeEventListener("pointermove",pt),ct.dispose(),pe.dispose?.(),$.dispose(),$.domElement.parentElement===A&&A.removeChild($.domElement),Gt.current=null;}},[Ot,hr,Ft,l,ve,s,u,r]);let Gt=y.useRef(null),Oa=()=>Gt.current?.toggle();return y.createElement(ue,{ref:A=>{N.current=A,typeof w=="function"?w(A):w&&(w.current=A);},aspect:p,radius:c,border:m,"aria-label":h,className:T,style:f,"data-gds-part":"three-scene"},!_&&g&&y.createElement("img",{src:g,alt:"",className:"absolute inset-0 w-full h-full object-cover","data-gds-part":"scene-poster"}),d&&y.createElement("div",{"data-gds-part":"scene-controls",className:a("absolute inset-0 flex items-end justify-end p-2","opacity-0 hover:opacity-100 transition-opacity","bg-gradient-to-t from-black/30 to-transparent")},y.createElement(X,{size:"icon",variant:"secondary",onClick:Oa},E?y.createElement(Pause,{className:"h-4 w-4"}):y.createElement(Play,{className:"h-4 w-4"}))))});Nt.displayName="ThreeScene";var kt=y.forwardRef(({preset:e,live:t="hover",postPreset:r,palette:o,className:n,aspect:i="video",radius:d="lg",label:l,hideLabel:s=false,onClick:p},c)=>{let m=et[e],[g,h]=y.useState(false),T=t==="always"||t==="hover"&&g;return y.createElement("div",{ref:c,"data-gds-part":"picker-card","data-gds-preset":e,onMouseEnter:()=>h(true),onMouseLeave:()=>h(false),onClick:p,className:a("group cursor-pointer flex flex-col gap-2",n)},T?y.createElement(Nt,{preset:e,postPreset:r,palette:o,aspect:i,radius:d,autoPlay:true,controls:false,pauseOffscreen:true,poster:m?.poster,maxDpr:1}):y.createElement(ue,{aspect:i,radius:d,"data-gds-part":"preset-poster",className:"bg-gradient-to-br from-muted to-muted/50"},m?.poster?y.createElement("img",{src:m.poster,alt:m.label,className:"w-full h-full object-cover"}):y.createElement("div",{className:"absolute inset-0 flex items-center justify-center text-xs text-muted-foreground"},m?.label??e)),!s&&y.createElement("div",{className:"flex items-baseline justify-between text-xs"},y.createElement("span",{className:"font-medium text-foreground","data-gds-part":"preset-label"},l??m?.label??e),m?.tags?.[0]&&y.createElement("span",{className:"text-muted-foreground"},m.tags[0])))});kt.displayName="ShaderPresetPreview";function Ci({value:e,onChange:t,filterTags:r,live:o="hover",postPreset:n,palette:i,columns:d=3,className:l}){let s=y.useMemo(()=>r?.length?Qe.filter(c=>r.some(m=>c.tags.includes(m))):Qe,[r]);return y.createElement("div",{"data-gds-part":"preset-grid",role:"radiogroup",className:a("grid grid-cols-2 gap-3",d===2?"md:grid-cols-2":d===4?"md:grid-cols-4":"md:grid-cols-3",l)},s.map(c=>{let m=e===c.id;return y.createElement("div",{key:c.id,className:"relative",role:"radio","aria-checked":m},y.createElement(kt,{preset:c.id,postPreset:n,palette:i,live:o,onClick:()=>t?.(c.id),className:a("transition-all",m&&"ring-2 ring-primary ring-offset-2 ring-offset-background rounded-lg")}),m&&y.createElement("div",{"data-gds-part":"picker-selected-badge",className:"absolute top-2 right-2 rounded-full bg-primary text-primary-foreground p-1 shadow-sm"},y.createElement(Check,{className:"h-3.5 w-3.5"})))}))}function Ei({children:e}){let t=useRef(null);return useEffect(()=>{let r=new Mi({duration:1.2,easing:n=>Math.min(1,1.001-Math.pow(2,-10*n)),orientation:"vertical",gestureOrientation:"vertical",smoothWheel:true});t.current=r;function o(n){r.raf(n),requestAnimationFrame(o);}return requestAnimationFrame(o),()=>{r.destroy(),t.current=null;}},[]),React.createElement(React.Fragment,null,e)}var Ne=[50,100,200,300,400,500,600,700,800,900,950],Sa=[.985,.955,.895,.82,.72,.61,.51,.415,.325,.245,.17],Hi=[.015,.04,.075,.11,.14,.17,.17,.15,.12,.08,.04];function Mt({hue:e,chromaScale:t=1}){let r=(e%360+360)%360,o={};for(let n=0;n<Ne.length;n++){let i=Sa[n],d=Hi[n]*t;o[Ne[n]]=`${i.toFixed(4)} ${d.toFixed(4)} ${r.toFixed(2)}`;}return o}function Ca(){let e={};for(let t=0;t<Ne.length;t++){let r=Sa[t];e[Ne[t]]=`${r.toFixed(4)} 0 0`;}return e}var ar={light:{destructive:"0.560 0.220 27.0",destructiveFg:"0.990 0.005 27.0",success:"0.610 0.180 145.0",warning:"0.720 0.180 60.0",info:"0.580 0.200 240.0",highlight:"0.860 0.180 95.0"},dark:{destructive:"0.680 0.220 27.0",destructiveFg:"0.990 0.005 27.0",success:"0.720 0.180 145.0",warning:"0.800 0.180 60.0",info:"0.700 0.200 240.0",highlight:"0.880 0.180 95.0"}},ot="1 0 0",Na="0 0 0";function Ve(e,t){let[,r,o]=e.split(/\s+/).map(c=>c.trim()),n=Number(r),i=o;if(t==="light"){let m=Math.min(n*.22,.045),g=.38,h=n;return {soft:`${.965.toFixed(3)} ${m.toFixed(3)} ${i}`,deep:`${g.toFixed(3)} ${h.toFixed(3)} ${i}`}}let d=.22,l=Math.min(n*.45,.075),s=.82,p=n*.9;return {soft:`${d.toFixed(3)} ${l.toFixed(3)} ${i}`,deep:`${s.toFixed(3)} ${p.toFixed(3)} ${i}`}}var Et={geist:"var(--font-geist), system-ui, sans-serif",inter:"var(--font-inter), system-ui, sans-serif",manrope:"var(--font-manrope), system-ui, sans-serif",figtree:"var(--font-figtree), system-ui, sans-serif",dmSans:"var(--font-dm-sans), system-ui, sans-serif",lexend:"var(--font-lexend), system-ui, sans-serif",outfit:"var(--font-outfit), system-ui, sans-serif",plusJakarta:"var(--font-plus-jakarta), system-ui, sans-serif",spaceGrotesk:"var(--font-space-grotesk), system-ui, sans-serif",fraunces:"var(--font-fraunces), Georgia, serif",instrumentSerif:"var(--font-instrument-serif), Georgia, serif",sourceSerif:"var(--font-source-serif), Georgia, serif",jetbrainsMono:"var(--font-jetbrains-mono), ui-monospace, monospace",geistMono:"var(--font-geist-mono), ui-monospace, monospace",ibmPlexMono:"var(--font-ibm-plex-mono), ui-monospace, monospace",system:"system-ui, -apple-system, sans-serif",serif:"Georgia, 'Times New Roman', serif",mono:"ui-monospace, Menlo, monospace"};var Li=["superLight","light","dark","superDark"],Di={muted:.6,default:1,vibrant:1.3};function Ii(e,t,r){let o=t.primary*r,n=t.accent*r,i=(o+n)/2*.8,d=l=>(l%360+360)%360;return {1:`0.600 ${(.17*o).toFixed(4)} ${e.primary.toFixed(2)}`,2:`0.640 ${(.17*i).toFixed(4)} ${d(e.primary+140).toFixed(2)}`,3:`0.580 ${(.17*i).toFixed(4)} ${d(e.primary+220).toFixed(2)}`,4:`0.510 0.0250 ${e.neutral.toFixed(2)}`,5:`0.620 ${(.17*n).toFixed(4)} ${e.accent.toFixed(2)}`}}var v=e=>({source:"neutral",step:e}),ie=e=>({source:"primary",step:e}),ke=e=>({source:"accent",step:e}),at=e=>({source:"pure",value:e}),Ai={superLight:{background:v(50),foreground:v(800),card:at(ot),cardForeground:v(800),popover:at(ot),popoverForeground:v(800),primary:ie(600),primaryForeground:ie(50),secondary:v(100),secondaryForeground:v(700),muted:v(100),mutedForeground:v(500),accent:ke(600),accentForeground:ke(50),border:v(200),input:v(200),ring:ie(500)},light:{background:v(50),foreground:v(950),card:at(ot),cardForeground:v(950),popover:at(ot),popoverForeground:v(950),primary:ie(500),primaryForeground:ie(50),secondary:v(100),secondaryForeground:v(700),muted:v(100),mutedForeground:v(500),accent:ke(500),accentForeground:ke(50),border:v(200),input:v(200),ring:ie(500)},dark:{background:v(950),foreground:v(50),card:v(900),cardForeground:v(50),popover:v(900),popoverForeground:v(50),primary:ie(400),primaryForeground:ie(950),secondary:v(800),secondaryForeground:v(200),muted:v(800),mutedForeground:v(400),accent:ke(400),accentForeground:ke(950),border:v(800),input:v(800),ring:ie(400)},superDark:{background:at(Na),foreground:v(100),card:v(950),cardForeground:v(100),popover:v(950),popoverForeground:v(100),primary:ie(300),primaryForeground:ie(950),secondary:v(900),secondaryForeground:v(300),muted:v(900),mutedForeground:v(500),accent:ke(300),accentForeground:ke(950),border:v(900),input:v(900),ring:ie(300)}};function Y(e,t){return e.source==="pure"?e.value:t[e.source][e.step]}function Fi(e,t){let r=Ai[t],o=t==="superLight"||t==="light",n=o?ar.light:ar.dark;return {background:Y(r.background,e),foreground:Y(r.foreground,e),card:Y(r.card,e),cardForeground:Y(r.cardForeground,e),popover:Y(r.popover,e),popoverForeground:Y(r.popoverForeground,e),primary:Y(r.primary,e),primaryForeground:Y(r.primaryForeground,e),secondary:Y(r.secondary,e),secondaryForeground:Y(r.secondaryForeground,e),muted:Y(r.muted,e),mutedForeground:Y(r.mutedForeground,e),accent:Y(r.accent,e),accentForeground:Y(r.accentForeground,e),border:Y(r.border,e),input:Y(r.input,e),ring:Y(r.ring,e),destructive:n.destructive,destructiveForeground:n.destructiveFg,success:n.success,warning:n.warning,info:n.info,highlight:n.highlight,...(()=>{let i=o?"light":"dark",d=Ve(n.destructive,i),l=Ve(n.success,i),s=Ve(n.warning,i),p=Ve(n.info,i),c=Ve(n.highlight,i);return {destructiveSoft:d.soft,destructiveDeep:d.deep,successSoft:l.soft,successDeep:l.deep,warningSoft:s.soft,warningDeep:s.deep,infoSoft:p.soft,infoDeep:p.deep,highlightSoft:c.soft,highlightDeep:c.deep}})()}}var ye={display:3.75,h1:2.5,h2:2,h3:1.5,h4:1.25,h5:1.125,h6:1,body:1,bodySm:.875},Oi={compact:.85,default:1,spacious:1.18};function Gi(e){let t=Oi[e.scale],r=o=>`${(o*t).toFixed(3)}rem`;return {fontSans:Et[e.body],fontMono:Et[e.mono],fontDisplay:Et[e.display],headingWeight:e.headingWeight??600,bodyWeight:e.bodyWeight??400,headingTracking:e.headingTracking??"-0.01em",scale:{display:r(ye.display),h1:r(ye.h1),h2:r(ye.h2),h3:r(ye.h3),h4:r(ye.h4),h5:r(ye.h5),h6:r(ye.h6),body:r(ye.body),bodySm:r(ye.bodySm)}}}var $i={sharp:0,subtle:.25,soft:.5,round:.875,pill:1.25};function Vi(e){let t=$i[e.style],r=o=>`${o.toFixed(3)}rem`;return {base:r(t),sm:r(Math.max(0,t-.25)),md:r(t),lg:r(t+.25),xl:r(t+.5),"2xl":r(t+1),full:"9999px"}}var Bi={tight:.85,default:1,roomy:1.2};function Ui(e){return {baseUnit:"1rem",densityFactor:Bi[e.density]}}var _i={none:{sm:"none",md:"none",lg:"none",xl:"none","2xl":"none",inner:"none"},subtle:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.03)",md:"0 2px 4px -1px rgb(0 0 0 / 0.04), 0 1px 2px -1px rgb(0 0 0 / 0.03)",lg:"0 6px 14px -2px rgb(0 0 0 / 0.05)",xl:"0 12px 24px -4px rgb(0 0 0 / 0.06)","2xl":"0 24px 48px -12px rgb(0 0 0 / 0.12)",inner:"inset 0 1px 2px 0 rgb(0 0 0 / 0.03)"},default:{sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"},dramatic:{sm:"0 2px 4px 0 rgb(0 0 0 / 0.12)",md:"0 8px 16px -2px rgb(0 0 0 / 0.18), 0 4px 8px -4px rgb(0 0 0 / 0.12)",lg:"0 20px 32px -4px rgb(0 0 0 / 0.22), 0 8px 16px -8px rgb(0 0 0 / 0.18)",xl:"0 32px 48px -6px rgb(0 0 0 / 0.28), 0 12px 24px -10px rgb(0 0 0 / 0.22)","2xl":"0 48px 80px -16px rgb(0 0 0 / 0.45)",inner:"inset 0 4px 8px 0 rgb(0 0 0 / 0.1)"}};function Ki(e){let t=e?.shadows??"default",r=e?.motionIntensity??1,o=n=>`${Math.round(n*r)}ms`;return {shadows:_i[t],motion:{fast:o(150),base:o(200),slow:o(300),slower:o(500)},borderWidth:e?.borderWidth??"1px"}}function De(e){let t=Di[e.intensity??"default"],r=e.neutralPureGray??false,o=(e.chroma?.neutral??.08)*t,n=(e.chroma?.primary??1)*t,i=(e.chroma?.accent??1)*t,d=r?Ca():Mt({hue:e.hues.neutral,chromaScale:o}),l=Mt({hue:e.hues.primary,chromaScale:n}),s=Mt({hue:e.hues.accent,chromaScale:i}),p={neutral:d,primary:l,accent:s},c=Ii(e.hues,{primary:n,accent:i},t),m=Object.fromEntries(Li.map(w=>[w,Fi(p,w)])),g=Gi(e.typography),h=Vi(e.radius),T=Ui(e.spacing),f=Ki(e.effects),u={buttonShape:e.components?.buttonShape??"default",inputStyle:e.components?.inputStyle??"outlined",cardStyle:e.components?.cardStyle??"flat"};return {id:e.id,name:e.name,description:e.description,tagline:e.tagline,input:e,ramps:p,colors:m,chart:c,typography:g,radius:h,spacing:T,effects:f,components:u}}var nt={id:"calm",name:"Calm",description:"Warm neutrals, terracotta primary, serif typography.",tagline:"Signature",hues:{neutral:40,primary:20,accent:40},chroma:{neutral:.15,primary:.75,accent:.8},intensity:"muted",typography:{display:"fraunces",body:"fraunces",mono:"jetbrainsMono",scale:"default",headingWeight:600,headingTracking:"-0.02em"},spacing:{density:"roomy"},radius:{style:"round"},effects:{shadows:"subtle",motionIntensity:1.25},components:{buttonShape:"pill",inputStyle:"outlined",cardStyle:"outlined"}},nr={id:"energy",name:"Energy",description:"Teal + indigo \u2014 punchy, cool-tone, modern sans.",tagline:"Alternate",hues:{neutral:175,primary:175,accent:235},chroma:{neutral:.08,primary:1,accent:1},intensity:"vibrant",typography:{display:"geist",body:"geist",mono:"geistMono",scale:"default",headingWeight:600},spacing:{density:"default"},radius:{style:"soft"},effects:{shadows:"default",motionIntensity:1},components:{buttonShape:"default",inputStyle:"outlined",cardStyle:"flat"}},Ht=[nt,nr];function zi(e){return {"--background":e.background,"--foreground":e.foreground,"--card":e.card,"--card-foreground":e.cardForeground,"--popover":e.popover,"--popover-foreground":e.popoverForeground,"--primary":e.primary,"--primary-foreground":e.primaryForeground,"--secondary":e.secondary,"--secondary-foreground":e.secondaryForeground,"--muted":e.muted,"--muted-foreground":e.mutedForeground,"--accent":e.accent,"--accent-foreground":e.accentForeground,"--destructive":e.destructive,"--destructive-foreground":e.destructiveForeground,"--border":e.border,"--input":e.input,"--ring":e.ring,"--success":e.success,"--warning":e.warning,"--info":e.info,"--highlight":e.highlight,"--destructive-soft":e.destructiveSoft,"--destructive-deep":e.destructiveDeep,"--success-soft":e.successSoft,"--success-deep":e.successDeep,"--warning-soft":e.warningSoft,"--warning-deep":e.warningDeep,"--info-soft":e.infoSoft,"--info-deep":e.infoDeep,"--highlight-soft":e.highlightSoft,"--highlight-deep":e.highlightDeep}}function sr(e,t){let r=e.colors[t];return {...zi(r),...ir("neutral",e.ramps.neutral),...ir("primary",e.ramps.primary),...ir("accent",e.ramps.accent),"--chart-1":e.chart[1],"--chart-2":e.chart[2],"--chart-3":e.chart[3],"--chart-4":e.chart[4],"--chart-5":e.chart[5],"--font-sans":e.typography.fontSans,"--font-mono":e.typography.fontMono,"--font-display":e.typography.fontDisplay,"--font-heading-weight":String(e.typography.headingWeight),"--font-body-weight":String(e.typography.bodyWeight),"--font-heading-tracking":e.typography.headingTracking,"--text-display":e.typography.scale.display,"--text-h1":e.typography.scale.h1,"--text-h2":e.typography.scale.h2,"--text-h3":e.typography.scale.h3,"--text-h4":e.typography.scale.h4,"--text-h5":e.typography.scale.h5,"--text-h6":e.typography.scale.h6,"--text-body":e.typography.scale.body,"--text-body-sm":e.typography.scale.bodySm,"--radius":e.radius.base,"--rds-radius-sm":e.radius.sm,"--rds-radius-md":e.radius.md,"--rds-radius-lg":e.radius.lg,"--rds-radius-xl":e.radius.xl,"--rds-radius-2xl":e.radius["2xl"],"--rds-radius-full":e.radius.full,"--rds-density":String(e.spacing.densityFactor),"--rds-shadow-sm":e.effects.shadows.sm,"--rds-shadow-md":e.effects.shadows.md,"--rds-shadow-lg":e.effects.shadows.lg,"--rds-shadow-xl":e.effects.shadows.xl,"--rds-shadow-2xl":e.effects.shadows["2xl"],"--rds-shadow-inner":e.effects.shadows.inner,"--rds-transition-fast":e.effects.motion.fast,"--rds-transition-base":e.effects.motion.base,"--rds-transition-slow":e.effects.motion.slow,"--rds-transition-slower":e.effects.motion.slower,"--rds-border-width":e.effects.borderWidth}}function ir(e,t){let r={};for(let o of Ne)r[`--ramp-${e}-${o}`]=t[o];return r}function Lt(e,t){if(typeof document>"u")return;let r=document.documentElement,o=sr(e,t);for(let[n,i]of Object.entries(o))r.style.setProperty(n,i);r.setAttribute("data-ramp-theme",e.id),r.setAttribute("data-mode",t),r.setAttribute("data-button-shape",e.components.buttonShape??"default"),r.setAttribute("data-input-style",e.components.inputStyle??"outlined"),r.setAttribute("data-card-style",e.components.cardStyle??"flat");}function it(e){if(typeof document>"u")return "";let t=document.createElement("span");t.style.color=`oklch(${e})`,t.style.position="absolute",t.style.visibility="hidden",document.body.appendChild(t);let r=getComputedStyle(t).color;document.body.removeChild(t);let o=r.match(/\d+/g);if(!o||o.length<3)return "";let[n,i,d]=o.slice(0,3).map(Number);return "#"+[n,i,d].map(l=>Math.max(0,Math.min(255,l)).toString(16).padStart(2,"0")).join("").toUpperCase()}function Wi(e){let t=e.trim().split(/\s+/);if(t.length<3)return {oklch:e,hex:""};let[r,o,n]=t.map(Number),i=`${r.toFixed(3)} ${o.toFixed(3)} ${Math.round(n)}`,d=it(e);return {oklch:i,hex:d}}function dr(e,t,r){let o=[`### ${e} ramp (hue ${Math.round(r)}\xB0)`,"","| Step | OKLCH | Hex |","|------|-------|-----|"];for(let n of Ne){let{oklch:i,hex:d}=Wi(t[n]);o.push(`| ${n} | \`${i}\` | \`${d||"\u2014"}\` |`);}return o.join(`
|
|
203
|
+
`)}function ka(e,t){let r=[`### ${e}`,"","| Token | Usage | Light (hex) | Dark (hex) |","|-------|-------|-------------|------------|"];for(let o of t){let n=it(o.light)||"\u2014",i=it(o.dark)||"\u2014";r.push(`| \`--${o.token}\` | ${o.usage} | \`${n}\` (\`${o.light}\`) | \`${i}\` (\`${o.dark}\`) |`);}return r.join(`
|
|
204
|
+
`)}function Ma(e){return JSON.stringify(e.input,null,2)}function Ea(e){let{input:t,ramps:r,colors:o,chart:n,typography:i,radius:d,spacing:l,effects:s,components:p}=e,c=t.intensity??"default",m=f=>({token:f,usage:ji[f]??"",light:o.light[f],dark:o.dark[f]}),g=["background","foreground","card","cardForeground","popover","popoverForeground","primary","primaryForeground","secondary","secondaryForeground","muted","mutedForeground","accent","accentForeground","border","input","ring"].map(m),h=["destructive","destructiveForeground","success","warning","info","highlight"].map(m),T=[1,2,3,4,5].map(f=>{let u=n[f];return {slot:f,triplet:u,hex:it(u)||"\u2014"}});return `# ${e.name} \u2014 Grade Design System Theme
|
|
205
205
|
|
|
206
206
|
> **Portable theme spec.** Paste this entire file into a fresh LLM prompt along with your design brief. The model will have everything it needs to produce UI that matches this exact theme \u2014 colors, typography, spacing, shapes, and the "feel" we're after.
|
|
207
207
|
|
|
@@ -231,30 +231,30 @@ A \`ThemeInput\` is a small object (three hues plus a handful of presets). The g
|
|
|
231
231
|
## Full ThemeInput (round-trippable)
|
|
232
232
|
|
|
233
233
|
\`\`\`json
|
|
234
|
-
${
|
|
234
|
+
${Ma(e)}
|
|
235
235
|
\`\`\`
|
|
236
236
|
|
|
237
237
|
## Color ramps
|
|
238
238
|
|
|
239
239
|
Three 11-stop OKLCH ramps, generated from the input hues + chromas + global intensity. Every color elsewhere in the theme resolves back to one of these stops.
|
|
240
240
|
|
|
241
|
-
${
|
|
241
|
+
${dr("Neutral",r.neutral,t.hues.neutral)}
|
|
242
242
|
|
|
243
|
-
${
|
|
243
|
+
${dr("Primary",r.primary,t.hues.primary)}
|
|
244
244
|
|
|
245
|
-
${
|
|
245
|
+
${dr("Accent",r.accent,t.hues.accent)}
|
|
246
246
|
|
|
247
247
|
## Semantic tokens (hue-derived)
|
|
248
248
|
|
|
249
249
|
Purpose-based tokens drawn from the ramps. Two values per token \u2014 the generator produces them for all four brightness modes, but only light + dark are shown here for brevity.
|
|
250
250
|
|
|
251
|
-
${
|
|
251
|
+
${ka("Core semantic tokens",g)}
|
|
252
252
|
|
|
253
253
|
## Fixed semantic tokens (not hue-derived)
|
|
254
254
|
|
|
255
255
|
Status colors stay consistent across themes so users always read green as success, red as destructive, etc. Accessibility wins over brand cohesion.
|
|
256
256
|
|
|
257
|
-
${
|
|
257
|
+
${ka("Status colors",h)}
|
|
258
258
|
|
|
259
259
|
## Chart palette
|
|
260
260
|
|
|
@@ -383,7 +383,7 @@ Every component accepts a \`className\` for layout tweaks. Variants are passed v
|
|
|
383
383
|
|
|
384
384
|
When generating UI in the ${e.name} theme, match this character:
|
|
385
385
|
|
|
386
|
-
${
|
|
386
|
+
${qi(e)}
|
|
387
387
|
|
|
388
388
|
## Instructions for the generating LLM
|
|
389
389
|
|
|
@@ -402,7 +402,7 @@ To recreate this theme in code:
|
|
|
402
402
|
\`\`\`ts
|
|
403
403
|
import { generateTheme, applyThemeToRoot, type ThemeInput } from "@gradeui/ui";
|
|
404
404
|
|
|
405
|
-
const input: ThemeInput = ${
|
|
405
|
+
const input: ThemeInput = ${Ma(e).replace(/\n/g,`
|
|
406
406
|
`)};
|
|
407
407
|
|
|
408
408
|
const theme = generateTheme(input);
|
|
@@ -411,11 +411,11 @@ applyThemeToRoot(theme, "light"); // or "dark" / "superLight" / "superDark"
|
|
|
411
411
|
|
|
412
412
|
---
|
|
413
413
|
*Generated from Grade Design System v1 \xB7 ${new Date().toISOString()}*
|
|
414
|
-
`}var
|
|
415
|
-
`)}function
|
|
414
|
+
`}var ji={background:"Page / body background",foreground:"Primary text",card:"Elevated surface background",cardForeground:"Text on cards",popover:"Floating menu background",popoverForeground:"Text inside floating menus",primary:"Primary actions, links, default button",primaryForeground:"Text on primary-tinted fills",secondary:"Secondary surfaces + quiet buttons",secondaryForeground:"Text on secondary surfaces",muted:"Subtle surfaces (hover states, skeletons)",mutedForeground:"Secondary / less-important text",accent:"Highlights, hover accents",accentForeground:"Text on accent surfaces",border:"Default borders",input:"Form input borders",ring:"Focus ring color",destructive:"Destructive actions, errors",destructiveForeground:"Text on destructive surfaces",success:"Success states",warning:"Warning states",info:"Informational states",highlight:"Emphasis, new features, callouts"};function qi(e){let t=[],{input:r,components:o}=e;r.intensity==="muted"?t.push("- **Quiet and restrained.** Avoid heavy saturation, glowing effects, or loud contrast jumps. Let whitespace do the work."):r.intensity==="vibrant"?t.push("- **Loud and confident.** Primary color wants to lead. Use it on hero CTAs, key metrics, empty states. Don't be shy."):t.push("- **Balanced.** Neither shouty nor sleepy \u2014 a workhorse feel suited to product interfaces."),r.spacing.density==="roomy"?t.push("- **Generous spacing.** Stretch things out \u2014 reach for `gap-6`, `gap-8`, `p-6`, `p-8`. Airy is the vibe."):r.spacing.density==="tight"?t.push("- **Dense layouts.** Pack information in \u2014 `gap-2`, `gap-3`, `p-3`, `p-4`. Scan-friendly dashboard energy."):t.push("- **Standard density.** Use Tailwind's default spacing ladder."),r.radius.style==="pill"?t.push("- **Fully rounded.** Controls are pill-shaped. Use `rounded-full` on custom chips / pills too."):r.radius.style==="sharp"?t.push("- **Square corners.** Zero radius everywhere \u2014 very architectural. Do not add curves."):r.radius.style==="round"?t.push("- **Rounded and friendly.** Corner radius is noticeable (\u224814px base). Avoid sharp edges."):t.push("- **Standard rounded corners.**");let n=r.typography.display;return n==="fraunces"||n==="instrumentSerif"||n==="sourceSerif"?t.push("- **Editorial serif headings.** Treat headings like magazine titles \u2014 give them space and weight. Serifs reward larger sizes."):(n==="geist"||n==="inter")&&t.push("- **Modern technical sans.** Clean, functional, neutral. Good for product UIs."),o.cardStyle==="outlined"?t.push("- **Cards are outlined**, not shadowed. Rely on borders + spacing for hierarchy."):o.cardStyle==="elevated"?t.push("- **Cards have real elevation.** Use shadows to stack content visually."):o.cardStyle==="glass"&&t.push("- **Glass / frosted cards.** Use translucent surfaces over background imagery or gradients."),o.buttonShape==="pill"&&t.push("- **Buttons are pills** \u2014 don't override with square corners."),t.join(`
|
|
415
|
+
`)}function lr(e){if(typeof window>"u"||typeof document>"u")return;let t=Ea(e),r=new Blob([t],{type:"text/markdown;charset=utf-8"}),o=URL.createObjectURL(r),n=document.createElement("a");n.href=o,n.download=`ramp-theme-${e.input.id}.md`,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(o);}var fe=Object.fromEntries(Ht.map(e=>[e.id,De(e)])),Be=nt.id;function Ie(e){if(e in fe)return fe[e];let t=pr(e);if(t)return De(t)}function cr(){return [...Object.values(fe),...Da()]}var Ha="ramp-user-themes";function Dt(){if(typeof localStorage>"u")return {};try{let e=localStorage.getItem(Ha);if(!e)return {};let t=JSON.parse(e);return t&&typeof t=="object"?t:{}}catch{return {}}}function La(e){if(!(typeof localStorage>"u"))try{localStorage.setItem(Ha,JSON.stringify(e));}catch{}}function Da(){return Object.values(Dt()).map(De)}function pr(e){return Dt()[e]}function It(e){let t=Dt();return t[e.id]=e,La(t),De(e)}function mr(e){if(e in fe)return;let t=Dt();delete t[e],La(t);}function Yi(e,t,r){let o=fe[e]?.input??pr(e);if(!o)return;let n={...o,id:t,name:r};return It(n),n}var ur="ramp-theme",At="ramp-mode",Aa=["superLight","light","dark","superDark"],Ia=new Set(["dark","superDark"]),Xi=`
|
|
416
416
|
(function() {
|
|
417
417
|
try {
|
|
418
|
-
var mode = localStorage.getItem('${
|
|
418
|
+
var mode = localStorage.getItem('${At}');
|
|
419
419
|
var valid = ['superLight','light','dark','superDark'];
|
|
420
420
|
if (!mode || valid.indexOf(mode) === -1) {
|
|
421
421
|
mode = window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
|
|
@@ -424,9 +424,9 @@ applyThemeToRoot(theme, "light"); // or "dark" / "superLight" / "superDark"
|
|
|
424
424
|
document.documentElement.classList.add('dark');
|
|
425
425
|
}
|
|
426
426
|
document.documentElement.setAttribute('data-mode', mode);
|
|
427
|
-
var themeId = localStorage.getItem('${
|
|
427
|
+
var themeId = localStorage.getItem('${ur}');
|
|
428
428
|
if (themeId) document.documentElement.setAttribute('data-ramp-theme', themeId);
|
|
429
429
|
} catch(e) {}
|
|
430
430
|
})();
|
|
431
|
-
`,
|
|
431
|
+
`,fr=y.createContext(null);function Zi({children:e,defaultTheme:t=Be,defaultMode:r="light"}){let[o,n]=y.useState(t),[i,d]=y.useState(r),[l,s]=y.useState(0);y.useEffect(()=>{try{let f=localStorage.getItem(ur);f&&Ie(f)&&n(f);let u=localStorage.getItem(At);if(u&&Aa.includes(u))d(u);else if(typeof window<"u"){let w=window.matchMedia("(prefers-color-scheme: dark)").matches;d(w?"dark":"light");}}catch{}},[]),y.useEffect(()=>{let f=Ie(o)??Ie(Be);f&&(Lt(f,i),typeof document<"u"&&document.documentElement.classList.toggle("dark",Ia.has(i)));},[o,i,l]),y.useEffect(()=>{if(typeof window>"u")return;let f=window.matchMedia("(prefers-color-scheme: dark)"),u=w=>{try{if(localStorage.getItem(At))return}catch{return}d(w.matches?"dark":"light");};return f.addEventListener("change",u),()=>f.removeEventListener("change",u)},[]);let p=y.useCallback(f=>{n(f);try{localStorage.setItem(ur,f);}catch{}},[]),c=y.useCallback(f=>{d(f);try{localStorage.setItem(At,f);}catch{}},[]),m=y.useCallback(f=>{It(f),s(u=>u+1),p(f.id);},[p]),g=y.useCallback(f=>{f in fe||(mr(f),s(u=>u+1),n(u=>u===f?Be:u));},[]),h=y.useCallback(()=>{s(f=>f+1);},[]),T=y.useMemo(()=>{let f=Ie(o)??Ie(Be);return {theme:f,themeId:f.id,mode:i,isDark:Ia.has(i),setThemeId:p,setMode:c,themes:cr(),saveAndActivate:m,deleteTheme:g,refresh:h}},[o,i,l,p,c,m,g,h]);return y.createElement(fr.Provider,{value:T},e)}function gr(){let e=y.useContext(fr);if(!e)throw new Error("useGradeTheme must be used inside <GradeThemeProvider>. Wrap your app (typically in app/layout.tsx).");return e}function st(){return y.useContext(fr)}function rs({className:e}){let t=st();if(!t)return null;let{theme:r,themes:o,setThemeId:n,deleteTheme:i}=t;return y.createElement(Fe,null,y.createElement(Oe,{asChild:true},y.createElement(X,{variant:"ghost",size:"sm",className:a("gap-2",e),"aria-label":"Switch theme"},y.createElement(Palette,{className:"h-4 w-4"}),y.createElement("span",{className:"hidden sm:inline"},r.name))),y.createElement(Ee,{className:"w-80 p-2",align:"end"},y.createElement("div",{className:"flex items-start justify-between gap-2 px-2 py-1.5 mb-1"},y.createElement("div",null,y.createElement("div",{className:"text-xs font-medium text-muted-foreground"},"Theme"),y.createElement("div",{className:"text-xs text-muted-foreground/80"},"Switch the skin applied site-wide.")),y.createElement("button",{type:"button",onClick:()=>lr(r),className:"flex items-center gap-1 rounded-md border border-border px-2 py-1 text-[10px] font-medium text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",title:"Download the active theme as a markdown spec \u2014 paste into a fresh LLM prompt"},y.createElement(Download,{className:"h-3 w-3"}),".md")),y.createElement("div",{className:"flex flex-col gap-0.5"},o.map(d=>{let l=d.id===r.id,s=d.id in fe,p=d.ramps.primary[500],c=d.ramps.accent[500],m=d.ramps.neutral[500];return y.createElement("div",{key:d.id,className:a("group flex items-start gap-3 rounded-md px-2 py-2 text-left transition-colors","hover:bg-muted",l&&"bg-muted")},y.createElement("button",{type:"button",onClick:()=>n(d.id),className:"flex items-start gap-3 flex-1 min-w-0 text-left"},y.createElement("div",{className:"mt-0.5 flex shrink-0 overflow-hidden rounded-md border border-border"},y.createElement("div",{className:"h-5 w-2.5",style:{background:`oklch(${p})`},"aria-hidden":true}),y.createElement("div",{className:"h-5 w-2.5",style:{background:`oklch(${c})`},"aria-hidden":true}),y.createElement("div",{className:"h-5 w-2.5",style:{background:`oklch(${m})`},"aria-hidden":true})),y.createElement("div",{className:"min-w-0 flex-1"},y.createElement("div",{className:"flex items-center gap-2"},y.createElement("span",{className:"text-sm font-medium truncate text-foreground"},d.name),d.tagline&&y.createElement("span",{className:"text-[10px] uppercase tracking-wide text-muted-foreground shrink-0"},d.tagline)),d.description&&y.createElement("div",{className:"text-xs text-muted-foreground line-clamp-2"},d.description))),l&&y.createElement(Check,{className:"mt-2 h-4 w-4 shrink-0 text-primary"}),!s&&!l&&y.createElement("button",{type:"button",onClick:g=>{g.stopPropagation(),i(d.id);},className:"mt-1 opacity-0 group-hover:opacity-100 transition-opacity rounded p-1 hover:bg-destructive/10 hover:text-destructive","aria-label":`Delete theme ${d.name}`},y.createElement(Trash2,{className:"h-3.5 w-3.5"})))}))))}var Fa=[{mode:"superLight",label:"Super light",icon:SunDim,tooltip:"Super light \u2014 airy, low contrast"},{mode:"light",label:"Light",icon:Sun,tooltip:"Light"},{mode:"dark",label:"Dark",icon:Moon,tooltip:"Dark"},{mode:"superDark",label:"Super dark",icon:MoonStar,tooltip:"Super dark \u2014 OLED, high contrast"}];function ss({className:e,variant:t="icons"}){let r=st();if(!r)return null;let{mode:o,setMode:n}=r;return t==="labeled"?y.createElement("div",{role:"radiogroup","aria-label":"Brightness mode",className:a("inline-flex flex-wrap gap-1 rounded-md border border-border bg-background p-1",e)},Fa.map(({mode:i,label:d,icon:l})=>{let s=o===i;return y.createElement("button",{key:i,type:"button",role:"radio","aria-checked":s,onClick:()=>n(i),className:a("flex items-center gap-2 rounded px-3 py-1.5 text-sm transition-colors",s?"bg-primary text-primary-foreground":"hover:bg-accent hover:text-accent-foreground")},y.createElement(l,{className:"h-4 w-4"}),y.createElement("span",null,d))})):y.createElement("div",{role:"radiogroup","aria-label":"Brightness mode",className:a("inline-flex items-center gap-0.5 rounded-md border border-border bg-background p-0.5",e)},Fa.map(({mode:i,icon:d,tooltip:l})=>{let s=o===i;return y.createElement("button",{key:i,type:"button",role:"radio","aria-checked":s,"aria-label":l,title:l,onClick:()=>n(i),className:a("flex h-7 w-7 items-center justify-center rounded transition-colors",s?"bg-primary text-primary-foreground":"text-muted-foreground hover:bg-accent hover:text-accent-foreground")},y.createElement(d,{className:"h-3.5 w-3.5"}))}))}function cs(){let{isDark:e,setMode:t}=gr();return React.createElement(X,{variant:"ghost",size:"sm",onClick:()=>t(e?"light":"dark"),className:"gap-2","aria-label":e?"Switch to light mode":"Switch to dark mode"},e?React.createElement(React.Fragment,null,React.createElement(Sun,{className:"h-4 w-4"}),React.createElement("span",{className:"hidden sm:inline"},"Light")):React.createElement(React.Fragment,null,React.createElement(Moon,{className:"h-4 w-4"}),React.createElement("span",{className:"hidden sm:inline"},"Dark")))}export{Aa as ALL_MODES,Ka as Accordion,Nr as AccordionContent,Sr as AccordionItem,Cr as AccordionTrigger,kr as Alert,Er as AlertDescription,Mr as AlertTitle,Ir as AppShell,Fr as AppShellMain,Ar as AppShellNav,Or as Avatar,$r as AvatarFallback,Gr as AvatarImage,Ht as BUILT_IN_INPUTS,qa as Badge,X as Button,ut as Calendar,_r as CalendarDayButton,Kr as Card,qr as CardContent,jr as CardDescription,Yr as CardFooter,zr as CardHeader,Wr as CardTitle,Xr as Checkbox,nn as DatePicker,sn as DateRangePicker,ln as Dialog,pn as DialogClose,Qr as DialogContent,oo as DialogDescription,to as DialogFooter,eo as DialogHeader,Ut as DialogOverlay,Jr as DialogPortal,ro as DialogTitle,cn as DialogTrigger,gn as DropdownMenu,lo as DropdownMenuCheckboxItem,io as DropdownMenuContent,yn as DropdownMenuGroup,so as DropdownMenuItem,po as DropdownMenuLabel,vn as DropdownMenuPortal,xn as DropdownMenuRadioGroup,co as DropdownMenuRadioItem,mo as DropdownMenuSeparator,uo as DropdownMenuShortcut,bn as DropdownMenuSub,no as DropdownMenuSubContent,ao as DropdownMenuSubTrigger,hn as DropdownMenuTrigger,wa as FRAGMENT_HEADER,Po as Flex,Xi as GRADE_PRE_HYDRATION_SCRIPT,ss as GradeModeSwitcher,Zi as GradeThemeProvider,rs as GradeThemeSwitcher,To as Grid,fo as Input,go as Label,Ei as LenisProvider,ue as MediaSurface,Fe as Popover,rn as PopoverAnchor,Ee as PopoverContent,Oe as PopoverTrigger,ho as Progress,yo as RadioGroup,vo as RadioGroupItem,ha as RivePlayer,xo as Row,So as ScrollArea,Kt as ScrollBar,Ln as Select,ko as SelectContent,Dn as SelectGroup,Eo as SelectItem,Mo as SelectLabel,Wt as SelectScrollDownButton,zt as SelectScrollUpButton,Ho as SelectSeparator,No as SelectTrigger,In as SelectValue,Lo as Separator,$e as ShaderCompileError,Ci as ShaderPresetPicker,kt as ShaderPresetPreview,On as Sheet,$n as SheetClose,Io as SheetContent,Go as SheetDescription,Fo as SheetFooter,Ao as SheetHeader,qt as SheetOverlay,Do as SheetPortal,Oo as SheetTitle,Gn as SheetTrigger,aa as SideMenu,la as SimpleTabs,fa as SimpleTabsContent,ma as SimpleTabsList,ca as SimpleTabsPanel,pa as SimpleTabsRoot,ua as SimpleTabsTrigger,Bn as Skeleton,$o as Slider,Bo as Stack,Uo as Switch,_o as Table,zo as TableBody,Xo as TableCaption,Yo as TableCell,Wo as TableFooter,qo as TableHead,Ko as TableHeader,jo as TableRow,Kn as Tabs,Qo as TabsContent,Zo as TabsList,Jo as TabsTrigger,ea as Textarea,cs as ThemeToggle,Nt as ThreeScene,Xt as Tooltip,wt as TooltipContent,Yt as TooltipProvider,Zt as TooltipTrigger,na as TopMenu,ia as TopMenuUser,sa as TopMenuUserItem,da as TopMenuUserSection,ga as VideoPlayer,Dr as appShellMainVariants,Lr as appShellNavVariants,Lt as applyThemeToRoot,Br as badgeVariants,or as buildFragmentShaderScene,fe as builtInThemes,Ke as buttonVariants,nt as calmInput,a as cn,St as defaultPostPreset,Be as defaultThemeId,mr as deleteUserTheme,Yi as duplicateTheme,nr as energyInput,wo as flexVariants,De as generateTheme,Ie as getTheme,Ro as gridVariants,cr as listThemes,Da as listUserThemes,pr as loadUserThemeInput,tt as postPresets,bo as rowVariants,It as saveUserTheme,Je as sceneRegistry,et as shaderPresetById,Qe as shaderPresets,Hr as shellVariants,Vo as stackVariants,sr as themeToCSSVars,gr as useGradeTheme,st as useMaybeGradeTheme,Le as usePrefersReducedMotion};//# sourceMappingURL=index.mjs.map
|
|
432
432
|
//# sourceMappingURL=index.mjs.map
|