@jeromefitz/design-system 1.1.2 → 1.2.2

package/components/index.js

@@ -1 +1 @@
-import{$,A,Aa,B,Ba,C,Ca,D,Da,E,Ea,F,Fa,G,Ga,H,Ha,I,Ia,J,Ja,K,Ka,L,La,M,Ma,N,Na,O,Oa,P,Pa,Q,Qa,R,Ra,S,Sa,T,Ta,U,Ua,V,Va,W,Wa,X,Y,Z,_,a,aa,b,ba,c,ca,d,da,e,ea,f,fa,g,ga,h,ha,i,ia,j,ja,k,ka,l,la,m,ma,n,na,o,oa,p,pa,q,qa,r,ra,s,sa,t,ta,u,ua,v,va,w,wa,x,xa,y,ya,z,za}from"../chunk-2WADYYCL.js";import"../chunk-HHPZ3EO6.js";import"../chunk-QGMHYQ7V.js";export{c as Accordion,b as AccordionContent,d as AccordionItem,a as AccordionTrigger,e as Alert,g as AlertDialog,l as AlertDialogAction,m as AlertDialogCancel,i as AlertDialogContent,f as AlertDialogDemo,k as AlertDialogDescription,j as AlertDialogTitle,h as AlertDialogTrigger,n as Announce,o as Avatar,p as Badge,q as Banner,r as Box,s as BoxGrab,t as BoxLink,u as Button,x as ButtonDemo,v as ButtonIcon,w as ButtonMarketing,y as Caption,z as Card,C as CardOuter,B as CardSpotify,D as Carousel,I as CarouselArrowButton,G as CarouselNext,H as CarouselPrevious,F as CarouselSlide,E as CarouselSlideList,J as Checkbox,K as Code,L as Container,M as Dialog,O as DialogClose,Q as DialogDescription,P as DialogTitle,N as DialogTrigger,R as Emoji,S as EmojiParser,T as Flex,U as FocusArea,V as Grid,W as Heading,X as IconButton,A as ImageBlur,Y as Label,Z as Link,_ as Note,aa as Overlay,ea as PageHeading,ga as Panel,ha as Paragraph,ia as Popover,ja as PopoverContent,ka as PopoverTrigger,la as ProgressBar,na as Radio,pa as RadioCard,oa as RadioCardGroup,ma as RadioGroup,qa as ScrollArea,ra as Section,sa as Separator,ta as Skeleton,ca as SkeletonDescription,da as SkeletonHeading,ba as SkeletonTitle,ua as Spacer,va as Status,wa as Sub,xa as Sup,ya as Switch,Ha as TabLink,Ga as Table,za as TableCaption,Ia as Tabs,Ka as TabsContent,La as TabsList,Ja as TabsTrigger,Aa as Tbody,Ea as Td,Ma as Text,Na as TextArea,Ba as Tfoot,Da as Th,Fa as Thead,Va as Toast,Qa as ToastCenter,Ra as ToastCenterItem,Ua as ToastDismiss,Pa as ToastProvider,Sa as ToastWarmer,Ta as ToastWarmerItem,Wa as Tooltip,Ca as Tr,$ as overlayStyles,fa as panelStyles,Oa as useToastDispatchers};
+import{$,A,Aa,B,Ba,C,Ca,D,Da,E,Ea,F,Fa,G,Ga,H,Ha,I,Ia,J,Ja,K,Ka,L,La,M,Ma,N,Na,O,Oa,P,Pa,Q,Qa,R,Ra,S,Sa,T,Ta,U,Ua,V,Va,W,Wa,X,Xa,Y,Z,_,a,aa,b,ba,c,ca,d,da,e,ea,f,fa,g,ga,h,ha,i,ia,j,ja,k,ka,l,la,m,ma,n,na,o,oa,p,pa,q,qa,r,ra,s,sa,t,ta,u,ua,v,va,w,wa,x,xa,y,ya,z,za}from"../chunk-JRXMIMQJ.js";import"../chunk-HHPZ3EO6.js";import"../chunk-QGMHYQ7V.js";export{c as Accordion,b as AccordionContent,d as AccordionItem,a as AccordionTrigger,e as Alert,g as AlertDialog,l as AlertDialogAction,m as AlertDialogCancel,i as AlertDialogContent,f as AlertDialogDemo,k as AlertDialogDescription,j as AlertDialogTitle,h as AlertDialogTrigger,n as Announce,o as Avatar,p as Badge,q as Banner,r as Box,s as BoxGrab,t as BoxLink,L as Breakout,u as Button,x as ButtonDemo,v as ButtonIcon,w as ButtonMarketing,y as Caption,z as Card,C as CardOuter,B as CardSpotify,D as Carousel,I as CarouselArrowButton,G as CarouselNext,H as CarouselPrevious,F as CarouselSlide,E as CarouselSlideList,J as Checkbox,K as Code,M as Container,N as Dialog,P as DialogClose,R as DialogDescription,Q as DialogTitle,O as DialogTrigger,S as Emoji,T as EmojiParser,U as Flex,V as FocusArea,W as Grid,X as Heading,Y as IconButton,A as ImageBlur,Z as Label,_ as Link,$ as Note,ba as Overlay,fa as PageHeading,ha as Panel,ia as Paragraph,ja as Popover,ka as PopoverContent,la as PopoverTrigger,ma as ProgressBar,oa as Radio,qa as RadioCard,pa as RadioCardGroup,na as RadioGroup,ra as ScrollArea,sa as Section,ta as Separator,ua as Skeleton,da as SkeletonDescription,ea as SkeletonHeading,ca as SkeletonTitle,va as Spacer,wa as Status,xa as Sub,ya as Sup,za as Switch,Ia as TabLink,Ha as Table,Aa as TableCaption,Ja as Tabs,La as TabsContent,Ma as TabsList,Ka as TabsTrigger,Ba as Tbody,Fa as Td,Na as Text,Oa as TextArea,Ca as Tfoot,Ea as Th,Ga as Thead,Wa as Toast,Ra as ToastCenter,Sa as ToastCenterItem,Va as ToastDismiss,Qa as ToastProvider,Ta as ToastWarmer,Ua as ToastWarmerItem,Xa as Tooltip,Da as Tr,aa as overlayStyles,ga as panelStyles,Pa as useToastDispatchers};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jeromefitz/design-system",
-  "version": "1.1.2",
+  "version": "1.2.2",
   "description": "Design System for JeromeFitzgerald.com (Radix UI)",
   "author": {
     "name": "Jerome Fitzgerald",
@@ -71,17 +71,17 @@
     "react-hot-toast": "2.2.0",
     "react-use": "17.3.2",
     "smoothscroll-polyfill": "0.4.4",
-    "swr": "1.1.2"
+    "swr": "1.2.0"
   },
   "devDependencies": {
     "@types/bezier-easing": "2.1.2",
     "@types/chroma-js": "2.1.3",
     "@types/lodash": "4.14.178",
-    "@types/node": "17.0.12",
+    "@types/node": "17.0.13",
     "@types/react": "17.0.38",
     "bezier-easing": "2.1.0",
-    "chroma-js": "2.1.2",
-    "next": "12.0.8",
+    "chroma-js": "2.3.0",
+    "next": "12.0.9",
     "react": "17.0.2",
     "react-bezier-curve-editor": "1.0.0",
     "react-dom": "17.0.2",
@@ -90,7 +90,7 @@
   "peerDependencies": {
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "swr": "1.1.2"
+    "swr": "1.2.0"
   },
   "type": "module",
   "sideEffects": false,

package/chunk-2WADYYCL.js

@@ -1,10 +0,0 @@
-import{c as mo,f as _,h as r,j as q}from"./chunk-HHPZ3EO6.js";import{a as p,b as m,c as f,d as o}from"./chunk-QGMHYQ7V.js";import*as L from"@radix-ui/react-accordion";import{ChevronDownIcon as ir}from"@radix-ui/react-icons";import*as A from"react";var nr=_({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),sr=_({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),lr=r(L.Root,{borderRadius:6,width:"100%",backgroundColor:"$colors$gray1",boxShadow:"0 2px 10px $colors$gray12"}),dr=r(L.Item,{overflow:"hidden",marginTop:1,"&:first-child":{marginTop:0,borderTopLeftRadius:4,borderTopRightRadius:4},"&:last-child":{borderBottomLeftRadius:4,borderBottomRightRadius:4},"&:focus-within":{position:"relative",zIndex:1,boxShadow:"0 0 0 2px $colors$gray12"}}),cr=r(L.Header,{all:"unset",display:"flex"}),pr=r(L.Trigger,{all:"unset",fontFamily:"inherit",backgroundColor:"transparent",padding:"0 20px",height:45,flex:1,display:"flex",alignItems:"center",justifyContent:"space-between",fontSize:15,lineHeight:1,color:"$colors$gray12",boxShadow:"0 1px 0 $colors$gray9",'&[data-state="closed"]':{backgroundColor:"$colors$gray3"},'&[data-state="open"]':{backgroundColor:"$colors$gray5"},"&:hover":{backgroundColor:"$colors$gray4",cursor:"pointer"}}),ur=r(L.Content,{backgroundColor:"inherit",color:"$colors$gray12",fontSize:15,overflow:"hidden",'&[data-state="open"]':{animation:`${nr} 300ms cubic-bezier(0.87, 0, 0.13, 1)`},'&[data-state="closed"]':{animation:`${sr} 300ms cubic-bezier(0.87, 0, 0.13, 1)`}}),gr=r("div",{padding:"$2 $4"}),mr=r(ir,{color:"$colors$gray12",transition:"transform 300ms cubic-bezier(0.87, 0, 0.13, 1)","[data-state=open] &":{transform:"rotate(180deg)"},"@media (prefers-reduced-motion)":{transition:"none"}}),Do=A.forwardRef((s,n)=>{var l=s,{children:e}=l,t=f(l,["children"]);return A.createElement(cr,null,A.createElement(pr,m(p({},t),{ref:n}),A.createElement("div",null,e),A.createElement(mr,{"aria-hidden":!0})))});Do.displayName="AccordionTrigger";var zo=A.forwardRef((s,n)=>{var l=s,{children:e}=l,t=f(l,["children"]);return A.createElement(A.Fragment,null,A.createElement(ur,m(p({},t),{ref:n}),A.createElement(gr,null,e)))});zo.displayName="AccordionContent";var we=lr,ke=dr;var Re=r("div",{boxSizing:"border-box","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},border:"1px solid",borderRadius:"$2",variants:{size:{"1":{p:"$3"}},variant:{loContrast:{backgroundColor:"$loContrast",borderColor:"$slate6"},gray:{backgroundColor:"$slate2",borderColor:"$slate6"},blue:{backgroundColor:"$blue2",borderColor:"$blue6"},green:{backgroundColor:"$green2",borderColor:"$green6"},red:{backgroundColor:"$red2",borderColor:"$red6"}}},defaultVariants:{size:"1",variant:"gray"}});import{violet as xr,blackA as Pe,red as xo,mauve as X}from"@radix-ui/colors";import*as w from"@radix-ui/react-alert-dialog";import{styled as Z,keyframes as Ae}from"@stitches/react";var br=Ae({"0%":{opacity:0},"100%":{opacity:1}}),fr=Ae({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),hr=Z(w.Overlay,{backgroundColor:Pe.blackA9,position:"fixed",inset:0,"@media (prefers-reduced-motion: no-preference)":{animation:`${br} 150ms cubic-bezier(0.16, 1, 0.3, 1)`}});function $r(n){var s=n,{children:e}=s,t=f(s,["children"]);return o.createElement(w.Root,p({},t),o.createElement(hr,null),e)}var vr=Z(w.Content,{backgroundColor:"white",borderRadius:6,boxShadow:"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"90vw",maxWidth:"500px",maxHeight:"85vh",padding:25,"@media (prefers-reduced-motion: no-preference)":{animation:`${fr} 150ms cubic-bezier(0.16, 1, 0.3, 1)`},"&:focus":{outline:"none"}}),Cr=Z(w.Title,{margin:0,color:X.mauve12,fontSize:17,fontWeight:500}),yr=Z(w.Description,{marginBottom:20,color:X.mauve11,fontSize:15,lineHeight:1.5}),Sr=Z("div",{display:"flex"}),Io=Z("button",{all:"unset",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:4,padding:"0 15px",fontSize:15,lineHeight:1,fontWeight:500,height:35,variants:{variant:{violet:{backgroundColor:"white",color:xr.violet11,boxShadow:`0 2px 10px ${Pe.blackA7}`,"&:hover":{backgroundColor:X.mauve3},"&:focus":{boxShadow:"0 0 0 2px black"}},red:{backgroundColor:xo.red4,color:xo.red11,"&:hover":{backgroundColor:xo.red5},"&:focus":{boxShadow:`0 0 0 2px ${xo.red7}`}},mauve:{backgroundColor:X.mauve4,color:X.mauve11,"&:hover":{backgroundColor:X.mauve5},"&:focus":{boxShadow:`0 0 0 2px ${X.mauve7}`}}}},defaultVariants:{variant:"violet"}}),De=({dialogText:e})=>o.createElement(Eo,null,o.createElement(Ho,{asChild:!0},o.createElement(Io,null,e==null?void 0:e.dialogTrigger)),o.createElement(Bo,null,o.createElement(Lo,null,e==null?void 0:e.dialogTitle),o.createElement(Wo,null,e==null?void 0:e.dialogDescription),o.createElement(Sr,{css:{justifyContent:"flex-end"}},o.createElement(jo,{asChild:!0},o.createElement(Io,{variant:"mauve",css:{marginRight:25}},e==null?void 0:e.dialogCancel)),o.createElement(Vo,{asChild:!0},o.createElement(Io,{variant:"red"},e==null?void 0:e.dialogAction))))),Eo=$r,Ho=w.Trigger,Bo=vr,Lo=Cr,Wo=yr,Vo=w.Action,jo=w.Cancel;import*as ze from"@radix-ui/react-announce";var Ie=({children:e})=>o.createElement(ze.Root,null,e);import*as W from"react";import*as J from"@radix-ui/react-avatar";var Ee=r(J.Root,{alignItems:"center",justifyContent:"center",verticalAlign:"middle",overflow:"hidden",userSelect:"none",boxSizing:"border-box",display:"flex",flexShrink:0,position:"relative",border:"none",fontFamily:"inherit",lineHeight:"1",margin:"0",outline:"none",padding:"0",fontWeight:"700",color:"$hiContrast","&::before":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:"inherit",boxShadow:"inset 0px 0px 1px rgba(0, 0, 0, 0.12)"},variants:{border:{none:{border:"none"},solid:{border:"1px solid"}},size:{"1":{width:"$3",height:"$3"},"2":{width:"$5",height:"$5"},"3":{width:"$6",height:"$6"},"4":{width:"$7",height:"$7"},"5":{width:"$8",height:"$8"},"6":{width:"$9",height:"$9"}},variant:{hiContrast:{backgroundColor:"$hiContrast",color:"$loContrast"},amber:{backgroundColor:"$amber5"},blue:{backgroundColor:"$blue5"},bronze:{backgroundColor:"$bronze5"},brown:{backgroundColor:"$brown5"},crimson:{backgroundColor:"$crimson5"},cyan:{backgroundColor:"$cyan5"},gold:{backgroundColor:"$gold5"},grass:{backgroundColor:"$grass5"},gray:{backgroundColor:"$slate5"},green:{backgroundColor:"$green5"},indigo:{backgroundColor:"$indigo5"},lime:{backgroundColor:"$lime5"},mint:{backgroundColor:"$mint5"},orange:{backgroundColor:"$orange5"},pink:{backgroundColor:"$pink5"},plum:{backgroundColor:"$plum5"},purple:{backgroundColor:"$purple5"},red:{backgroundColor:"$red5"},sky:{backgroundColor:"$sky5"},teal:{backgroundColor:"$teal5"},tomato:{backgroundColor:"$tomato5"},violet:{backgroundColor:"$violet5"},yellow:{backgroundColor:"$yellow5"}},shape:{square:{borderRadius:"$2"},circle:{borderRadius:"50%"}},inactive:{true:{opacity:".3"}},interactive:{true:{"&::after":{content:'""',position:"absolute",top:"0",right:"0",bottom:"0",left:"0",backgroundColor:"rgba(0,0,0,.08)",opacity:"0",pointerEvents:"none",transition:"opacity 25ms linear","@media (prefers-reduced-motion)":{transition:"none"}},"@hover":{"&:hover":{"&::after":{opacity:"1"}}},'&[data-state="open"]':{"&::after":{backgroundColor:"rgba(0,0,0,.12)",opacity:"1"}}}}},defaultVariants:{border:"none",size:"2",variant:"gray",shape:"circle"}}),He=r(J.Image,{display:"flex",objectFit:"cover",boxSizing:"border-box",height:"100%",verticalAlign:"middle",width:"100%"}),Be=r(J.Fallback,{textTransform:"uppercase",variants:{size:{"1":{fontSize:"10px",lineHeight:"15px"},"2":{fontSize:"$3"},"3":{fontSize:"$6"},"4":{fontSize:"$7"},"5":{fontSize:"$8"},"6":{fontSize:"$9"}}},defaultVariants:{size:"2"}}),Tr=r("div",{boxShadow:"0 0 0 2px $colors$loContrast",borderRadius:"50%"}),Ba=r("div",{display:"flex",flexDirection:"row-reverse",[`& ${Tr}:nth-child(n+2)`]:{marginRight:"-$1"}});var Fo=W.forwardRef((h,g)=>{var y=h,{alt:e,src:t,fallback:n,size:s,variant:l,shape:u,css:d,status:c}=y,x=f(y,["alt","src","fallback","size","variant","shape","css","status"]);return W.createElement(v,{css:m(p({},d),{position:"relative",height:"fit-content",width:"fit-content"})},W.createElement(Ee,m(p({},x),{ref:g,size:s,variant:l,shape:u}),W.createElement(He,{alt:e,src:t}),W.createElement(Be,{size:s},n)),c&&W.createElement(v,{css:{position:"absolute",bottom:"0",right:"0",boxShadow:"0 0 0 3px $colors$loContrast",borderRadius:"$round",mr:"-3px",mb:"-3px"}},W.createElement(bo,{size:s&&s>2?"2":"1",variant:c})))});Fo.displayName="Avatar";var Le=r("span",{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",justifyContent:"center",lineHeight:"1",verticalAlign:"middle",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)","&:disabled":{backgroundColor:"$slate3",pointerEvents:"none",color:"$slate8"},"&::before":{boxSizing:"border-box",content:'""'},"&::after":{boxSizing:"border-box",content:'""'},backgroundColor:"$slate3",borderRadius:"$pill",color:"$slate11",whiteSpace:"nowrap",fontVariantNumeric:"tabular-nums",variants:{size:{"1":{height:"$4",px:"$1",fontSize:"$1"},"2":{height:"$5",px:"$2",fontSize:"$2"}},variant:{gray:{backgroundColor:"$slate3",color:"$slate11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"}},red:{backgroundColor:"$red3",color:"$red11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$red8, 0 0 0 1px $colors$red8"}},crimson:{backgroundColor:"$crimson3",color:"$crimson11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$crimson8, 0 0 0 1px $colors$crimson8"}},pink:{backgroundColor:"$pink3",color:"$pink11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$violet8, 0 0 0 1px $colors$violet8"}},purple:{backgroundColor:"$purple3",color:"$purple11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$purple8, 0 0 0 1px $colors$purple8"}},violet:{backgroundColor:"$violet3",color:"$violet11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$violet8, 0 0 0 1px $colors$violet8"}},indigo:{backgroundColor:"$indigo3",color:"$indigo11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$indigo8, 0 0 0 1px $colors$indigo8"}},blue:{backgroundColor:"$blue3",color:"$blue11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}},cyan:{backgroundColor:"$cyan3",color:"$cyan11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$cyan8, 0 0 0 1px $colors$cyan8"}},teal:{backgroundColor:"$teal3",color:"$teal11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$teal8, 0 0 0 1px $colors$teal8"}},green:{backgroundColor:"$green3",color:"$green11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$green8, 0 0 0 1px $colors$green8"}},lime:{backgroundColor:"$lime3",color:"$lime11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$lime8, 0 0 0 1px $colors$lime8"}},yellow:{backgroundColor:"$yellow3",color:"$yellow11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$yellow8, 0 0 0 1px $colors$yellow8"}},orange:{backgroundColor:"$orange3",color:"$orange11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$orange8, 0 0 0 1px $colors$orange8"}},gold:{backgroundColor:"$gold3",color:"$gold11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$gold8, 0 0 0 1px $colors$gold8"}},bronze:{backgroundColor:"$bronze3",color:"$bronze11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$bronze8, 0 0 0 1px $colors$bronze8"}}},interactive:{true:{}}},compoundVariants:[{interactive:!0,variant:"red",css:{"@hover":{"&:hover":{backgroundColor:"$red4"}},"&:active":{backgroundColor:"$red5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$red5"}}},{interactive:!0,variant:"crimson",css:{"@hover":{"&:hover":{backgroundColor:"$crimson4"}},"&:active":{backgroundColor:"$crimson5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$crimson5"}}},{interactive:!0,variant:"pink",css:{"@hover":{"&:hover":{backgroundColor:"$pink4"}},"&:active":{backgroundColor:"$pink5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$pink5"}}},{interactive:!0,variant:"purple",css:{"@hover":{"&:hover":{backgroundColor:"$purple4"}},"&:active":{backgroundColor:"$purple5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$purple5"}}},{interactive:!0,variant:"violet",css:{"@hover":{"&:hover":{backgroundColor:"$violet4"}},"&:active":{backgroundColor:"$violet5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$violet5"}}},{interactive:!0,variant:"indigo",css:{"@hover":{"&:hover":{backgroundColor:"$indigo4"}},"&:active":{backgroundColor:"$indigo5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$indigo5"}}},{interactive:!0,variant:"blue",css:{"@hover":{"&:hover":{backgroundColor:"$blue4"}},"&:active":{backgroundColor:"$blue5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blue5"}}},{interactive:!0,variant:"cyan",css:{"@hover":{"&:hover":{backgroundColor:"$cyan4"}},"&:active":{backgroundColor:"$cyan5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$cyan5"}}},{interactive:!0,variant:"teal",css:{"@hover":{"&:hover":{backgroundColor:"$teal4"}},"&:active":{backgroundColor:"$teal5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$teal5"}}},{interactive:!0,variant:"green",css:{"@hover":{"&:hover":{backgroundColor:"$green4"}},"&:active":{backgroundColor:"$green5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$green5"}}},{interactive:!0,variant:"lime",css:{"@hover":{"&:hover":{backgroundColor:"$lime4"}},"&:active":{backgroundColor:"$lime5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$lime5"}}},{interactive:!0,variant:"yellow",css:{"@hover":{"&:hover":{backgroundColor:"$yellow4"}},"&:active":{backgroundColor:"$yellow5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$yellow5"}}},{interactive:!0,variant:"orange",css:{"@hover":{"&:hover":{backgroundColor:"$orange4"}},"&:active":{backgroundColor:"$orange5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$orange5"}}},{interactive:!0,variant:"gold",css:{"@hover":{"&:hover":{backgroundColor:"$gold4"}},"&:active":{backgroundColor:"$gold5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$gold5"}}},{interactive:!0,variant:"bronze",css:{"@hover":{"&:hover":{backgroundColor:"$bronze4"}},"&:active":{backgroundColor:"$bronze5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$bronze5"}}}],defaultVariants:{size:"1",variant:"gray"}});var We=r("div",{boxSizing:"border-box","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},display:"flex",justifyContent:"center",alignItems:"center",gap:"$3",variants:{size:{"1":{py:"$1",px:"$4"}},variant:{loContrast:{backgroundColor:"$loContrast"},gray:{backgroundColor:"$slate3"},blue:{backgroundColor:"$blue3"},green:{backgroundColor:"$green3"},red:{backgroundColor:"$red3"}},rounded:{true:{borderRadius:"$pill"}},border:{true:{borderRadius:"$pill"}}},compoundVariants:[{border:"true",variant:"gray",css:{borderColor:"$slate6"}},{border:"true",variant:"blue",css:{borderColor:"$blue11"}},{border:"true",variant:"loContrast",css:{borderColor:"$slate6"}}],defaultVariants:{size:"1",variant:"gray"}});var v=r("div",{boxSizing:"border-box"});var Ve=r("div",{cursor:"grab","&:active":{cursor:"grabbing"},mr:"-$$gap",pr:"$$gap"});var je=r("a",{display:"block",color:"$hiContrast",textDecoration:"none",outline:0,p:"$1",m:"-$1",br:"$1","&:focus":{boxShadow:"0 0 0 2px $colors$gray12"},"&:focus:not(:focus-visible)":{boxShadow:"none"}});var Fe=r("button",{all:"unset",alignItems:"center",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},display:"inline-flex",flexShrink:0,justifyContent:"center",lineHeight:"1",WebkitTapHighlightColor:"rgba(0,0,0,0)",height:"$5",px:"$2",fontFamily:"$untitled",fontSize:"$2",fontWeight:500,fontVariantNumeric:"tabular-nums","&:disabled":{backgroundColor:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$slate8",pointerEvents:"none"},variants:{size:{"1":{borderRadius:"$1",height:"$5",px:"$2",fontSize:"$1",lineHeight:"$sizes$5"},"2":{borderRadius:"$2",height:"$6",px:"$3",fontSize:"$3",lineHeight:"$sizes$6"},"3":{borderRadius:"$2",height:"$7",px:"$4",fontSize:"$4",lineHeight:"$sizes$7"}},variant:{gray:{backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$hiContrast","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8"}},blue:{backgroundColor:"$blue2",boxShadow:"inset 0 0 0 1px $colors$blue7",color:"$blue11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$blue8"}},"&:active":{backgroundColor:"$blue3",boxShadow:"inset 0 0 0 1px $colors$blue8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blue4",boxShadow:"inset 0 0 0 1px $colors$blue8"}},green:{backgroundColor:"$green2",boxShadow:"inset 0 0 0 1px $colors$green7",color:"$green11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$green8"}},"&:active":{backgroundColor:"$green3",boxShadow:"inset 0 0 0 1px $colors$green8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$green8, 0 0 0 1px $colors$green8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$green4",boxShadow:"inset 0 0 0 1px $colors$green8"}},red:{backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$red11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$red3",boxShadow:"inset 0 0 0 1px $colors$red8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$red8, 0 0 0 1px $colors$red8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$red4",boxShadow:"inset 0 0 0 1px $colors$red8"}},transparentWhite:{backgroundColor:"hsla(0,100%,100%,.2)",color:"white","@hover":{"&:hover":{backgroundColor:"hsla(0,100%,100%,.25)"}},"&:active":{backgroundColor:"hsla(0,100%,100%,.3)"},"&:focus":{boxShadow:"inset 0 0 0 1px hsla(0,100%,100%,.35), 0 0 0 1px hsla(0,100%,100%,.35)"}},transparentBlack:{backgroundColor:"hsla(0,0%,0%,.2)",color:"black","@hover":{"&:hover":{backgroundColor:"hsla(0,0%,0%,.25)"}},"&:active":{backgroundColor:"hsla(0,0%,0%,.3)"},"&:focus":{boxShadow:"inset 0 0 0 1px hsla(0,0%,0%,.35), 0 0 0 1px hsla(0,0%,0%,.35)"}}},state:{active:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8",color:"$slate11","@hover":{"&:hover":{backgroundColor:"$slate5",boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate5"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"}},waiting:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8",color:"transparent",pointerEvents:"none","@hover":{"&:hover":{backgroundColor:"$slate5",boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate5"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8"}}},ghost:{true:{backgroundColor:"transparent",boxShadow:"none"}}},compoundVariants:[{variant:"gray",ghost:"true",css:{backgroundColor:"transparent",color:"$hiContrast","@hover":{"&:hover":{backgroundColor:"$slateA3",boxShadow:"none"}},"&:active":{backgroundColor:"$slateA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slateA8, 0 0 0 1px $colors$slateA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slateA4",boxShadow:"none"}}},{variant:"blue",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$blueA3",boxShadow:"none"}},"&:active":{backgroundColor:"$blueA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blueA8, 0 0 0 1px $colors$blueA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blueA4",boxShadow:"none"}}},{variant:"green",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$greenA3",boxShadow:"none"}},"&:active":{backgroundColor:"$greenA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$greenA8, 0 0 0 1px $colors$greenA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$greenA4",boxShadow:"none"}}},{variant:"red",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$redA3",boxShadow:"none"}},"&:active":{backgroundColor:"$redA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$redA8, 0 0 0 1px $colors$redA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$redA4",boxShadow:"none"}}}],defaultVariants:{size:"1",variant:"gray"}});var Me=r("button",{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",fontSize:"14px",justifyContent:"center",lineHeight:"1",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"transparent",color:"$hiContrast","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},backgroundColor:"$loContrast",border:"1px solid $slate7","@hover":{"&:hover":{borderColor:"$slate8"}},"&:active":{backgroundColor:"$slate2"},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8"},"&:disabled":{pointerEvents:"none",backgroundColor:"transparent",color:"$slate6"},variants:{cursor:{arrow:{cursor:"arrow"},pointer:{cursor:"pointer"}},size:{"1":{borderRadius:"$1",height:"$5",width:"$5"},"2":{borderRadius:"$2",height:"$6",width:"$6"},"3":{borderRadius:"$2",height:"$7",width:"$7"},"4":{borderRadius:"$3",height:"$8",width:"$8"}},variant:{ghost:{backgroundColor:"transparent",borderWidth:"0","@hover":{"&:hover":{backgroundColor:"$slateA3"}},"&:focus":{borderRadius:"$1",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$hiContrast"},"&:active":{backgroundColor:"$slateA4"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slateA4"}},raised:{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)","@hover":{"&:hover":{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"}},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"},"&:active":{backgroundColor:"$slate4"}}},state:{active:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}},waiting:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}}}},defaultVariants:{cursor:"arrow",size:"1",variant:"ghost"}});import*as Q from"react";var Oe=r("button",{all:"unset",alignItems:"center",boxSizing:"border-box",userSelect:"none",display:"inline-flex",WebkitTapHighlightColor:"rgba(0,0,0,0)",height:"$7",px:"$4",fontFamily:"$untitled",fontWeight:500,borderRadius:"$2",fontSize:"$3",lineHeight:"$sizes$7","&:disabled":{bc:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$slate8",pointerEvents:"not-allowed"},"&[href]":{cursor:"pointer"},variants:{variant:{contrast:{bc:"$hiContrast",color:"$loContrast","@hover":{"&:hover":{opacity:.9}},"&:active":{opacity:.8},"&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"},$$backlight:`
-            0 0 0 2px $colors$plumA3,
-            -15px 0 30px -15px $colors$orangeA8,
-            0 0 30px -15px $colors$pinkA8,
-            15px 0 30px -15px $colors$violetA8
-          `,boxShadow:"$$backlight",[`.${q} &`]:{color:"$hiContrast",bc:"hsl(0 0% 6%)","&:focus":{boxShadow:"$$backlight, 0 0 0 2px $colors$blueA8"},"&:focus:not(:focus-visible)":{boxShadow:"$$backlight"}}}}},defaultVariants:{variant:"contrast"}});var Mo=Q.forwardRef((l,s)=>{var u=l,{children:e,icon:t}=u,n=f(u,["children","icon"]);return Q.createElement(Oe,p({ref:s},n),e,t&&Q.createElement(v,{as:"span",css:{ml:8,mr:-3,minWidth:"1rem",minHeight:"1rem"}},Q.createElement(t,null)))});Mo.displayName="ButtonMarketing";var Ne=r("button",{all:"unset",alignItems:"center",boxSizing:"border-box",userSelect:"none",display:"inline-flex",color:"$hiContrast",fontSize:"$2",lineHeight:1,m:0,py:0,px:"$2",height:"$5",br:"$2",willChange:"transform","&:focus":{boxShadow:"0 0 0 2px $colors$grayA8"},"&:focus:not(:focus-visible)":{boxShadow:"none"},variants:{variant:{white:{backgroundColor:"$whiteA11","@hover":{"&:hover":{bc:"$whiteA12"}},[`.${q} &`]:{backgroundColor:"$whiteA5","@hover":{"&:hover":{bc:"$whiteA6"}}}},gray:{backgroundColor:"$grayA4","@hover":{"&:hover":{bc:"$grayA5"}}}}},defaultVariants:{variant:"white"}});var Ge=({children:e})=>o.createElement(I,{as:"p",css:{fontSize:"$2",lineHeight:"1.25",ml:"$1",py:"$3"}},e);var _e=r("div",{appearance:"none",border:"none",boxSizing:"border-box",font:"inherit",lineHeight:"1",outline:"none",padding:0,textAlign:"inherit",verticalAlign:"middle",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",backgroundColor:"$panel",display:"block",textDecoration:"none",color:"inherit",flexShrink:0,borderRadius:"$3",position:"relative","&::before":{boxSizing:"border-box",content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",borderRadius:"$3",pointerEvents:"none"},variants:{variant:{interactive:{"@hover":{"&:hover":{"&::before":{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.2)"}}},"&:focus":{"&::before":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}}},ghost:{backgroundColor:"transparent",transition:"transform 200ms cubic-bezier(0.22, 1, 0.36, 1), background-color 25ms linear",willChange:"transform","&::before":{boxShadow:"0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2)",opacity:"0",transition:"all 200ms cubic-bezier(0.22, 1, 0.36, 1)","@media (prefers-reduced-motion)":{transition:"none"}},"@hover":{"&:hover":{backgroundColor:"$panel",transform:"translateY(-2px)","&::before":{opacity:"1"}}},"&:active":{transform:"translateY(0)",transition:"none","&::before":{boxShadow:"0px 5px 16px -5px rgba(22, 23, 24, 0.35), 0px 5px 10px -7px rgba(22, 23, 24, 0.2)",opacity:"1"}},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}},active:{transform:"translateY(0)",transition:"none","&::before":{boxShadow:"0px 5px 16px -5px rgba(22, 23, 24, 0.35), 0px 5px 10px -7px rgba(22, 23, 24, 0.2)",opacity:"1"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}}}}});import wr from"next/image";var kr=r("div",{display:"flex",height:"100%"}),Rr=r("div",{position:"relative",borderRadius:"$4",height:"100%"}),Oo=r("div",{position:"absolute",top:0,left:0,width:"99.9%",height:"99.9%",borderRadius:"$4",filter:"blur(0.25rem) saturate(160%)",opacity:".5",transform:"scale(1.01)"}),Pr=r(wr,{borderRadius:"$4",borderTopLeftRadius:0,borderBottomLeftRadius:0,position:"relative"}),Xe=({base64:e,children:t,image:n,imageLabel:s="Spotify Description Coming Soon",slug:l})=>o.createElement(No,null,o.createElement(v,{as:"div",css:{borderRadius:"$4",position:"relative"}},o.createElement(Oo,{css:{borderRadius:"$4",backgroundImage:`url(${e})`,backgroundSize:"cover"}}),o.createElement(F,{as:"div",css:{borderRadius:"$4",display:"flex",flexDirection:"column",minHeight:"100%",overflow:"hidden",position:"relative",width:"100%","@bp1":{flexDirection:"row"}}},o.createElement(F,{as:"div",css:{borderRadius:"$4",borderBottomLeftRadius:0,borderBottomRightRadius:0,bc:"$colors$gray3",display:"flex",flexDirection:"column",px:"$2",py:"$4","@bp1":{borderTopRightRadius:0,borderBottomRightRadius:0,width:"40%",px:"$4",py:"$7"}}},t),o.createElement(F,{as:"div",css:{display:"flex",flexDirection:"column",justifyContent:"center",overflow:"hidden","@bp1":{width:"60%"}},style:{backgroundImage:`url(${e})`,backgroundSize:"cover"}},o.createElement(Pr,p({alt:s,blurDataURL:e,key:l,placeholder:"blur",priority:!1},n)))))),No=({children:e})=>o.createElement(kr,null,o.createElement(Rr,null,e));import{composeEventHandlers as Go}from"@radix-ui/primitive";import{useComposedRefs as Ar}from"@radix-ui/react-compose-refs";import{createContext as Dr}from"@radix-ui/react-context";import{useCallbackRef as _o}from"@radix-ui/react-use-callback-ref";import zr from"lodash/debounce";import*as $ from"react";import Ir from"smoothscroll-polyfill";var[Er,fo]=Dr("Carousel"),Ue=e=>{let t=$.useRef(null),no=e,{children:n}=no,s=f(no,["children"]),l=$.useRef(null),[u,d]=$.useState({}),[c,x]=$.useState(!1),[g,h]=$.useState(!0),y=$.useRef(),E=$.useRef(100);$.useEffect(()=>Ir.polyfill(),[]);let z=_o(C=>{var H;let S=(H=t.current)==null?void 0:H.querySelectorAll("[data-slide-intersection-ratio]");if(S){let T=Array.from(S.values());return C===1&&T.reverse(),T.find(P=>P.dataset.slideIntersectionRatio!=="0")}}),B=$.useCallback(()=>{let C=z(1);if(C){let{scrollLeft:S,scrollWidth:H,clientWidth:T}=l.current,P=C.clientWidth,Ao=P*2.5<document.documentElement.offsetWidth?2:1,G=Math.floor(S/P)*P+P*Ao;l.current.scrollTo({left:G,behavior:"smooth"}),h(G<=0),x(H-G-T<=0),E.current=500}},[z,h]),go=$.useCallback(()=>{let C=z(-1);if(C){let{scrollLeft:S,scrollWidth:H,clientWidth:T}=l.current,P=C.clientWidth,Ao=P*2.5<document.documentElement.offsetWidth?2:1,G=Math.ceil(S/P)*P-P*Ao;l.current.scrollTo({left:G,behavior:"smooth"}),h(G<=0),x(H-G-T<=0),E.current=500}},[z,h]);return $.useEffect(()=>{y.current&&clearTimeout(y.current),y.current=setTimeout(()=>{requestAnimationFrame(()=>{if(l.current){let{scrollLeft:C,scrollWidth:S,clientWidth:H}=l.current;h(C<=0),x(S-C-H<=0),E.current=100}})},E.current)}),$.useEffect(()=>{let C=l.current;if(C){let S=zr(()=>d({}),100,{leading:!0,trailing:!0});return C.addEventListener("scroll",S),window.addEventListener("resize",S),d({}),()=>{C.removeEventListener("scroll",S),window.removeEventListener("resize",S)}}return()=>{}},[l]),$.createElement(Er,{_:u,nextDisabled:c,prevDisabled:g,slideListRef:l,onNextClick:B,onPrevClick:go},$.createElement(v,m(p({},s),{ref:t}),n))},Ye=e=>{let t=fo("CarouselSlideList"),n=$.useRef(null),s=Ar(n,t.slideListRef),[l,u]=$.useState(null),d=_o(x=>{if(n.current){let g=x.clientX-l.pointerX;n.current.scrollLeft=l.scrollX-g}}),c=_o(()=>{document.removeEventListener("mousemove",d),document.removeEventListener("mouseup",c),u(null)});return $.createElement(v,m(p({},e),{ref:s,"data-state":l?"dragging":void 0,onMouseDownCapture:Go(e.onMouseDownCapture,x=>{x.button===0&&(document.addEventListener("mousemove",d),document.addEventListener("mouseup",c),u({scrollX:x.currentTarget.scrollLeft,pointerX:x.clientX}))}),onPointerDown:Go(e.onPointerDown,x=>{let g=x.target;g.style.userSelect="none",g.setPointerCapture(x.pointerId)}),onPointerUp:Go(e.onPointerUp,x=>{let g=x.target;g.style.userSelect="",g.releasePointerCapture(x.pointerId)})}))},qe=e=>{let x=e,{as:t=v}=x,n=f(x,["as"]),s=fo("CarouselSlide"),l=$.useRef(null),[u,d]=$.useState(0),c=$.useRef(!1);return $.useEffect(()=>{let g=new IntersectionObserver(([h])=>d(h.intersectionRatio),{root:s.slideListRef.current,threshold:[0,.5,1]});return g.observe(l.current),()=>g.disconnect()},[s.slideListRef]),$.createElement(t,m(p({},n),{ref:l,"data-slide-intersection-ratio":u,onDragStart:g=>{g.preventDefault(),c.current=!0},onClick:g=>{c.current&&g.preventDefault()}}))},Ze=e=>{let l=e,{as:t="button"}=l,n=f(l,["as"]),s=fo("CarouselNext");return $.createElement(t,m(p({},n),{onClick:()=>s.onNextClick(),disabled:s.nextDisabled}))},Je=e=>{let l=e,{as:t="button"}=l,n=f(l,["as"]),s=fo("CarouselPrevious");return $.createElement(t,m(p({},n),{onClick:()=>s.onPrevClick(),disabled:s.prevDisabled}))},Qe=r("button",{unset:"all",outline:0,margin:0,border:0,padding:0,display:"flex",position:"relative",zIndex:1,ai:"center",jc:"center",bc:"$panel",br:"$round",width:"$7",height:"$7",color:"$hiContrast",boxShadow:"$colors$blackA11 0px 2px 12px -5px, $colors$blackA5 0px 1px 3px",willChange:"transform, box-shadow, opacity",transition:"all 100ms","@hover":{"&:hover":{boxShadow:"$colors$blackA10 0px 3px 16px -5px, $colors$blackA5 0px 1px 3px",transform:"translateY(-1px)","&::before":{content:"",inset:-2,br:"$round",position:"absolute"}}},"&:focus":{boxShadow:`
-      $colors$blackA10 0px 3px 16px -5px,
-      $colors$blackA5 0px 1px 3px,
-      $colors$blue8 0 0 0 2px
-    `,transform:"translateY(-1px)"},"&:focus:not(:focus-visible)":{boxShadow:"$colors$blackA11 0px 2px 12px -5px, $colors$blackA5 0px 1px 3px"},"&:active:not(:focus)":{boxShadow:"$colors$blackA11 0px 2px 12px -5px, $colors$blackA5 0px 1px 3px"},"&:active":{transform:"none",transition:"opacity 100ms"},"&:disabled":{opacity:0},"@media (hover: none) and (pointer: coarse)":{display:"none"}});import{CheckIcon as Hr}from"@radix-ui/react-icons";import*as K from"react";import*as ho from"@radix-ui/react-checkbox";var Ke=r(ho.Root,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},alignItems:"center",appearance:"none",display:"inline-flex",justifyContent:"center",lineHeight:"1",margin:"0",outline:"none",padding:"0",WebkitTapHighlightColor:"rgba(0,0,0,0)",color:"$hiContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",overflow:"hidden","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:focus":{outline:"none",borderColor:"$red7",boxShadow:"inset 0 0 0 1px $colors$blue9, 0 0 0 1px $colors$blue9"},variants:{size:{"1":{width:"$3",height:"$3",borderRadius:"$1"},"2":{width:"$5",height:"$5",borderRadius:"$2"}}},defaultVariants:{size:"1"}}),ot=r(ho.Indicator,{alignItems:"center",display:"flex",height:"100%",justifyContent:"center",width:"100%"});var Xo=K.forwardRef((e,t)=>K.createElement(Ke,m(p({},e),{ref:t}),K.createElement(ot,null,K.createElement(Hr,null))));Xo.displayName="Checkbox";var et=r("code",{fontFamily:"$mono",fontSize:"max(12px, 85%)",whiteSpace:"nowrap",padding:"0 3px 2px 3px",variants:{variant:{gray:{backgroundColor:"$slate3",color:"$slate11"},violet:{backgroundColor:"$violet3",color:"$violet11"}}},defaultVariants:{variant:"violet"}});var tt=r("div",{boxSizing:"border-box",flexShrink:0,ml:"auto",mr:"auto",px:"$5",variants:{size:{"1":{maxWidth:"430px"},"2":{maxWidth:"715px"},"3":{maxWidth:"896px"},"4":{maxWidth:"1145px"},"5":{maxWidth:"none"}}},defaultVariants:{size:"5"}});import*as k from"@radix-ui/react-dialog";import{Cross1Icon as Br}from"@radix-ui/react-icons";import*as V from"react";var Lr=r(k.Overlay,so,{position:"fixed",top:0,right:0,bottom:0,left:0});function rt(n){var s=n,{children:e}=s,t=f(s,["children"]);return V.createElement(k.Root,p({},t),V.createElement(Lr,null),e)}var Wr=r(k.Content,U,{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:200,maxHeight:"85vh",padding:"$4",marginTop:"-5vh",willChange:"transform","&:focus":{outline:"none"}}),Vr=r(k.Close,{position:"absolute",top:"$2",right:"$2"}),mn=V.forwardRef((s,n)=>{var l=s,{children:e}=l,t=f(l,["children"]);return V.createElement(Wr,m(p({},t),{ref:n}),e,V.createElement(Vr,{asChild:!0},V.createElement($o,{variant:"ghost"},V.createElement(Br,null))))}),at=k.Trigger,it=k.Close,nt=k.Title,st=k.Description;import jr from"node-emoji";var lt=({emoji:e,label:t,margin:n})=>o.createElement(v,{as:"span","aria-label":t,css:{fontStyle:"normal",mr:n?"$1":"0"},role:"img",style:{WebkitBackgroundClip:"text",WebkitTextFillColor:"inherit"}},e," "," "),oo=({character:e,margin:t=!1})=>{let n=jr.find(e);if(n===void 0)return o.createElement(lt,{emoji:e,label:"emoji unsupported",margin:t});let{emoji:s,key:l}=n,u=`emoji ${l.replace(/_/gi," ")}`;return o.createElement(lt,{emoji:s,label:u,margin:t})};import Fr from"emoji-regex";import dt from"lodash/map";import Mr from"lodash/orderBy";import vo from"lodash/size";var ct=({id:e,text:t})=>{if(!t)return null;let n=Fr(),s={},l=t,u=0;for(let c of t.matchAll(n)){let x=c[0],g=[...x].length,h=g===3?g*1.5:g*2;u===0&&c.index!==0&&(s[0]={index:0,to:c.index,to2:c.index,emoji:!1,text:t.slice(0,c.index)},u++);let y=s[u-1];!!y&&y.index!==c.to&&(s[u]={index:y.to,to:c.index,to2:c.index,emoji:!1,text:t.slice(y.to,c.index)},u++),s[u]={index:c.index,to:Math.floor(c.index+h),to2:Math.floor(c.index+g),emoji:!0,text:x},u++}let d=[];return vo(s)>0&&dt(Mr(s,["index"],["asc"]),(c,x)=>{if(d.push(c.emoji?o.createElement(oo,{character:c.text.trim(),key:`${e}--emoji--${x}`,margin:!0}):c.text),vo(s)===vo(d)&&c.to<[...t].length){let g=l.slice(c.to2+1).normalize("NFD").replace(/([\u0300-\u036f]|[^0-9a-zA-Z])/g," ");d.push(g)}}),o.createElement(o.Fragment,null,vo(d)>0?dt(d,c=>c):l)};var F=r("div",{boxSizing:"border-box",display:"flex",variants:{direction:{row:{flexDirection:"row"},column:{flexDirection:"column"},rowReverse:{flexDirection:"row-reverse"},columnReverse:{flexDirection:"column-reverse"}},align:{start:{alignItems:"flex-start"},center:{alignItems:"center"},end:{alignItems:"flex-end"},stretch:{alignItems:"stretch"},baseline:{alignItems:"baseline"}},justify:{start:{justifyContent:"flex-start"},center:{justifyContent:"center"},end:{justifyContent:"flex-end"},between:{justifyContent:"space-between"}},wrap:{noWrap:{flexWrap:"nowrap"},wrap:{flexWrap:"wrap"},wrapReverse:{flexWrap:"wrap-reverse"}},gap:{1:{gap:"$1"},2:{gap:"$2"},3:{gap:"$3"},4:{gap:"$4"},5:{gap:"$5"},6:{gap:"$6"},7:{gap:"$7"},8:{gap:"$8"},9:{gap:"$9"}}},defaultVariants:{direction:"row",align:"stretch",justify:"start",wrap:"noWrap"}});import{useComposedRefs as Or}from"@radix-ui/react-compose-refs";import*as M from"react";var Nr=r("div",{outline:0,borderRadius:"$3","&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"}}),Uo=M.forwardRef((l,s)=>{var u=l,{children:e,onKeyDown:t}=u,n=f(u,["children","onKeyDown"]);let d=M.useRef(null),c=Or(d,s),x={[n["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-entry":"data-focus-area-top-tracks-entry"]:!0},g={[n["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-exit":"data-focus-area-top-tracks-exit"]:!0};return M.createElement(Nr,m(p({},n),{"data-focus-area":!0,ref:c,tabIndex:0,onKeyDown:h=>{if(t==null||t(h),h.target===h.currentTarget&&(h.key==="Enter"||h.key===" ")){let y='[role="menu"], [role="dialog"] input, [role="dialog"] button, [tabindex="0"]',E="a, button, input, select, textarea",z=[h==null?void 0:h.currentTarget.querySelector(y),h==null?void 0:h.currentTarget.querySelector(E)].filter(B=>Boolean(B))[0];z&&(h.preventDefault(),z.focus())}h.key==="Escape"&&h.target instanceof HTMLElement&&h.target!==h.currentTarget&&h.target.closest('[role="dialog"], [role="menu"]')===null&&h.currentTarget.focus()}}),M.createElement("div",p({"data-focus-area-entry":!0},x)),e,M.createElement("div",p({"data-focus-area-exit":!0},g)))});Uo.displayName="FocusArea";var pt=r("div",{boxSizing:"border-box",display:"grid",variants:{align:{start:{alignItems:"start"},center:{alignItems:"center"},end:{alignItems:"end"},stretch:{alignItems:"stretch"},baseline:{alignItems:"baseline"}},justify:{start:{justifyContent:"start"},center:{justifyContent:"center"},end:{justifyContent:"end"},between:{justifyContent:"space-between"}},flow:{row:{gridAutoFlow:"row"},column:{gridAutoFlow:"column"},dense:{gridAutoFlow:"dense"},rowDense:{gridAutoFlow:"row dense"},columnDense:{gridAutoFlow:"column dense"}},columns:{1:{gridTemplateColumns:"repeat(1, 1fr)"},2:{gridTemplateColumns:"repeat(2, 1fr)"},3:{gridTemplateColumns:"repeat(3, 1fr)"},4:{gridTemplateColumns:"repeat(4, 1fr)"},5:{gridTemplateColumns:"repeat(5, 1fr)"},6:{gridTemplateColumns:"repeat(6, 1fr)"}},gap:{1:{gap:"$1"},2:{gap:"$2"},3:{gap:"$3"},4:{gap:"$4"},5:{gap:"$5"},6:{gap:"$6"},7:{gap:"$7"},8:{gap:"$8"},9:{gap:"$9"}},gapX:{1:{columnGap:"$1"},2:{columnGap:"$2"},3:{columnGap:"$3"},4:{columnGap:"$4"},5:{columnGap:"$5"},6:{columnGap:"$6"},7:{columnGap:"$7"},8:{columnGap:"$8"},9:{columnGap:"$9"}},gapY:{1:{rowGap:"$1"},2:{rowGap:"$2"},3:{rowGap:"$3"},4:{rowGap:"$4"},5:{rowGap:"$5"},6:{rowGap:"$6"},7:{rowGap:"$7"},8:{rowGap:"$8"},9:{rowGap:"$9"}}}});import Gr from"lodash/merge";import*as Co from"react";var ut="h1";var eo=Co.forwardRef((e,t)=>{let d=e,{size:n="1"}=d,s=f(d,["size"]),l={1:{"@initial":"4","@bp2":"5"},2:{"@initial":"6","@bp2":"7"},3:{"@initial":"7","@bp2":"8"},4:{"@initial":"8","@bp2":"9"}},u={1:{fontWeight:700,letterSpacing:"-0.02em",lineHeight:"20px","@bp2":{lineHeight:"23px"}},2:{fontWeight:700,letterSpacing:"-0.03em",lineHeight:"25px","@bp2":{lineHeight:"30px"}},3:{fontWeight:700,letterSpacing:"-0.04em",lineHeight:"33px","@bp2":{lineHeight:"41px"}},4:{fontWeight:700,letterSpacing:"-0.05em",lineHeight:"35px","@bp2":{lineHeight:"55px"}}};return Co.createElement(I,m(p({as:ut},s),{ref:t,size:l[n],css:p({fontVariantNumeric:"proportional-nums"},Gr(u[n],e.css))}))});eo.displayName="Heading";var $o=r("button",{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",fontSize:"14px",justifyContent:"center",lineHeight:"1",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"transparent",color:"$hiContrast","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},backgroundColor:"$loContrast",border:"1px solid $slate7","@hover":{"&:hover":{borderColor:"$slate8"}},"&:active":{backgroundColor:"$slate2"},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8"},"&:disabled":{pointerEvents:"none",backgroundColor:"transparent",color:"$slate6"},variants:{size:{"1":{borderRadius:"$1",height:"$5",width:"$5"},"2":{borderRadius:"$2",height:"$6",width:"$6"},"3":{borderRadius:"$2",height:"$7",width:"$7"},"4":{borderRadius:"$3",height:"$8",width:"$8"}},variant:{ghost:{backgroundColor:"transparent",borderWidth:"0","@hover":{"&:hover":{backgroundColor:"$slateA3"}},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slateA8, 0 0 0 1px $colors$slateA8"},"&:active":{backgroundColor:"$slateA4"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slateA4"}},raised:{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)","@hover":{"&:hover":{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"}},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"},"&:active":{backgroundColor:"$slate4"}}},state:{active:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}},waiting:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}}}},defaultVariants:{size:"1",variant:"ghost"}});import*as gt from"@radix-ui/react-label";var mt=r(gt.Root,I,{display:"inline-block",verticalAlign:"middle",cursor:"default"});var xt=r("a",{alignItems:"center",gap:"$1",flexShrink:0,border:"none",outline:"none",textDecorationLine:"none",textUnderlineOffset:"3px",textDecorationColor:"$slate4",transition:"color 0.25s, text-decoration-color 0.25s ease-in-out","@media (prefers-reduced-motion)":{transition:"none"},"& > strong":{transition:"all 0.25s ease-in-out","@media (prefers-reduced-motion)":{transition:"none"}},WebkitTapHighlightColor:"rgba(0,0,0,0)",lineHeight:"inherit","@hover":{"&:hover":{textDecorationLine:"underline"}},"&:focus":{textDecorationLine:"none",borderRadius:"$1",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$hiContrast"},"&:focus:not(:focus-visible)":{boxShadow:"none",textDecorationLine:"underline"},variants:{variant:{blue:{color:"$blue11",textDecorationColor:"$blue4","&:focus":{outlineColor:"$blue8",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$blue4"}},subtle:{color:"$slate11",textDecorationColor:"$slate4","&:focus":{outlineColor:"$slate8"}},contrast:{color:"$hiContrast",textDecoration:"underline",textDecorationColor:"$slate7","@hover":{"&:hover":{textDecorationColor:"$slate8"}},"&:focus":{outlineColor:"$slate8"}},spotify:{color:"$spotify-black",textDecoration:"underline",textDecorationColor:"$spotify-black",".dark-theme &":{color:"$spotify-white",textDecorationColor:"$spotify-white"},"@hover":{"&:hover":{"& > strong":{color:"$spotify-green"},color:"$slate12",textDecorationColor:"$spotify-green"}},"&:focus":{outlineColor:"$spotify-green",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$spotify-green"}}}},defaultVariants:{variant:"contrast"}});var bt=({children:e,label:t="Note:"})=>o.createElement(o.Fragment,null,o.createElement(v,{as:"div",css:{p:"1rem",display:"flex",alignItems:"center",minHeight:"2rem",borderRadius:"$4",color:"$colors$gray12",backgroundColor:"$colors$gray1",border:"1px solid $colors$gray12",fontSize:"1rem",lineHeight:"1.5",wordBreak:"break-work",boxSizing:"border-box",my:"$6"}},o.createElement("span",null,o.createElement("span",null,o.createElement("b",null,o.createElement(oo,{character:"\u{1F4DD}\uFE0F",margin:!0}),t," ")),e),o.createElement(v,{as:"div",css:{ml:"auto",pl:"0.5rem"}})));var so=mo({backgroundColor:"rgba(0, 0, 0, .15)"}),ft=r("div",so);var Yo=()=>o.createElement(lo,{as:"span",variant:"heading",css:{fontSize:"inherit",height:"$fontSizes$8",mb:"$1",pr:"var(--width-1_4)"}},"\xA0"),qo=()=>o.createElement(lo,{as:"span",variant:"text",css:{fontSize:"inherit",height:"$fontSizes$5",mb:"$7",mt:"$2",pr:"var(--width-2_4)"}},"\xA0"),ht=()=>o.createElement(o.Fragment,null,o.createElement(eo,{size:"4"},o.createElement(Yo,null)),o.createElement(to,{size:"2",as:"p",css:{mt:"$2",mb:"$7"}},o.createElement(qo,null))),$t=({title:e,description:t})=>o.createElement(o.Fragment,null,o.createElement(eo,{size:"4"},e),o.createElement(to,{size:"2",as:"p",css:{color:"$colors$gray11",mt:"$2",mb:"$7"}},t));var U=mo({backgroundColor:"$panel",borderRadius:"$3",boxShadow:"$colors$shadowLight 0px 10px 38px -10px, $colors$shadowDark 0px 10px 20px -15px"}),vt=r("div",U);import _r from"lodash/merge";import*as yo from"react";var Ct="p";var to=yo.forwardRef((e,t)=>{let d=e,{size:n="1"}=d,s=f(d,["size"]),l={1:{"@initial":"3","@bp2":"4"},2:{"@initial":"5","@bp2":"6"}},u={1:{lineHeight:"25px","@bp2":{lineHeight:"27px"}},2:{color:"$slate11",lineHeight:"27px","@bp2":{lineHeight:"30px"}}};return yo.createElement(I,m(p({as:Ct},s),{ref:t,size:l[n],css:p({},_r(u[n],e.css))}))});to.displayName="Paragraph";import*as j from"@radix-ui/react-popover";import*as Y from"react";function yt(n){var s=n,{children:e}=s,t=f(s,["children"]);return Y.createElement(j.Root,p({},t),e)}var Xr=r(j.Content,U,{minWidth:200,minHeight:"$6",maxWidth:265,"&:focus":{outline:"none"}}),Zo=Y.forwardRef((l,s)=>{var u=l,{children:e,hideArrow:t}=u,n=f(u,["children","hideArrow"]);return Y.createElement(Xr,m(p({sideOffset:0},n),{ref:s}),e,!t&&Y.createElement(v,{css:{color:"$panel"}},Y.createElement(j.Arrow,{width:11,height:5,offset:5,style:{fill:"currentColor"}})))});Zo.displayName="PopoverContent";var St=j.Trigger;import*as So from"@radix-ui/react-progress";import*as co from"react";var Ur=_({"0%":{transform:"scaleX(1) translateX(-100%)",transformOrigin:"left"},"50%":{transform:"scaleX(1) translateX(1000%)",transformOrigin:"left"},"100%":{transform:"scaleX(1) translateX(2000%)",transformOrigin:"left"}}),Yr=r(So.Root,{boxSizing:"border-box",position:"relative",height:"$1",overflow:"hidden",borderRadius:"$pill",'&[data-state="indeterminate"]':{backgroundColor:"$slate4","&::after":{animationName:Ur,animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$slate7",boxSizing:"border-box",borderRadius:"$pill",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}},variants:{variant:{gray:{background:"$slate8"},blue:{backgroundColor:"$blue9"},gradient:{backgroundImage:"linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%)"}}},defaultVariants:{variant:"gray"}}),qr=r(So.Indicator,{boxSizing:"border-box",position:"absolute",top:0,right:0,bottom:0,left:0,width:"100%",backgroundColor:"$slate4",transition:"transform 150ms cubic-bezier(0.65, 0, 0.35, 1)"}),Tt=co.forwardRef((l,s)=>{var u=l,{value:e,max:t=100}=u,n=f(u,["value","max"]);let d=e!=null?Math.round(e/t*100):null;return co.createElement(Yr,m(p({},n),{ref:s,value:e,max:t}),co.createElement(qr,{style:{transform:`translateX(${d}%)`}}))});import*as po from"react";import*as ro from"@radix-ui/react-radio-group";var Jo=r(ro.Root,{display:"flex"}),Qo=r(ro.Indicator,{alignItems:"center",display:"flex",height:"100%",justifyContent:"center",width:"100%",position:"relative","&::after":{content:'""',display:"block",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:"$blue9"}}),wt=r(ro.Item,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},alignItems:"center",appearance:"none",display:"inline-flex",justifyContent:"center",lineHeight:"1",margin:"0",outline:"none",padding:"0",textDecoration:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)",borderRadius:"50%",color:"$hiContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",overflow:"hidden","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:focus":{outline:"none",borderColor:"$red7",boxShadow:"inset 0 0 0 1px $colors$blue9, 0 0 0 1px $colors$blue9"},variants:{size:{"1":{width:"$3",height:"$3"},"2":{width:"$5",height:"$5",[`& ${Qo}`]:{"&::after":{width:"$3",height:"$3"}}}}},defaultVariants:{size:"1"}});var Ko=po.forwardRef((e,t)=>po.createElement(wt,m(p({},e),{ref:t}),po.createElement(Qo,null)));Ko.displayName="Radio";import*as ao from"react";import*as To from"@radix-ui/react-radio-group";var oe=r(To.Root,{display:"block"}),kt=r("div",{display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"$round",width:25,height:25,boxShadow:"inset 0 0 0 1px $colors$slate7",flexShrink:0,mr:"$3"}),ee=r("div",{borderRadius:"$round",width:15,height:15,backgroundColor:"$gray9",transform:"scale(0)"}),Rt=r(To.Item,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},display:"flex",alignItems:"center",borderRadius:"$2",boxShadow:"inset 0 0 0 1px $colors$slate7",p:"$3","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},'&[data-state="checked"]':{boxShadow:"inset 0 0 0 1px $colors$gray8, 0 0 0 1px $colors$gray8 !important",[`& ${ee}`]:{transform:"scale(1)"}}});var te=ao.forwardRef((e,t)=>ao.createElement(Rt,m(p({},e),{ref:t}),ao.createElement(kt,null,ao.createElement(ee,null)),e.children));te.displayName="RadioCard";import*as R from"react";function Zr(){return!!(typeof window!="undefined"&&window.document&&window.document.createElement)}var Jr=Zr()?R.useLayoutEffect:R.useEffect,Pt=e=>{let t=R.useRef(null),n=R.useRef(null),s=R.useRef(null),l=R.useRef(0),u=R.useRef({x:0,y:0}),d=R.useRef(typeof document=="undefined"?"":document.body.style.pointerEvents);return Jr(()=>{var H;let c=n.current,x=s.current,g=t.current,h=0,y=0,E=0,z=0,B=0;function go(){x&&g&&c&&(h=x.scrollHeight,y=x.clientHeight,E=x.scrollTop,z=E/h,B=y/h,B>=1?g.style.height="0px":(g.style.top=z*100+"%",g.style.height=Math.max(B*100,10)+"%")),l.current=requestAnimationFrame(go)}function no(T){x&&g&&c&&(T.preventDefault(),u.current={x:T.clientX,y:T.clientY},c.classList.add("modulz-is-dragging"),window.addEventListener("mousemove",C),window.addEventListener("mouseup",S),d.current=document.body.style.pointerEvents,document.body.style.pointerEvents="none")}function C(T){if(x&&g&&c){let P={dx:u.current.x-T.clientX,dy:u.current.y-T.clientY};u.current={x:T.clientX,y:T.clientY},x.scrollTop-=Math.round(P.dy/B)}}function S(T){x&&g&&c&&(c.classList.remove("modulz-is-dragging"),window.removeEventListener("mousemove",C),window.removeEventListener("mouseup",S),document.body.style.pointerEvents=d.current)}return(H=t.current)==null||H.addEventListener("mousedown",no),l.current=requestAnimationFrame(go),()=>{cancelAnimationFrame(l.current),g==null||g.removeEventListener("mousedown",no),window.removeEventListener("mousemove",C),window.removeEventListener("mouseup",S)}},[]),R.createElement(F,{ref:n,css:{display:"flex",flex:1,flexDirection:"column",minHeight:0,maxHeight:"100%",position:"relative","&:hover":{"& [data-scroll-thumb]":{opacity:1}},"&.modulz-is-dragging":{pointerEvents:"auto","& [data-scroll-content]":{pointerEvents:"none"},"& [data-scroll-thumb]":{opacity:1}}}},R.createElement(v,{"data-scroll-content":!0,ref:s,css:{position:"relative",overflow:"scroll",scrollbarWidth:"none",zIndex:1,WebkitOverflowScrolling:"touch","&::-webkit-scrollbar":{display:"none"}}},e.children),R.createElement(v,{ref:t,"data-scroll-thumb":!0,css:{opacity:0,zIndex:2,position:"absolute",top:0,right:0,width:"8px","&::after":{content:'""',position:"absolute",top:"2px",left:"2px",width:"calc(100% - 4px)",height:"calc(100% - 4px)",backgroundColor:"hsla(212, 5%, 50%, 0.3)",borderRadius:"9999px"}}}))};var At=r("section",{boxSizing:"border-box",flexShrink:0,"&::before":{boxSizing:"border-box",content:'""'},"&::after":{boxSizing:"border-box",content:'""'},variants:{size:{"1":{py:"$3"},"2":{py:"$5"},"3":{py:"$9"}}},defaultVariants:{size:"3"}});import*as Dt from"@radix-ui/react-separator";var wo=r(Dt.Root,{border:"none",margin:0,flexShrink:0,backgroundColor:"$slate6",cursor:"default",variants:{size:{"1":{'&[data-orientation="horizontal"]':{height:"1px",width:"$3"},'&[data-orientation="vertical"]':{width:"1px",height:"$3"}},"2":{'&[data-orientation="horizontal"]':{height:"1px",width:"$7"},'&[data-orientation="vertical"]':{width:"1px",height:"$7"}}}},defaultVariants:{size:"1"}});var Qr=_({"0%":{opacity:0},"100%":{opacity:"100%"}}),lo=r("div",{backgroundColor:"$slate4",position:"relative",overflow:"hidden","&::after":{animationName:`${Qr}`,animationDuration:"750ms",animationDirection:"alternate",animationIterationCount:"infinite",animationTimingFunction:"ease-in-out",backgroundColor:"$slate6",borderRadius:"inherit",bottom:0,content:'""',left:0,position:"absolute",right:0,top:0},variants:{variant:{avatar1:{borderRadius:"$round",height:"$3",width:"$3"},avatar2:{borderRadius:"$round",height:"$5",width:"$5"},avatar3:{borderRadius:"$round",height:"$6",width:"$6"},avatar4:{borderRadius:"$round",height:"$7",width:"$7"},avatar5:{borderRadius:"$round",height:"$8",width:"$8"},avatar6:{borderRadius:"$round",height:"$9",width:"$9"},text:{height:"$1"},title:{height:"$5"},heading:{height:"$3"},button:{borderRadius:"$1",height:"$5",width:"$8"}}},defaultVariants:{variant:"text"}});var zt=()=>o.createElement(v,{as:"span","aria-hidden":!0,css:{display:"block",width:"1px",height:"1px",minWidth:"1px",minHeight:"1px",ml:"calc(24px - 1px)",mt:"calc(24px - 1px)"}});var bo=r("div",{borderRadius:"50%",flexShrink:0,variants:{size:{"1":{width:5,height:5},"2":{width:9,height:9}},variant:{gray:{backgroundColor:"$slate7"},blue:{backgroundColor:"$blue9"},green:{backgroundColor:"$green9"},yellow:{backgroundColor:"$yellow9"},red:{backgroundColor:"$red9"}}},defaultVariants:{size:"2",variant:"gray"}});var It=r("sub",{fontFeatureSettings:'"subs"',fontSize:"100%",lineHeight:"1",verticalAlign:"baseline"});var Et=r("sup",{fontFeatureSettings:'"sups"',fontSize:"100%",lineHeight:"1",verticalAlign:"baseline"});import*as uo from"react";import*as ko from"@radix-ui/react-switch";var re=r(ko.Thumb,{position:"absolute",left:0,width:13,height:13,backgroundColor:"white",borderRadius:"$round",boxShadow:"rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;",transition:"transform 100ms cubic-bezier(0.22, 1, 0.36, 1)",transform:"translateX(1px)",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(11px)"}}),Ht=r(ko.Root,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},alignItems:"center",display:"inline-flex",justifyContent:"center",lineHeight:"1",margin:"0",outline:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)",backgroundColor:"$slate5",borderRadius:"$pill",position:"relative","&:focus":{boxShadow:"0 0 0 2px $colors$slate8"},'&[data-state="checked"]':{backgroundColor:"$blue9","&:focus":{boxShadow:"0 0 0 2px $colors$blue8"}},variants:{size:{"1":{width:"$5",height:"$3"},"2":{width:"$7",height:"$5",[`& ${re}`]:{width:21,height:21,transform:"translateX(2px)",'&[data-state="checked"]':{transform:"translateX(22px)"}}}}},defaultVariants:{size:"1"}});var ae=uo.forwardRef((e,t)=>uo.createElement(Ht,m(p({},e),{ref:t}),uo.createElement(re,null)));ae.displayName="Switch";var Bt=r("caption",{textAlign:"start",marginBottom:"$5"}),ie=r("tbody",{width:"100%"}),Lt=r("tfoot",{}),ne=r("tr",{}),se=r("th",{fontWeight:"unset",textAlign:"start",fontSize:"$2",py:"$2",borderBottom:"1px solid $gray4",variants:{align:{start:{textAlign:"start"},center:{textAlign:"center"},end:{textAlign:"end"}},border:{solid:{borderBottom:"1px solid $gray4"},dashed:{borderBottom:"1px dashed $gray8"}}},defaultVariants:{align:"start",border:"solid"}}),le=r("td",{py:"$2",borderBottom:"1px solid $gray4",fontSize:"$2",variants:{align:{start:{textAlign:"start"},center:{textAlign:"center"},end:{textAlign:"end"}},border:{solid:{borderBottom:"1px solid $gray4"},dashed:{borderBottom:"1px dashed $gray8"}}},defaultVariants:{align:"start",border:"solid"}}),Wt=r("thead",{[`& ${se}`]:{fontSize:"$1",color:"$gray11"},[`& ${le}`]:{fontSize:"$1",color:"$gray11"}}),Vt=r("table",{width:"100%",tableLayout:"fixed",borderSpacing:0,variants:{striped:{true:{[`& ${ie}`]:{[`& ${ne}`]:{"&:nth-child(odd)":{bc:"$gray2"}}}}}}});var jt=r("a",{position:"relative",flexShrink:0,height:"$6",display:"inline-flex",lineHeight:1,fontSize:"$1",px:"$3",userSelect:"none",outline:"none",alignItems:"center",justifyContent:"center",color:"$slate11",textDecoration:"none","@hover":{"&:hover":{color:"$hiContrast"}},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"},variants:{active:{true:{color:"$hiContrast",cursor:"default","&::after":{position:"absolute",content:'""',left:0,bottom:0,width:"100%",height:2,backgroundColor:"$blue9"}}}}});import*as N from"react";import*as O from"@radix-ui/react-tabs";var Ft=r(O.Root,{display:"flex",'&[data-orientation="horizontal"]':{flexDirection:"column"}}),Mt=r(O.Trigger,{flexShrink:0,height:"$5",display:"inline-flex",lineHeight:1,fontSize:"$1",px:"$2",userSelect:"none",outline:"none",alignItems:"center",justifyContent:"center",color:"$slate11",border:"1px solid transparent",borderTopLeftRadius:"$2",borderTopRightRadius:"$2",zIndex:"10","@hover":{"&:hover":{color:"$hiContrast"}},'&[data-state="active"]':{color:"$hiContrast",borderColor:"$slate6",borderBottomColor:"transparent"},'&[data-orientation="vertical"]':{justifyContent:"flex-start",borderTopRightRadius:0,borderBottomLeftRadius:"$2",borderBottomColor:"transparent",'&[data-state="active"]':{borderBottomColor:"$slate6",borderRightColor:"transparent"}}}),Ot=r(O.Content,{flexGrow:1,"&:focus":{outline:"none",boxShadow:"inset 0 0 0 1px $slate8, 0 0 0 1px $slate8"}}),Nt=r(O.List,{flexShrink:0,display:"flex","&:focus":{outline:"none",boxShadow:"inset 0 0 0 1px $slate8, 0 0 0 1px $slate8"},'&[data-orientation="vertical"]':{flexDirection:"column",boxShadow:"inset -1px 0 0 $slate6"}});var de=N.forwardRef((e,t)=>N.createElement(N.Fragment,null,N.createElement(Nt,m(p({},e),{ref:t})),N.createElement(wo,null)));de.displayName="TabsList";var I=r("span",{lineHeight:"1",margin:"0",fontWeight:400,fontVariantNumeric:"tabular-nums",display:"block",variants:{size:{"1":{fontSize:"$1"},"2":{fontSize:"$2"},"3":{fontSize:"$3"},"4":{fontSize:"$4"},"5":{fontSize:"$5",letterSpacing:"-.015em"},"6":{fontSize:"$6",letterSpacing:"-.016em"},"7":{fontSize:"$7",letterSpacing:"-.031em",textIndent:"-.005em"},"8":{fontSize:"$8",letterSpacing:"-.034em",textIndent:"-.018em"},"9":{fontSize:"$9",letterSpacing:"-.055em",textIndent:"-.025em"}},variant:{red:{color:"$red11"},crimson:{color:"$crimson11"},pink:{color:"$pink11"},purple:{color:"$purple11"},violet:{color:"$violet11"},indigo:{color:"$indigo11"},blue:{color:"$blue11"},cyan:{color:"$cyan11"},teal:{color:"$teal11"},green:{color:"$green11"},lime:{color:"$lime11"},yellow:{color:"$yellow11"},orange:{color:"$orange11"},gold:{color:"$gold11"},bronze:{color:"$bronze11"},gray:{color:"$slate11"},contrast:{color:"$hiContrast"}},gradient:{true:{WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}}},compoundVariants:[{variant:"red",gradient:"true",css:{background:"linear-gradient(to right, $red11, $crimson11)"}},{variant:"crimson",gradient:"true",css:{background:"linear-gradient(to right, $crimson11, $pink11)"}},{variant:"pink",gradient:"true",css:{background:"linear-gradient(to right, $pink11, $purple11)"}},{variant:"purple",gradient:"true",css:{background:"linear-gradient(to right, $purple11, $violet11)"}},{variant:"violet",gradient:"true",css:{background:"linear-gradient(to right, $violet11, $indigo11)"}},{variant:"indigo",gradient:"true",css:{background:"linear-gradient(to right, $indigo11, $blue11)"}},{variant:"blue",gradient:"true",css:{background:"linear-gradient(to right, $blue11, $cyan11)"}},{variant:"cyan",gradient:"true",css:{background:"linear-gradient(to right, $cyan11, $teal11)"}},{variant:"teal",gradient:"true",css:{background:"linear-gradient(to right, $teal11, $green11)"}},{variant:"green",gradient:"true",css:{background:"linear-gradient(to right, $green11, $lime11)"}},{variant:"lime",gradient:"true",css:{background:"linear-gradient(to right, $lime11, $yellow11)"}},{variant:"yellow",gradient:"true",css:{background:"linear-gradient(to right, $yellow11, $orange11)"}},{variant:"orange",gradient:"true",css:{background:"linear-gradient(to right, $orange11, $red11)"}},{variant:"gold",gradient:"true",css:{background:"linear-gradient(to right, $gold11, $gold9)"}},{variant:"bronze",gradient:"true",css:{background:"linear-gradient(to right, $bronze11, $bronze9)"}},{variant:"gray",gradient:"true",css:{background:"linear-gradient(to right, $gray11, $gray12)"}},{variant:"contrast",gradient:"true",css:{background:"linear-gradient(to right, $hiContrast, $gray12)"}}],defaultVariants:{size:"3",variant:"contrast"}});var Gt=r("textarea",{appearance:"none",borderWidth:"0",fontFamily:"inherit",margin:"0",outline:"none",padding:"$1",width:"100%",WebkitTapHighlightColor:"rgba(0,0,0,0)",backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$hiContrast",fontVariantNumeric:"tabular-nums",position:"relative",minHeight:80,resize:"vertical","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$blue8, 0px 0px 0px 1px $colors$blue8",zIndex:"1"},"&::placeholder":{color:"$slate9"},"&:disabled":{pointerEvents:"none",backgroundColor:"$slate2",color:"$slate8",cursor:"not-allowed",resize:"none","&::placeholder":{color:"$slate7"}},"&:read-only":{backgroundColor:"$slate2","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$slate7"}},variants:{size:{"1":{borderRadius:"$1",fontSize:"$1",lineHeight:"16px",px:"$1"},"2":{borderRadius:"$1",fontSize:"$2",lineHeight:"20px",px:"$1"},"3":{borderRadius:"$2",fontSize:"$3",lineHeight:"23px",px:"$2"}},state:{invalid:{boxShadow:"inset 0 0 0 1px $colors$red7","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$red8, 0px 0px 0px 1px $colors$red8"}},valid:{boxShadow:"inset 0 0 0 1px $colors$green7","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$green8, 0px 0px 0px 1px $colors$green8"}}},cursor:{default:{cursor:"default","&:focus":{cursor:"text"}},text:{cursor:"text"}}},defaultVariants:{size:"1"}});import*as Ut from"@radix-ui/react-portal";import{composeEventHandlers as ue}from"@radix-ui/react-utils";import la from"lodash/filter";import*as b from"react";import{Toaster as da}from"react-hot-toast";import*as D from"react";import{useHoverDirty as Kr,useMeasure as oa,useMethods as ea}from"react-use";var ta=r("div",{position:"absolute",bottom:"0",right:"0",boxShadow:"0 5px 10px $colors$blackA7",[`.${q} &`]:{boxShadow:"0 5px 10px $colors$whiteA5"},borderRadius:"5px",transition:"all 0.4s ease","@hover":{"&::after":{content:'""',position:"absolute",left:"0",right:"0",top:"calc(100% + 1px)",width:"100%",height:"20px",background:"transparent"}},variants:{type:{error:{border:"1px solid $colors$red7",backgroundColor:"$red9",color:"$red12","&:hover":{backgroundColor:"$red10",borderColor:"$red8"}},info:{border:"1px solid $colors$blue7",backgroundColor:"$blue9",color:"$blue12","&:hover":{backgroundColor:"$blue10",borderColor:"$blue8"}},success:{border:"1px solid $colors$green7",backgroundColor:"$green9",color:"$green12","&:hover":{backgroundColor:"$green10",borderColor:"$green8"}},warning:{border:"1px solid $colors$orange7",backgroundColor:"$orange9",color:"$orange12","&:hover":{backgroundColor:"$orange10",borderColor:"$orange8"}}}}}),ra=r("div",{alignItems:"center",justifyContent:"space-between",fontSize:".875rem",display:"flex",transition:"all 0.4s ease",padding:"24px",width:"90vh",maxWidth:"325px","@bp1":{minWidth:"420px",width:"420px"}}),aa=r("div",{marginTop:"-1px",width:"100%",opacity:"1",height:"100%",transition:"opacity .4s ease",wordBreak:"break-word"}),ia=r("div",{position:"fixed","$$offset-bottom":"0px",bottom:"calc($space$5 + $$offset-bottom)",right:"$space$5",transition:"transform 0.4s ease,bottom 0.4s ease","&:hover":{transform:"translate3d(0,-10px,0)"},width:"90vh",maxWidth:"325px","@bp1":{minWidth:"420px",width:"420px"}}),na=({count:e,idx:t,isHovered:n,methods:s,state:l,toast:u})=>{let d=e-t-1,c=t===e-1,[x,g]=oa(),h={"aria-live":pe[u.type],role:ce[u.type]},E=(100-5*d)/100;D.useEffect(()=>(d<2&&s[`set${d}`](g.height),()=>{d<2&&s[`set${d}`](0)}),[s,d,g.height,u.id]);let z=`translate3d(0px, calc(-${48}px + 100% + -${c?g.height:parseInt(l[0])+24*d}px), -${d}px) scale(${E})`,B=c?"none":`translate3d(0px, -${parseInt(l[0])+(d===1?64:l[1]+64*2)}px, -${d}px) scale(1)!important`;return D.createElement(ta,{"data-toast":"",css:{maxHeight:c||n?`${g.height+64}px!important`:"64px",transform:n?B:z,opacity:d<3?"1!important":"0!important",display:d<3?"block":"none!important",pointerEvents:d<3?"inherit":"none",overflow:"hidden"},type:u.type},D.createElement(ra,{ref:c?x:null,css:{}},D.createElement(aa,p({},h),u.message)))},_t={0:0,1:0};function sa(e){return{reset(){return _t},set0(t){return m(p({},e),{0:t})},set1(t){return m(p({},e),{1:t})}}}var Xt=({toasts:e})=>{let t=e.length,n=D.useRef(null),s=Kr(n),[l,u]=ea(sa,_t);return D.createElement(D.Fragment,null,D.createElement(ia,{ref:n},e.map((d,c)=>D.createElement(na,{count:t,key:`t-${c}-${d.id}`,methods:u,isHovered:s,idx:c,state:l,toast:d}))))};var Yt=10,ca={error:8e3,info:5e3,success:5e3,warning:8e3};var ce={error:"alert",info:"status",success:"alert",warning:"alert"},pe={error:"assertive",info:"polite",success:"assertive",warning:"assertive"},qt={state:"idle",context:{toasts:[],pausedAt:void 0}},ge=b.createContext(qt);ge.displayName="ToastContext";function me(){return b.useContext(ge)}var xe=b.createContext({addToast(){},removeToast(){},dismissToast(){},interact(){},stopInteracting(){}});xe.displayName="ToastDispatchContext";function Ro(){return b.useContext(xe)}var pa=({toasts:e})=>{let t=la(e,{active:!0}).reverse(),n=t.length??0;return n===0?null:b.createElement(Ut.Root,null,n>0?b.createElement(Xt,{toasts:t}):null)},be=function({children:t}){let[{state:n,context:s},l]=Qt();return b.createElement(xe.Provider,{value:l},b.createElement(ge.Provider,{value:{state:n,context:s}},t,b.createElement(pa,{toasts:s==null?void 0:s.toasts}),b.createElement(da,null)))},fe=b.forwardRef((e,t)=>{let d=e,{children:n}=d,s=f(d,["children"]),{context:l}=me(),{toasts:u}=l;return b.createElement("div",m(p({},s),{ref:t}),n({allToasts:u}))}),he=b.createContext(null);function ua(){return b.useContext(he)}var Zt=b.forwardRef((e,t)=>{let c=e,{toastId:n,children:s}=c,l=f(c,["toastId","children"]),{context:{toasts:u}}=me(),d=u.find(x=>x.id===n);return d?b.createElement("div",p({ref:t},l),b.createElement(he.Provider,{value:d},s)):null});Zt.displayName="ToastCenterItem";var $e=b.memo(Zt),ve=b.forwardRef((e,t)=>{let g=e,{onPointerEnter:n,onPointerLeave:s,children:l}=g,u=f(g,["onPointerEnter","onPointerLeave","children"]),[{context:d},c]=Qt(),{toasts:x}=d;return b.createElement("div",m(p({},u),{ref:t,onPointerEnter:ue(n,c.interact),onPointerLeave:ue(s,c.stopInteracting)}),l({activeToasts:x.filter(ba)}))}),Jt=b.forwardRef((e,t)=>{let x=e,{children:n,progress:s,duration:l}=x,u=f(x,["children","progress","duration"]),{context:{toasts:d}}=me(),c=d.find(g=>g.id===e.toastId);return c?b.createElement("div",p({ref:t,role:c.role,"aria-live":c["aria-live"]},u),b.createElement(he.Provider,{value:c},n)):null});Jt.displayName="ToastWarmerItem";var Ce=b.memo(Jt),ye=b.forwardRef((e,t)=>{let c=e,{children:n,onClick:s}=c,l=f(c,["children","onClick"]),u=Ro(),d=ua();return d?b.createElement("button",p({ref:t,onClick:ue(s,()=>u.dismissToast(d.id))},l),n):null}),Se=b.forwardRef((e,t)=>{let{children:n,toastId:s,type:l="info",message:u,role:d=ce[l],"aria-live":c=pe[l]}=e,x=Ro(),g=!u&&typeof n=="string"?n:u;return b.useEffect(()=>{x.addToast({id:s,type:l,message:g,role:d,"aria-live":c,pauseDuration:0,createdAt:Date.now(),active:!0})},[]),null});be.displayName="ToastProvider";fe.displayName="ToastCenter";$e.displayName="ToastCenterItem";ve.displayName="ToastWarmer";Ce.displayName="ToastWarmerItem";Se.displayName="Toast";ye.displayName="ToastDismiss";function ga({state:e,context:t},n){switch(e){case"idle":switch(n.type){case 0:return{state:"timing",context:Te(t,n)}}case"interacting":switch(n.type){case 0:return{state:"timing",context:Te(t,n)};case 1:{let s=Kt(t,n);return{state:Po(s.toasts)?"interacting":"idle",context:s}}case 2:{let s=or(t,n);return{state:Po(s.toasts)?"interacting":"idle",context:s}}case 4:{let s=n.time-(t.pausedAt||0);return{state:"timing",context:m(p({},t),{pausedAt:void 0,toasts:t.toasts.map(l=>m(p({},l),{pauseDuration:l.pauseDuration+s}))})}}}case"timing":switch(n.type){case 0:return{state:"timing",context:Te(t,n)};case 1:{let s=Kt(t,n);return{state:Po(s.toasts)?"timing":"idle",context:s}}case 2:{let s=or(t,n);return{state:Po(s.toasts)?"timing":"idle",context:s}}case 3:return{state:"interacting",context:m(p({},t),{pausedAt:n.time})}}}return{state:e,context:t}}function ma(){let[{state:e,context:t},n]=b.useReducer(ga,qt),s=t.toasts.map(l=>m(p({},l),{duration:l.duration||ca[l.type]}));return[{state:e,context:m(p({},t),{toasts:s})},n]}function Qt(){let[{state:e,context:t},n]=ma(),s=b.useMemo(()=>({addToast(l){n({type:0,toast:l})},dismissToast(l){n({type:1,toastId:l})},removeToast(l){n({type:2,toastId:l})},interact(){n({type:3,time:Date.now()})},stopInteracting(){n({type:4,time:Date.now()})}}),[n]);return b.useEffect(()=>{if(t.pausedAt)return null;let l=Date.now(),u=t.toasts.map(d=>{let c=(d.duration||0)+d.pauseDuration-(l-d.createdAt);return c<0?(d.active&&s.dismissToast(d.id),null):window.setTimeout(()=>s.dismissToast(d.id),c)});return()=>{u.forEach(d=>{window.clearTimeout(d)})}},[t.toasts,t.pausedAt,s]),[{state:e,context:t},s]}function Te(e,t){if("toast"in t){let n=[t.toast,...e.toasts],s=n.splice(0,Yt),l=n.splice(Yt,n.length-1).map(er);return m(p({},e),{toasts:[...s,...l]})}return e}function Kt(e,t){return"toastId"in t?m(p({},e),{toasts:e.toasts.map(n=>n.id===t.toastId?er(n):n)}):e}function or(e,t){return"toastId"in t?m(p({},e),{toasts:e.toasts.filter(xa(t))}):e}function xa(e){return"toastId"in e?t=>t.id!==e.toastId:()=>!0}function er(e){return m(p({},e),{active:!1})}function Po(e){return e.length>0&&e.some(t=>t.active)}function ba(e){return e.active}import*as io from"@radix-ui/react-tooltip";import*as tr from"@radix-ui/react-tooltip";var rr=r(tr.Content,{backgroundColor:"$transparentPanel",borderRadius:"$1",padding:"$1 $2",variants:{multiline:{true:{maxWidth:250,pb:7}}}});function ar(c){var x=c,{children:e,content:t,open:n,defaultOpen:s,onOpenChange:l,multiline:u}=x,d=f(x,["children","content","open","defaultOpen","onOpenChange","multiline"]);return o.createElement(io.Root,{open:n,defaultOpen:s,onOpenChange:l},o.createElement(io.Trigger,{asChild:!0},e),o.createElement(rr,m(p({side:"top",align:"center",sideOffset:5},d),{multiline:u}),o.createElement(I,{size:"1",as:"p",css:{color:"$loContrast",lineHeight:u?"20px":void 0}},t),o.createElement(v,{css:{color:"$transparentExtreme"}},o.createElement(io.Arrow,{offset:5,width:11,height:5,style:{fill:"currentColor"}}))))}export{Do as a,zo as b,we as c,ke as d,Re as e,De as f,Eo as g,Ho as h,Bo as i,Lo as j,Wo as k,Vo as l,jo as m,Ie as n,Fo as o,Le as p,We as q,v as r,Ve as s,je as t,Fe as u,Me as v,Mo as w,Ne as x,Ge as y,_e as z,Oo as A,Xe as B,No as C,Ue as D,Ye as E,qe as F,Ze as G,Je as H,Qe as I,Xo as J,et as K,tt as L,rt as M,at as N,it as O,nt as P,st as Q,oo as R,ct as S,F as T,Uo as U,pt as V,eo as W,$o as X,mt as Y,xt as Z,bt as _,so as $,ft as aa,Yo as ba,qo as ca,ht as da,$t as ea,U as fa,vt as ga,to as ha,yt as ia,Zo as ja,St as ka,Tt as la,Jo as ma,Ko as na,oe as oa,te as pa,Pt as qa,At as ra,wo as sa,lo as ta,zt as ua,bo as va,It as wa,Et as xa,ae as ya,Bt as za,ie as Aa,Lt as Ba,ne as Ca,se as Da,le as Ea,Wt as Fa,Vt as Ga,jt as Ha,Ft as Ia,Mt as Ja,Ot as Ka,de as La,I as Ma,Gt as Na,Ro as Oa,be as Pa,fe as Qa,$e as Ra,ve as Sa,Ce as Ta,ye as Ua,Se as Va,ar as Wa};

package/chunk-7SDIZ4ZS.cjs

@@ -1,10 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkZKXNQEAOcjs = require('./chunk-ZKXNQEAO.cjs');var _chunkKU3JN3SAcjs = require('./chunk-KU3JN3SA.cjs');var _reactaccordion = require('@radix-ui/react-accordion'); var B = _interopRequireWildcard(_reactaccordion);var _reacticons = require('@radix-ui/react-icons');var _react = require('react'); var P = _interopRequireWildcard(_react); var L = _interopRequireWildcard(_react); var J = _interopRequireWildcard(_react); var h = _interopRequireWildcard(_react); var Q = _interopRequireWildcard(_react); var W = _interopRequireWildcard(_react); var F = _interopRequireWildcard(_react); var vo = _interopRequireWildcard(_react); var Co = _interopRequireWildcard(_react); var U = _interopRequireWildcard(_react); var lo = _interopRequireWildcard(_react); var co = _interopRequireWildcard(_react); var ro = _interopRequireWildcard(_react); var k = _interopRequireWildcard(_react); var po = _interopRequireWildcard(_react); var O = _interopRequireWildcard(_react); var x = _interopRequireWildcard(_react); var A = _interopRequireWildcard(_react);var ir=_chunkZKXNQEAOcjs.f.call(void 0, {from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),nr=_chunkZKXNQEAOcjs.f.call(void 0, {from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),sr=_chunkZKXNQEAOcjs.h.call(void 0, B.Root,{borderRadius:6,width:"100%",backgroundColor:"$colors$gray1",boxShadow:"0 2px 10px $colors$gray12"}),lr=_chunkZKXNQEAOcjs.h.call(void 0, B.Item,{overflow:"hidden",marginTop:1,"&:first-child":{marginTop:0,borderTopLeftRadius:4,borderTopRightRadius:4},"&:last-child":{borderBottomLeftRadius:4,borderBottomRightRadius:4},"&:focus-within":{position:"relative",zIndex:1,boxShadow:"0 0 0 2px $colors$gray12"}}),dr=_chunkZKXNQEAOcjs.h.call(void 0, B.Header,{all:"unset",display:"flex"}),cr=_chunkZKXNQEAOcjs.h.call(void 0, B.Trigger,{all:"unset",fontFamily:"inherit",backgroundColor:"transparent",padding:"0 20px",height:45,flex:1,display:"flex",alignItems:"center",justifyContent:"space-between",fontSize:15,lineHeight:1,color:"$colors$gray12",boxShadow:"0 1px 0 $colors$gray9",'&[data-state="closed"]':{backgroundColor:"$colors$gray3"},'&[data-state="open"]':{backgroundColor:"$colors$gray5"},"&:hover":{backgroundColor:"$colors$gray4",cursor:"pointer"}}),pr=_chunkZKXNQEAOcjs.h.call(void 0, B.Content,{backgroundColor:"inherit",color:"$colors$gray12",fontSize:15,overflow:"hidden",'&[data-state="open"]':{animation:`${ir} 300ms cubic-bezier(0.87, 0, 0.13, 1)`},'&[data-state="closed"]':{animation:`${nr} 300ms cubic-bezier(0.87, 0, 0.13, 1)`}}),ur=_chunkZKXNQEAOcjs.h.call(void 0, "div",{padding:"$2 $4"}),gr=_chunkZKXNQEAOcjs.h.call(void 0, _reacticons.ChevronDownIcon,{color:"$colors$gray12",transition:"transform 300ms cubic-bezier(0.87, 0, 0.13, 1)","[data-state=open] &":{transform:"rotate(180deg)"},"@media (prefers-reduced-motion)":{transition:"none"}}),Ao= exports.a =P.forwardRef((n,i)=>{var s=n,{children:e}=s,t=_chunkKU3JN3SAcjs.c.call(void 0, s,["children"]);return P.createElement(dr,null,P.createElement(cr,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{ref:i}),P.createElement("div",null,e),P.createElement(gr,{"aria-hidden":!0})))});Ao.displayName="AccordionTrigger";var Do=P.forwardRef((n,i)=>{var s=n,{children:e}=s,t=_chunkKU3JN3SAcjs.c.call(void 0, s,["children"]);return P.createElement(P.Fragment,null,P.createElement(pr,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{ref:i}),P.createElement(ur,null,e)))});Do.displayName="AccordionContent";var Te=sr,we= exports.d =lr;var ke=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxSizing:"border-box","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},border:"1px solid",borderRadius:"$2",variants:{size:{"1":{p:"$3"}},variant:{loContrast:{backgroundColor:"$loContrast",borderColor:"$slate6"},gray:{backgroundColor:"$slate2",borderColor:"$slate6"},blue:{backgroundColor:"$blue2",borderColor:"$blue6"},green:{backgroundColor:"$green2",borderColor:"$green6"},red:{backgroundColor:"$red2",borderColor:"$red6"}}},defaultVariants:{size:"1",variant:"gray"}});var _colors = require('@radix-ui/colors');var _reactalertdialog = require('@radix-ui/react-alert-dialog'); var T = _interopRequireWildcard(_reactalertdialog);var _react2 = require('@stitches/react');var xr=_react2.keyframes.call(void 0, {"0%":{opacity:0},"100%":{opacity:1}}),br=_react2.keyframes.call(void 0, {"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),fr=_react2.styled.call(void 0, T.Overlay,{backgroundColor:_colors.blackA.blackA9,position:"fixed",inset:0,"@media (prefers-reduced-motion: no-preference)":{animation:`${xr} 150ms cubic-bezier(0.16, 1, 0.3, 1)`}});function hr(i){var n=i,{children:e}=n,t=_chunkKU3JN3SAcjs.c.call(void 0, n,["children"]);return _chunkKU3JN3SAcjs.d.createElement(T.Root,_chunkKU3JN3SAcjs.a.call(void 0, {},t),_chunkKU3JN3SAcjs.d.createElement(fr,null),e)}var $r=_react2.styled.call(void 0, T.Content,{backgroundColor:"white",borderRadius:6,boxShadow:"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"90vw",maxWidth:"500px",maxHeight:"85vh",padding:25,"@media (prefers-reduced-motion: no-preference)":{animation:`${br} 150ms cubic-bezier(0.16, 1, 0.3, 1)`},"&:focus":{outline:"none"}}),vr=_react2.styled.call(void 0, T.Title,{margin:0,color:_colors.mauve.mauve12,fontSize:17,fontWeight:500}),Cr=_react2.styled.call(void 0, T.Description,{marginBottom:20,color:_colors.mauve.mauve11,fontSize:15,lineHeight:1.5}),yr=_react2.styled.call(void 0, "div",{display:"flex"}),zo=_react2.styled.call(void 0, "button",{all:"unset",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:4,padding:"0 15px",fontSize:15,lineHeight:1,fontWeight:500,height:35,variants:{variant:{violet:{backgroundColor:"white",color:_colors.violet.violet11,boxShadow:`0 2px 10px ${_colors.blackA.blackA7}`,"&:hover":{backgroundColor:_colors.mauve.mauve3},"&:focus":{boxShadow:"0 0 0 2px black"}},red:{backgroundColor:_colors.red.red4,color:_colors.red.red11,"&:hover":{backgroundColor:_colors.red.red5},"&:focus":{boxShadow:`0 0 0 2px ${_colors.red.red7}`}},mauve:{backgroundColor:_colors.mauve.mauve4,color:_colors.mauve.mauve11,"&:hover":{backgroundColor:_colors.mauve.mauve5},"&:focus":{boxShadow:`0 0 0 2px ${_colors.mauve.mauve7}`}}}},defaultVariants:{variant:"violet"}}),Ae= exports.f =({dialogText:e})=>_chunkKU3JN3SAcjs.d.createElement(Io,null,_chunkKU3JN3SAcjs.d.createElement(Eo,{asChild:!0},_chunkKU3JN3SAcjs.d.createElement(zo,null,e==null?void 0:e.dialogTrigger)),_chunkKU3JN3SAcjs.d.createElement(Ho,null,_chunkKU3JN3SAcjs.d.createElement(Bo,null,e==null?void 0:e.dialogTitle),_chunkKU3JN3SAcjs.d.createElement(Lo,null,e==null?void 0:e.dialogDescription),_chunkKU3JN3SAcjs.d.createElement(yr,{css:{justifyContent:"flex-end"}},_chunkKU3JN3SAcjs.d.createElement(Vo,{asChild:!0},_chunkKU3JN3SAcjs.d.createElement(zo,{variant:"mauve",css:{marginRight:25}},e==null?void 0:e.dialogCancel)),_chunkKU3JN3SAcjs.d.createElement(Wo,{asChild:!0},_chunkKU3JN3SAcjs.d.createElement(zo,{variant:"red"},e==null?void 0:e.dialogAction))))),Io= exports.g =hr,Eo= exports.h =T.Trigger,Ho= exports.i =$r,Bo= exports.j =vr,Lo= exports.k =Cr,Wo= exports.l =T.Action,Vo= exports.m =T.Cancel;var _reactannounce = require('@radix-ui/react-announce'); var De = _interopRequireWildcard(_reactannounce);var ze=({children:e})=>_chunkKU3JN3SAcjs.d.createElement(De.Root,null,e);var _reactavatar = require('@radix-ui/react-avatar'); var Z = _interopRequireWildcard(_reactavatar);var Ie=_chunkZKXNQEAOcjs.h.call(void 0, Z.Root,{alignItems:"center",justifyContent:"center",verticalAlign:"middle",overflow:"hidden",userSelect:"none",boxSizing:"border-box",display:"flex",flexShrink:0,position:"relative",border:"none",fontFamily:"inherit",lineHeight:"1",margin:"0",outline:"none",padding:"0",fontWeight:"700",color:"$hiContrast","&::before":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:"inherit",boxShadow:"inset 0px 0px 1px rgba(0, 0, 0, 0.12)"},variants:{border:{none:{border:"none"},solid:{border:"1px solid"}},size:{"1":{width:"$3",height:"$3"},"2":{width:"$5",height:"$5"},"3":{width:"$6",height:"$6"},"4":{width:"$7",height:"$7"},"5":{width:"$8",height:"$8"},"6":{width:"$9",height:"$9"}},variant:{hiContrast:{backgroundColor:"$hiContrast",color:"$loContrast"},amber:{backgroundColor:"$amber5"},blue:{backgroundColor:"$blue5"},bronze:{backgroundColor:"$bronze5"},brown:{backgroundColor:"$brown5"},crimson:{backgroundColor:"$crimson5"},cyan:{backgroundColor:"$cyan5"},gold:{backgroundColor:"$gold5"},grass:{backgroundColor:"$grass5"},gray:{backgroundColor:"$slate5"},green:{backgroundColor:"$green5"},indigo:{backgroundColor:"$indigo5"},lime:{backgroundColor:"$lime5"},mint:{backgroundColor:"$mint5"},orange:{backgroundColor:"$orange5"},pink:{backgroundColor:"$pink5"},plum:{backgroundColor:"$plum5"},purple:{backgroundColor:"$purple5"},red:{backgroundColor:"$red5"},sky:{backgroundColor:"$sky5"},teal:{backgroundColor:"$teal5"},tomato:{backgroundColor:"$tomato5"},violet:{backgroundColor:"$violet5"},yellow:{backgroundColor:"$yellow5"}},shape:{square:{borderRadius:"$2"},circle:{borderRadius:"50%"}},inactive:{true:{opacity:".3"}},interactive:{true:{"&::after":{content:'""',position:"absolute",top:"0",right:"0",bottom:"0",left:"0",backgroundColor:"rgba(0,0,0,.08)",opacity:"0",pointerEvents:"none",transition:"opacity 25ms linear","@media (prefers-reduced-motion)":{transition:"none"}},"@hover":{"&:hover":{"&::after":{opacity:"1"}}},'&[data-state="open"]':{"&::after":{backgroundColor:"rgba(0,0,0,.12)",opacity:"1"}}}}},defaultVariants:{border:"none",size:"2",variant:"gray",shape:"circle"}}),Ee=_chunkZKXNQEAOcjs.h.call(void 0, Z.Image,{display:"flex",objectFit:"cover",boxSizing:"border-box",height:"100%",verticalAlign:"middle",width:"100%"}),He=_chunkZKXNQEAOcjs.h.call(void 0, Z.Fallback,{textTransform:"uppercase",variants:{size:{"1":{fontSize:"10px",lineHeight:"15px"},"2":{fontSize:"$3"},"3":{fontSize:"$6"},"4":{fontSize:"$7"},"5":{fontSize:"$8"},"6":{fontSize:"$9"}}},defaultVariants:{size:"2"}}),Sr=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxShadow:"0 0 0 2px $colors$loContrast",borderRadius:"50%"}),Ha=_chunkZKXNQEAOcjs.h.call(void 0, "div",{display:"flex",flexDirection:"row-reverse",[`& ${Sr}:nth-child(n+2)`]:{marginRight:"-$1"}});var jo=L.forwardRef((f,u)=>{var C=f,{alt:e,src:t,fallback:i,size:n,variant:s,shape:p,css:l,status:d}=C,m=_chunkKU3JN3SAcjs.c.call(void 0, C,["alt","src","fallback","size","variant","shape","css","status"]);return L.createElement($,{css:_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},l),{position:"relative",height:"fit-content",width:"fit-content"})},L.createElement(Ie,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},m),{ref:u,size:n,variant:s,shape:p}),L.createElement(Ee,{alt:e,src:t}),L.createElement(He,{size:n},i)),d&&L.createElement($,{css:{position:"absolute",bottom:"0",right:"0",boxShadow:"0 0 0 3px $colors$loContrast",borderRadius:"$round",mr:"-3px",mb:"-3px"}},L.createElement(xo,{size:n&&n>2?"2":"1",variant:d})))});jo.displayName="Avatar";var Be=_chunkZKXNQEAOcjs.h.call(void 0, "span",{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",justifyContent:"center",lineHeight:"1",verticalAlign:"middle",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)","&:disabled":{backgroundColor:"$slate3",pointerEvents:"none",color:"$slate8"},"&::before":{boxSizing:"border-box",content:'""'},"&::after":{boxSizing:"border-box",content:'""'},backgroundColor:"$slate3",borderRadius:"$pill",color:"$slate11",whiteSpace:"nowrap",fontVariantNumeric:"tabular-nums",variants:{size:{"1":{height:"$4",px:"$1",fontSize:"$1"},"2":{height:"$5",px:"$2",fontSize:"$2"}},variant:{gray:{backgroundColor:"$slate3",color:"$slate11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"}},red:{backgroundColor:"$red3",color:"$red11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$red8, 0 0 0 1px $colors$red8"}},crimson:{backgroundColor:"$crimson3",color:"$crimson11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$crimson8, 0 0 0 1px $colors$crimson8"}},pink:{backgroundColor:"$pink3",color:"$pink11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$violet8, 0 0 0 1px $colors$violet8"}},purple:{backgroundColor:"$purple3",color:"$purple11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$purple8, 0 0 0 1px $colors$purple8"}},violet:{backgroundColor:"$violet3",color:"$violet11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$violet8, 0 0 0 1px $colors$violet8"}},indigo:{backgroundColor:"$indigo3",color:"$indigo11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$indigo8, 0 0 0 1px $colors$indigo8"}},blue:{backgroundColor:"$blue3",color:"$blue11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}},cyan:{backgroundColor:"$cyan3",color:"$cyan11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$cyan8, 0 0 0 1px $colors$cyan8"}},teal:{backgroundColor:"$teal3",color:"$teal11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$teal8, 0 0 0 1px $colors$teal8"}},green:{backgroundColor:"$green3",color:"$green11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$green8, 0 0 0 1px $colors$green8"}},lime:{backgroundColor:"$lime3",color:"$lime11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$lime8, 0 0 0 1px $colors$lime8"}},yellow:{backgroundColor:"$yellow3",color:"$yellow11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$yellow8, 0 0 0 1px $colors$yellow8"}},orange:{backgroundColor:"$orange3",color:"$orange11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$orange8, 0 0 0 1px $colors$orange8"}},gold:{backgroundColor:"$gold3",color:"$gold11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$gold8, 0 0 0 1px $colors$gold8"}},bronze:{backgroundColor:"$bronze3",color:"$bronze11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$bronze8, 0 0 0 1px $colors$bronze8"}}},interactive:{true:{}}},compoundVariants:[{interactive:!0,variant:"red",css:{"@hover":{"&:hover":{backgroundColor:"$red4"}},"&:active":{backgroundColor:"$red5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$red5"}}},{interactive:!0,variant:"crimson",css:{"@hover":{"&:hover":{backgroundColor:"$crimson4"}},"&:active":{backgroundColor:"$crimson5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$crimson5"}}},{interactive:!0,variant:"pink",css:{"@hover":{"&:hover":{backgroundColor:"$pink4"}},"&:active":{backgroundColor:"$pink5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$pink5"}}},{interactive:!0,variant:"purple",css:{"@hover":{"&:hover":{backgroundColor:"$purple4"}},"&:active":{backgroundColor:"$purple5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$purple5"}}},{interactive:!0,variant:"violet",css:{"@hover":{"&:hover":{backgroundColor:"$violet4"}},"&:active":{backgroundColor:"$violet5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$violet5"}}},{interactive:!0,variant:"indigo",css:{"@hover":{"&:hover":{backgroundColor:"$indigo4"}},"&:active":{backgroundColor:"$indigo5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$indigo5"}}},{interactive:!0,variant:"blue",css:{"@hover":{"&:hover":{backgroundColor:"$blue4"}},"&:active":{backgroundColor:"$blue5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blue5"}}},{interactive:!0,variant:"cyan",css:{"@hover":{"&:hover":{backgroundColor:"$cyan4"}},"&:active":{backgroundColor:"$cyan5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$cyan5"}}},{interactive:!0,variant:"teal",css:{"@hover":{"&:hover":{backgroundColor:"$teal4"}},"&:active":{backgroundColor:"$teal5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$teal5"}}},{interactive:!0,variant:"green",css:{"@hover":{"&:hover":{backgroundColor:"$green4"}},"&:active":{backgroundColor:"$green5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$green5"}}},{interactive:!0,variant:"lime",css:{"@hover":{"&:hover":{backgroundColor:"$lime4"}},"&:active":{backgroundColor:"$lime5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$lime5"}}},{interactive:!0,variant:"yellow",css:{"@hover":{"&:hover":{backgroundColor:"$yellow4"}},"&:active":{backgroundColor:"$yellow5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$yellow5"}}},{interactive:!0,variant:"orange",css:{"@hover":{"&:hover":{backgroundColor:"$orange4"}},"&:active":{backgroundColor:"$orange5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$orange5"}}},{interactive:!0,variant:"gold",css:{"@hover":{"&:hover":{backgroundColor:"$gold4"}},"&:active":{backgroundColor:"$gold5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$gold5"}}},{interactive:!0,variant:"bronze",css:{"@hover":{"&:hover":{backgroundColor:"$bronze4"}},"&:active":{backgroundColor:"$bronze5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$bronze5"}}}],defaultVariants:{size:"1",variant:"gray"}});var Le=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxSizing:"border-box","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},display:"flex",justifyContent:"center",alignItems:"center",gap:"$3",variants:{size:{"1":{py:"$1",px:"$4"}},variant:{loContrast:{backgroundColor:"$loContrast"},gray:{backgroundColor:"$slate3"},blue:{backgroundColor:"$blue3"},green:{backgroundColor:"$green3"},red:{backgroundColor:"$red3"}},rounded:{true:{borderRadius:"$pill"}},border:{true:{borderRadius:"$pill"}}},compoundVariants:[{border:"true",variant:"gray",css:{borderColor:"$slate6"}},{border:"true",variant:"blue",css:{borderColor:"$blue11"}},{border:"true",variant:"loContrast",css:{borderColor:"$slate6"}}],defaultVariants:{size:"1",variant:"gray"}});var $=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxSizing:"border-box"});var We=_chunkZKXNQEAOcjs.h.call(void 0, "div",{cursor:"grab","&:active":{cursor:"grabbing"},mr:"-$$gap",pr:"$$gap"});var Ve=_chunkZKXNQEAOcjs.h.call(void 0, "a",{display:"block",color:"$hiContrast",textDecoration:"none",outline:0,p:"$1",m:"-$1",br:"$1","&:focus":{boxShadow:"0 0 0 2px $colors$gray12"},"&:focus:not(:focus-visible)":{boxShadow:"none"}});var je=_chunkZKXNQEAOcjs.h.call(void 0, "button",{all:"unset",alignItems:"center",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},display:"inline-flex",flexShrink:0,justifyContent:"center",lineHeight:"1",WebkitTapHighlightColor:"rgba(0,0,0,0)",height:"$5",px:"$2",fontFamily:"$untitled",fontSize:"$2",fontWeight:500,fontVariantNumeric:"tabular-nums","&:disabled":{backgroundColor:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$slate8",pointerEvents:"none"},variants:{size:{"1":{borderRadius:"$1",height:"$5",px:"$2",fontSize:"$1",lineHeight:"$sizes$5"},"2":{borderRadius:"$2",height:"$6",px:"$3",fontSize:"$3",lineHeight:"$sizes$6"},"3":{borderRadius:"$2",height:"$7",px:"$4",fontSize:"$4",lineHeight:"$sizes$7"}},variant:{gray:{backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$hiContrast","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8"}},blue:{backgroundColor:"$blue2",boxShadow:"inset 0 0 0 1px $colors$blue7",color:"$blue11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$blue8"}},"&:active":{backgroundColor:"$blue3",boxShadow:"inset 0 0 0 1px $colors$blue8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blue4",boxShadow:"inset 0 0 0 1px $colors$blue8"}},green:{backgroundColor:"$green2",boxShadow:"inset 0 0 0 1px $colors$green7",color:"$green11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$green8"}},"&:active":{backgroundColor:"$green3",boxShadow:"inset 0 0 0 1px $colors$green8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$green8, 0 0 0 1px $colors$green8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$green4",boxShadow:"inset 0 0 0 1px $colors$green8"}},red:{backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$red11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$red3",boxShadow:"inset 0 0 0 1px $colors$red8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$red8, 0 0 0 1px $colors$red8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$red4",boxShadow:"inset 0 0 0 1px $colors$red8"}},transparentWhite:{backgroundColor:"hsla(0,100%,100%,.2)",color:"white","@hover":{"&:hover":{backgroundColor:"hsla(0,100%,100%,.25)"}},"&:active":{backgroundColor:"hsla(0,100%,100%,.3)"},"&:focus":{boxShadow:"inset 0 0 0 1px hsla(0,100%,100%,.35), 0 0 0 1px hsla(0,100%,100%,.35)"}},transparentBlack:{backgroundColor:"hsla(0,0%,0%,.2)",color:"black","@hover":{"&:hover":{backgroundColor:"hsla(0,0%,0%,.25)"}},"&:active":{backgroundColor:"hsla(0,0%,0%,.3)"},"&:focus":{boxShadow:"inset 0 0 0 1px hsla(0,0%,0%,.35), 0 0 0 1px hsla(0,0%,0%,.35)"}}},state:{active:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8",color:"$slate11","@hover":{"&:hover":{backgroundColor:"$slate5",boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate5"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"}},waiting:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8",color:"transparent",pointerEvents:"none","@hover":{"&:hover":{backgroundColor:"$slate5",boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate5"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8"}}},ghost:{true:{backgroundColor:"transparent",boxShadow:"none"}}},compoundVariants:[{variant:"gray",ghost:"true",css:{backgroundColor:"transparent",color:"$hiContrast","@hover":{"&:hover":{backgroundColor:"$slateA3",boxShadow:"none"}},"&:active":{backgroundColor:"$slateA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slateA8, 0 0 0 1px $colors$slateA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slateA4",boxShadow:"none"}}},{variant:"blue",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$blueA3",boxShadow:"none"}},"&:active":{backgroundColor:"$blueA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blueA8, 0 0 0 1px $colors$blueA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blueA4",boxShadow:"none"}}},{variant:"green",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$greenA3",boxShadow:"none"}},"&:active":{backgroundColor:"$greenA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$greenA8, 0 0 0 1px $colors$greenA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$greenA4",boxShadow:"none"}}},{variant:"red",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$redA3",boxShadow:"none"}},"&:active":{backgroundColor:"$redA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$redA8, 0 0 0 1px $colors$redA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$redA4",boxShadow:"none"}}}],defaultVariants:{size:"1",variant:"gray"}});var Fe=_chunkZKXNQEAOcjs.h.call(void 0, "button",{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",fontSize:"14px",justifyContent:"center",lineHeight:"1",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"transparent",color:"$hiContrast","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},backgroundColor:"$loContrast",border:"1px solid $slate7","@hover":{"&:hover":{borderColor:"$slate8"}},"&:active":{backgroundColor:"$slate2"},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8"},"&:disabled":{pointerEvents:"none",backgroundColor:"transparent",color:"$slate6"},variants:{cursor:{arrow:{cursor:"arrow"},pointer:{cursor:"pointer"}},size:{"1":{borderRadius:"$1",height:"$5",width:"$5"},"2":{borderRadius:"$2",height:"$6",width:"$6"},"3":{borderRadius:"$2",height:"$7",width:"$7"},"4":{borderRadius:"$3",height:"$8",width:"$8"}},variant:{ghost:{backgroundColor:"transparent",borderWidth:"0","@hover":{"&:hover":{backgroundColor:"$slateA3"}},"&:focus":{borderRadius:"$1",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$hiContrast"},"&:active":{backgroundColor:"$slateA4"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slateA4"}},raised:{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)","@hover":{"&:hover":{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"}},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"},"&:active":{backgroundColor:"$slate4"}}},state:{active:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}},waiting:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}}}},defaultVariants:{cursor:"arrow",size:"1",variant:"ghost"}});var Me=_chunkZKXNQEAOcjs.h.call(void 0, "button",{all:"unset",alignItems:"center",boxSizing:"border-box",userSelect:"none",display:"inline-flex",WebkitTapHighlightColor:"rgba(0,0,0,0)",height:"$7",px:"$4",fontFamily:"$untitled",fontWeight:500,borderRadius:"$2",fontSize:"$3",lineHeight:"$sizes$7","&:disabled":{bc:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$slate8",pointerEvents:"not-allowed"},"&[href]":{cursor:"pointer"},variants:{variant:{contrast:{bc:"$hiContrast",color:"$loContrast","@hover":{"&:hover":{opacity:.9}},"&:active":{opacity:.8},"&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"},$$backlight:`
-            0 0 0 2px $colors$plumA3,
-            -15px 0 30px -15px $colors$orangeA8,
-            0 0 30px -15px $colors$pinkA8,
-            15px 0 30px -15px $colors$violetA8
-          `,boxShadow:"$$backlight",[`.${_chunkZKXNQEAOcjs.j} &`]:{color:"$hiContrast",bc:"hsl(0 0% 6%)","&:focus":{boxShadow:"$$backlight, 0 0 0 2px $colors$blueA8"},"&:focus:not(:focus-visible)":{boxShadow:"$$backlight"}}}}},defaultVariants:{variant:"contrast"}});var Fo=J.forwardRef((s,n)=>{var p=s,{children:e,icon:t}=p,i=_chunkKU3JN3SAcjs.c.call(void 0, p,["children","icon"]);return J.createElement(Me,_chunkKU3JN3SAcjs.a.call(void 0, {ref:n},i),e,t&&J.createElement($,{as:"span",css:{ml:8,mr:-3,minWidth:"1rem",minHeight:"1rem"}},J.createElement(t,null)))});Fo.displayName="ButtonMarketing";var Oe=_chunkZKXNQEAOcjs.h.call(void 0, "button",{all:"unset",alignItems:"center",boxSizing:"border-box",userSelect:"none",display:"inline-flex",color:"$hiContrast",fontSize:"$2",lineHeight:1,m:0,py:0,px:"$2",height:"$5",br:"$2",willChange:"transform","&:focus":{boxShadow:"0 0 0 2px $colors$grayA8"},"&:focus:not(:focus-visible)":{boxShadow:"none"},variants:{variant:{white:{backgroundColor:"$whiteA11","@hover":{"&:hover":{bc:"$whiteA12"}},[`.${_chunkZKXNQEAOcjs.j} &`]:{backgroundColor:"$whiteA5","@hover":{"&:hover":{bc:"$whiteA6"}}}},gray:{backgroundColor:"$grayA4","@hover":{"&:hover":{bc:"$grayA5"}}}}},defaultVariants:{variant:"white"}});var Ne=({children:e})=>_chunkKU3JN3SAcjs.d.createElement(z,{as:"p",css:{fontSize:"$2",lineHeight:"1.25",ml:"$1",py:"$3"}},e);var Ge=_chunkZKXNQEAOcjs.h.call(void 0, "div",{appearance:"none",border:"none",boxSizing:"border-box",font:"inherit",lineHeight:"1",outline:"none",padding:0,textAlign:"inherit",verticalAlign:"middle",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",backgroundColor:"$panel",display:"block",textDecoration:"none",color:"inherit",flexShrink:0,borderRadius:"$3",position:"relative","&::before":{boxSizing:"border-box",content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",borderRadius:"$3",pointerEvents:"none"},variants:{variant:{interactive:{"@hover":{"&:hover":{"&::before":{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.2)"}}},"&:focus":{"&::before":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}}},ghost:{backgroundColor:"transparent",transition:"transform 200ms cubic-bezier(0.22, 1, 0.36, 1), background-color 25ms linear",willChange:"transform","&::before":{boxShadow:"0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2)",opacity:"0",transition:"all 200ms cubic-bezier(0.22, 1, 0.36, 1)","@media (prefers-reduced-motion)":{transition:"none"}},"@hover":{"&:hover":{backgroundColor:"$panel",transform:"translateY(-2px)","&::before":{opacity:"1"}}},"&:active":{transform:"translateY(0)",transition:"none","&::before":{boxShadow:"0px 5px 16px -5px rgba(22, 23, 24, 0.35), 0px 5px 10px -7px rgba(22, 23, 24, 0.2)",opacity:"1"}},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}},active:{transform:"translateY(0)",transition:"none","&::before":{boxShadow:"0px 5px 16px -5px rgba(22, 23, 24, 0.35), 0px 5px 10px -7px rgba(22, 23, 24, 0.2)",opacity:"1"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}}}}});var _image = require('next/image'); var _image2 = _interopRequireDefault(_image);var wr=_chunkZKXNQEAOcjs.h.call(void 0, "div",{display:"flex",height:"100%"}),kr=_chunkZKXNQEAOcjs.h.call(void 0, "div",{position:"relative",borderRadius:"$4",height:"100%"}),Mo= exports.A =_chunkZKXNQEAOcjs.h.call(void 0, "div",{position:"absolute",top:0,left:0,width:"99.9%",height:"99.9%",borderRadius:"$4",filter:"blur(0.25rem) saturate(160%)",opacity:".5",transform:"scale(1.01)"}),Rr=_chunkZKXNQEAOcjs.h.call(void 0, _image2.default,{borderRadius:"$4",borderTopLeftRadius:0,borderBottomLeftRadius:0,position:"relative"}),_e= exports.B =({base64:e,children:t,image:i,imageLabel:n="Spotify Description Coming Soon",slug:s})=>_chunkKU3JN3SAcjs.d.createElement(Oo,null,_chunkKU3JN3SAcjs.d.createElement($,{as:"div",css:{borderRadius:"$4",position:"relative"}},_chunkKU3JN3SAcjs.d.createElement(Mo,{css:{borderRadius:"$4",backgroundImage:`url(${e})`,backgroundSize:"cover"}}),_chunkKU3JN3SAcjs.d.createElement(j,{as:"div",css:{borderRadius:"$4",display:"flex",flexDirection:"column",minHeight:"100%",overflow:"hidden",position:"relative",width:"100%","@bp1":{flexDirection:"row"}}},_chunkKU3JN3SAcjs.d.createElement(j,{as:"div",css:{borderRadius:"$4",borderBottomLeftRadius:0,borderBottomRightRadius:0,bc:"$colors$gray3",display:"flex",flexDirection:"column",px:"$2",py:"$4","@bp1":{borderTopRightRadius:0,borderBottomRightRadius:0,width:"40%",px:"$4",py:"$7"}}},t),_chunkKU3JN3SAcjs.d.createElement(j,{as:"div",css:{display:"flex",flexDirection:"column",justifyContent:"center",overflow:"hidden","@bp1":{width:"60%"}},style:{backgroundImage:`url(${e})`,backgroundSize:"cover"}},_chunkKU3JN3SAcjs.d.createElement(Rr,_chunkKU3JN3SAcjs.a.call(void 0, {alt:n,blurDataURL:e,key:s,placeholder:"blur",priority:!1},i)))))),Oo= exports.C =({children:e})=>_chunkKU3JN3SAcjs.d.createElement(wr,null,_chunkKU3JN3SAcjs.d.createElement(kr,null,e));var _primitive = require('@radix-ui/primitive');var _reactcomposerefs = require('@radix-ui/react-compose-refs');var _reactcontext = require('@radix-ui/react-context');var _reactusecallbackref = require('@radix-ui/react-use-callback-ref');var _debounce = require('lodash/debounce'); var _debounce2 = _interopRequireDefault(_debounce);var _smoothscrollpolyfill = require('smoothscroll-polyfill'); var _smoothscrollpolyfill2 = _interopRequireDefault(_smoothscrollpolyfill);var[Ir,bo]=_reactcontext.createContext.call(void 0, "Carousel"),Xe= exports.D =e=>{let t=h.useRef(null),io=e,{children:i}=io,n=_chunkKU3JN3SAcjs.c.call(void 0, io,["children"]),s=h.useRef(null),[p,l]=h.useState({}),[d,m]=h.useState(!1),[u,f]=h.useState(!0),C=h.useRef(),I=h.useRef(100);h.useEffect(()=>_smoothscrollpolyfill2.default.polyfill(),[]);let D=_reactusecallbackref.useCallbackRef.call(void 0, v=>{var E;let y=(E=t.current)==null?void 0:E.querySelectorAll("[data-slide-intersection-ratio]");if(y){let S=Array.from(y.values());return v===1&&S.reverse(),S.find(R=>R.dataset.slideIntersectionRatio!=="0")}}),H=h.useCallback(()=>{let v=D(1);if(v){let{scrollLeft:y,scrollWidth:E,clientWidth:S}=s.current,R=v.clientWidth,Po=R*2.5<document.documentElement.offsetWidth?2:1,N=Math.floor(y/R)*R+R*Po;s.current.scrollTo({left:N,behavior:"smooth"}),f(N<=0),m(E-N-S<=0),I.current=500}},[D,f]),uo=h.useCallback(()=>{let v=D(-1);if(v){let{scrollLeft:y,scrollWidth:E,clientWidth:S}=s.current,R=v.clientWidth,Po=R*2.5<document.documentElement.offsetWidth?2:1,N=Math.ceil(y/R)*R-R*Po;s.current.scrollTo({left:N,behavior:"smooth"}),f(N<=0),m(E-N-S<=0),I.current=500}},[D,f]);return h.useEffect(()=>{C.current&&clearTimeout(C.current),C.current=setTimeout(()=>{requestAnimationFrame(()=>{if(s.current){let{scrollLeft:v,scrollWidth:y,clientWidth:E}=s.current;f(v<=0),m(y-v-E<=0),I.current=100}})},I.current)}),h.useEffect(()=>{let v=s.current;if(v){let y=_debounce2.default.call(void 0, ()=>l({}),100,{leading:!0,trailing:!0});return v.addEventListener("scroll",y),window.addEventListener("resize",y),l({}),()=>{v.removeEventListener("scroll",y),window.removeEventListener("resize",y)}}return()=>{}},[s]),h.createElement(Ir,{_:p,nextDisabled:d,prevDisabled:u,slideListRef:s,onNextClick:H,onPrevClick:uo},h.createElement($,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},n),{ref:t}),i))},Ue= exports.E =e=>{let t=bo("CarouselSlideList"),i=h.useRef(null),n=_reactcomposerefs.useComposedRefs.call(void 0, i,t.slideListRef),[s,p]=h.useState(null),l=_reactusecallbackref.useCallbackRef.call(void 0, m=>{if(i.current){let u=m.clientX-s.pointerX;i.current.scrollLeft=s.scrollX-u}}),d=_reactusecallbackref.useCallbackRef.call(void 0, ()=>{document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",d),p(null)});return h.createElement($,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{ref:n,"data-state":s?"dragging":void 0,onMouseDownCapture:_primitive.composeEventHandlers.call(void 0, e.onMouseDownCapture,m=>{m.button===0&&(document.addEventListener("mousemove",l),document.addEventListener("mouseup",d),p({scrollX:m.currentTarget.scrollLeft,pointerX:m.clientX}))}),onPointerDown:_primitive.composeEventHandlers.call(void 0, e.onPointerDown,m=>{let u=m.target;u.style.userSelect="none",u.setPointerCapture(m.pointerId)}),onPointerUp:_primitive.composeEventHandlers.call(void 0, e.onPointerUp,m=>{let u=m.target;u.style.userSelect="",u.releasePointerCapture(m.pointerId)})}))},Ye= exports.F =e=>{let m=e,{as:t=$}=m,i=_chunkKU3JN3SAcjs.c.call(void 0, m,["as"]),n=bo("CarouselSlide"),s=h.useRef(null),[p,l]=h.useState(0),d=h.useRef(!1);return h.useEffect(()=>{let u=new IntersectionObserver(([f])=>l(f.intersectionRatio),{root:n.slideListRef.current,threshold:[0,.5,1]});return u.observe(s.current),()=>u.disconnect()},[n.slideListRef]),h.createElement(t,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},i),{ref:s,"data-slide-intersection-ratio":p,onDragStart:u=>{u.preventDefault(),d.current=!0},onClick:u=>{d.current&&u.preventDefault()}}))},qe= exports.G =e=>{let s=e,{as:t="button"}=s,i=_chunkKU3JN3SAcjs.c.call(void 0, s,["as"]),n=bo("CarouselNext");return h.createElement(t,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},i),{onClick:()=>n.onNextClick(),disabled:n.nextDisabled}))},Ze= exports.H =e=>{let s=e,{as:t="button"}=s,i=_chunkKU3JN3SAcjs.c.call(void 0, s,["as"]),n=bo("CarouselPrevious");return h.createElement(t,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},i),{onClick:()=>n.onPrevClick(),disabled:n.prevDisabled}))},Je= exports.I =_chunkZKXNQEAOcjs.h.call(void 0, "button",{unset:"all",outline:0,margin:0,border:0,padding:0,display:"flex",position:"relative",zIndex:1,ai:"center",jc:"center",bc:"$panel",br:"$round",width:"$7",height:"$7",color:"$hiContrast",boxShadow:"$colors$blackA11 0px 2px 12px -5px, $colors$blackA5 0px 1px 3px",willChange:"transform, box-shadow, opacity",transition:"all 100ms","@hover":{"&:hover":{boxShadow:"$colors$blackA10 0px 3px 16px -5px, $colors$blackA5 0px 1px 3px",transform:"translateY(-1px)","&::before":{content:"",inset:-2,br:"$round",position:"absolute"}}},"&:focus":{boxShadow:`
-      $colors$blackA10 0px 3px 16px -5px,
-      $colors$blackA5 0px 1px 3px,
-      $colors$blue8 0 0 0 2px
-    `,transform:"translateY(-1px)"},"&:focus:not(:focus-visible)":{boxShadow:"$colors$blackA11 0px 2px 12px -5px, $colors$blackA5 0px 1px 3px"},"&:active:not(:focus)":{boxShadow:"$colors$blackA11 0px 2px 12px -5px, $colors$blackA5 0px 1px 3px"},"&:active":{transform:"none",transition:"opacity 100ms"},"&:disabled":{opacity:0},"@media (hover: none) and (pointer: coarse)":{display:"none"}});var _reactcheckbox = require('@radix-ui/react-checkbox'); var fo = _interopRequireWildcard(_reactcheckbox);var Qe=_chunkZKXNQEAOcjs.h.call(void 0, fo.Root,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},alignItems:"center",appearance:"none",display:"inline-flex",justifyContent:"center",lineHeight:"1",margin:"0",outline:"none",padding:"0",WebkitTapHighlightColor:"rgba(0,0,0,0)",color:"$hiContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",overflow:"hidden","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:focus":{outline:"none",borderColor:"$red7",boxShadow:"inset 0 0 0 1px $colors$blue9, 0 0 0 1px $colors$blue9"},variants:{size:{"1":{width:"$3",height:"$3",borderRadius:"$1"},"2":{width:"$5",height:"$5",borderRadius:"$2"}}},defaultVariants:{size:"1"}}),Ke=_chunkZKXNQEAOcjs.h.call(void 0, fo.Indicator,{alignItems:"center",display:"flex",height:"100%",justifyContent:"center",width:"100%"});var _o=Q.forwardRef((e,t)=>Q.createElement(Qe,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{ref:t}),Q.createElement(Ke,null,Q.createElement(_reacticons.CheckIcon,null))));_o.displayName="Checkbox";var ot=_chunkZKXNQEAOcjs.h.call(void 0, "code",{fontFamily:"$mono",fontSize:"max(12px, 85%)",whiteSpace:"nowrap",padding:"0 3px 2px 3px",variants:{variant:{gray:{backgroundColor:"$slate3",color:"$slate11"},violet:{backgroundColor:"$violet3",color:"$violet11"}}},defaultVariants:{variant:"violet"}});var et=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxSizing:"border-box",flexShrink:0,ml:"auto",mr:"auto",px:"$5",variants:{size:{"1":{maxWidth:"430px"},"2":{maxWidth:"715px"},"3":{maxWidth:"896px"},"4":{maxWidth:"1145px"},"5":{maxWidth:"none"}}},defaultVariants:{size:"5"}});var _reactdialog = require('@radix-ui/react-dialog'); var w = _interopRequireWildcard(_reactdialog);var Br=_chunkZKXNQEAOcjs.h.call(void 0, w.Overlay,no,{position:"fixed",top:0,right:0,bottom:0,left:0});function tt(i){var n=i,{children:e}=n,t=_chunkKU3JN3SAcjs.c.call(void 0, n,["children"]);return W.createElement(w.Root,_chunkKU3JN3SAcjs.a.call(void 0, {},t),W.createElement(Br,null),e)}var Lr=_chunkZKXNQEAOcjs.h.call(void 0, w.Content,X,{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:200,maxHeight:"85vh",padding:"$4",marginTop:"-5vh",willChange:"transform","&:focus":{outline:"none"}}),Wr=_chunkZKXNQEAOcjs.h.call(void 0, w.Close,{position:"absolute",top:"$2",right:"$2"}),gn=W.forwardRef((n,i)=>{var s=n,{children:e}=s,t=_chunkKU3JN3SAcjs.c.call(void 0, s,["children"]);return W.createElement(Lr,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{ref:i}),e,W.createElement(Wr,{asChild:!0},W.createElement(ho,{variant:"ghost"},W.createElement(_reacticons.Cross1Icon,null))))}),rt= exports.N =w.Trigger,at= exports.O =w.Close,it= exports.P =w.Title,nt= exports.Q =w.Description;var _nodeemoji = require('node-emoji'); var _nodeemoji2 = _interopRequireDefault(_nodeemoji);var st=({emoji:e,label:t,margin:i})=>_chunkKU3JN3SAcjs.d.createElement($,{as:"span","aria-label":t,css:{fontStyle:"normal",mr:i?"$1":"0"},role:"img",style:{WebkitBackgroundClip:"text",WebkitTextFillColor:"inherit"}},e," "," "),K= exports.R =({character:e,margin:t=!1})=>{let i=_nodeemoji2.default.find(e);if(i===void 0)return _chunkKU3JN3SAcjs.d.createElement(st,{emoji:e,label:"emoji unsupported",margin:t});let{emoji:n,key:s}=i,p=`emoji ${s.replace(/_/gi," ")}`;return _chunkKU3JN3SAcjs.d.createElement(st,{emoji:n,label:p,margin:t})};var _emojiregex = require('emoji-regex'); var _emojiregex2 = _interopRequireDefault(_emojiregex);var _map = require('lodash/map'); var _map2 = _interopRequireDefault(_map);var _orderBy = require('lodash/orderBy'); var _orderBy2 = _interopRequireDefault(_orderBy);var _size = require('lodash/size'); var _size2 = _interopRequireDefault(_size);var dt=({id:e,text:t})=>{if(!t)return null;let i=_emojiregex2.default.call(void 0, ),n={},s=t,p=0;for(let d of t.matchAll(i)){let m=d[0],u=[...m].length,f=u===3?u*1.5:u*2;p===0&&d.index!==0&&(n[0]={index:0,to:d.index,to2:d.index,emoji:!1,text:t.slice(0,d.index)},p++);let C=n[p-1];!!C&&C.index!==d.to&&(n[p]={index:C.to,to:d.index,to2:d.index,emoji:!1,text:t.slice(C.to,d.index)},p++),n[p]={index:d.index,to:Math.floor(d.index+f),to2:Math.floor(d.index+u),emoji:!0,text:m},p++}let l=[];return _size2.default.call(void 0, n)>0&&_map2.default.call(void 0, _orderBy2.default.call(void 0, n,["index"],["asc"]),(d,m)=>{if(l.push(d.emoji?_chunkKU3JN3SAcjs.d.createElement(K,{character:d.text.trim(),key:`${e}--emoji--${m}`,margin:!0}):d.text),_size2.default.call(void 0, n)===_size2.default.call(void 0, l)&&d.to<[...t].length){let u=s.slice(d.to2+1).normalize("NFD").replace(/([\u0300-\u036f]|[^0-9a-zA-Z])/g," ");l.push(u)}}),_chunkKU3JN3SAcjs.d.createElement(_chunkKU3JN3SAcjs.d.Fragment,null,_size2.default.call(void 0, l)>0?_map2.default.call(void 0, l,d=>d):s)};var j=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxSizing:"border-box",display:"flex",variants:{direction:{row:{flexDirection:"row"},column:{flexDirection:"column"},rowReverse:{flexDirection:"row-reverse"},columnReverse:{flexDirection:"column-reverse"}},align:{start:{alignItems:"flex-start"},center:{alignItems:"center"},end:{alignItems:"flex-end"},stretch:{alignItems:"stretch"},baseline:{alignItems:"baseline"}},justify:{start:{justifyContent:"flex-start"},center:{justifyContent:"center"},end:{justifyContent:"flex-end"},between:{justifyContent:"space-between"}},wrap:{noWrap:{flexWrap:"nowrap"},wrap:{flexWrap:"wrap"},wrapReverse:{flexWrap:"wrap-reverse"}},gap:{1:{gap:"$1"},2:{gap:"$2"},3:{gap:"$3"},4:{gap:"$4"},5:{gap:"$5"},6:{gap:"$6"},7:{gap:"$7"},8:{gap:"$8"},9:{gap:"$9"}}},defaultVariants:{direction:"row",align:"stretch",justify:"start",wrap:"noWrap"}});var Or=_chunkZKXNQEAOcjs.h.call(void 0, "div",{outline:0,borderRadius:"$3","&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"}}),Xo= exports.U =F.forwardRef((s,n)=>{var p=s,{children:e,onKeyDown:t}=p,i=_chunkKU3JN3SAcjs.c.call(void 0, p,["children","onKeyDown"]);let l=F.useRef(null),d=_reactcomposerefs.useComposedRefs.call(void 0, l,n),m={[i["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-entry":"data-focus-area-top-tracks-entry"]:!0},u={[i["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-exit":"data-focus-area-top-tracks-exit"]:!0};return F.createElement(Or,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},i),{"data-focus-area":!0,ref:d,tabIndex:0,onKeyDown:f=>{if(t==null||t(f),f.target===f.currentTarget&&(f.key==="Enter"||f.key===" ")){let C='[role="menu"], [role="dialog"] input, [role="dialog"] button, [tabindex="0"]',I="a, button, input, select, textarea",D=[f==null?void 0:f.currentTarget.querySelector(C),f==null?void 0:f.currentTarget.querySelector(I)].filter(H=>Boolean(H))[0];D&&(f.preventDefault(),D.focus())}f.key==="Escape"&&f.target instanceof HTMLElement&&f.target!==f.currentTarget&&f.target.closest('[role="dialog"], [role="menu"]')===null&&f.currentTarget.focus()}}),F.createElement("div",_chunkKU3JN3SAcjs.a.call(void 0, {"data-focus-area-entry":!0},m)),e,F.createElement("div",_chunkKU3JN3SAcjs.a.call(void 0, {"data-focus-area-exit":!0},u)))});Xo.displayName="FocusArea";var ct=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxSizing:"border-box",display:"grid",variants:{align:{start:{alignItems:"start"},center:{alignItems:"center"},end:{alignItems:"end"},stretch:{alignItems:"stretch"},baseline:{alignItems:"baseline"}},justify:{start:{justifyContent:"start"},center:{justifyContent:"center"},end:{justifyContent:"end"},between:{justifyContent:"space-between"}},flow:{row:{gridAutoFlow:"row"},column:{gridAutoFlow:"column"},dense:{gridAutoFlow:"dense"},rowDense:{gridAutoFlow:"row dense"},columnDense:{gridAutoFlow:"column dense"}},columns:{1:{gridTemplateColumns:"repeat(1, 1fr)"},2:{gridTemplateColumns:"repeat(2, 1fr)"},3:{gridTemplateColumns:"repeat(3, 1fr)"},4:{gridTemplateColumns:"repeat(4, 1fr)"},5:{gridTemplateColumns:"repeat(5, 1fr)"},6:{gridTemplateColumns:"repeat(6, 1fr)"}},gap:{1:{gap:"$1"},2:{gap:"$2"},3:{gap:"$3"},4:{gap:"$4"},5:{gap:"$5"},6:{gap:"$6"},7:{gap:"$7"},8:{gap:"$8"},9:{gap:"$9"}},gapX:{1:{columnGap:"$1"},2:{columnGap:"$2"},3:{columnGap:"$3"},4:{columnGap:"$4"},5:{columnGap:"$5"},6:{columnGap:"$6"},7:{columnGap:"$7"},8:{columnGap:"$8"},9:{columnGap:"$9"}},gapY:{1:{rowGap:"$1"},2:{rowGap:"$2"},3:{rowGap:"$3"},4:{rowGap:"$4"},5:{rowGap:"$5"},6:{rowGap:"$6"},7:{rowGap:"$7"},8:{rowGap:"$8"},9:{rowGap:"$9"}}}});var _merge = require('lodash/merge'); var _merge2 = _interopRequireDefault(_merge);var pt="h1";var oo=vo.forwardRef((e,t)=>{let l=e,{size:i="1"}=l,n=_chunkKU3JN3SAcjs.c.call(void 0, l,["size"]),s={1:{"@initial":"4","@bp2":"5"},2:{"@initial":"6","@bp2":"7"},3:{"@initial":"7","@bp2":"8"},4:{"@initial":"8","@bp2":"9"}},p={1:{fontWeight:700,letterSpacing:"-0.02em",lineHeight:"20px","@bp2":{lineHeight:"23px"}},2:{fontWeight:700,letterSpacing:"-0.03em",lineHeight:"25px","@bp2":{lineHeight:"30px"}},3:{fontWeight:700,letterSpacing:"-0.04em",lineHeight:"33px","@bp2":{lineHeight:"41px"}},4:{fontWeight:700,letterSpacing:"-0.05em",lineHeight:"35px","@bp2":{lineHeight:"55px"}}};return vo.createElement(z,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {as:pt},n),{ref:t,size:s[i],css:_chunkKU3JN3SAcjs.a.call(void 0, {fontVariantNumeric:"proportional-nums"},_merge2.default.call(void 0, p[i],e.css))}))});oo.displayName="Heading";var ho=_chunkZKXNQEAOcjs.h.call(void 0, "button",{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",fontSize:"14px",justifyContent:"center",lineHeight:"1",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"transparent",color:"$hiContrast","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},backgroundColor:"$loContrast",border:"1px solid $slate7","@hover":{"&:hover":{borderColor:"$slate8"}},"&:active":{backgroundColor:"$slate2"},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8"},"&:disabled":{pointerEvents:"none",backgroundColor:"transparent",color:"$slate6"},variants:{size:{"1":{borderRadius:"$1",height:"$5",width:"$5"},"2":{borderRadius:"$2",height:"$6",width:"$6"},"3":{borderRadius:"$2",height:"$7",width:"$7"},"4":{borderRadius:"$3",height:"$8",width:"$8"}},variant:{ghost:{backgroundColor:"transparent",borderWidth:"0","@hover":{"&:hover":{backgroundColor:"$slateA3"}},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slateA8, 0 0 0 1px $colors$slateA8"},"&:active":{backgroundColor:"$slateA4"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slateA4"}},raised:{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)","@hover":{"&:hover":{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"}},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"},"&:active":{backgroundColor:"$slate4"}}},state:{active:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}},waiting:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}}}},defaultVariants:{size:"1",variant:"ghost"}});var _reactlabel = require('@radix-ui/react-label'); var ut = _interopRequireWildcard(_reactlabel);var gt=_chunkZKXNQEAOcjs.h.call(void 0, ut.Root,z,{display:"inline-block",verticalAlign:"middle",cursor:"default"});var mt=_chunkZKXNQEAOcjs.h.call(void 0, "a",{alignItems:"center",gap:"$1",flexShrink:0,border:"none",outline:"none",textDecorationLine:"none",textUnderlineOffset:"3px",textDecorationColor:"$slate4",transition:"color 0.25s, text-decoration-color 0.25s ease-in-out","@media (prefers-reduced-motion)":{transition:"none"},"& > strong":{transition:"all 0.25s ease-in-out","@media (prefers-reduced-motion)":{transition:"none"}},WebkitTapHighlightColor:"rgba(0,0,0,0)",lineHeight:"inherit","@hover":{"&:hover":{textDecorationLine:"underline"}},"&:focus":{textDecorationLine:"none",borderRadius:"$1",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$hiContrast"},"&:focus:not(:focus-visible)":{boxShadow:"none",textDecorationLine:"underline"},variants:{variant:{blue:{color:"$blue11",textDecorationColor:"$blue4","&:focus":{outlineColor:"$blue8",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$blue4"}},subtle:{color:"$slate11",textDecorationColor:"$slate4","&:focus":{outlineColor:"$slate8"}},contrast:{color:"$hiContrast",textDecoration:"underline",textDecorationColor:"$slate7","@hover":{"&:hover":{textDecorationColor:"$slate8"}},"&:focus":{outlineColor:"$slate8"}},spotify:{color:"$spotify-black",textDecoration:"underline",textDecorationColor:"$spotify-black",".dark-theme &":{color:"$spotify-white",textDecorationColor:"$spotify-white"},"@hover":{"&:hover":{"& > strong":{color:"$spotify-green"},color:"$slate12",textDecorationColor:"$spotify-green"}},"&:focus":{outlineColor:"$spotify-green",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$spotify-green"}}}},defaultVariants:{variant:"contrast"}});var xt=({children:e,label:t="Note:"})=>_chunkKU3JN3SAcjs.d.createElement(_chunkKU3JN3SAcjs.d.Fragment,null,_chunkKU3JN3SAcjs.d.createElement($,{as:"div",css:{p:"1rem",display:"flex",alignItems:"center",minHeight:"2rem",borderRadius:"$4",color:"$colors$gray12",backgroundColor:"$colors$gray1",border:"1px solid $colors$gray12",fontSize:"1rem",lineHeight:"1.5",wordBreak:"break-work",boxSizing:"border-box",my:"$6"}},_chunkKU3JN3SAcjs.d.createElement("span",null,_chunkKU3JN3SAcjs.d.createElement("span",null,_chunkKU3JN3SAcjs.d.createElement("b",null,_chunkKU3JN3SAcjs.d.createElement(K,{character:"\u{1F4DD}\uFE0F",margin:!0}),t," ")),e),_chunkKU3JN3SAcjs.d.createElement($,{as:"div",css:{ml:"auto",pl:"0.5rem"}})));var no=_chunkZKXNQEAOcjs.c.call(void 0, {backgroundColor:"rgba(0, 0, 0, .15)"}),bt= exports.aa =_chunkZKXNQEAOcjs.h.call(void 0, "div",no);var Uo=()=>_chunkKU3JN3SAcjs.d.createElement(so,{as:"span",variant:"heading",css:{fontSize:"inherit",height:"$fontSizes$8",mb:"$1",pr:"var(--width-1_4)"}},"\xA0"),Yo= exports.ca =()=>_chunkKU3JN3SAcjs.d.createElement(so,{as:"span",variant:"text",css:{fontSize:"inherit",height:"$fontSizes$5",mb:"$7",mt:"$2",pr:"var(--width-2_4)"}},"\xA0"),ft= exports.da =()=>_chunkKU3JN3SAcjs.d.createElement(_chunkKU3JN3SAcjs.d.Fragment,null,_chunkKU3JN3SAcjs.d.createElement(oo,{size:"4"},_chunkKU3JN3SAcjs.d.createElement(Uo,null)),_chunkKU3JN3SAcjs.d.createElement(eo,{size:"2",as:"p",css:{mt:"$2",mb:"$7"}},_chunkKU3JN3SAcjs.d.createElement(Yo,null))),ht= exports.ea =({title:e,description:t})=>_chunkKU3JN3SAcjs.d.createElement(_chunkKU3JN3SAcjs.d.Fragment,null,_chunkKU3JN3SAcjs.d.createElement(oo,{size:"4"},e),_chunkKU3JN3SAcjs.d.createElement(eo,{size:"2",as:"p",css:{color:"$colors$gray11",mt:"$2",mb:"$7"}},t));var X=_chunkZKXNQEAOcjs.c.call(void 0, {backgroundColor:"$panel",borderRadius:"$3",boxShadow:"$colors$shadowLight 0px 10px 38px -10px, $colors$shadowDark 0px 10px 20px -15px"}),$t= exports.ga =_chunkZKXNQEAOcjs.h.call(void 0, "div",X);var vt="p";var eo=Co.forwardRef((e,t)=>{let l=e,{size:i="1"}=l,n=_chunkKU3JN3SAcjs.c.call(void 0, l,["size"]),s={1:{"@initial":"3","@bp2":"4"},2:{"@initial":"5","@bp2":"6"}},p={1:{lineHeight:"25px","@bp2":{lineHeight:"27px"}},2:{color:"$slate11",lineHeight:"27px","@bp2":{lineHeight:"30px"}}};return Co.createElement(z,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {as:vt},n),{ref:t,size:s[i],css:_chunkKU3JN3SAcjs.a.call(void 0, {},_merge2.default.call(void 0, p[i],e.css))}))});eo.displayName="Paragraph";var _reactpopover = require('@radix-ui/react-popover'); var V = _interopRequireWildcard(_reactpopover);function Ct(i){var n=i,{children:e}=n,t=_chunkKU3JN3SAcjs.c.call(void 0, n,["children"]);return U.createElement(V.Root,_chunkKU3JN3SAcjs.a.call(void 0, {},t),e)}var _r=_chunkZKXNQEAOcjs.h.call(void 0, V.Content,X,{minWidth:200,minHeight:"$6",maxWidth:265,"&:focus":{outline:"none"}}),qo= exports.ja =U.forwardRef((s,n)=>{var p=s,{children:e,hideArrow:t}=p,i=_chunkKU3JN3SAcjs.c.call(void 0, p,["children","hideArrow"]);return U.createElement(_r,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {sideOffset:0},i),{ref:n}),e,!t&&U.createElement($,{css:{color:"$panel"}},U.createElement(V.Arrow,{width:11,height:5,offset:5,style:{fill:"currentColor"}})))});qo.displayName="PopoverContent";var yt=V.Trigger;var _reactprogress = require('@radix-ui/react-progress'); var yo = _interopRequireWildcard(_reactprogress);var Xr=_chunkZKXNQEAOcjs.f.call(void 0, {"0%":{transform:"scaleX(1) translateX(-100%)",transformOrigin:"left"},"50%":{transform:"scaleX(1) translateX(1000%)",transformOrigin:"left"},"100%":{transform:"scaleX(1) translateX(2000%)",transformOrigin:"left"}}),Ur=_chunkZKXNQEAOcjs.h.call(void 0, yo.Root,{boxSizing:"border-box",position:"relative",height:"$1",overflow:"hidden",borderRadius:"$pill",'&[data-state="indeterminate"]':{backgroundColor:"$slate4","&::after":{animationName:Xr,animationDuration:"1500ms",animationIterationCount:"infinite",animationTimingFunction:"cubic-bezier(0.65, 0, 0.35, 1)",backgroundColor:"$slate7",boxSizing:"border-box",borderRadius:"$pill",content:'""',position:"absolute",top:0,bottom:0,left:0,width:"5%"}},variants:{variant:{gray:{background:"$slate8"},blue:{backgroundColor:"$blue9"},gradient:{backgroundImage:"linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%)"}}},defaultVariants:{variant:"gray"}}),Yr=_chunkZKXNQEAOcjs.h.call(void 0, yo.Indicator,{boxSizing:"border-box",position:"absolute",top:0,right:0,bottom:0,left:0,width:"100%",backgroundColor:"$slate4",transition:"transform 150ms cubic-bezier(0.65, 0, 0.35, 1)"}),St= exports.la =lo.forwardRef((s,n)=>{var p=s,{value:e,max:t=100}=p,i=_chunkKU3JN3SAcjs.c.call(void 0, p,["value","max"]);let l=e!=null?Math.round(e/t*100):null;return lo.createElement(Ur,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},i),{ref:n,value:e,max:t}),lo.createElement(Yr,{style:{transform:`translateX(${l}%)`}}))});var _reactradiogroup = require('@radix-ui/react-radio-group'); var to = _interopRequireWildcard(_reactradiogroup); var So = _interopRequireWildcard(_reactradiogroup);var Zo=_chunkZKXNQEAOcjs.h.call(void 0, to.Root,{display:"flex"}),Jo=_chunkZKXNQEAOcjs.h.call(void 0, to.Indicator,{alignItems:"center",display:"flex",height:"100%",justifyContent:"center",width:"100%",position:"relative","&::after":{content:'""',display:"block",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:"$blue9"}}),Tt=_chunkZKXNQEAOcjs.h.call(void 0, to.Item,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},alignItems:"center",appearance:"none",display:"inline-flex",justifyContent:"center",lineHeight:"1",margin:"0",outline:"none",padding:"0",textDecoration:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)",borderRadius:"50%",color:"$hiContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",overflow:"hidden","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:focus":{outline:"none",borderColor:"$red7",boxShadow:"inset 0 0 0 1px $colors$blue9, 0 0 0 1px $colors$blue9"},variants:{size:{"1":{width:"$3",height:"$3"},"2":{width:"$5",height:"$5",[`& ${Jo}`]:{"&::after":{width:"$3",height:"$3"}}}}},defaultVariants:{size:"1"}});var Qo=co.forwardRef((e,t)=>co.createElement(Tt,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{ref:t}),co.createElement(Jo,null)));Qo.displayName="Radio";var Ko=_chunkZKXNQEAOcjs.h.call(void 0, So.Root,{display:"block"}),wt=_chunkZKXNQEAOcjs.h.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"$round",width:25,height:25,boxShadow:"inset 0 0 0 1px $colors$slate7",flexShrink:0,mr:"$3"}),oe=_chunkZKXNQEAOcjs.h.call(void 0, "div",{borderRadius:"$round",width:15,height:15,backgroundColor:"$gray9",transform:"scale(0)"}),kt=_chunkZKXNQEAOcjs.h.call(void 0, So.Item,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},display:"flex",alignItems:"center",borderRadius:"$2",boxShadow:"inset 0 0 0 1px $colors$slate7",p:"$3","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},'&[data-state="checked"]':{boxShadow:"inset 0 0 0 1px $colors$gray8, 0 0 0 1px $colors$gray8 !important",[`& ${oe}`]:{transform:"scale(1)"}}});var ee=ro.forwardRef((e,t)=>ro.createElement(kt,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{ref:t}),ro.createElement(wt,null,ro.createElement(oe,null)),e.children));ee.displayName="RadioCard";function qr(){return!!(typeof window!="undefined"&&window.document&&window.document.createElement)}var Zr=qr()?k.useLayoutEffect:k.useEffect,Rt= exports.qa =e=>{let t=k.useRef(null),i=k.useRef(null),n=k.useRef(null),s=k.useRef(0),p=k.useRef({x:0,y:0}),l=k.useRef(typeof document=="undefined"?"":document.body.style.pointerEvents);return Zr(()=>{var E;let d=i.current,m=n.current,u=t.current,f=0,C=0,I=0,D=0,H=0;function uo(){m&&u&&d&&(f=m.scrollHeight,C=m.clientHeight,I=m.scrollTop,D=I/f,H=C/f,H>=1?u.style.height="0px":(u.style.top=D*100+"%",u.style.height=Math.max(H*100,10)+"%")),s.current=requestAnimationFrame(uo)}function io(S){m&&u&&d&&(S.preventDefault(),p.current={x:S.clientX,y:S.clientY},d.classList.add("modulz-is-dragging"),window.addEventListener("mousemove",v),window.addEventListener("mouseup",y),l.current=document.body.style.pointerEvents,document.body.style.pointerEvents="none")}function v(S){if(m&&u&&d){let R={dx:p.current.x-S.clientX,dy:p.current.y-S.clientY};p.current={x:S.clientX,y:S.clientY},m.scrollTop-=Math.round(R.dy/H)}}function y(S){m&&u&&d&&(d.classList.remove("modulz-is-dragging"),window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",y),document.body.style.pointerEvents=l.current)}return(E=t.current)==null||E.addEventListener("mousedown",io),s.current=requestAnimationFrame(uo),()=>{cancelAnimationFrame(s.current),u==null||u.removeEventListener("mousedown",io),window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",y)}},[]),k.createElement(j,{ref:i,css:{display:"flex",flex:1,flexDirection:"column",minHeight:0,maxHeight:"100%",position:"relative","&:hover":{"& [data-scroll-thumb]":{opacity:1}},"&.modulz-is-dragging":{pointerEvents:"auto","& [data-scroll-content]":{pointerEvents:"none"},"& [data-scroll-thumb]":{opacity:1}}}},k.createElement($,{"data-scroll-content":!0,ref:n,css:{position:"relative",overflow:"scroll",scrollbarWidth:"none",zIndex:1,WebkitOverflowScrolling:"touch","&::-webkit-scrollbar":{display:"none"}}},e.children),k.createElement($,{ref:t,"data-scroll-thumb":!0,css:{opacity:0,zIndex:2,position:"absolute",top:0,right:0,width:"8px","&::after":{content:'""',position:"absolute",top:"2px",left:"2px",width:"calc(100% - 4px)",height:"calc(100% - 4px)",backgroundColor:"hsla(212, 5%, 50%, 0.3)",borderRadius:"9999px"}}}))};var Pt=_chunkZKXNQEAOcjs.h.call(void 0, "section",{boxSizing:"border-box",flexShrink:0,"&::before":{boxSizing:"border-box",content:'""'},"&::after":{boxSizing:"border-box",content:'""'},variants:{size:{"1":{py:"$3"},"2":{py:"$5"},"3":{py:"$9"}}},defaultVariants:{size:"3"}});var _reactseparator = require('@radix-ui/react-separator'); var At = _interopRequireWildcard(_reactseparator);var To=_chunkZKXNQEAOcjs.h.call(void 0, At.Root,{border:"none",margin:0,flexShrink:0,backgroundColor:"$slate6",cursor:"default",variants:{size:{"1":{'&[data-orientation="horizontal"]':{height:"1px",width:"$3"},'&[data-orientation="vertical"]':{width:"1px",height:"$3"}},"2":{'&[data-orientation="horizontal"]':{height:"1px",width:"$7"},'&[data-orientation="vertical"]':{width:"1px",height:"$7"}}}},defaultVariants:{size:"1"}});var Jr=_chunkZKXNQEAOcjs.f.call(void 0, {"0%":{opacity:0},"100%":{opacity:"100%"}}),so= exports.ta =_chunkZKXNQEAOcjs.h.call(void 0, "div",{backgroundColor:"$slate4",position:"relative",overflow:"hidden","&::after":{animationName:`${Jr}`,animationDuration:"750ms",animationDirection:"alternate",animationIterationCount:"infinite",animationTimingFunction:"ease-in-out",backgroundColor:"$slate6",borderRadius:"inherit",bottom:0,content:'""',left:0,position:"absolute",right:0,top:0},variants:{variant:{avatar1:{borderRadius:"$round",height:"$3",width:"$3"},avatar2:{borderRadius:"$round",height:"$5",width:"$5"},avatar3:{borderRadius:"$round",height:"$6",width:"$6"},avatar4:{borderRadius:"$round",height:"$7",width:"$7"},avatar5:{borderRadius:"$round",height:"$8",width:"$8"},avatar6:{borderRadius:"$round",height:"$9",width:"$9"},text:{height:"$1"},title:{height:"$5"},heading:{height:"$3"},button:{borderRadius:"$1",height:"$5",width:"$8"}}},defaultVariants:{variant:"text"}});var Dt=()=>_chunkKU3JN3SAcjs.d.createElement($,{as:"span","aria-hidden":!0,css:{display:"block",width:"1px",height:"1px",minWidth:"1px",minHeight:"1px",ml:"calc(24px - 1px)",mt:"calc(24px - 1px)"}});var xo=_chunkZKXNQEAOcjs.h.call(void 0, "div",{borderRadius:"50%",flexShrink:0,variants:{size:{"1":{width:5,height:5},"2":{width:9,height:9}},variant:{gray:{backgroundColor:"$slate7"},blue:{backgroundColor:"$blue9"},green:{backgroundColor:"$green9"},yellow:{backgroundColor:"$yellow9"},red:{backgroundColor:"$red9"}}},defaultVariants:{size:"2",variant:"gray"}});var zt=_chunkZKXNQEAOcjs.h.call(void 0, "sub",{fontFeatureSettings:'"subs"',fontSize:"100%",lineHeight:"1",verticalAlign:"baseline"});var It=_chunkZKXNQEAOcjs.h.call(void 0, "sup",{fontFeatureSettings:'"sups"',fontSize:"100%",lineHeight:"1",verticalAlign:"baseline"});var _reactswitch = require('@radix-ui/react-switch'); var wo = _interopRequireWildcard(_reactswitch);var te=_chunkZKXNQEAOcjs.h.call(void 0, wo.Thumb,{position:"absolute",left:0,width:13,height:13,backgroundColor:"white",borderRadius:"$round",boxShadow:"rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;",transition:"transform 100ms cubic-bezier(0.22, 1, 0.36, 1)",transform:"translateX(1px)",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(11px)"}}),Et=_chunkZKXNQEAOcjs.h.call(void 0, wo.Root,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},alignItems:"center",display:"inline-flex",justifyContent:"center",lineHeight:"1",margin:"0",outline:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)",backgroundColor:"$slate5",borderRadius:"$pill",position:"relative","&:focus":{boxShadow:"0 0 0 2px $colors$slate8"},'&[data-state="checked"]':{backgroundColor:"$blue9","&:focus":{boxShadow:"0 0 0 2px $colors$blue8"}},variants:{size:{"1":{width:"$5",height:"$3"},"2":{width:"$7",height:"$5",[`& ${te}`]:{width:21,height:21,transform:"translateX(2px)",'&[data-state="checked"]':{transform:"translateX(22px)"}}}}},defaultVariants:{size:"1"}});var re=po.forwardRef((e,t)=>po.createElement(Et,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{ref:t}),po.createElement(te,null)));re.displayName="Switch";var Ht=_chunkZKXNQEAOcjs.h.call(void 0, "caption",{textAlign:"start",marginBottom:"$5"}),ae= exports.Aa =_chunkZKXNQEAOcjs.h.call(void 0, "tbody",{width:"100%"}),Bt= exports.Ba =_chunkZKXNQEAOcjs.h.call(void 0, "tfoot",{}),ie= exports.Ca =_chunkZKXNQEAOcjs.h.call(void 0, "tr",{}),ne= exports.Da =_chunkZKXNQEAOcjs.h.call(void 0, "th",{fontWeight:"unset",textAlign:"start",fontSize:"$2",py:"$2",borderBottom:"1px solid $gray4",variants:{align:{start:{textAlign:"start"},center:{textAlign:"center"},end:{textAlign:"end"}},border:{solid:{borderBottom:"1px solid $gray4"},dashed:{borderBottom:"1px dashed $gray8"}}},defaultVariants:{align:"start",border:"solid"}}),se= exports.Ea =_chunkZKXNQEAOcjs.h.call(void 0, "td",{py:"$2",borderBottom:"1px solid $gray4",fontSize:"$2",variants:{align:{start:{textAlign:"start"},center:{textAlign:"center"},end:{textAlign:"end"}},border:{solid:{borderBottom:"1px solid $gray4"},dashed:{borderBottom:"1px dashed $gray8"}}},defaultVariants:{align:"start",border:"solid"}}),Lt= exports.Fa =_chunkZKXNQEAOcjs.h.call(void 0, "thead",{[`& ${ne}`]:{fontSize:"$1",color:"$gray11"},[`& ${se}`]:{fontSize:"$1",color:"$gray11"}}),Wt= exports.Ga =_chunkZKXNQEAOcjs.h.call(void 0, "table",{width:"100%",tableLayout:"fixed",borderSpacing:0,variants:{striped:{true:{[`& ${ae}`]:{[`& ${ie}`]:{"&:nth-child(odd)":{bc:"$gray2"}}}}}}});var Vt=_chunkZKXNQEAOcjs.h.call(void 0, "a",{position:"relative",flexShrink:0,height:"$6",display:"inline-flex",lineHeight:1,fontSize:"$1",px:"$3",userSelect:"none",outline:"none",alignItems:"center",justifyContent:"center",color:"$slate11",textDecoration:"none","@hover":{"&:hover":{color:"$hiContrast"}},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"},variants:{active:{true:{color:"$hiContrast",cursor:"default","&::after":{position:"absolute",content:'""',left:0,bottom:0,width:"100%",height:2,backgroundColor:"$blue9"}}}}});var _reacttabs = require('@radix-ui/react-tabs'); var M = _interopRequireWildcard(_reacttabs);var jt=_chunkZKXNQEAOcjs.h.call(void 0, M.Root,{display:"flex",'&[data-orientation="horizontal"]':{flexDirection:"column"}}),Ft= exports.Ja =_chunkZKXNQEAOcjs.h.call(void 0, M.Trigger,{flexShrink:0,height:"$5",display:"inline-flex",lineHeight:1,fontSize:"$1",px:"$2",userSelect:"none",outline:"none",alignItems:"center",justifyContent:"center",color:"$slate11",border:"1px solid transparent",borderTopLeftRadius:"$2",borderTopRightRadius:"$2",zIndex:"10","@hover":{"&:hover":{color:"$hiContrast"}},'&[data-state="active"]':{color:"$hiContrast",borderColor:"$slate6",borderBottomColor:"transparent"},'&[data-orientation="vertical"]':{justifyContent:"flex-start",borderTopRightRadius:0,borderBottomLeftRadius:"$2",borderBottomColor:"transparent",'&[data-state="active"]':{borderBottomColor:"$slate6",borderRightColor:"transparent"}}}),Mt= exports.Ka =_chunkZKXNQEAOcjs.h.call(void 0, M.Content,{flexGrow:1,"&:focus":{outline:"none",boxShadow:"inset 0 0 0 1px $slate8, 0 0 0 1px $slate8"}}),Ot=_chunkZKXNQEAOcjs.h.call(void 0, M.List,{flexShrink:0,display:"flex","&:focus":{outline:"none",boxShadow:"inset 0 0 0 1px $slate8, 0 0 0 1px $slate8"},'&[data-orientation="vertical"]':{flexDirection:"column",boxShadow:"inset -1px 0 0 $slate6"}});var le=O.forwardRef((e,t)=>O.createElement(O.Fragment,null,O.createElement(Ot,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{ref:t})),O.createElement(To,null)));le.displayName="TabsList";var z=_chunkZKXNQEAOcjs.h.call(void 0, "span",{lineHeight:"1",margin:"0",fontWeight:400,fontVariantNumeric:"tabular-nums",display:"block",variants:{size:{"1":{fontSize:"$1"},"2":{fontSize:"$2"},"3":{fontSize:"$3"},"4":{fontSize:"$4"},"5":{fontSize:"$5",letterSpacing:"-.015em"},"6":{fontSize:"$6",letterSpacing:"-.016em"},"7":{fontSize:"$7",letterSpacing:"-.031em",textIndent:"-.005em"},"8":{fontSize:"$8",letterSpacing:"-.034em",textIndent:"-.018em"},"9":{fontSize:"$9",letterSpacing:"-.055em",textIndent:"-.025em"}},variant:{red:{color:"$red11"},crimson:{color:"$crimson11"},pink:{color:"$pink11"},purple:{color:"$purple11"},violet:{color:"$violet11"},indigo:{color:"$indigo11"},blue:{color:"$blue11"},cyan:{color:"$cyan11"},teal:{color:"$teal11"},green:{color:"$green11"},lime:{color:"$lime11"},yellow:{color:"$yellow11"},orange:{color:"$orange11"},gold:{color:"$gold11"},bronze:{color:"$bronze11"},gray:{color:"$slate11"},contrast:{color:"$hiContrast"}},gradient:{true:{WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}}},compoundVariants:[{variant:"red",gradient:"true",css:{background:"linear-gradient(to right, $red11, $crimson11)"}},{variant:"crimson",gradient:"true",css:{background:"linear-gradient(to right, $crimson11, $pink11)"}},{variant:"pink",gradient:"true",css:{background:"linear-gradient(to right, $pink11, $purple11)"}},{variant:"purple",gradient:"true",css:{background:"linear-gradient(to right, $purple11, $violet11)"}},{variant:"violet",gradient:"true",css:{background:"linear-gradient(to right, $violet11, $indigo11)"}},{variant:"indigo",gradient:"true",css:{background:"linear-gradient(to right, $indigo11, $blue11)"}},{variant:"blue",gradient:"true",css:{background:"linear-gradient(to right, $blue11, $cyan11)"}},{variant:"cyan",gradient:"true",css:{background:"linear-gradient(to right, $cyan11, $teal11)"}},{variant:"teal",gradient:"true",css:{background:"linear-gradient(to right, $teal11, $green11)"}},{variant:"green",gradient:"true",css:{background:"linear-gradient(to right, $green11, $lime11)"}},{variant:"lime",gradient:"true",css:{background:"linear-gradient(to right, $lime11, $yellow11)"}},{variant:"yellow",gradient:"true",css:{background:"linear-gradient(to right, $yellow11, $orange11)"}},{variant:"orange",gradient:"true",css:{background:"linear-gradient(to right, $orange11, $red11)"}},{variant:"gold",gradient:"true",css:{background:"linear-gradient(to right, $gold11, $gold9)"}},{variant:"bronze",gradient:"true",css:{background:"linear-gradient(to right, $bronze11, $bronze9)"}},{variant:"gray",gradient:"true",css:{background:"linear-gradient(to right, $gray11, $gray12)"}},{variant:"contrast",gradient:"true",css:{background:"linear-gradient(to right, $hiContrast, $gray12)"}}],defaultVariants:{size:"3",variant:"contrast"}});var Nt=_chunkZKXNQEAOcjs.h.call(void 0, "textarea",{appearance:"none",borderWidth:"0",fontFamily:"inherit",margin:"0",outline:"none",padding:"$1",width:"100%",WebkitTapHighlightColor:"rgba(0,0,0,0)",backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$hiContrast",fontVariantNumeric:"tabular-nums",position:"relative",minHeight:80,resize:"vertical","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$blue8, 0px 0px 0px 1px $colors$blue8",zIndex:"1"},"&::placeholder":{color:"$slate9"},"&:disabled":{pointerEvents:"none",backgroundColor:"$slate2",color:"$slate8",cursor:"not-allowed",resize:"none","&::placeholder":{color:"$slate7"}},"&:read-only":{backgroundColor:"$slate2","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$slate7"}},variants:{size:{"1":{borderRadius:"$1",fontSize:"$1",lineHeight:"16px",px:"$1"},"2":{borderRadius:"$1",fontSize:"$2",lineHeight:"20px",px:"$1"},"3":{borderRadius:"$2",fontSize:"$3",lineHeight:"23px",px:"$2"}},state:{invalid:{boxShadow:"inset 0 0 0 1px $colors$red7","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$red8, 0px 0px 0px 1px $colors$red8"}},valid:{boxShadow:"inset 0 0 0 1px $colors$green7","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$green8, 0px 0px 0px 1px $colors$green8"}}},cursor:{default:{cursor:"default","&:focus":{cursor:"text"}},text:{cursor:"text"}}},defaultVariants:{size:"1"}});var _reactportal = require('@radix-ui/react-portal'); var Xt = _interopRequireWildcard(_reactportal);var _reactutils = require('@radix-ui/react-utils');var _filter = require('lodash/filter'); var _filter2 = _interopRequireDefault(_filter);var _reacthottoast = require('react-hot-toast');var _reactuse = require('react-use');var ea=_chunkZKXNQEAOcjs.h.call(void 0, "div",{position:"absolute",bottom:"0",right:"0",boxShadow:"0 5px 10px $colors$blackA7",[`.${_chunkZKXNQEAOcjs.j} &`]:{boxShadow:"0 5px 10px $colors$whiteA5"},borderRadius:"5px",transition:"all 0.4s ease","@hover":{"&::after":{content:'""',position:"absolute",left:"0",right:"0",top:"calc(100% + 1px)",width:"100%",height:"20px",background:"transparent"}},variants:{type:{error:{border:"1px solid $colors$red7",backgroundColor:"$red9",color:"$red12","&:hover":{backgroundColor:"$red10",borderColor:"$red8"}},info:{border:"1px solid $colors$blue7",backgroundColor:"$blue9",color:"$blue12","&:hover":{backgroundColor:"$blue10",borderColor:"$blue8"}},success:{border:"1px solid $colors$green7",backgroundColor:"$green9",color:"$green12","&:hover":{backgroundColor:"$green10",borderColor:"$green8"}},warning:{border:"1px solid $colors$orange7",backgroundColor:"$orange9",color:"$orange12","&:hover":{backgroundColor:"$orange10",borderColor:"$orange8"}}}}}),ta=_chunkZKXNQEAOcjs.h.call(void 0, "div",{alignItems:"center",justifyContent:"space-between",fontSize:".875rem",display:"flex",transition:"all 0.4s ease",padding:"24px",width:"90vh",maxWidth:"325px","@bp1":{minWidth:"420px",width:"420px"}}),ra=_chunkZKXNQEAOcjs.h.call(void 0, "div",{marginTop:"-1px",width:"100%",opacity:"1",height:"100%",transition:"opacity .4s ease",wordBreak:"break-word"}),aa=_chunkZKXNQEAOcjs.h.call(void 0, "div",{position:"fixed","$$offset-bottom":"0px",bottom:"calc($space$5 + $$offset-bottom)",right:"$space$5",transition:"transform 0.4s ease,bottom 0.4s ease","&:hover":{transform:"translate3d(0,-10px,0)"},width:"90vh",maxWidth:"325px","@bp1":{minWidth:"420px",width:"420px"}}),ia=({count:e,idx:t,isHovered:i,methods:n,state:s,toast:p})=>{let l=e-t-1,d=t===e-1,[m,u]=_reactuse.useMeasure.call(void 0, ),f={"aria-live":ce[p.type],role:de[p.type]},I=(100-5*l)/100;A.useEffect(()=>(l<2&&n[`set${l}`](u.height),()=>{l<2&&n[`set${l}`](0)}),[n,l,u.height,p.id]);let D=`translate3d(0px, calc(-${48}px + 100% + -${d?u.height:parseInt(s[0])+24*l}px), -${l}px) scale(${I})`,H=d?"none":`translate3d(0px, -${parseInt(s[0])+(l===1?64:s[1]+64*2)}px, -${l}px) scale(1)!important`;return A.createElement(ea,{"data-toast":"",css:{maxHeight:d||i?`${u.height+64}px!important`:"64px",transform:i?H:D,opacity:l<3?"1!important":"0!important",display:l<3?"block":"none!important",pointerEvents:l<3?"inherit":"none",overflow:"hidden"},type:p.type},A.createElement(ta,{ref:d?m:null,css:{}},A.createElement(ra,_chunkKU3JN3SAcjs.a.call(void 0, {},f),p.message)))},Gt={0:0,1:0};function na(e){return{reset(){return Gt},set0(t){return _chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{0:t})},set1(t){return _chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{1:t})}}}var _t=({toasts:e})=>{let t=e.length,i=A.useRef(null),n=_reactuse.useHoverDirty.call(void 0, i),[s,p]=_reactuse.useMethods.call(void 0, na,Gt);return A.createElement(A.Fragment,null,A.createElement(aa,{ref:i},e.map((l,d)=>A.createElement(ia,{count:t,key:`t-${d}-${l.id}`,methods:p,isHovered:n,idx:d,state:s,toast:l}))))};var Ut=10,da={error:8e3,info:5e3,success:5e3,warning:8e3};var de={error:"alert",info:"status",success:"alert",warning:"alert"},ce={error:"assertive",info:"polite",success:"assertive",warning:"assertive"},Yt={state:"idle",context:{toasts:[],pausedAt:void 0}},ue=x.createContext(Yt);ue.displayName="ToastContext";function ge(){return x.useContext(ue)}var me=x.createContext({addToast(){},removeToast(){},dismissToast(){},interact(){},stopInteracting(){}});me.displayName="ToastDispatchContext";function ko(){return x.useContext(me)}var ca=({toasts:e})=>{let t=_filter2.default.call(void 0, e,{active:!0}).reverse(),i=_nullishCoalesce(t.length, () => (0));return i===0?null:x.createElement(Xt.Root,null,i>0?x.createElement(_t,{toasts:t}):null)},xe= exports.Pa =function({children:t}){let[{state:i,context:n},s]=Jt();return x.createElement(me.Provider,{value:s},x.createElement(ue.Provider,{value:{state:i,context:n}},t,x.createElement(ca,{toasts:n==null?void 0:n.toasts}),x.createElement(_reacthottoast.Toaster,null)))},be= exports.Qa =x.forwardRef((e,t)=>{let l=e,{children:i}=l,n=_chunkKU3JN3SAcjs.c.call(void 0, l,["children"]),{context:s}=ge(),{toasts:p}=s;return x.createElement("div",_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},n),{ref:t}),i({allToasts:p}))}),fe=x.createContext(null);function pa(){return x.useContext(fe)}var qt=x.forwardRef((e,t)=>{let d=e,{toastId:i,children:n}=d,s=_chunkKU3JN3SAcjs.c.call(void 0, d,["toastId","children"]),{context:{toasts:p}}=ge(),l=p.find(m=>m.id===i);return l?x.createElement("div",_chunkKU3JN3SAcjs.a.call(void 0, {ref:t},s),x.createElement(fe.Provider,{value:l},n)):null});qt.displayName="ToastCenterItem";var he=x.memo(qt),$e= exports.Sa =x.forwardRef((e,t)=>{let u=e,{onPointerEnter:i,onPointerLeave:n,children:s}=u,p=_chunkKU3JN3SAcjs.c.call(void 0, u,["onPointerEnter","onPointerLeave","children"]),[{context:l},d]=Jt(),{toasts:m}=l;return x.createElement("div",_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},p),{ref:t,onPointerEnter:_reactutils.composeEventHandlers.call(void 0, i,d.interact),onPointerLeave:_reactutils.composeEventHandlers.call(void 0, n,d.stopInteracting)}),s({activeToasts:m.filter(xa)}))}),Zt=x.forwardRef((e,t)=>{let m=e,{children:i,progress:n,duration:s}=m,p=_chunkKU3JN3SAcjs.c.call(void 0, m,["children","progress","duration"]),{context:{toasts:l}}=ge(),d=l.find(u=>u.id===e.toastId);return d?x.createElement("div",_chunkKU3JN3SAcjs.a.call(void 0, {ref:t,role:d.role,"aria-live":d["aria-live"]},p),x.createElement(fe.Provider,{value:d},i)):null});Zt.displayName="ToastWarmerItem";var ve=x.memo(Zt),Ce= exports.Ua =x.forwardRef((e,t)=>{let d=e,{children:i,onClick:n}=d,s=_chunkKU3JN3SAcjs.c.call(void 0, d,["children","onClick"]),p=ko(),l=pa();return l?x.createElement("button",_chunkKU3JN3SAcjs.a.call(void 0, {ref:t,onClick:_reactutils.composeEventHandlers.call(void 0, n,()=>p.dismissToast(l.id))},s),i):null}),ye= exports.Va =x.forwardRef((e,t)=>{let{children:i,toastId:n,type:s="info",message:p,role:l=de[s],"aria-live":d=ce[s]}=e,m=ko(),u=!p&&typeof i=="string"?i:p;return x.useEffect(()=>{m.addToast({id:n,type:s,message:u,role:l,"aria-live":d,pauseDuration:0,createdAt:Date.now(),active:!0})},[]),null});xe.displayName="ToastProvider";be.displayName="ToastCenter";he.displayName="ToastCenterItem";$e.displayName="ToastWarmer";ve.displayName="ToastWarmerItem";ye.displayName="Toast";Ce.displayName="ToastDismiss";function ua({state:e,context:t},i){switch(e){case"idle":switch(i.type){case 0:return{state:"timing",context:Se(t,i)}}case"interacting":switch(i.type){case 0:return{state:"timing",context:Se(t,i)};case 1:{let n=Qt(t,i);return{state:Ro(n.toasts)?"interacting":"idle",context:n}}case 2:{let n=Kt(t,i);return{state:Ro(n.toasts)?"interacting":"idle",context:n}}case 4:{let n=i.time-(t.pausedAt||0);return{state:"timing",context:_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{pausedAt:void 0,toasts:t.toasts.map(s=>_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},s),{pauseDuration:s.pauseDuration+n}))})}}}case"timing":switch(i.type){case 0:return{state:"timing",context:Se(t,i)};case 1:{let n=Qt(t,i);return{state:Ro(n.toasts)?"timing":"idle",context:n}}case 2:{let n=Kt(t,i);return{state:Ro(n.toasts)?"timing":"idle",context:n}}case 3:return{state:"interacting",context:_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{pausedAt:i.time})}}}return{state:e,context:t}}function ga(){let[{state:e,context:t},i]=x.useReducer(ua,Yt),n=t.toasts.map(s=>_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},s),{duration:s.duration||da[s.type]}));return[{state:e,context:_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{toasts:n})},i]}function Jt(){let[{state:e,context:t},i]=ga(),n=x.useMemo(()=>({addToast(s){i({type:0,toast:s})},dismissToast(s){i({type:1,toastId:s})},removeToast(s){i({type:2,toastId:s})},interact(){i({type:3,time:Date.now()})},stopInteracting(){i({type:4,time:Date.now()})}}),[i]);return x.useEffect(()=>{if(t.pausedAt)return null;let s=Date.now(),p=t.toasts.map(l=>{let d=(l.duration||0)+l.pauseDuration-(s-l.createdAt);return d<0?(l.active&&n.dismissToast(l.id),null):window.setTimeout(()=>n.dismissToast(l.id),d)});return()=>{p.forEach(l=>{window.clearTimeout(l)})}},[t.toasts,t.pausedAt,n]),[{state:e,context:t},n]}function Se(e,t){if("toast"in t){let i=[t.toast,...e.toasts],n=i.splice(0,Ut),s=i.splice(Ut,i.length-1).map(or);return _chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{toasts:[...n,...s]})}return e}function Qt(e,t){return"toastId"in t?_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{toasts:e.toasts.map(i=>i.id===t.toastId?or(i):i)}):e}function Kt(e,t){return"toastId"in t?_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{toasts:e.toasts.filter(ma(t))}):e}function ma(e){return"toastId"in e?t=>t.id!==e.toastId:()=>!0}function or(e){return _chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{active:!1})}function Ro(e){return e.length>0&&e.some(t=>t.active)}function xa(e){return e.active}var _reacttooltip = require('@radix-ui/react-tooltip'); var ao = _interopRequireWildcard(_reacttooltip); var er = _interopRequireWildcard(_reacttooltip);var tr=_chunkZKXNQEAOcjs.h.call(void 0, er.Content,{backgroundColor:"$transparentPanel",borderRadius:"$1",padding:"$1 $2",variants:{multiline:{true:{maxWidth:250,pb:7}}}});function rr(d){var m=d,{children:e,content:t,open:i,defaultOpen:n,onOpenChange:s,multiline:p}=m,l=_chunkKU3JN3SAcjs.c.call(void 0, m,["children","content","open","defaultOpen","onOpenChange","multiline"]);return _chunkKU3JN3SAcjs.d.createElement(ao.Root,{open:i,defaultOpen:n,onOpenChange:s},_chunkKU3JN3SAcjs.d.createElement(ao.Trigger,{asChild:!0},e),_chunkKU3JN3SAcjs.d.createElement(tr,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {side:"top",align:"center",sideOffset:5},l),{multiline:p}),_chunkKU3JN3SAcjs.d.createElement(z,{size:"1",as:"p",css:{color:"$loContrast",lineHeight:p?"20px":void 0}},t),_chunkKU3JN3SAcjs.d.createElement($,{css:{color:"$transparentExtreme"}},_chunkKU3JN3SAcjs.d.createElement(ao.Arrow,{offset:5,width:11,height:5,style:{fill:"currentColor"}}))))}exports.a = Ao; exports.b = Do; exports.c = Te; exports.d = we; exports.e = ke; exports.f = Ae; exports.g = Io; exports.h = Eo; exports.i = Ho; exports.j = Bo; exports.k = Lo; exports.l = Wo; exports.m = Vo; exports.n = ze; exports.o = jo; exports.p = Be; exports.q = Le; exports.r = $; exports.s = We; exports.t = Ve; exports.u = je; exports.v = Fe; exports.w = Fo; exports.x = Oe; exports.y = Ne; exports.z = Ge; exports.A = Mo; exports.B = _e; exports.C = Oo; exports.D = Xe; exports.E = Ue; exports.F = Ye; exports.G = qe; exports.H = Ze; exports.I = Je; exports.J = _o; exports.K = ot; exports.L = et; exports.M = tt; exports.N = rt; exports.O = at; exports.P = it; exports.Q = nt; exports.R = K; exports.S = dt; exports.T = j; exports.U = Xo; exports.V = ct; exports.W = oo; exports.X = ho; exports.Y = gt; exports.Z = mt; exports._ = xt; exports.$ = no; exports.aa = bt; exports.ba = Uo; exports.ca = Yo; exports.da = ft; exports.ea = ht; exports.fa = X; exports.ga = $t; exports.ha = eo; exports.ia = Ct; exports.ja = qo; exports.ka = yt; exports.la = St; exports.ma = Zo; exports.na = Qo; exports.oa = Ko; exports.pa = ee; exports.qa = Rt; exports.ra = Pt; exports.sa = To; exports.ta = so; exports.ua = Dt; exports.va = xo; exports.wa = zt; exports.xa = It; exports.ya = re; exports.za = Ht; exports.Aa = ae; exports.Ba = Bt; exports.Ca = ie; exports.Da = ne; exports.Ea = se; exports.Fa = Lt; exports.Ga = Wt; exports.Ha = Vt; exports.Ia = jt; exports.Ja = Ft; exports.Ka = Mt; exports.La = le; exports.Ma = z; exports.Na = Nt; exports.Oa = ko; exports.Pa = xe; exports.Qa = be; exports.Ra = he; exports.Sa = $e; exports.Ta = ve; exports.Ua = Ce; exports.Va = ye; exports.Wa = rr;