@jeromefitz/design-system 1.1.0 → 1.2.1

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.0",
+  "version": "1.2.1",
   "description": "Design System for JeromeFitzgerald.com (Radix UI)",
   "author": {
     "name": "Jerome Fitzgerald",
@@ -77,7 +77,7 @@
     "@types/bezier-easing": "2.1.2",
     "@types/chroma-js": "2.1.3",
     "@types/lodash": "4.14.178",
-    "@types/node": "17.0.10",
+    "@types/node": "17.0.12",
     "@types/react": "17.0.38",
     "bezier-easing": "2.1.0",
     "chroma-js": "2.1.2",
@@ -85,12 +85,12 @@
     "react": "17.0.2",
     "react-bezier-curve-editor": "1.0.0",
     "react-dom": "17.0.2",
-    "typescript": "4.5.4"
+    "typescript": "4.5.5"
   },
   "peerDependencies": {
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "swr": "1.12"
+    "swr": "1.1.2"
   },
   "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};