@relume_io/relume-ui/dist/index.mjs

Relume React UI Library

"use client";
import*as ee from"react";import*as N from"@radix-ui/react-accordion";import{RxChevronDown as vt}from"react-icons/rx";import{clsx as ut}from"clsx";import{twMerge as bt}from"tailwind-merge";function o(...e){return bt(ut(e))}import{jsx as X,jsxs as xt}from"react/jsx-runtime";var Rt=ee.forwardRef(({className:e,children:t,...a},r)=>X(N.Root,{ref:r,className:o(e),...a,children:t}));Rt.displayName=N.Root.displayName;var gt=ee.forwardRef(({className:e,...t},a)=>X(N.Item,{ref:a,className:o("border-b border-border-primary first:border-t",e),...t}));gt.displayName="AccordionItem";var yt=X(vt,{className:"size-7 shrink-0 text-text-primary transition-transform duration-300 md:size-8"}),Pt=ee.forwardRef(({className:e,children:t,icon:a=yt,...r},i)=>X(N.Header,{className:"flex w-full",children:xt(N.Trigger,{ref:i,className:o("flex flex-1 items-center justify-between py-4 font-bold transition-all focus-visible:outline-none focus-visible:ring-0 [&[data-state=open]>svg]:rotate-180",e),...r,children:[t,a]})}));Pt.displayName=N.Trigger.displayName;var ht=ee.forwardRef(({className:e,children:t,...a},r)=>X(N.Content,{ref:r,className:"overflow-hidden data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",...a,children:X("div",{className:o("pb-5",e),children:t})}));ht.displayName=N.Content.displayName;import{cva as Nt}from"class-variance-authority";import{jsx as Ct}from"react/jsx-runtime";var wt=Nt("inline-flex items-center rounded-full border px-2 text-sm font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-border-primary focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-background-alternative text-text-alternative",secondary:"border-transparent bg-background-secondary text-text-primary",outline:"text-text-primary border-border-primary",success:"border-transparent bg-background-success text-text-success"}},defaultVariants:{variant:"default"}});function Wr({className:e,variant:t,...a}){return Ct("div",{className:o(wt({variant:t}),e),...a})}import*as Y from"react";import{Slot as St}from"@radix-ui/react-slot";import{IoEllipsisHorizontal as Tt}from"react-icons/io5";import{RxChevronRight as Mt}from"react-icons/rx";import{jsx as H,jsxs as Bt}from"react/jsx-runtime";var Dt=Y.forwardRef(({...e},t)=>H("nav",{ref:t,"aria-label":"breadcrumb",...e}));Dt.displayName="Breadcrumb";var Lt=Y.forwardRef(({className:e,...t},a)=>H("ol",{ref:a,className:o("flex flex-wrap items-center gap-1.5 break-words text-text-primary sm:gap-2",e),...t}));Lt.displayName="BreadcrumbList";var Et=Y.forwardRef(({className:e,...t},a)=>H("li",{ref:a,className:o("inline-flex items-center gap-1.5",e),...t}));Et.displayName="BreadcrumbItem";var kt=Y.forwardRef(({asChild:e,className:t,...a},r)=>H(e?St:"a",{ref:r,className:o(t),...a}));kt.displayName="BreadcrumbLink";var It=Y.forwardRef(({className:e,...t},a)=>H("span",{ref:a,role:"link","aria-disabled":"true","aria-current":"page",className:o("text-text-primary",e),...t}));It.displayName="BreadcrumbPage";var Ht=({children:e,className:t,...a})=>H("li",{role:"presentation","aria-hidden":"true",className:o("text-text-primary [&>svg]:size-4",t),...a,children:e??H(Mt,{})});Ht.displayName="BreadcrumbSeparator";var zt=({className:e,...t})=>Bt("span",{role:"presentation","aria-hidden":"true",className:o("flex size-9 items-center justify-center",e),...t,children:[H(Tt,{className:"h-4 w-4"}),H("span",{className:"sr-only",children:"More"})]});zt.displayName="BreadcrumbElipssis";import*as Fe from"react";import{Slot as At,Slottable as Ft}from"@radix-ui/react-slot";import{cva as Vt}from"class-variance-authority";import{jsx as Wt,jsxs as _t}from"react/jsx-runtime";var Z=Vt("focus-visible:ring-border-primary inline-flex gap-3 items-center justify-center whitespace-nowrap ring-offset-white transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{primary:"border border-border-primary bg-background-alternative text-text-alternative",secondary:"border border-border-primary text-text-primary bg-background-primary","secondary-alt":"border border-border-alternative text-text-alternative",tertiary:"text-text-primary",link:"border-0 text-text-primary gap-2","link-alt":"border-0 text-text-alternative gap-2",ghost:"hover:bg-background-alternative hover:text-text-alternative"},size:{primary:"px-6 py-3",sm:"px-5 py-2",link:"p-0",icon:"size-10"}},defaultVariants:{variant:"primary",size:"primary"}}),j=Fe.forwardRef(({className:e,variant:t,size:a,iconLeft:r,iconRight:i,children:n,asChild:d=!1,...p},g)=>_t(d?At:"button",{className:o(Z({variant:t,size:a,className:e})),ref:g,...p,children:[r&&r,Wt(Ft,{children:n}),i&&i]}));j.displayName="Button";import*as v from"react";import Ot from"embla-carousel-react";import{BiRightArrowAlt as Gt,BiLeftArrowAlt as Ut}from"react-icons/bi";import{jsx as z,jsxs as We}from"react/jsx-runtime";var Ve=v.createContext(null);function le(){let e=v.useContext(Ve);if(!e)throw new Error("useCarousel must be used within a <Carousel />");return e}var $t=v.forwardRef(({orientation:e="horizontal",opts:t,setApi:a,plugins:r,className:i,children:n,...d},p)=>{let[g,f]=Ot({...t,axis:e==="horizontal"?"x":"y"},r),[w,L]=v.useState(!1),[K,C]=v.useState(!1),P=v.useCallback(R=>{R&&(L(R.canScrollPrev()),C(R.canScrollNext()))},[]),S=v.useCallback(()=>{f?.scrollPrev()},[f]),Q=v.useCallback(()=>{f?.scrollNext()},[f]),ue=v.useCallback(R=>{R.key==="ArrowLeft"?(R.preventDefault(),S()):R.key==="ArrowRight"&&(R.preventDefault(),Q())},[S,Q]);return v.useEffect(()=>{!f||!a||a(f)},[f,a]),v.useEffect(()=>{if(f)return P(f),f.on("reInit",P),f.on("select",P),()=>{f?.off("select",P)}},[f,P]),z(Ve.Provider,{value:{carouselRef:g,api:f,opts:t,orientation:e||(t?.axis==="y"?"vertical":"horizontal"),scrollPrev:S,scrollNext:Q,canScrollPrev:w,canScrollNext:K},children:z("div",{ref:p,onKeyDownCapture:ue,className:o("relative",i),role:"region","aria-roledescription":"carousel",...d,children:n})})});$t.displayName="Carousel";var Kt=v.forwardRef(({className:e,...t},a)=>{let{carouselRef:r,orientation:i}=le();return z("div",{ref:r,children:z("div",{ref:a,className:o("flex",i==="horizontal"?"-ml-4":"-mt-4 flex-col",e),...t})})});Kt.displayName="CarouselContent";var Qt=v.forwardRef(({className:e,...t},a)=>{let{orientation:r}=le();return z("div",{ref:a,role:"group","aria-roledescription":"slide",className:o("min-w-0 shrink-0 grow-0 basis-full",r==="horizontal"?"pl-4":"pt-4",e),...t})});Qt.displayName="CarouselItem";var Xt=v.forwardRef(({className:e,variant:t="secondary",size:a="icon",...r},i)=>{let{orientation:n,scrollPrev:d,canScrollPrev:p}=le();return We(j,{ref:i,variant:t,size:a,className:o("absolute size-14 rounded-full bg-neutral-white",n==="horizontal"?"left-0 top-1/2 -translate-y-1/2":"-top-12 left-1/2 -translate-x-1/2 rotate-90",e),disabled:!p,onClick:d,...r,children:[z(Ut,{className:"size-6"}),z("span",{className:"sr-only",children:"Previous slide"})]})});Xt.displayName="CarouselPrevious";var Yt=v.forwardRef(({className:e,variant:t="secondary",size:a="icon",...r},i)=>{let{orientation:n,scrollNext:d,canScrollNext:p}=le();return We(j,{ref:i,variant:t,size:a,className:o("absolute size-14 rounded-full bg-neutral-white",n==="horizontal"?"right-0 top-1/2 -translate-y-1/2":"-bottom-12 left-1/2 -translate-x-1/2 rotate-90",e),disabled:!p,onClick:d,...r,children:[z(Gt,{className:"size-6"}),z("span",{className:"sr-only",children:"Next slide"})]})});Yt.displayName="CarouselNext";import*as _e from"react";import*as te from"@radix-ui/react-checkbox";import{BiCheck as Zt,BiMinus as jt}from"react-icons/bi";import{jsx as de}from"react/jsx-runtime";var qt=_e.forwardRef(({className:e,...t},a)=>de(te.Root,{ref:a,className:o("size-[1.125rem] border border-border-primary transition-all duration-200 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-background-alternative data-[state=indeterminate]:bg-background-primary data-[state=checked]:text-text-alternative data-[state=indeterminate]:text-text-primary",e),...t,children:de(te.Indicator,{className:o("flex items-center justify-center text-current"),children:t.checked==="indeterminate"||t.defaultChecked==="indeterminate"?de(jt,{className:"size-4"}):de(Zt,{className:"size-4"})})}));qt.displayName=te.Root.displayName;import*as q from"@radix-ui/react-collapsible";var mi=q.Root,ci=q.CollapsibleTrigger,pi=q.CollapsibleContent;import*as U from"react";import*as u from"@radix-ui/react-dialog";import{RxCross2 as Jt}from"react-icons/rx";import{jsx as M,jsxs as be}from"react/jsx-runtime";var vi=u.Root,ea=U.forwardRef(({asChild:e,children:t,...a},r)=>M(u.Trigger,{ref:r,asChild:e,...a,children:t}));ea.displayName=u.Trigger.displayName;var ta=u.Portal,ve=U.forwardRef(({className:e,...t},a)=>be(u.Close,{ref:a,className:o("absolute right-4 top-4 border-none opacity-60 transition-opacity hover:opacity-100 focus-visible:outline-none",e),...t,children:[M(Jt,{className:"size-7"}),M("span",{className:"sr-only",children:"Close"})]}));ve.displayName=u.Close.displayName;var Oe=U.forwardRef(({className:e,showCloseIcon:t=!0,closeIconClassName:a,...r},i)=>M(u.Overlay,{ref:i,className:o("fixed inset-0 z-50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...r,children:t&&M(ve,{className:o("text-white",a)})}));Oe.displayName=u.Overlay.displayName;var aa=U.forwardRef(({className:e,children:t,closeIconPosition:a="outside",closeIconClassName:r,overlayClassName:i,...n},d)=>be(ta,{children:[M(Oe,{className:o("bg-black/90",i),showCloseIcon:a==="outside",closeIconClassName:r}),be(u.Content,{ref:d,className:o("fixed left-1/2 top-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2",e),...n,children:[t,a==="inside"&&M(ve,{className:o("text-black",r)})]})]}));aa.displayName=u.Content.displayName;var oa=({className:e,...t})=>M("div",{className:o("flex flex-col space-y-1.5 text-center sm:text-left",e),...t});oa.displayName="DialogHeader";var ra=({className:e,...t})=>M("div",{className:o("flex flex-col items-center justify-center space-x-1 sm:flex-row sm:justify-end",e),...t});ra.displayName="DialogFooter";var ia=U.forwardRef(({className:e,...t},a)=>M(u.Title,{ref:a,className:o("text-2xl font-semibold leading-none tracking-tight",e),...t}));ia.displayName=u.Title.displayName;var na=U.forwardRef(({className:e,...t},a)=>M(u.Description,{ref:a,className:o("text-md text-text-secondary",e),...t}));na.displayName=u.Description.displayName;import*as E from"react";import*as s from"@radix-ui/react-dropdown-menu";import{BiCheck as sa,BiSolidCircle as la}from"react-icons/bi";import{RxChevronRight as da}from"react-icons/rx";import{jsx as h,jsxs as Re}from"react/jsx-runtime";var xi=s.Root,Ni=s.Group,wi=s.Portal,Ci=s.Sub,Si=s.RadioGroup,ma=E.forwardRef(({className:e,inset:t,children:a,...r},i)=>Re(s.SubTrigger,{ref:i,className:o("flex cursor-default select-none items-center px-2 py-1.5 outline-none data-[state=open]:bg-background-secondary",t&&"pl-8",e),...r,children:[a,h(da,{className:"ml-auto size-4"})]}));ma.displayName=s.SubTrigger.displayName;var ca=E.forwardRef(({className:e,...t},a)=>h(s.SubContent,{ref:a,className:o("z-50 min-w-[8rem] overflow-hidden border border-border-primary bg-background-primary p-1 text-text-primary 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",e),...t}));ca.displayName=s.SubContent.displayName;var pa=E.forwardRef(({children:e,className:t,...a},r)=>h(s.Trigger,{ref:r,className:o("cursor-pointer border border-border-alternative p-2 focus-visible:outline-none",t),...a,children:e}));pa.displayName=s.Trigger.displayName;var fa=E.forwardRef(({className:e,sideOffset:t=4,...a},r)=>h(s.Portal,{children:h(s.Content,{ref:r,sideOffset:t,className:o("z-50 mt-1 min-w-32 overflow-hidden border border-border-primary bg-background-primary p-2 text-text-primary data-[state=open]:duration-300 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-bottom-1/2",e),...a})}));fa.displayName=s.Content.displayName;var ua=E.forwardRef(({children:e,className:t,inset:a,...r},i)=>h(s.Item,{ref:i,className:o("relative flex select-none items-center rounded-sm px-4 py-2 outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",a&&"pl-8",t),...r,children:e}));ua.displayName=s.Item.displayName;var ba=E.forwardRef(({className:e,children:t,checked:a,...r},i)=>Re(s.CheckboxItem,{ref:i,className:o("relative flex cursor-default select-none items-center py-1.5 pl-8 pr-2 outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),checked:a,...r,children:[h("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:h(s.ItemIndicator,{children:h(sa,{className:"size-4"})})}),t]}));ba.displayName=s.CheckboxItem.displayName;var va=E.forwardRef(({className:e,children:t,...a},r)=>Re(s.RadioItem,{ref:r,className:o("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...a,children:[h("span",{className:"absolute left-2 flex size-3.5 items-center justify-center",children:h(s.ItemIndicator,{children:h(la,{className:"size-2 fill-current"})})}),t]}));va.displayName=s.RadioItem.displayName;var Ra=E.forwardRef(({className:e,inset:t,...a},r)=>h(s.Label,{ref:r,className:o("px-4 py-2",t&&"pl-8",e),...a}));Ra.displayName=s.Label.displayName;var ga=E.forwardRef(({className:e,...t},a)=>h(s.Separator,{ref:a,className:o("m-2 h-px bg-black",e),...t}));ga.displayName=s.Separator.displayName;var ya=({className:e,...t})=>h("span",{className:o("ml-auto text-xs tracking-widest opacity-60",e),...t});ya.displayName="DropdownMenuShortcut";import*as x from"react";import*as Ge from"@radix-ui/react-label";import{Slot as Pa}from"@radix-ui/react-slot";import{Controller as ha,FormProvider as xa,useFormContext as Na}from"react-hook-form";import{jsx as B}from"react/jsx-runtime";var Bi=e=>B(xa,{...e}),Ue=x.createContext({}),Ai=({...e})=>B(Ue.Provider,{value:{name:e.name},children:B(ha,{...e})}),me=()=>{let e=x.useContext(Ue),t=x.useContext($e),{getFieldState:a,formState:r}=Na(),i=a(e.name,r);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:n}=t;return{id:n,name:e.name,formItemId:`${n}-form-item`,formDescriptionId:`${n}-form-item-description`,formMessageId:`${n}-form-item-message`,...i}},$e=x.createContext({}),wa=x.forwardRef(({className:e,...t},a)=>{let r=x.useId();return B($e.Provider,{value:{id:r},children:B("div",{ref:a,className:o("space-y-2",e),...t})})});wa.displayName="FormItem";var Ca=x.forwardRef(({className:e,children:t,...a},r)=>{let{error:i,formItemId:n}=me();return B(Ge.Root,{ref:r,className:o(i&&"text-destructive",e),htmlFor:n,...a,children:t})});Ca.displayName="FormLabel";var Sa=x.forwardRef(({...e},t)=>{let{error:a,formItemId:r,formDescriptionId:i,formMessageId:n}=me();return B(Pa,{ref:t,id:r,"aria-describedby":a?`${i} ${n}`:`${i}`,"aria-invalid":!!a,...e})});Sa.displayName="FormControl";var Ta=x.forwardRef(({className:e,...t},a)=>{let{formDescriptionId:r}=me();return B("p",{ref:a,id:r,className:o("text-muted-foreground text-sm",e),...t})});Ta.displayName="FormDescription";var Ma=x.forwardRef(({className:e,children:t,...a},r)=>{let{error:i,formMessageId:n}=me(),d=i?String(i?.message):t;return d?B("p",{ref:r,id:n,className:o("text-destructive text-sm font-medium",e),...a,children:d}):null});Ma.displayName="FormMessage";import*as Ke from"react";import{jsx as ae,jsxs as Da}from"react/jsx-runtime";var ge=Ke.forwardRef(({className:e,type:t,icon:a,iconPosition:r="left",prefix:i,prefixPosition:n="left",...d},p)=>Da("div",{className:"relative flex w-full items-center",children:[a&&r==="left"&&ae("div",{className:"absolute left-3",children:a}),i&&n==="left"&&ae("div",{className:"min-h-11 shrink-0 border-y border-l border-border-primary px-3 py-2",children:i}),ae("input",{type:t,className:o("flex size-full min-h-11 border border-border-primary bg-background-primary py-2 align-middle file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-neutral focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",a?r==="left"?"pl-[2.75rem] pr-3":"pl-3 pr-[2.75rem]":"px-3",i&&"grow-1",e),ref:p,...d}),a&&r==="right"&&ae("div",{className:"absolute right-3",children:a}),i&&n==="right"&&ae("div",{className:"min-h-11 shrink-0 border-y border-r border-border-primary px-3 py-2",children:i})]}));ge.displayName="Input";import*as Qe from"react";import*as ye from"@radix-ui/react-label";import{cva as La}from"class-variance-authority";import{jsx as Ia}from"react/jsx-runtime";var Ea=La("peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),ka=Qe.forwardRef(({className:e,...t},a)=>Ia(ye.Root,{ref:a,className:o(Ea(),e),...t}));ka.displayName=ye.Root.displayName;import*as Pe from"react";import{RxChevronLeft as Ha,RxChevronRight as za}from"react-icons/rx";import{BiDotsHorizontalRounded as Ba}from"react-icons/bi";import{jsx as k,jsxs as xe}from"react/jsx-runtime";var Aa=({className:e,...t})=>k("nav",{role:"navigation","aria-label":"pagination",className:o("mx-auto flex w-full justify-center",e),...t});Aa.displayName="Pagination";var Fa=Pe.forwardRef(({className:e,...t},a)=>k("ul",{ref:a,className:o("flex w-full items-center justify-between gap-1",e),...t}));Fa.displayName="PaginationContent";var Va=Pe.forwardRef(({className:e,...t},a)=>k("li",{ref:a,className:o(e),...t}));Va.displayName="PaginationItem";var he=({className:e,variant:t="link",size:a,...r})=>k("a",{className:o(Z({variant:t,size:a}),"underline",e),...r});he.displayName="PaginationLink";var Wa=({variant:e="secondary",size:t="sm",className:a,...r})=>xe(he,{"aria-label":"Go to previous page",variant:e,size:t,className:o("gap-2",a),...r,children:[k(Ha,{}),k("span",{children:"Prev"})]});Wa.displayName="PaginationPrevious";var _a=({variant:e="secondary",size:t="sm",className:a,...r})=>xe(he,{"aria-label":"Go to next page",variant:e,size:t,className:o("gap-2",a),...r,children:[k("span",{children:"Next"}),k(za,{})]});_a.displayName="PaginationNext";var Oa=({className:e,...t})=>xe("span",{"aria-hidden":!0,className:o("flex size-9 items-center justify-center",e),...t,children:[k(Ba,{}),k("span",{className:"sr-only",children:"More pages"})]});Oa.displayName="PaginationEllipsis";import*as Ne from"react";import*as O from"@radix-ui/react-radio-group";import{BiCheck as Ga}from"react-icons/bi";import{RiCircleFill as Ua}from"react-icons/ri";import{jsx as oe}from"react/jsx-runtime";var $a=Ne.forwardRef(({className:e,...t},a)=>oe(O.Root,{className:o("grid gap-2",e),...t,ref:a}));$a.displayName=O.Root.displayName;var Ka=Ne.forwardRef(({className:e,id:t,shape:a="dot",...r},i)=>oe(O.Item,{ref:i,id:t,className:o("aspect-square size-[1.125rem] rounded-full border border-border-primary focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-background-alternative",e),...r,children:oe(O.Indicator,{className:"flex items-center justify-center",children:a==="check"?oe(Ga,{className:"size-4 text-text-alternative"}):oe(Ua,{className:"size-2 text-text-alternative"})})}));Ka.displayName=O.Item.displayName;import{LuGripVertical as Qa}from"react-icons/lu";import*as J from"react-resizable-panels";import{jsx as ce}from"react/jsx-runtime";var ln=({className:e,...t})=>ce(J.PanelGroup,{className:o("flex size-full data-[panel-group-direction=vertical]:flex-col",e),...t}),dn=J.Panel,mn=({withHandle:e,className:t,...a})=>ce(J.PanelResizeHandle,{className:o("focus-visible:ring-ring relative flex w-px items-center justify-center bg-transparent focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full [&[data-panel-group-direction=vertical]>div]:rotate-90",t),...a,children:e&&ce("div",{className:"z-10 flex items-center justify-center rounded-sm",children:ce(Qa,{className:"size-8"})})});import*as G from"react";import*as m from"@radix-ui/react-select";import{RxChevronDown as Xe,RxChevronUp as Xa}from"react-icons/rx";import{BiCheck as Ya}from"react-icons/bi";import{jsx as y,jsxs as we}from"react/jsx-runtime";var vn=m.Root,Rn=m.Group,gn=m.Value,Za=G.forwardRef(({className:e,children:t,...a},r)=>we(m.Trigger,{ref:r,className:o("flex min-h-11 w-full items-center justify-between gap-1 whitespace-nowrap border border-border-primary bg-transparent px-3 py-2 text-text-primary focus:outline-none  disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&[data-state=open]>svg]:rotate-180",e),...a,children:[t,y(m.Icon,{asChild:!0,children:y(Xe,{className:"size-5 transition-transform duration-300"})})]}));Za.displayName=m.Trigger.displayName;var Ye=G.forwardRef(({className:e,...t},a)=>y(m.ScrollUpButton,{ref:a,className:o("flex cursor-default items-center justify-center py-1",e),...t,children:y(Xa,{className:"size-6"})}));Ye.displayName=m.ScrollUpButton.displayName;var Ze=G.forwardRef(({className:e,...t},a)=>y(m.ScrollDownButton,{ref:a,className:o("flex cursor-default items-center justify-center py-1",e),...t,children:y(Xe,{className:"size-6"})}));Ze.displayName=m.ScrollDownButton.displayName;var ja=G.forwardRef(({className:e,children:t,position:a="popper",...r},i)=>y(m.Portal,{children:we(m.Content,{ref:i,className:o("relative z-50 max-h-96 min-w-32 overflow-hidden border border-border-primary bg-background-primary text-text-primary 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-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-2",a==="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:a,...r,children:[y(Ye,{}),y(m.Viewport,{className:o("p-1",a==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:t}),y(Ze,{})]})}));ja.displayName=m.Content.displayName;var qa=G.forwardRef(({className:e,...t},a)=>y(m.Label,{ref:a,className:o("px-2 py-1.5 text-sm font-semibold",e),...t}));qa.displayName=m.Label.displayName;var Ja=G.forwardRef(({className:e,children:t,...a},r)=>we(m.Item,{ref:r,className:o("relative flex w-full cursor-default select-none items-center px-3 py-2 outline-none focus:bg-background-secondary data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e),...a,children:[y("span",{className:"absolute right-4 flex size-3.5 items-center justify-center",children:y(m.ItemIndicator,{children:y(Ya,{className:"size-5"})})}),y(m.ItemText,{children:t})]}));Ja.displayName=m.Item.displayName;var eo=G.forwardRef(({className:e,...t},a)=>y(m.Separator,{ref:a,className:o("-mx-1 my-1 h-px bg-background-secondary",e),...t}));eo.displayName=m.Separator.displayName;import*as je from"react";import*as Ce from"@radix-ui/react-separator";import{jsx as to}from"react/jsx-runtime";var Se=je.forwardRef(({className:e,orientation:t="horizontal",decorative:a=!0,...r},i)=>to(Ce.Root,{ref:i,decorative:a,orientation:t,className:o("shrink-0 bg-border-primary",t==="horizontal"?"h-px w-full":"h-full w-px",e),...r}));Se.displayName=Ce.Root.displayName;import*as $ from"react";import*as b from"@radix-ui/react-dialog";import{cva as ao}from"class-variance-authority";import{RxCross2 as oo}from"react-icons/rx";import{motion as ro}from"framer-motion";import{jsx as D,jsxs as fo}from"react/jsx-runtime";var qe=b.Root,io=b.Portal,no=$.forwardRef(({className:e,...t},a)=>D(b.Trigger,{className:o(e),...t,ref:a}));no.displayName=b.Trigger.displayName;var Je=$.forwardRef(({className:e,backgroundColor:t="bg-black/25",...a},r)=>D(b.Overlay,{className:o("fixed inset-0 z-30 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t,e),...a,ref:r}));Je.displayName=b.Overlay.displayName;var Te=$.forwardRef(({children:e,className:t,...a},r)=>D(b.Close,{className:o("absolute right-4 top-4 z-40 disabled:pointer-events-none",t),...a,ref:r,children:D(ro.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.7,ease:"easeInOut"},children:e||D(oo,{className:"size-8"})})}));Te.displayName=b.Close.displayName;var so=ao("fixed z-50 gap-4 bg-neutral-white px-8 pb-28 pt-16 md:py-16 md:px-12 lg:py-20 lg:px-16 transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-700 data-[state=open]:duration-700 overflow-scroll",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-top data-[state=open]:slide-in-from-left-1/2 -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=closed]:slide-out-to-left-1/2 data-[state=open]:slide-in-from-bottom data-[state=open]:slide-in-from-left-1/2 -translate-x-1/2 -translate-y-1/2 left-1/2 top-1/2",left:"inset-y-0 left-0 h-full w-[90%] md:w-[80%] lg:w-full border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left lg:max-w-[40rem]",right:"inset-y-0 right-0 h-full w-[90%] md:w-[80%] lg:w-full border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right lg:max-w-[40rem]",center:"top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full max-w-[40rem] border data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom data-[state=closed]:opacity-0 data-[state=open]:opacity-100"}},defaultVariants:{side:"right"}}),Me=$.forwardRef(({side:e="right",className:t,children:a,overlayClassName:r,overlayColor:i,...n},d)=>fo(io,{children:[D(Je,{className:r,backgroundColor:i}),D(b.Content,{ref:d,className:o(so({side:e}),t),...n,children:a})]}));Me.displayName=b.Content.displayName;var lo=({className:e,...t})=>D("div",{className:o("flex flex-col space-y-2 text-center sm:text-left",e),...t});lo.displayName="SheetHeader";var mo=({className:e,...t})=>D("div",{className:o("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t});mo.displayName="SheetFooter";var co=$.forwardRef(({className:e,children:t,...a},r)=>D(b.Title,{ref:r,className:o("text-lg font-semibold text-text-primary",e),...a,children:t}));co.displayName=b.Title.displayName;var po=$.forwardRef(({className:e,...t},a)=>D(b.Description,{ref:a,className:o("text-sm text-text-primary",e),...t}));po.displayName=b.Description.displayName;import*as l from"react";import{Slot as ie}from"@radix-ui/react-slot";import{cva as Po}from"class-variance-authority";import{RxHamburgerMenu as ho}from"react-icons/rx";import{useState as vo}from"react";import{useEffect as uo,useLayoutEffect as bo}from"react";var et=typeof window<"u"?bo:uo;var Ro=typeof window>"u";function tt(e,{defaultValue:t=!1,initializeWithValue:a=!0}={}){let r=p=>Ro?t:window.matchMedia(p).matches,[i,n]=vo(()=>a?r(e):t);function d(){n(r(e))}return et(()=>{let p=window.matchMedia(e);return d(),p.addListener?p.addListener(d):p.addEventListener("change",d),()=>{p.removeListener?p.removeListener(d):p.removeEventListener("change",d)}},[e]),i}import{jsx as go}from"react/jsx-runtime";function De({className:e,...t}){return go("div",{className:o("animate-pulse rounded-md bg-background-secondary",e),...t})}import*as at from"react";import*as A from"@radix-ui/react-tooltip";import{jsx as yo}from"react/jsx-runtime";var ot=A.Provider,rt=A.Root,it=A.Trigger,Le=at.forwardRef(({className:e,sideOffset:t=4,...a},r)=>yo(A.Content,{ref:r,sideOffset:t,className:o("shadow-md z-50 overflow-hidden rounded-none border border-border-primary bg-background-primary px-3 py-1.5 text-sm text-text-primary 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",e),...a}));Le.displayName=A.Content.displayName;import{jsx as c,jsxs as re}from"react/jsx-runtime";var xo="sidebar:state",No=60*60*24*7,wo="19.5rem",Co="80vw",So="3rem",To="b",nt=l.createContext(null);function pe(){let e=l.useContext(nt);if(!e)throw new Error("useSidebar must be used within a SidebarProvider.");return e}var Mo=l.forwardRef(({defaultOpen:e=!0,open:t,onOpenChange:a,className:r,style:i,children:n,...d},p)=>{let g=tt("(max-width: 991px)"),[f,w]=l.useState(!1),[L,K]=l.useState(e),C=t??L,P=l.useCallback(R=>{let _=typeof R=="function"?R(C):R;a?a(_):K(_),document.cookie=`${xo}=${_}; path=/; max-age=${No}`},[a,C]),S=l.useCallback(()=>g?w(R=>!R):P(R=>!R),[g,P,w]);l.useEffect(()=>{let R=_=>{_.key===To&&(_.metaKey||_.ctrlKey)&&(_.preventDefault(),S())};return window.addEventListener("keydown",R),()=>window.removeEventListener("keydown",R)},[S]);let Q=C?"expanded":"collapsed",ue=l.useMemo(()=>({state:Q,open:C,setOpen:P,isMobile:g,openMobile:f,setOpenMobile:w,toggleSidebar:S}),[Q,C,P,g,f,w,S]);return c(nt.Provider,{value:ue,children:c(ot,{delayDuration:0,children:c("div",{style:{"--sidebar-width":wo,"--sidebar-width-icon":So,...i},className:o("group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-background-primary",r),ref:p,...d,children:n})})})});Mo.displayName="SidebarProvider";var Do=l.forwardRef(({side:e="left",variant:t="sidebar",collapsible:a="offcanvas",closeButtonClassName:r,className:i,children:n,...d},p)=>{let{isMobile:g,state:f,openMobile:w,setOpenMobile:L}=pe();return a==="none"?c("div",{className:o("flex h-full w-[--sidebar-width] flex-col bg-background-primary text-text-primary",i),ref:p,...d,children:n}):g?c(qe,{open:w,onOpenChange:L,...d,children:re(Me,{"data-sidebar":"sidebar","data-mobile":"true",className:"w-[--sidebar-width] bg-background-primary !p-0 text-text-primary md:w-[19.5rem]",overlayClassName:"bg-black/60",style:{"--sidebar-width":Co},side:e,children:[c(Te,{className:o("absolute right-6 top-6 [&_svg]:size-6",r)}),c("div",{className:"flex h-full w-full flex-col",children:n})]})}):re("div",{ref:p,className:"group peer hidden text-text-primary md:block","data-state":f,"data-collapsible":f==="collapsed"?a:"","data-variant":t,"data-side":e,children:[c("div",{className:o("relative h-svh w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear","group-data-[collapsible=offcanvas]:w-0","group-data-[side=right]:rotate-180",t==="floating"||t==="inset"?"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]":"group-data-[collapsible=icon]:w-[--sidebar-width-icon]")}),c("div",{className:o("fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] border-border-primary transition-[left,right,width] duration-200 ease-linear md:flex",e==="left"?"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]":"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",t==="floating"||t==="inset"?"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]":"group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l",i),...d,children:c("div",{"data-sidebar":"sidebar",className:"group-data-[variant=floating]:shadow flex h-full w-full flex-col bg-background-primary group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-border-primary",children:n})})]})});Do.displayName="Sidebar";var Lo=l.forwardRef(({className:e,onClick:t,children:a,...r},i)=>{let{toggleSidebar:n}=pe();return re(j,{ref:i,"data-sidebar":"trigger",variant:"link",size:"link",className:o("",e),onClick:d=>{t?.(d),n()},...r,children:[a??c(ho,{className:"size-7"}),c("span",{className:"sr-only",children:"Toggle Sidebar"})]})});Lo.displayName="SidebarTrigger";var Eo=l.forwardRef(({className:e,...t},a)=>{let{toggleSidebar:r}=pe();return c("button",{ref:a,"data-sidebar":"rail","aria-label":"Toggle Sidebar",tabIndex:-1,onClick:r,title:"Toggle Sidebar",className:o("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border-primary group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex","[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize","[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize","group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-background-primary","[[data-side=left][data-collapsible=offcanvas]_&]:-right-2","[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",e),...t})});Eo.displayName="SidebarRail";var ko=l.forwardRef(({className:e,...t},a)=>c("main",{ref:a,className:o("relative flex min-h-svh flex-1 flex-col bg-background-primary","md:peer-data-[variant=inset]:shadow peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl",e),...t}));ko.displayName="SidebarInset";var Io=l.forwardRef(({className:e,...t},a)=>c(ge,{ref:a,"data-sidebar":"input",className:o("shadow-none h-8 w-full bg-background-primary focus-visible:ring-2 focus-visible:ring-border-primary",e),...t}));Io.displayName="SidebarInput";var Ho=l.forwardRef(({className:e,...t},a)=>c("div",{ref:a,"data-sidebar":"header",className:o("flex flex-col px-6",e),...t}));Ho.displayName="SidebarHeader";var zo=l.forwardRef(({className:e,...t},a)=>c("div",{ref:a,"data-sidebar":"footer",className:o("flex flex-col gap-2 px-4",e),...t}));zo.displayName="SidebarFooter";var Bo=l.forwardRef(({className:e,...t},a)=>c(Se,{ref:a,"data-sidebar":"separator",className:o("w-auto bg-border-primary",e),...t}));Bo.displayName="SidebarSeparator";var Ao=l.forwardRef(({className:e,...t},a)=>c("div",{ref:a,"data-sidebar":"content",className:o("flex min-h-0 flex-1 flex-col gap-2 overflow-auto px-4 group-data-[collapsible=icon]:overflow-hidden",e),...t}));Ao.displayName="SidebarContent";var Fo=l.forwardRef(({className:e,...t},a)=>c("div",{ref:a,"data-sidebar":"group",className:o("relative flex w-full min-w-0 flex-col gap-4",e),...t}));Fo.displayName="SidebarGroup";var Vo=l.forwardRef(({className:e,asChild:t=!1,...a},r)=>c(t?ie:"div",{ref:r,"data-sidebar":"group-label",className:o("text-sidebar-foreground flex h-8 shrink-0 items-center rounded-md text-xs font-medium outline-none ring-border-primary transition-[margin,opa] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",e),...a}));Vo.displayName="SidebarGroupLabel";var Wo=l.forwardRef(({className:e,asChild:t=!1,...a},r)=>c(t?ie:"button",{ref:r,"data-sidebar":"group-action",className:o("absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-text-primary outline-none ring-border-primary transition-transform hover:bg-background-secondary hover:text-text-primary focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","group-data-[collapsible=icon]:hidden",e),...a}));Wo.displayName="SidebarGroupAction";var _o=l.forwardRef(({className:e,...t},a)=>c("div",{ref:a,"data-sidebar":"group-content",className:o("w-full text-sm",e),...t}));_o.displayName="SidebarGroupContent";var Oo=l.forwardRef(({className:e,...t},a)=>c("ul",{ref:a,"data-sidebar":"menu",className:o("flex w-full min-w-0 flex-col",e),...t}));Oo.displayName="SidebarMenu";var Go=l.forwardRef(({className:e,...t},a)=>c("li",{ref:a,"data-sidebar":"menu-item",className:o("group/menu-item relative list-none",e),...t}));Go.displayName="SidebarMenuItem";var Uo=Po("peer/menu-button flex w-full items-center gap-3 overflow-hidden rounded-none text-left text-base p-2 outline-none ring-border-primary transition-[width,height,padding] hover:bg-background-secondary hover:text-text-primary focus-visible:ring-2 active:bg-background-secondary active:text-text-primary disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-background-secondary data-[active=true]:font-medium data-[active=true]:text-text-primary data-[state=open]:hover:bg-background-secondary data-[state=open]:hover:text-text-primary group-data-[collapsible=icon]:!size-10 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-6 [&>svg]:shrink-0",{variants:{variant:{default:"hover:bg-background-secondary hover:text-text-primary",outline:"bg-background-primary shadow-[0_0_0_1px_hsl(var(--border-primary))] hover:bg-background-secondary hover:text-text-primary hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]"},size:{default:"h-auto",sm:"h-auto",lg:"group-data-[collapsible=icon]:!p-0"}},defaultVariants:{variant:"default",size:"default"}}),$o=l.forwardRef(({asChild:e=!1,isActive:t=!1,variant:a="default",size:r="default",tooltip:i,className:n,...d},p)=>{let g=e?ie:"button",{isMobile:f,state:w}=pe(),L=c(g,{ref:p,"data-sidebar":"menu-button","data-size":r,"data-active":t,className:o(Uo({variant:a,size:r}),n),...d});return i?(typeof i=="string"&&(i={children:i}),re(rt,{children:[c(it,{asChild:!0,children:L}),c(Le,{side:"right",align:"center",hidden:w!=="collapsed"||f,...i})]})):L});$o.displayName="SidebarMenuButton";var Ko=l.forwardRef(({className:e,asChild:t=!1,showOnHover:a=!1,...r},i)=>c(t?ie:"button",{ref:i,"data-sidebar":"menu-action",className:o("absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-text-primary outline-none ring-border-primary transition-transform hover:bg-background-secondary hover:text-text-primary focus-visible:ring-2 peer-hover/menu-button:text-text-primary [&>svg]:size-4 [&>svg]:shrink-0","after:absolute after:-inset-2 after:md:hidden","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",a&&"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-text-primary md:opacity-0",e),...r}));Ko.displayName="SidebarMenuAction";var Qo=l.forwardRef(({className:e,...t},a)=>c("div",{ref:a,"data-sidebar":"menu-badge",className:o("pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-text-primary","peer-hover/menu-button:text-text-primary peer-data-[active=true]/menu-button:text-text-primary","peer-data-[size=sm]/menu-button:top-1","peer-data-[size=default]/menu-button:top-1.5","peer-data-[size=lg]/menu-button:top-2.5","group-data-[collapsible=icon]:hidden",e),...t}));Qo.displayName="SidebarMenuBadge";var Xo=l.forwardRef(({className:e,showIcon:t=!1,...a},r)=>{let i=l.useMemo(()=>`${Math.floor(Math.random()*40)+50}%`,[]);return re("div",{ref:r,"data-sidebar":"menu-skeleton",className:o("flex h-8 items-center gap-2 rounded-md px-2",e),...a,children:[t&&c(De,{className:"size-4 rounded-md","data-sidebar":"menu-skeleton-icon"}),c(De,{className:"h-4 max-w-[--skeleton-width] flex-1","data-sidebar":"menu-skeleton-text",style:{"--skeleton-width":i}})]})});Xo.displayName="SidebarMenuSkeleton";var Yo=l.forwardRef(({className:e,...t},a)=>c("ul",{ref:a,"data-sidebar":"menu-sub",className:o("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-border-primary px-2.5 py-0.5","group-data-[collapsible=icon]:hidden",e),...t}));Yo.displayName="SidebarMenuSub";var Zo=l.forwardRef(({...e},t)=>c("li",{ref:t,...e}));Zo.displayName="SidebarMenuSubItem";var jo=l.forwardRef(({asChild:e=!1,size:t="md",isActive:a,className:r,...i},n)=>c(e?ie:"a",{ref:n,"data-sidebar":"menu-sub-button","data-size":t,"data-active":a,className:o("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-text-primary outline-none ring-border-primary hover:bg-background-secondary hover:text-text-primary focus-visible:ring-2 active:bg-background-secondary active:text-text-primary disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-text-primary","data-[active=true]:bg-background-secondary data-[active=true]:text-text-primary",t==="sm"&&"text-xs",t==="md"&&"text-sm","group-data-[collapsible=icon]:hidden",r),...i}));jo.displayName="SidebarMenuSubButton";import*as st from"react";import*as F from"@radix-ui/react-slider";import{jsx as Ee,jsxs as Jo}from"react/jsx-runtime";var qo=st.forwardRef(({className:e,...t},a)=>Jo(F.Root,{ref:a,className:o("relative flex w-full touch-none select-none items-center",e),...t,children:[Ee(F.Track,{className:"relative h-2 w-full grow overflow-hidden rounded-full bg-background-secondary",children:Ee(F.Range,{className:"absolute h-full bg-background-alternative"})}),Ee(F.Thumb,{className:"block size-5 rounded-full border-2 border-border-primary bg-background-primary transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-border-primary disabled:pointer-events-none disabled:opacity-50"})]}));qo.displayName=F.Root.displayName;import*as dt from"react";import*as ne from"@radix-ui/react-switch";import{jsx as lt}from"react/jsx-runtime";var er=dt.forwardRef(({className:e,...t},a)=>lt(ne.Root,{className:o("peer inline-flex h-6 w-10 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-background-alternative data-[state=unchecked]:bg-[#c6c6c6]",e),...t,ref:a,children:lt(ne.Thumb,{className:o("shadow-lg pointer-events-none block size-4 rounded-full bg-background-primary ring-0 transition-transform data-[state=checked]:translate-x-[18px] data-[state=unchecked]:translate-x-0.5")})}));er.displayName=ne.Root.displayName;import*as W from"react";import{jsx as V}from"react/jsx-runtime";var tr=W.forwardRef(({className:e,...t},a)=>V("div",{className:"relative w-full overflow-auto",children:V("table",{ref:a,className:o("w-full table-fixed caption-bottom border-l border-r border-border-primary text-sm",e),...t})}));tr.displayName="Table";var ar=W.forwardRef(({className:e,...t},a)=>V("thead",{ref:a,className:o("border-border-primary [&_tr]:border-l-0 [&_tr]:border-r-0 [&_tr]:border-t",e),...t}));ar.displayName="TableHeader";var or=W.forwardRef(({className:e,...t},a)=>V("tbody",{ref:a,className:o("border-border-primary [&_tr]:border-l-0 [&_tr]:border-r-0 ",e),...t}));or.displayName="TableBody";var rr=W.forwardRef(({className:e,...t},a)=>V("tfoot",{ref:a,className:o("bg-background-white border-t border-border-primary font-medium [&>tr]:last:border-b-0",e),...t}));rr.displayName="TableFooter";var ir=W.forwardRef(({className:e,...t},a)=>V("tr",{ref:a,className:o("border-b border-border-primary",e),...t}));ir.displayName="TableRow";var nr=W.forwardRef(({className:e,...t},a)=>V("th",{ref:a,className:o("h-12 px-6 py-4 text-left align-middle text-base font-semibold text-text-primary underline [&:has([role=checkbox])]:pr-0",e),...t}));nr.displayName="TableHead";var sr=W.forwardRef(({className:e,...t},a)=>V("td",{ref:a,className:o("h-20 px-6 py-4 align-middle text-base [&:has([role=checkbox])]:pr-0",e),...t}));sr.displayName="TableCell";var lr=W.forwardRef(({className:e,...t},a)=>V("caption",{ref:a,className:o("mt-4 text-text-primary",e),...t}));lr.displayName="TableCaption";import*as se from"react";import*as T from"@radix-ui/react-tabs";import{jsx as fe}from"react/jsx-runtime";var dr=se.forwardRef(({className:e,children:t,...a},r)=>fe(T.Root,{ref:r,className:o(e),...a,children:t}));dr.displayName=T.Root.displayName;var mr=se.forwardRef(({className:e,children:t,...a},r)=>fe(T.List,{ref:r,className:o("flex",e),...a,children:t}));mr.displayName=T.List.displayName;var cr=se.forwardRef(({className:e,children:t,...a},r)=>fe(T.Trigger,{ref:r,className:o("inline-flex items-center justify-center whitespace-nowrap border border-border-primary bg-background-primary px-6 py-2 text-text-primary transition-all focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background-alternative data-[state=active]:text-text-alternative",e),...a,children:t}));cr.displayName=T.Trigger.displayName;var pr=se.forwardRef(({className:e,children:t,...a},r)=>fe(T.Content,{ref:r,className:o("focus-visible:outline-none",e),...a,children:t}));pr.displayName=T.Content.displayName;import*as mt from"react";import{jsx as ur}from"react/jsx-runtime";var fr=mt.forwardRef(({className:e,...t},a)=>ur("textarea",{className:o("flex min-h-11 w-full border border-border-primary bg-neutral-white p-3 placeholder:text-neutral focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50",e),ref:a,...t}));fr.displayName="Textarea";import*as Ie from"react";import*as I from"@radix-ui/react-popover";import{jsx as ke}from"react/jsx-runtime";var Rs=I.Root,br=Ie.forwardRef(({asChild:e,children:t,...a},r)=>ke(I.Trigger,{ref:r,asChild:e,...a,children:t}));br.displayName=I.Trigger.displayName;var vr=Ie.forwardRef(({className:e,align:t="center",sideOffset:a=4,...r},i)=>ke(I.Portal,{children:ke(I.Content,{ref:i,align:t,sideOffset:a,className:o("shadow-md z-50 w-72 border border-border-primary bg-background-primary p-4 text-text-primary 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",e),...r})}));vr.displayName=I.Content.displayName;import{BiChevronLeft as Rr,BiChevronRight as gr}from"react-icons/bi";import{DayPicker as yr}from"react-day-picker";import{jsx as He}from"react/jsx-runtime";function Pr({className:e,classNames:t,showOutsideDays:a=!0,...r}){return He(yr,{showOutsideDays:a,className:o("p-3",e),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:o(Z({variant:"secondary"}),"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-text-secondary w-9 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:"h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-outside)]:bg-background-alternative/50 [&:has([aria-selected])]:bg-background-alternative focus-within:relative focus-within:z-20",day:o(Z({variant:"ghost"}),"h-9 w-9 p-0 font-normal aria-selected:opacity-100"),day_range_end:"day-range-end",day_selected:"bg-background-primary text-white hover:bg-background-primary hover:text-white focus:bg-background-primary focus:text-white",day_today:"bg-background-alternative/70 text-white",day_outside:"day-outside text-text-secondary aria-selected:bg-background-alternative/50 aria-selected:text-text-secondary",day_disabled:"text-text-secondary opacity-50",day_range_middle:"aria-selected:bg-background-alternative aria-selected:text-background-alternative-foreground",day_hidden:"invisible",...t},components:{PrevButton:({...i})=>He(Rr,{className:"h-4 w-4",...i}),NextButton:({...i})=>He(gr,{className:"h-4 w-4",...i})},...r})}Pr.displayName="Calendar";import{useState as hr}from"react";import xr from"clsx";import{CgSpinner as Nr}from"react-icons/cg";import{Fragment as Cr,jsx as ct,jsxs as Sr}from"react/jsx-runtime";var wr=({video:e})=>{let[t,a]=hr(!1);return Sr(Cr,{children:[!t&&ct(Nr,{className:"mx-auto size-16 animate-spin text-white"}),ct("iframe",{className:xr("z-0 mx-auto aspect-video size-full md:w-[738px] lg:w-[940px]",{visible:t,hidden:!t}),src:e,allow:"autoplay; encrypted-media; picture-in-picture",allowFullScreen:!0,onLoad:()=>a(!0)})]})};wr.displayName="VideoIframe";import{useState as Tr,useEffect as Mr}from"react";import{clsx as ze}from"clsx";import{twMerge as Be}from"tailwind-merge";import{DateTime as pt,Duration as Dr}from"luxon";import{jsx as Ae,jsxs as ft}from"react/jsx-runtime";var Lr=({countdownIsoDate:e,className:t,cellClassName:a,dividerClassName:r})=>{let[i,n]=Tr({days:"00",hours:"00",minutes:"00",seconds:"00"});Mr(()=>{let g=pt.fromISO(e),f=()=>{let L=pt.now(),K=g.diff(L);if(K.milliseconds<=0){n({days:"00",hours:"00",minutes:"00",seconds:"00"});return}let C=Dr.fromObject(K.toObject()).shiftTo("days","hours","minutes","seconds"),P=S=>S<10?`0${S}`:S.toString();n({days:P(C.days),hours:P(C.hours),minutes:P(C.minutes),seconds:P(Math.floor(C.seconds))})};f();let w=setInterval(f,1e3);return()=>clearInterval(w)},[e]);let d=(g,f)=>ft("div",{className:Be(ze("flex min-w-18 flex-col items-center",a)),children:[Ae("s