@jeromefitz/design-system 1.2.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{chunk-37F4CPF2.js → chunk-JRXMIMQJ.js} +3 -3
- package/{chunk-UIRYKJKM.cjs → chunk-SVSBFWVB.cjs} +3 -3
- package/components/Card/Show.cjs +1 -1
- package/components/Card/Show.js +1 -1
- package/components/Hero/HeroImage.cjs +1 -1
- package/components/Hero/HeroImage.js +1 -1
- package/components/index.cjs +1 -1
- package/components/index.d.ts +166 -1289
- package/components/index.js +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
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 sr}from"@radix-ui/react-icons";import*as D from"react";var lr=_({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),dr=_({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),cr=r(L.Root,{borderRadius:6,width:"100%",backgroundColor:"$colors$gray1",boxShadow:"0 2px 10px $colors$gray12"}),pr=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"}}),ur=r(L.Header,{all:"unset",display:"flex"}),gr=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"}}),mr=r(L.Content,{backgroundColor:"inherit",color:"$colors$gray12",fontSize:15,overflow:"hidden",'&[data-state="open"]':{animation:`${lr} 300ms cubic-bezier(0.87, 0, 0.13, 1)`},'&[data-state="closed"]':{animation:`${dr} 300ms cubic-bezier(0.87, 0, 0.13, 1)`}}),xr=r("div",{padding:"$2 $4"}),br=r(sr,{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=D.forwardRef((s,n)=>{var l=s,{children:e}=l,t=f(l,["children"]);return D.createElement(ur,null,D.createElement(gr,m(p({},t),{ref:n}),D.createElement("div",null,e),D.createElement(br,{"aria-hidden":!0})))});Ao.displayName="AccordionTrigger";var zo=D.forwardRef((s,n)=>{var l=s,{children:e}=l,t=f(l,["children"]);return D.createElement(D.Fragment,null,D.createElement(mr,m(p({},t),{ref:n}),D.createElement(xr,null,e)))});zo.displayName="AccordionContent";var we=cr,ke=pr;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 fr,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 De}from"@stitches/react";var $r=De({"0%":{opacity:0},"100%":{opacity:1}}),hr=De({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),vr=Z(w.Overlay,{backgroundColor:Pe.blackA9,position:"fixed",inset:0,"@media (prefers-reduced-motion: no-preference)":{animation:`${$r} 150ms cubic-bezier(0.16, 1, 0.3, 1)`}});function Cr(n){var s=n,{children:e}=s,t=f(s,["children"]);return o.createElement(w.Root,p({},t),o.createElement(vr,null),e)}var yr=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:`${hr} 150ms cubic-bezier(0.16, 1, 0.3, 1)`},"&:focus":{outline:"none"}}),Sr=Z(w.Title,{margin:0,color:X.mauve12,fontSize:17,fontWeight:500}),Tr=Z(w.Description,{marginBottom:20,color:X.mauve11,fontSize:15,lineHeight:1.5}),wr=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:fr.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"}}),Ae=({dialogText:e})=>o.createElement(Eo,null,o.createElement(Bo,{asChild:!0},o.createElement(Io,null,e==null?void 0:e.dialogTrigger)),o.createElement(Ho,null,o.createElement(Lo,null,e==null?void 0:e.dialogTitle),o.createElement(Wo,null,e==null?void 0:e.dialogDescription),o.createElement(wr,{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=Cr,Bo=w.Trigger,Ho=yr,Lo=Sr,Wo=Tr,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"}}),Be=r(J.Image,{display:"flex",objectFit:"cover",boxSizing:"border-box",height:"100%",verticalAlign:"middle",width:"100%"}),He=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"}}),kr=r("div",{boxShadow:"0 0 0 2px $colors$loContrast",borderRadius:"50%"}),Wa=r("div",{display:"flex",flexDirection:"row-reverse",[`& ${kr}:nth-child(n+2)`]:{marginRight:"-$1"}});var Fo=W.forwardRef(($,g)=>{var y=$,{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(Be,{alt:e,src:t}),W.createElement(He,{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:`
|
|
1
|
+
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 nr}from"@radix-ui/react-icons";import*as A from"react";var sr=_({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),lr=_({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),dr=r(L.Root,{borderRadius:6,width:"100%",backgroundColor:"$colors$gray1",boxShadow:"0 2px 10px $colors$gray12"}),cr=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"}}),pr=r(L.Header,{all:"unset",display:"flex"}),ur=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"}}),gr=r(L.Content,{backgroundColor:"inherit",color:"$colors$gray12",fontSize:15,overflow:"hidden",'&[data-state="open"]':{animation:`${sr} 300ms cubic-bezier(0.87, 0, 0.13, 1)`},'&[data-state="closed"]':{animation:`${lr} 300ms cubic-bezier(0.87, 0, 0.13, 1)`}}),mr=r("div",{padding:"$2 $4"}),xr=r(nr,{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(pr,null,A.createElement(ur,m(p({},t),{ref:n}),A.createElement("div",null,e),A.createElement(xr,{"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(gr,m(p({},t),{ref:n}),A.createElement(mr,null,e)))});zo.displayName="AccordionContent";var we=dr,ke=cr;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 br,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 fr=Ae({"0%":{opacity:0},"100%":{opacity:1}}),hr=Ae({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),$r=Z(w.Overlay,{backgroundColor:Pe.blackA9,position:"fixed",inset:0,"@media (prefers-reduced-motion: no-preference)":{animation:`${fr} 150ms cubic-bezier(0.16, 1, 0.3, 1)`}});function vr(n){var s=n,{children:e}=s,t=f(s,["children"]);return o.createElement(w.Root,p({},t),o.createElement($r,null),e)}var Cr=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:`${hr} 150ms cubic-bezier(0.16, 1, 0.3, 1)`},"&:focus":{outline:"none"}}),yr=Z(w.Title,{margin:0,color:X.mauve12,fontSize:17,fontWeight:500}),Sr=Z(w.Description,{marginBottom:20,color:X.mauve11,fontSize:15,lineHeight:1.5}),Tr=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:br.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(Bo,{asChild:!0},o.createElement(Io,null,e==null?void 0:e.dialogTrigger)),o.createElement(Ho,null,o.createElement(Lo,null,e==null?void 0:e.dialogTitle),o.createElement(Wo,null,e==null?void 0:e.dialogDescription),o.createElement(Tr,{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=vr,Bo=w.Trigger,Ho=Cr,Lo=yr,Wo=Sr,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"}}),Be=r(J.Image,{display:"flex",objectFit:"cover",boxSizing:"border-box",height:"100%",verticalAlign:"middle",width:"100%"}),He=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"}}),wr=r("div",{boxShadow:"0 0 0 2px $colors$loContrast",borderRadius:"50%"}),La=r("div",{display:"flex",flexDirection:"row-reverse",[`& ${wr}: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(Be,{alt:e,src:t}),W.createElement(He,{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:`
|
|
2
2
|
0 0 0 2px $colors$plumA3,
|
|
3
3
|
-15px 0 30px -15px $colors$orangeA8,
|
|
4
4
|
0 0 30px -15px $colors$pinkA8,
|
|
5
5
|
15px 0 30px -15px $colors$violetA8
|
|
6
|
-
`,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
|
|
6
|
+
`,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 kr from"next/image";var Rr=r("div",{display:"flex",height:"100%"}),Pr=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)"}),Ar=r(kr,{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(Ar,p({alt:s,blurDataURL:e,key:l,placeholder:"blur",priority:!1},n)))))),No=({children:e})=>o.createElement(Rr,null,o.createElement(Pr,null,e));import{composeEventHandlers as Go}from"@radix-ui/primitive";import{useComposedRefs as Dr}from"@radix-ui/react-compose-refs";import{createContext as zr}from"@radix-ui/react-context";import{useCallbackRef as _o}from"@radix-ui/react-use-callback-ref";import Ir from"lodash/debounce";import*as $ from"react";import Er from"smoothscroll-polyfill";var[Br,fo]=zr("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(()=>Er.polyfill(),[]);let z=_o(C=>{var B;let S=(B=t.current)==null?void 0:B.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")}}),H=$.useCallback(()=>{let C=z(1);if(C){let{scrollLeft:S,scrollWidth:B,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(B-G-T<=0),E.current=500}},[z,h]),go=$.useCallback(()=>{let C=z(-1);if(C){let{scrollLeft:S,scrollWidth:B,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(B-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:B}=l.current;h(C<=0),x(S-C-B<=0),E.current=100}})},E.current)}),$.useEffect(()=>{let C=l.current;if(C){let S=Ir(()=>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(Br,{_:u,nextDisabled:c,prevDisabled:g,slideListRef:l,onNextClick:H,onPrevClick:go},$.createElement(v,m(p({},s),{ref:t}),n))},Ye=e=>{let t=fo("CarouselSlideList"),n=$.useRef(null),s=Dr(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:`
|
|
7
7
|
$colors$blackA10 0px 3px 16px -5px,
|
|
8
8
|
$colors$blackA5 0px 1px 3px,
|
|
9
9
|
$colors$blue8 0 0 0 2px
|
|
10
|
-
`,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 Lr}from"@radix-ui/react-icons";import*as K from"react";import*as $o from"@radix-ui/react-checkbox";var Ke=r($o.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($o.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(Lr,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,position:"relative",left:"calc(-50vw + 50%)",width:"100vw"});var rt=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 Wr}from"@radix-ui/react-icons";import*as V from"react";var Vr=r(k.Overlay,so,{position:"fixed",top:0,right:0,bottom:0,left:0});function at(n){var s=n,{children:e}=s,t=f(s,["children"]);return V.createElement(k.Root,p({},t),V.createElement(Vr,null),e)}var jr=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"}}),Fr=r(k.Close,{position:"absolute",top:"$2",right:"$2"}),hn=V.forwardRef((s,n)=>{var l=s,{children:e}=l,t=f(l,["children"]);return V.createElement(jr,m(p({},t),{ref:n}),e,V.createElement(Fr,{asChild:!0},V.createElement(ho,{variant:"ghost"},V.createElement(Wr,null))))}),it=k.Trigger,nt=k.Close,st=k.Title,lt=k.Description;import Mr from"node-emoji";var dt=({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=Mr.find(e);if(n===void 0)return o.createElement(dt,{emoji:e,label:"emoji unsupported",margin:t});let{emoji:s,key:l}=n,u=`emoji ${l.replace(/_/gi," ")}`;return o.createElement(dt,{emoji:s,label:u,margin:t})};import Or from"emoji-regex";import ct from"lodash/map";import Nr from"lodash/orderBy";import vo from"lodash/size";var pt=({id:e,text:t})=>{if(!t)return null;let n=Or(),s={},l=t,u=0;for(let c of t.matchAll(n)){let x=c[0],g=[...x].length,$=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+$),to2:Math.floor(c.index+g),emoji:!0,text:x},u++}let d=[];return vo(s)>0&&ct(Nr(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?ct(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 Gr}from"@radix-ui/react-compose-refs";import*as M from"react";var _r=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=Gr(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(_r,m(p({},n),{"data-focus-area":!0,ref:c,tabIndex:0,onKeyDown:$=>{if(t==null||t($),$.target===$.currentTarget&&($.key==="Enter"||$.key===" ")){let y='[role="menu"], [role="dialog"] input, [role="dialog"] button, [tabindex="0"]',E="a, button, input, select, textarea",z=[$==null?void 0:$.currentTarget.querySelector(y),$==null?void 0:$.currentTarget.querySelector(E)].filter(H=>Boolean(H))[0];z&&($.preventDefault(),z.focus())}$.key==="Escape"&&$.target instanceof HTMLElement&&$.target!==$.currentTarget&&$.target.closest('[role="dialog"], [role="menu"]')===null&&$.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 ut=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 Xr from"lodash/merge";import*as Co from"react";var gt="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:gt},s),{ref:t,size:l[n],css:p({fontVariantNumeric:"proportional-nums"},Xr(u[n],e.css))}))});eo.displayName="Heading";var ho=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"}});var mt=r("a",{display:"flex",alignItems:"center",textDecorationLine:"none",textUnderlineOffset:"3px",textDecorationColor:"$slate4",color:"inherit",transition:"color 0.25s, text-decoration-color 0.25s ease-in-out","@media (prefers-reduced-motion)":{transition:"none"},borderRadius:"$1",outline:0,padding:"0 $1",margin:"0 -$1","& + &":{marginTop:"$2"},"@hover":{"&:hover":{textDecorationLine:"underline"}},"&:focus":{boxShadow:"0 0 0 1px",textDecoration:"none"},"&:focus:not(:focus-visible)":{boxShadow:"none",textDecorationLine:"underline"},variants:{variant:{blue:{color:"$blue11",textDecorationColor:"$blue4","&:focus":{outlineColor:"$blue8"}},subtle:{color:"$slate11",textDecorationColor:"$slate4","&:focus":{outlineColor:"$slate8"}},contrast:{color:"$hiContrast",textDecoration:"underline",textDecorationColor:"$slate4","@hover":{"&:hover":{textDecorationColor:"$slate7"}},"&:focus":{outlineColor:"$slate8"}}}},defaultVariants:{variant:"contrast"}});import*as xt from"@radix-ui/react-label";var bt=r(xt.Root,I,{display:"inline-block",verticalAlign:"middle",cursor:"default"});var ft=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 $t=({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)"}),ht=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"),vt=()=>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))),Ct=({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"}),yt=r("div",U);import Ur from"lodash/merge";import*as yo from"react";var St="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:St},s),{ref:t,size:l[n],css:p({},Ur(u[n],e.css))}))});to.displayName="Paragraph";import*as j from"@radix-ui/react-popover";import*as Y from"react";function Tt(n){var s=n,{children:e}=s,t=f(s,["children"]);return Y.createElement(j.Root,p({},t),e)}var Yr=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(Yr,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 wt=j.Trigger;import*as So from"@radix-ui/react-progress";import*as co from"react";var qr=_({"0%":{transform:"scaleX(1) translateX(-100%)",transformOrigin:"left"},"50%":{transform:"scaleX(1) translateX(1000%)",transformOrigin:"left"},"100%":{transform:"scaleX(1) translateX(2000%)",transformOrigin:"left"}}),Zr=r(So.Root,{boxSizing:"border-box",position:"relative",height:"$1",overflow:"hidden",borderRadius:"$pill",'&[data-state="indeterminate"]':{backgroundColor:"$slate4","&::after":{animationName:qr,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"}}),Jr=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)"}),kt=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(Zr,m(p({},n),{ref:s,value:e,max:t}),co.createElement(Jr,{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"}}),Rt=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(Rt,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"}),Pt=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)"}),Dt=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(Dt,m(p({},e),{ref:t}),ao.createElement(Pt,null,ao.createElement(ee,null)),e.children));te.displayName="RadioCard";import*as R from"react";function Qr(){return!!(typeof window!="undefined"&&window.document&&window.document.createElement)}var Kr=Qr()?R.useLayoutEffect:R.useEffect,At=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 Kr(()=>{var B;let c=n.current,x=s.current,g=t.current,$=0,y=0,E=0,z=0,H=0;function go(){x&&g&&c&&($=x.scrollHeight,y=x.clientHeight,E=x.scrollTop,z=E/$,H=y/$,H>=1?g.style.height="0px":(g.style.top=z*100+"%",g.style.height=Math.max(H*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/H)}}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(B=t.current)==null||B.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 zt=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 It from"@radix-ui/react-separator";var wo=r(It.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 oa=_({"0%":{opacity:0},"100%":{opacity:"100%"}}),lo=r("div",{backgroundColor:"$slate4",position:"relative",overflow:"hidden","&::after":{animationName:`${oa}`,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 Et=()=>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 Bt=r("sub",{fontFeatureSettings:'"subs"',fontSize:"100%",lineHeight:"1",verticalAlign:"baseline"});var Ht=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)"}}),Lt=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(Lt,m(p({},e),{ref:t}),uo.createElement(re,null)));ae.displayName="Switch";var Wt=r("caption",{textAlign:"start",marginBottom:"$5"}),ie=r("tbody",{width:"100%"}),Vt=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"}}),jt=r("thead",{[`& ${se}`]:{fontSize:"$1",color:"$gray11"},[`& ${le}`]:{fontSize:"$1",color:"$gray11"}}),Ft=r("table",{width:"100%",tableLayout:"fixed",borderSpacing:0,variants:{striped:{true:{[`& ${ie}`]:{[`& ${ne}`]:{"&:nth-child(odd)":{bc:"$gray2"}}}}}}});var Mt=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 Ot=r(O.Root,{display:"flex",'&[data-orientation="horizontal"]':{flexDirection:"column"}}),Nt=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"}}}),Gt=r(O.Content,{flexGrow:1,"&:focus":{outline:"none",boxShadow:"inset 0 0 0 1px $slate8, 0 0 0 1px $slate8"}}),_t=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(_t,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 Xt=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 qt from"@radix-ui/react-portal";import{composeEventHandlers as ue}from"@radix-ui/react-utils";import ca from"lodash/filter";import*as b from"react";import{Toaster as pa}from"react-hot-toast";import*as A from"react";import{useHoverDirty as ea,useMeasure as ta,useMethods as ra}from"react-use";var aa=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"}}}}}),ia=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"}}),na=r("div",{marginTop:"-1px",width:"100%",opacity:"1",height:"100%",transition:"opacity .4s ease",wordBreak:"break-word"}),sa=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"}}),la=({count:e,idx:t,isHovered:n,methods:s,state:l,toast:u})=>{let d=e-t-1,c=t===e-1,[x,g]=ta(),$={"aria-live":pe[u.type],role:ce[u.type]},E=(100-5*d)/100;A.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})`,H=c?"none":`translate3d(0px, -${parseInt(l[0])+(d===1?64:l[1]+64*2)}px, -${d}px) scale(1)!important`;return A.createElement(aa,{"data-toast":"",css:{maxHeight:c||n?`${g.height+64}px!important`:"64px",transform:n?H:z,opacity:d<3?"1!important":"0!important",display:d<3?"block":"none!important",pointerEvents:d<3?"inherit":"none",overflow:"hidden"},type:u.type},A.createElement(ia,{ref:c?x:null,css:{}},A.createElement(na,p({},$),u.message)))},Ut={0:0,1:0};function da(e){return{reset(){return Ut},set0(t){return m(p({},e),{0:t})},set1(t){return m(p({},e),{1:t})}}}var Yt=({toasts:e})=>{let t=e.length,n=A.useRef(null),s=ea(n),[l,u]=ra(da,Ut);return A.createElement(A.Fragment,null,A.createElement(sa,{ref:n},e.map((d,c)=>A.createElement(la,{count:t,key:`t-${c}-${d.id}`,methods:u,isHovered:s,idx:c,state:l,toast:d}))))};var Zt=10,ua={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"},Jt={state:"idle",context:{toasts:[],pausedAt:void 0}},ge=b.createContext(Jt);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 ga=({toasts:e})=>{let t=ca(e,{active:!0}).reverse(),n=t.length??0;return n===0?null:b.createElement(qt.Root,null,n>0?b.createElement(Yt,{toasts:t}):null)},be=function({children:t}){let[{state:n,context:s},l]=or();return b.createElement(xe.Provider,{value:l},b.createElement(ge.Provider,{value:{state:n,context:s}},t,b.createElement(ga,{toasts:s==null?void 0:s.toasts}),b.createElement(pa,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}))}),$e=b.createContext(null);function ma(){return b.useContext($e)}var Qt=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($e.Provider,{value:d},s)):null});Qt.displayName="ToastCenterItem";var he=b.memo(Qt),ve=b.forwardRef((e,t)=>{let g=e,{onPointerEnter:n,onPointerLeave:s,children:l}=g,u=f(g,["onPointerEnter","onPointerLeave","children"]),[{context:d},c]=or(),{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($a)}))}),Kt=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($e.Provider,{value:c},n)):null});Kt.displayName="ToastWarmerItem";var Ce=b.memo(Kt),ye=b.forwardRef((e,t)=>{let c=e,{children:n,onClick:s}=c,l=f(c,["children","onClick"]),u=Ro(),d=ma();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";he.displayName="ToastCenterItem";ve.displayName="ToastWarmer";Ce.displayName="ToastWarmerItem";Se.displayName="Toast";ye.displayName="ToastDismiss";function xa({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=er(t,n);return{state:Po(s.toasts)?"interacting":"idle",context:s}}case 2:{let s=tr(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=er(t,n);return{state:Po(s.toasts)?"timing":"idle",context:s}}case 2:{let s=tr(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 ba(){let[{state:e,context:t},n]=b.useReducer(xa,Jt),s=t.toasts.map(l=>m(p({},l),{duration:l.duration||ua[l.type]}));return[{state:e,context:m(p({},t),{toasts:s})},n]}function or(){let[{state:e,context:t},n]=ba(),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,Zt),l=n.splice(Zt,n.length-1).map(rr);return m(p({},e),{toasts:[...s,...l]})}return e}function er(e,t){return"toastId"in t?m(p({},e),{toasts:e.toasts.map(n=>n.id===t.toastId?rr(n):n)}):e}function tr(e,t){return"toastId"in t?m(p({},e),{toasts:e.toasts.filter(fa(t))}):e}function fa(e){return"toastId"in e?t=>t.id!==e.toastId:()=>!0}function rr(e){return m(p({},e),{active:!1})}function Po(e){return e.length>0&&e.some(t=>t.active)}function $a(e){return e.active}import*as io from"@radix-ui/react-tooltip";import*as ar from"@radix-ui/react-tooltip";var ir=r(ar.Content,{backgroundColor:"$transparentPanel",borderRadius:"$1",padding:"$1 $2",variants:{multiline:{true:{maxWidth:250,pb:7}}}});function nr(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(ir,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{Ao as a,zo as b,we as c,ke as d,Re as e,Ae as f,Eo as g,Bo as h,Ho 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,lt as R,oo as S,pt as T,F as U,Uo as V,ut as W,eo as X,ho as Y,mt as Z,bt as _,ft as $,$t as aa,so as ba,ht as ca,Yo as da,qo as ea,vt as fa,Ct as ga,U as ha,yt as ia,to as ja,Tt as ka,Zo as la,wt as ma,kt as na,Jo as oa,Ko as pa,oe as qa,te as ra,At as sa,zt as ta,wo as ua,lo as va,Et as wa,bo as xa,Bt as ya,Ht as za,ae as Aa,Wt as Ba,ie as Ca,Vt as Da,ne as Ea,se as Fa,le as Ga,jt as Ha,Ft as Ia,Mt as Ja,Ot as Ka,Nt as La,Gt as Ma,de as Na,I as Oa,Xt as Pa,Ro as Qa,be as Ra,fe as Sa,he as Ta,ve as Ua,Ce as Va,ye as Wa,Se as Xa,nr as Ya};
|
|
10
|
+
`,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,position:"relative",left:"calc(-50vw + 50%)",width:"100vw"});var rt=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 Lr}from"@radix-ui/react-icons";import*as V from"react";var Wr=r(k.Overlay,so,{position:"fixed",top:0,right:0,bottom:0,left:0});function at(n){var s=n,{children:e}=s,t=f(s,["children"]);return V.createElement(k.Root,p({},t),V.createElement(Wr,null),e)}var Vr=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"}}),jr=r(k.Close,{position:"absolute",top:"$2",right:"$2"}),hn=V.forwardRef((s,n)=>{var l=s,{children:e}=l,t=f(l,["children"]);return V.createElement(Vr,m(p({},t),{ref:n}),e,V.createElement(jr,{asChild:!0},V.createElement($o,{variant:"ghost"},V.createElement(Lr,null))))}),it=k.Trigger,nt=k.Close,st=k.Title,lt=k.Description;import Fr from"node-emoji";var dt=({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=Fr.find(e);if(n===void 0)return o.createElement(dt,{emoji:e,label:"emoji unsupported",margin:t});let{emoji:s,key:l}=n,u=`emoji ${l.replace(/_/gi," ")}`;return o.createElement(dt,{emoji:s,label:u,margin:t})};import Mr from"emoji-regex";import ct from"lodash/map";import Or from"lodash/orderBy";import vo from"lodash/size";var pt=({id:e,text:t})=>{if(!t)return null;let n=Mr(),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&&ct(Or(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?ct(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 Nr}from"@radix-ui/react-compose-refs";import*as M from"react";var Gr=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=Nr(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(Gr,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(H=>Boolean(H))[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 ut=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 _r from"lodash/merge";import*as Co from"react";var gt="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:gt},s),{ref:t,size:l[n],css:p({fontVariantNumeric:"proportional-nums"},_r(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 mt from"@radix-ui/react-label";var xt=r(mt.Root,I,{display:"inline-block",verticalAlign:"middle",cursor:"default"});var bt=r("a",{alignItems:"center",textDecorationColor:"$slate4",textDecorationLine:"none",textUnderlineOffset:"3px",transition:"color 0.25s, text-decoration-color 0.25s ease-in-out","@media (prefers-reduced-motion)":{transition:"none"},variants:{variant:{blue:{color:"$blue11",textDecorationColor:"$blue4","&:focus":{outlineColor:"$blue8",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$blue4"}},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"}},subtle:{color:"$slate11",textDecorationColor:"$slate4","&:focus":{outlineColor:"$slate8"}}},type:{text:{border:"none",flexShrink:0,gap:"$1",lineHeight:"inherit","@hover":{"&:hover":{textDecorationLine:"underline"}},outline:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)","& > strong":{transition:"all 0.25s ease-in-out","@media (prefers-reduced-motion)":{transition:"none"}},"&: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"}},icon:{borderRadius:"$1",color:"inherit",display:"flex",outline:0,margin:"0 -$1","& + &":{marginTop:"$2"},padding:"0 $1","@hover":{"&:hover":{textDecorationLine:"underline"}},"&:focus":{boxShadow:"0 0 0 1px",textDecoration:"none"},"&:focus:not(:focus-visible)":{boxShadow:"none",textDecorationLine:"underline"}}}},defaultVariants:{variant:"contrast",type:"text"}});var ft=({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)"}),ht=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"),$t=()=>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))),vt=({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"}),Ct=r("div",U);import Xr from"lodash/merge";import*as yo from"react";var yt="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:yt},s),{ref:t,size:l[n],css:p({},Xr(u[n],e.css))}))});to.displayName="Paragraph";import*as j from"@radix-ui/react-popover";import*as Y from"react";function St(n){var s=n,{children:e}=s,t=f(s,["children"]);return Y.createElement(j.Root,p({},t),e)}var Ur=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(Ur,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 Tt=j.Trigger;import*as So from"@radix-ui/react-progress";import*as co from"react";var Yr=_({"0%":{transform:"scaleX(1) translateX(-100%)",transformOrigin:"left"},"50%":{transform:"scaleX(1) translateX(1000%)",transformOrigin:"left"},"100%":{transform:"scaleX(1) translateX(2000%)",transformOrigin:"left"}}),qr=r(So.Root,{boxSizing:"border-box",position:"relative",height:"$1",overflow:"hidden",borderRadius:"$pill",'&[data-state="indeterminate"]':{backgroundColor:"$slate4","&::after":{animationName:Yr,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"}}),Zr=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)"}),wt=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(qr,m(p({},n),{ref:s,value:e,max:t}),co.createElement(Zr,{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"}}),kt=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(kt,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"}),Rt=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)"}),Pt=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(Pt,m(p({},e),{ref:t}),ao.createElement(Rt,null,ao.createElement(ee,null)),e.children));te.displayName="RadioCard";import*as R from"react";function Jr(){return!!(typeof window!="undefined"&&window.document&&window.document.createElement)}var Qr=Jr()?R.useLayoutEffect:R.useEffect,At=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 Qr(()=>{var B;let c=n.current,x=s.current,g=t.current,h=0,y=0,E=0,z=0,H=0;function go(){x&&g&&c&&(h=x.scrollHeight,y=x.clientHeight,E=x.scrollTop,z=E/h,H=y/h,H>=1?g.style.height="0px":(g.style.top=z*100+"%",g.style.height=Math.max(H*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/H)}}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(B=t.current)==null||B.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 Dt=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 zt from"@radix-ui/react-separator";var wo=r(zt.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 Kr=_({"0%":{opacity:0},"100%":{opacity:"100%"}}),lo=r("div",{backgroundColor:"$slate4",position:"relative",overflow:"hidden","&::after":{animationName:`${Kr}`,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 It=()=>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 Et=r("sub",{fontFeatureSettings:'"subs"',fontSize:"100%",lineHeight:"1",verticalAlign:"baseline"});var Bt=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 Lt=r("caption",{textAlign:"start",marginBottom:"$5"}),ie=r("tbody",{width:"100%"}),Wt=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"}}),Vt=r("thead",{[`& ${se}`]:{fontSize:"$1",color:"$gray11"},[`& ${le}`]:{fontSize:"$1",color:"$gray11"}}),jt=r("table",{width:"100%",tableLayout:"fixed",borderSpacing:0,variants:{striped:{true:{[`& ${ie}`]:{[`& ${ne}`]:{"&:nth-child(odd)":{bc:"$gray2"}}}}}}});var Ft=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 Mt=r(O.Root,{display:"flex",'&[data-orientation="horizontal"]':{flexDirection:"column"}}),Ot=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"}}}),Nt=r(O.Content,{flexGrow:1,"&:focus":{outline:"none",boxShadow:"inset 0 0 0 1px $slate8, 0 0 0 1px $slate8"}}),Gt=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(Gt,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 _t=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 Yt from"@radix-ui/react-portal";import{composeEventHandlers as ue}from"@radix-ui/react-utils";import da from"lodash/filter";import*as b from"react";import{Toaster as ca}from"react-hot-toast";import*as D from"react";import{useHoverDirty as oa,useMeasure as ea,useMethods as ta}from"react-use";var ra=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"}}}}}),aa=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"}}),ia=r("div",{marginTop:"-1px",width:"100%",opacity:"1",height:"100%",transition:"opacity .4s ease",wordBreak:"break-word"}),na=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"}}),sa=({count:e,idx:t,isHovered:n,methods:s,state:l,toast:u})=>{let d=e-t-1,c=t===e-1,[x,g]=ea(),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})`,H=c?"none":`translate3d(0px, -${parseInt(l[0])+(d===1?64:l[1]+64*2)}px, -${d}px) scale(1)!important`;return D.createElement(ra,{"data-toast":"",css:{maxHeight:c||n?`${g.height+64}px!important`:"64px",transform:n?H: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(aa,{ref:c?x:null,css:{}},D.createElement(ia,p({},h),u.message)))},Xt={0:0,1:0};function la(e){return{reset(){return Xt},set0(t){return m(p({},e),{0:t})},set1(t){return m(p({},e),{1:t})}}}var Ut=({toasts:e})=>{let t=e.length,n=D.useRef(null),s=oa(n),[l,u]=ta(la,Xt);return D.createElement(D.Fragment,null,D.createElement(na,{ref:n},e.map((d,c)=>D.createElement(sa,{count:t,key:`t-${c}-${d.id}`,methods:u,isHovered:s,idx:c,state:l,toast:d}))))};var qt=10,pa={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"},Zt={state:"idle",context:{toasts:[],pausedAt:void 0}},ge=b.createContext(Zt);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 ua=({toasts:e})=>{let t=da(e,{active:!0}).reverse(),n=t.length??0;return n===0?null:b.createElement(Yt.Root,null,n>0?b.createElement(Ut,{toasts:t}):null)},be=function({children:t}){let[{state:n,context:s},l]=Kt();return b.createElement(xe.Provider,{value:l},b.createElement(ge.Provider,{value:{state:n,context:s}},t,b.createElement(ua,{toasts:s==null?void 0:s.toasts}),b.createElement(ca,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 ga(){return b.useContext(he)}var Jt=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});Jt.displayName="ToastCenterItem";var $e=b.memo(Jt),ve=b.forwardRef((e,t)=>{let g=e,{onPointerEnter:n,onPointerLeave:s,children:l}=g,u=f(g,["onPointerEnter","onPointerLeave","children"]),[{context:d},c]=Kt(),{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(fa)}))}),Qt=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});Qt.displayName="ToastWarmerItem";var Ce=b.memo(Qt),ye=b.forwardRef((e,t)=>{let c=e,{children:n,onClick:s}=c,l=f(c,["children","onClick"]),u=Ro(),d=ga();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 ma({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=or(t,n);return{state:Po(s.toasts)?"interacting":"idle",context:s}}case 2:{let s=er(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=or(t,n);return{state:Po(s.toasts)?"timing":"idle",context:s}}case 2:{let s=er(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 xa(){let[{state:e,context:t},n]=b.useReducer(ma,Zt),s=t.toasts.map(l=>m(p({},l),{duration:l.duration||pa[l.type]}));return[{state:e,context:m(p({},t),{toasts:s})},n]}function Kt(){let[{state:e,context:t},n]=xa(),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,qt),l=n.splice(qt,n.length-1).map(tr);return m(p({},e),{toasts:[...s,...l]})}return e}function or(e,t){return"toastId"in t?m(p({},e),{toasts:e.toasts.map(n=>n.id===t.toastId?tr(n):n)}):e}function er(e,t){return"toastId"in t?m(p({},e),{toasts:e.toasts.filter(ba(t))}):e}function ba(e){return"toastId"in e?t=>t.id!==e.toastId:()=>!0}function tr(e){return m(p({},e),{active:!1})}function Po(e){return e.length>0&&e.some(t=>t.active)}function fa(e){return e.active}import*as io from"@radix-ui/react-tooltip";import*as rr from"@radix-ui/react-tooltip";var ar=r(rr.Content,{backgroundColor:"$transparentPanel",borderRadius:"$1",padding:"$1 $2",variants:{multiline:{true:{maxWidth:250,pb:7}}}});function ir(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(ar,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,Bo as h,Ho 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,lt as R,oo as S,pt as T,F as U,Uo as V,ut as W,eo as X,$o as Y,xt as Z,bt as _,ft as $,so as aa,ht as ba,Yo as ca,qo as da,$t as ea,vt as fa,U as ga,Ct as ha,to as ia,St as ja,Zo as ka,Tt as la,wt as ma,Jo as na,Ko as oa,oe as pa,te as qa,At as ra,Dt as sa,wo as ta,lo as ua,It as va,bo as wa,Et as xa,Bt as ya,ae as za,Lt as Aa,ie as Ba,Wt as Ca,ne as Da,se as Ea,le as Fa,Vt as Ga,jt as Ha,Ft as Ia,Mt as Ja,Ot as Ka,Nt as La,de as Ma,I as Na,_t as Oa,Ro as Pa,be as Qa,fe as Ra,$e as Sa,ve as Ta,Ce as Ua,ye as Va,Se as Wa,ir as Xa};
|