@jeromefitz/design-system 1.0.0-design-system.1 → 1.1.2

package/{chunk-OHVYAPY3.js → chunk-2WADYYCL.js}

@@ -1,4 +1,4 @@
-import{a as p,b as m,c as f,d as o,g as mo,j as _,l as r,n as q}from"./chunk-TPNJULAU.js";import*as L from"@radix-ui/react-accordion";import{ChevronDownIcon as ir}from"@radix-ui/react-icons";import*as A from"react";var nr=_({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),sr=_({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),lr=r(L.Root,{borderRadius:6,width:"100%",backgroundColor:"$colors$gray1",boxShadow:"0 2px 10px $colors$gray12"}),dr=r(L.Item,{overflow:"hidden",marginTop:1,"&:first-child":{marginTop:0,borderTopLeftRadius:4,borderTopRightRadius:4},"&:last-child":{borderBottomLeftRadius:4,borderBottomRightRadius:4},"&:focus-within":{position:"relative",zIndex:1,boxShadow:"0 0 0 2px $colors$gray12"}}),cr=r(L.Header,{all:"unset",display:"flex"}),pr=r(L.Trigger,{all:"unset",fontFamily:"inherit",backgroundColor:"transparent",padding:"0 20px",height:45,flex:1,display:"flex",alignItems:"center",justifyContent:"space-between",fontSize:15,lineHeight:1,color:"$colors$gray12",boxShadow:"0 1px 0 $colors$gray9",'&[data-state="closed"]':{backgroundColor:"$colors$gray3"},'&[data-state="open"]':{backgroundColor:"$colors$gray5"},"&:hover":{backgroundColor:"$colors$gray4",cursor:"pointer"}}),ur=r(L.Content,{backgroundColor:"inherit",color:"$colors$gray12",fontSize:15,overflow:"hidden",'&[data-state="open"]':{animation:`${nr} 300ms cubic-bezier(0.87, 0, 0.13, 1)`},'&[data-state="closed"]':{animation:`${sr} 300ms cubic-bezier(0.87, 0, 0.13, 1)`}}),gr=r("div",{padding:"$2 $4"}),mr=r(ir,{color:"$colors$gray12",transition:"transform 300ms cubic-bezier(0.87, 0, 0.13, 1)","[data-state=open] &":{transform:"rotate(180deg)"},"@media (prefers-reduced-motion)":{transition:"none"}}),Do=A.forwardRef((s,n)=>{var l=s,{children:e}=l,t=f(l,["children"]);return A.createElement(cr,null,A.createElement(pr,m(p({},t),{ref:n}),A.createElement("div",null,e),A.createElement(mr,{"aria-hidden":!0})))});Do.displayName="AccordionTrigger";var zo=A.forwardRef((s,n)=>{var l=s,{children:e}=l,t=f(l,["children"]);return A.createElement(A.Fragment,null,A.createElement(ur,m(p({},t),{ref:n}),A.createElement(gr,null,e)))});zo.displayName="AccordionContent";var we=lr,ke=dr;var Re=r("div",{boxSizing:"border-box","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},border:"1px solid",borderRadius:"$2",variants:{size:{"1":{p:"$3"}},variant:{loContrast:{backgroundColor:"$loContrast",borderColor:"$slate6"},gray:{backgroundColor:"$slate2",borderColor:"$slate6"},blue:{backgroundColor:"$blue2",borderColor:"$blue6"},green:{backgroundColor:"$green2",borderColor:"$green6"},red:{backgroundColor:"$red2",borderColor:"$red6"}}},defaultVariants:{size:"1",variant:"gray"}});import{violet as xr,blackA as Pe,red as xo,mauve as X}from"@radix-ui/colors";import*as w from"@radix-ui/react-alert-dialog";import{styled as Z,keyframes as Ae}from"@stitches/react";var br=Ae({"0%":{opacity:0},"100%":{opacity:1}}),fr=Ae({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),hr=Z(w.Overlay,{backgroundColor:Pe.blackA9,position:"fixed",inset:0,"@media (prefers-reduced-motion: no-preference)":{animation:`${br} 150ms cubic-bezier(0.16, 1, 0.3, 1)`}});function $r(n){var s=n,{children:e}=s,t=f(s,["children"]);return o.createElement(w.Root,p({},t),o.createElement(hr,null),e)}var vr=Z(w.Content,{backgroundColor:"white",borderRadius:6,boxShadow:"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"90vw",maxWidth:"500px",maxHeight:"85vh",padding:25,"@media (prefers-reduced-motion: no-preference)":{animation:`${fr} 150ms cubic-bezier(0.16, 1, 0.3, 1)`},"&:focus":{outline:"none"}}),Cr=Z(w.Title,{margin:0,color:X.mauve12,fontSize:17,fontWeight:500}),yr=Z(w.Description,{marginBottom:20,color:X.mauve11,fontSize:15,lineHeight:1.5}),Sr=Z("div",{display:"flex"}),Io=Z("button",{all:"unset",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:4,padding:"0 15px",fontSize:15,lineHeight:1,fontWeight:500,height:35,variants:{variant:{violet:{backgroundColor:"white",color:xr.violet11,boxShadow:`0 2px 10px ${Pe.blackA7}`,"&:hover":{backgroundColor:X.mauve3},"&:focus":{boxShadow:"0 0 0 2px black"}},red:{backgroundColor:xo.red4,color:xo.red11,"&:hover":{backgroundColor:xo.red5},"&:focus":{boxShadow:`0 0 0 2px ${xo.red7}`}},mauve:{backgroundColor:X.mauve4,color:X.mauve11,"&:hover":{backgroundColor:X.mauve5},"&:focus":{boxShadow:`0 0 0 2px ${X.mauve7}`}}}},defaultVariants:{variant:"violet"}}),De=({dialogText:e})=>o.createElement(Eo,null,o.createElement(Ho,{asChild:!0},o.createElement(Io,null,e==null?void 0:e.dialogTrigger)),o.createElement(Bo,null,o.createElement(Lo,null,e==null?void 0:e.dialogTitle),o.createElement(Wo,null,e==null?void 0:e.dialogDescription),o.createElement(Sr,{css:{justifyContent:"flex-end"}},o.createElement(jo,{asChild:!0},o.createElement(Io,{variant:"mauve",css:{marginRight:25}},e==null?void 0:e.dialogCancel)),o.createElement(Vo,{asChild:!0},o.createElement(Io,{variant:"red"},e==null?void 0:e.dialogAction))))),Eo=$r,Ho=w.Trigger,Bo=vr,Lo=Cr,Wo=yr,Vo=w.Action,jo=w.Cancel;import*as ze from"@radix-ui/react-announce";var Ie=({children:e})=>o.createElement(ze.Root,null,e);import*as W from"react";import*as J from"@radix-ui/react-avatar";var Ee=r(J.Root,{alignItems:"center",justifyContent:"center",verticalAlign:"middle",overflow:"hidden",userSelect:"none",boxSizing:"border-box",display:"flex",flexShrink:0,position:"relative",border:"none",fontFamily:"inherit",lineHeight:"1",margin:"0",outline:"none",padding:"0",fontWeight:"700",color:"$hiContrast","&::before":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:"inherit",boxShadow:"inset 0px 0px 1px rgba(0, 0, 0, 0.12)"},variants:{border:{none:{border:"none"},solid:{border:"1px solid"}},size:{"1":{width:"$3",height:"$3"},"2":{width:"$5",height:"$5"},"3":{width:"$6",height:"$6"},"4":{width:"$7",height:"$7"},"5":{width:"$8",height:"$8"},"6":{width:"$9",height:"$9"}},variant:{hiContrast:{backgroundColor:"$hiContrast",color:"$loContrast"},amber:{backgroundColor:"$amber5"},blue:{backgroundColor:"$blue5"},bronze:{backgroundColor:"$bronze5"},brown:{backgroundColor:"$brown5"},crimson:{backgroundColor:"$crimson5"},cyan:{backgroundColor:"$cyan5"},gold:{backgroundColor:"$gold5"},grass:{backgroundColor:"$grass5"},gray:{backgroundColor:"$slate5"},green:{backgroundColor:"$green5"},indigo:{backgroundColor:"$indigo5"},lime:{backgroundColor:"$lime5"},mint:{backgroundColor:"$mint5"},orange:{backgroundColor:"$orange5"},pink:{backgroundColor:"$pink5"},plum:{backgroundColor:"$plum5"},purple:{backgroundColor:"$purple5"},red:{backgroundColor:"$red5"},sky:{backgroundColor:"$sky5"},teal:{backgroundColor:"$teal5"},tomato:{backgroundColor:"$tomato5"},violet:{backgroundColor:"$violet5"},yellow:{backgroundColor:"$yellow5"}},shape:{square:{borderRadius:"$2"},circle:{borderRadius:"50%"}},inactive:{true:{opacity:".3"}},interactive:{true:{"&::after":{content:'""',position:"absolute",top:"0",right:"0",bottom:"0",left:"0",backgroundColor:"rgba(0,0,0,.08)",opacity:"0",pointerEvents:"none",transition:"opacity 25ms linear","@media (prefers-reduced-motion)":{transition:"none"}},"@hover":{"&:hover":{"&::after":{opacity:"1"}}},'&[data-state="open"]':{"&::after":{backgroundColor:"rgba(0,0,0,.12)",opacity:"1"}}}}},defaultVariants:{border:"none",size:"2",variant:"gray",shape:"circle"}}),He=r(J.Image,{display:"flex",objectFit:"cover",boxSizing:"border-box",height:"100%",verticalAlign:"middle",width:"100%"}),Be=r(J.Fallback,{textTransform:"uppercase",variants:{size:{"1":{fontSize:"10px",lineHeight:"15px"},"2":{fontSize:"$3"},"3":{fontSize:"$6"},"4":{fontSize:"$7"},"5":{fontSize:"$8"},"6":{fontSize:"$9"}}},defaultVariants:{size:"2"}}),Tr=r("div",{boxShadow:"0 0 0 2px $colors$loContrast",borderRadius:"50%"}),Ba=r("div",{display:"flex",flexDirection:"row-reverse",[`& ${Tr}:nth-child(n+2)`]:{marginRight:"-$1"}});var Fo=W.forwardRef((h,g)=>{var y=h,{alt:e,src:t,fallback:n,size:s,variant:l,shape:u,css:d,status:c}=y,x=f(y,["alt","src","fallback","size","variant","shape","css","status"]);return W.createElement(v,{css:m(p({},d),{position:"relative",height:"fit-content",width:"fit-content"})},W.createElement(Ee,m(p({},x),{ref:g,size:s,variant:l,shape:u}),W.createElement(He,{alt:e,src:t}),W.createElement(Be,{size:s},n)),c&&W.createElement(v,{css:{position:"absolute",bottom:"0",right:"0",boxShadow:"0 0 0 3px $colors$loContrast",borderRadius:"$round",mr:"-3px",mb:"-3px"}},W.createElement(bo,{size:s&&s>2?"2":"1",variant:c})))});Fo.displayName="Avatar";var Le=r("span",{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",justifyContent:"center",lineHeight:"1",verticalAlign:"middle",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)","&:disabled":{backgroundColor:"$slate3",pointerEvents:"none",color:"$slate8"},"&::before":{boxSizing:"border-box",content:'""'},"&::after":{boxSizing:"border-box",content:'""'},backgroundColor:"$slate3",borderRadius:"$pill",color:"$slate11",whiteSpace:"nowrap",fontVariantNumeric:"tabular-nums",variants:{size:{"1":{height:"$4",px:"$1",fontSize:"$1"},"2":{height:"$5",px:"$2",fontSize:"$2"}},variant:{gray:{backgroundColor:"$slate3",color:"$slate11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"}},red:{backgroundColor:"$red3",color:"$red11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$red8, 0 0 0 1px $colors$red8"}},crimson:{backgroundColor:"$crimson3",color:"$crimson11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$crimson8, 0 0 0 1px $colors$crimson8"}},pink:{backgroundColor:"$pink3",color:"$pink11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$violet8, 0 0 0 1px $colors$violet8"}},purple:{backgroundColor:"$purple3",color:"$purple11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$purple8, 0 0 0 1px $colors$purple8"}},violet:{backgroundColor:"$violet3",color:"$violet11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$violet8, 0 0 0 1px $colors$violet8"}},indigo:{backgroundColor:"$indigo3",color:"$indigo11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$indigo8, 0 0 0 1px $colors$indigo8"}},blue:{backgroundColor:"$blue3",color:"$blue11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}},cyan:{backgroundColor:"$cyan3",color:"$cyan11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$cyan8, 0 0 0 1px $colors$cyan8"}},teal:{backgroundColor:"$teal3",color:"$teal11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$teal8, 0 0 0 1px $colors$teal8"}},green:{backgroundColor:"$green3",color:"$green11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$green8, 0 0 0 1px $colors$green8"}},lime:{backgroundColor:"$lime3",color:"$lime11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$lime8, 0 0 0 1px $colors$lime8"}},yellow:{backgroundColor:"$yellow3",color:"$yellow11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$yellow8, 0 0 0 1px $colors$yellow8"}},orange:{backgroundColor:"$orange3",color:"$orange11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$orange8, 0 0 0 1px $colors$orange8"}},gold:{backgroundColor:"$gold3",color:"$gold11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$gold8, 0 0 0 1px $colors$gold8"}},bronze:{backgroundColor:"$bronze3",color:"$bronze11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$bronze8, 0 0 0 1px $colors$bronze8"}}},interactive:{true:{}}},compoundVariants:[{interactive:!0,variant:"red",css:{"@hover":{"&:hover":{backgroundColor:"$red4"}},"&:active":{backgroundColor:"$red5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$red5"}}},{interactive:!0,variant:"crimson",css:{"@hover":{"&:hover":{backgroundColor:"$crimson4"}},"&:active":{backgroundColor:"$crimson5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$crimson5"}}},{interactive:!0,variant:"pink",css:{"@hover":{"&:hover":{backgroundColor:"$pink4"}},"&:active":{backgroundColor:"$pink5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$pink5"}}},{interactive:!0,variant:"purple",css:{"@hover":{"&:hover":{backgroundColor:"$purple4"}},"&:active":{backgroundColor:"$purple5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$purple5"}}},{interactive:!0,variant:"violet",css:{"@hover":{"&:hover":{backgroundColor:"$violet4"}},"&:active":{backgroundColor:"$violet5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$violet5"}}},{interactive:!0,variant:"indigo",css:{"@hover":{"&:hover":{backgroundColor:"$indigo4"}},"&:active":{backgroundColor:"$indigo5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$indigo5"}}},{interactive:!0,variant:"blue",css:{"@hover":{"&:hover":{backgroundColor:"$blue4"}},"&:active":{backgroundColor:"$blue5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blue5"}}},{interactive:!0,variant:"cyan",css:{"@hover":{"&:hover":{backgroundColor:"$cyan4"}},"&:active":{backgroundColor:"$cyan5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$cyan5"}}},{interactive:!0,variant:"teal",css:{"@hover":{"&:hover":{backgroundColor:"$teal4"}},"&:active":{backgroundColor:"$teal5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$teal5"}}},{interactive:!0,variant:"green",css:{"@hover":{"&:hover":{backgroundColor:"$green4"}},"&:active":{backgroundColor:"$green5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$green5"}}},{interactive:!0,variant:"lime",css:{"@hover":{"&:hover":{backgroundColor:"$lime4"}},"&:active":{backgroundColor:"$lime5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$lime5"}}},{interactive:!0,variant:"yellow",css:{"@hover":{"&:hover":{backgroundColor:"$yellow4"}},"&:active":{backgroundColor:"$yellow5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$yellow5"}}},{interactive:!0,variant:"orange",css:{"@hover":{"&:hover":{backgroundColor:"$orange4"}},"&:active":{backgroundColor:"$orange5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$orange5"}}},{interactive:!0,variant:"gold",css:{"@hover":{"&:hover":{backgroundColor:"$gold4"}},"&:active":{backgroundColor:"$gold5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$gold5"}}},{interactive:!0,variant:"bronze",css:{"@hover":{"&:hover":{backgroundColor:"$bronze4"}},"&:active":{backgroundColor:"$bronze5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$bronze5"}}}],defaultVariants:{size:"1",variant:"gray"}});var We=r("div",{boxSizing:"border-box","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},display:"flex",justifyContent:"center",alignItems:"center",gap:"$3",variants:{size:{"1":{py:"$1",px:"$4"}},variant:{loContrast:{backgroundColor:"$loContrast"},gray:{backgroundColor:"$slate3"},blue:{backgroundColor:"$blue3"},green:{backgroundColor:"$green3"},red:{backgroundColor:"$red3"}},rounded:{true:{borderRadius:"$pill"}},border:{true:{borderRadius:"$pill"}}},compoundVariants:[{border:"true",variant:"gray",css:{borderColor:"$slate6"}},{border:"true",variant:"blue",css:{borderColor:"$blue11"}},{border:"true",variant:"loContrast",css:{borderColor:"$slate6"}}],defaultVariants:{size:"1",variant:"gray"}});var v=r("div",{boxSizing:"border-box"});var Ve=r("div",{cursor:"grab","&:active":{cursor:"grabbing"},mr:"-$$gap",pr:"$$gap"});var je=r("a",{display:"block",color:"$hiContrast",textDecoration:"none",outline:0,p:"$1",m:"-$1",br:"$1","&:focus":{boxShadow:"0 0 0 2px $colors$gray12"},"&:focus:not(:focus-visible)":{boxShadow:"none"}});var Fe=r("button",{all:"unset",alignItems:"center",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},display:"inline-flex",flexShrink:0,justifyContent:"center",lineHeight:"1",WebkitTapHighlightColor:"rgba(0,0,0,0)",height:"$5",px:"$2",fontFamily:"$untitled",fontSize:"$2",fontWeight:500,fontVariantNumeric:"tabular-nums","&:disabled":{backgroundColor:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$slate8",pointerEvents:"none"},variants:{size:{"1":{borderRadius:"$1",height:"$5",px:"$2",fontSize:"$1",lineHeight:"$sizes$5"},"2":{borderRadius:"$2",height:"$6",px:"$3",fontSize:"$3",lineHeight:"$sizes$6"},"3":{borderRadius:"$2",height:"$7",px:"$4",fontSize:"$4",lineHeight:"$sizes$7"}},variant:{gray:{backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$hiContrast","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8"}},blue:{backgroundColor:"$blue2",boxShadow:"inset 0 0 0 1px $colors$blue7",color:"$blue11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$blue8"}},"&:active":{backgroundColor:"$blue3",boxShadow:"inset 0 0 0 1px $colors$blue8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blue4",boxShadow:"inset 0 0 0 1px $colors$blue8"}},green:{backgroundColor:"$green2",boxShadow:"inset 0 0 0 1px $colors$green7",color:"$green11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$green8"}},"&:active":{backgroundColor:"$green3",boxShadow:"inset 0 0 0 1px $colors$green8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$green8, 0 0 0 1px $colors$green8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$green4",boxShadow:"inset 0 0 0 1px $colors$green8"}},red:{backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$red11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$red3",boxShadow:"inset 0 0 0 1px $colors$red8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$red8, 0 0 0 1px $colors$red8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$red4",boxShadow:"inset 0 0 0 1px $colors$red8"}},transparentWhite:{backgroundColor:"hsla(0,100%,100%,.2)",color:"white","@hover":{"&:hover":{backgroundColor:"hsla(0,100%,100%,.25)"}},"&:active":{backgroundColor:"hsla(0,100%,100%,.3)"},"&:focus":{boxShadow:"inset 0 0 0 1px hsla(0,100%,100%,.35), 0 0 0 1px hsla(0,100%,100%,.35)"}},transparentBlack:{backgroundColor:"hsla(0,0%,0%,.2)",color:"black","@hover":{"&:hover":{backgroundColor:"hsla(0,0%,0%,.25)"}},"&:active":{backgroundColor:"hsla(0,0%,0%,.3)"},"&:focus":{boxShadow:"inset 0 0 0 1px hsla(0,0%,0%,.35), 0 0 0 1px hsla(0,0%,0%,.35)"}}},state:{active:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8",color:"$slate11","@hover":{"&:hover":{backgroundColor:"$slate5",boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate5"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"}},waiting:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8",color:"transparent",pointerEvents:"none","@hover":{"&:hover":{backgroundColor:"$slate5",boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate5"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8"}}},ghost:{true:{backgroundColor:"transparent",boxShadow:"none"}}},compoundVariants:[{variant:"gray",ghost:"true",css:{backgroundColor:"transparent",color:"$hiContrast","@hover":{"&:hover":{backgroundColor:"$slateA3",boxShadow:"none"}},"&:active":{backgroundColor:"$slateA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slateA8, 0 0 0 1px $colors$slateA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slateA4",boxShadow:"none"}}},{variant:"blue",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$blueA3",boxShadow:"none"}},"&:active":{backgroundColor:"$blueA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blueA8, 0 0 0 1px $colors$blueA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blueA4",boxShadow:"none"}}},{variant:"green",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$greenA3",boxShadow:"none"}},"&:active":{backgroundColor:"$greenA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$greenA8, 0 0 0 1px $colors$greenA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$greenA4",boxShadow:"none"}}},{variant:"red",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$redA3",boxShadow:"none"}},"&:active":{backgroundColor:"$redA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$redA8, 0 0 0 1px $colors$redA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$redA4",boxShadow:"none"}}}],defaultVariants:{size:"1",variant:"gray"}});var Me=r("button",{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",fontSize:"14px",justifyContent:"center",lineHeight:"1",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"transparent",color:"$hiContrast","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},backgroundColor:"$loContrast",border:"1px solid $slate7","@hover":{"&:hover":{borderColor:"$slate8"}},"&:active":{backgroundColor:"$slate2"},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8"},"&:disabled":{pointerEvents:"none",backgroundColor:"transparent",color:"$slate6"},variants:{cursor:{arrow:{cursor:"arrow"},pointer:{cursor:"pointer"}},size:{"1":{borderRadius:"$1",height:"$5",width:"$5"},"2":{borderRadius:"$2",height:"$6",width:"$6"},"3":{borderRadius:"$2",height:"$7",width:"$7"},"4":{borderRadius:"$3",height:"$8",width:"$8"}},variant:{ghost:{backgroundColor:"transparent",borderWidth:"0","@hover":{"&:hover":{backgroundColor:"$slateA3"}},"&:focus":{borderRadius:"$1",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$hiContrast"},"&:active":{backgroundColor:"$slateA4"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slateA4"}},raised:{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)","@hover":{"&:hover":{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"}},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"},"&:active":{backgroundColor:"$slate4"}}},state:{active:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}},waiting:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}}}},defaultVariants:{cursor:"arrow",size:"1",variant:"ghost"}});import*as Q from"react";var Oe=r("button",{all:"unset",alignItems:"center",boxSizing:"border-box",userSelect:"none",display:"inline-flex",WebkitTapHighlightColor:"rgba(0,0,0,0)",height:"$7",px:"$4",fontFamily:"$untitled",fontWeight:500,borderRadius:"$2",fontSize:"$3",lineHeight:"$sizes$7","&:disabled":{bc:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$slate8",pointerEvents:"not-allowed"},"&[href]":{cursor:"pointer"},variants:{variant:{contrast:{bc:"$hiContrast",color:"$loContrast","@hover":{"&:hover":{opacity:.9}},"&:active":{opacity:.8},"&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"},$$backlight:`
+import{c as mo,f as _,h as r,j as q}from"./chunk-HHPZ3EO6.js";import{a as p,b as m,c as f,d as o}from"./chunk-QGMHYQ7V.js";import*as L from"@radix-ui/react-accordion";import{ChevronDownIcon as ir}from"@radix-ui/react-icons";import*as A from"react";var nr=_({from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),sr=_({from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),lr=r(L.Root,{borderRadius:6,width:"100%",backgroundColor:"$colors$gray1",boxShadow:"0 2px 10px $colors$gray12"}),dr=r(L.Item,{overflow:"hidden",marginTop:1,"&:first-child":{marginTop:0,borderTopLeftRadius:4,borderTopRightRadius:4},"&:last-child":{borderBottomLeftRadius:4,borderBottomRightRadius:4},"&:focus-within":{position:"relative",zIndex:1,boxShadow:"0 0 0 2px $colors$gray12"}}),cr=r(L.Header,{all:"unset",display:"flex"}),pr=r(L.Trigger,{all:"unset",fontFamily:"inherit",backgroundColor:"transparent",padding:"0 20px",height:45,flex:1,display:"flex",alignItems:"center",justifyContent:"space-between",fontSize:15,lineHeight:1,color:"$colors$gray12",boxShadow:"0 1px 0 $colors$gray9",'&[data-state="closed"]':{backgroundColor:"$colors$gray3"},'&[data-state="open"]':{backgroundColor:"$colors$gray5"},"&:hover":{backgroundColor:"$colors$gray4",cursor:"pointer"}}),ur=r(L.Content,{backgroundColor:"inherit",color:"$colors$gray12",fontSize:15,overflow:"hidden",'&[data-state="open"]':{animation:`${nr} 300ms cubic-bezier(0.87, 0, 0.13, 1)`},'&[data-state="closed"]':{animation:`${sr} 300ms cubic-bezier(0.87, 0, 0.13, 1)`}}),gr=r("div",{padding:"$2 $4"}),mr=r(ir,{color:"$colors$gray12",transition:"transform 300ms cubic-bezier(0.87, 0, 0.13, 1)","[data-state=open] &":{transform:"rotate(180deg)"},"@media (prefers-reduced-motion)":{transition:"none"}}),Do=A.forwardRef((s,n)=>{var l=s,{children:e}=l,t=f(l,["children"]);return A.createElement(cr,null,A.createElement(pr,m(p({},t),{ref:n}),A.createElement("div",null,e),A.createElement(mr,{"aria-hidden":!0})))});Do.displayName="AccordionTrigger";var zo=A.forwardRef((s,n)=>{var l=s,{children:e}=l,t=f(l,["children"]);return A.createElement(A.Fragment,null,A.createElement(ur,m(p({},t),{ref:n}),A.createElement(gr,null,e)))});zo.displayName="AccordionContent";var we=lr,ke=dr;var Re=r("div",{boxSizing:"border-box","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},border:"1px solid",borderRadius:"$2",variants:{size:{"1":{p:"$3"}},variant:{loContrast:{backgroundColor:"$loContrast",borderColor:"$slate6"},gray:{backgroundColor:"$slate2",borderColor:"$slate6"},blue:{backgroundColor:"$blue2",borderColor:"$blue6"},green:{backgroundColor:"$green2",borderColor:"$green6"},red:{backgroundColor:"$red2",borderColor:"$red6"}}},defaultVariants:{size:"1",variant:"gray"}});import{violet as xr,blackA as Pe,red as xo,mauve as X}from"@radix-ui/colors";import*as w from"@radix-ui/react-alert-dialog";import{styled as Z,keyframes as Ae}from"@stitches/react";var br=Ae({"0%":{opacity:0},"100%":{opacity:1}}),fr=Ae({"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),hr=Z(w.Overlay,{backgroundColor:Pe.blackA9,position:"fixed",inset:0,"@media (prefers-reduced-motion: no-preference)":{animation:`${br} 150ms cubic-bezier(0.16, 1, 0.3, 1)`}});function $r(n){var s=n,{children:e}=s,t=f(s,["children"]);return o.createElement(w.Root,p({},t),o.createElement(hr,null),e)}var vr=Z(w.Content,{backgroundColor:"white",borderRadius:6,boxShadow:"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"90vw",maxWidth:"500px",maxHeight:"85vh",padding:25,"@media (prefers-reduced-motion: no-preference)":{animation:`${fr} 150ms cubic-bezier(0.16, 1, 0.3, 1)`},"&:focus":{outline:"none"}}),Cr=Z(w.Title,{margin:0,color:X.mauve12,fontSize:17,fontWeight:500}),yr=Z(w.Description,{marginBottom:20,color:X.mauve11,fontSize:15,lineHeight:1.5}),Sr=Z("div",{display:"flex"}),Io=Z("button",{all:"unset",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:4,padding:"0 15px",fontSize:15,lineHeight:1,fontWeight:500,height:35,variants:{variant:{violet:{backgroundColor:"white",color:xr.violet11,boxShadow:`0 2px 10px ${Pe.blackA7}`,"&:hover":{backgroundColor:X.mauve3},"&:focus":{boxShadow:"0 0 0 2px black"}},red:{backgroundColor:xo.red4,color:xo.red11,"&:hover":{backgroundColor:xo.red5},"&:focus":{boxShadow:`0 0 0 2px ${xo.red7}`}},mauve:{backgroundColor:X.mauve4,color:X.mauve11,"&:hover":{backgroundColor:X.mauve5},"&:focus":{boxShadow:`0 0 0 2px ${X.mauve7}`}}}},defaultVariants:{variant:"violet"}}),De=({dialogText:e})=>o.createElement(Eo,null,o.createElement(Ho,{asChild:!0},o.createElement(Io,null,e==null?void 0:e.dialogTrigger)),o.createElement(Bo,null,o.createElement(Lo,null,e==null?void 0:e.dialogTitle),o.createElement(Wo,null,e==null?void 0:e.dialogDescription),o.createElement(Sr,{css:{justifyContent:"flex-end"}},o.createElement(jo,{asChild:!0},o.createElement(Io,{variant:"mauve",css:{marginRight:25}},e==null?void 0:e.dialogCancel)),o.createElement(Vo,{asChild:!0},o.createElement(Io,{variant:"red"},e==null?void 0:e.dialogAction))))),Eo=$r,Ho=w.Trigger,Bo=vr,Lo=Cr,Wo=yr,Vo=w.Action,jo=w.Cancel;import*as ze from"@radix-ui/react-announce";var Ie=({children:e})=>o.createElement(ze.Root,null,e);import*as W from"react";import*as J from"@radix-ui/react-avatar";var Ee=r(J.Root,{alignItems:"center",justifyContent:"center",verticalAlign:"middle",overflow:"hidden",userSelect:"none",boxSizing:"border-box",display:"flex",flexShrink:0,position:"relative",border:"none",fontFamily:"inherit",lineHeight:"1",margin:"0",outline:"none",padding:"0",fontWeight:"700",color:"$hiContrast","&::before":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:"inherit",boxShadow:"inset 0px 0px 1px rgba(0, 0, 0, 0.12)"},variants:{border:{none:{border:"none"},solid:{border:"1px solid"}},size:{"1":{width:"$3",height:"$3"},"2":{width:"$5",height:"$5"},"3":{width:"$6",height:"$6"},"4":{width:"$7",height:"$7"},"5":{width:"$8",height:"$8"},"6":{width:"$9",height:"$9"}},variant:{hiContrast:{backgroundColor:"$hiContrast",color:"$loContrast"},amber:{backgroundColor:"$amber5"},blue:{backgroundColor:"$blue5"},bronze:{backgroundColor:"$bronze5"},brown:{backgroundColor:"$brown5"},crimson:{backgroundColor:"$crimson5"},cyan:{backgroundColor:"$cyan5"},gold:{backgroundColor:"$gold5"},grass:{backgroundColor:"$grass5"},gray:{backgroundColor:"$slate5"},green:{backgroundColor:"$green5"},indigo:{backgroundColor:"$indigo5"},lime:{backgroundColor:"$lime5"},mint:{backgroundColor:"$mint5"},orange:{backgroundColor:"$orange5"},pink:{backgroundColor:"$pink5"},plum:{backgroundColor:"$plum5"},purple:{backgroundColor:"$purple5"},red:{backgroundColor:"$red5"},sky:{backgroundColor:"$sky5"},teal:{backgroundColor:"$teal5"},tomato:{backgroundColor:"$tomato5"},violet:{backgroundColor:"$violet5"},yellow:{backgroundColor:"$yellow5"}},shape:{square:{borderRadius:"$2"},circle:{borderRadius:"50%"}},inactive:{true:{opacity:".3"}},interactive:{true:{"&::after":{content:'""',position:"absolute",top:"0",right:"0",bottom:"0",left:"0",backgroundColor:"rgba(0,0,0,.08)",opacity:"0",pointerEvents:"none",transition:"opacity 25ms linear","@media (prefers-reduced-motion)":{transition:"none"}},"@hover":{"&:hover":{"&::after":{opacity:"1"}}},'&[data-state="open"]':{"&::after":{backgroundColor:"rgba(0,0,0,.12)",opacity:"1"}}}}},defaultVariants:{border:"none",size:"2",variant:"gray",shape:"circle"}}),He=r(J.Image,{display:"flex",objectFit:"cover",boxSizing:"border-box",height:"100%",verticalAlign:"middle",width:"100%"}),Be=r(J.Fallback,{textTransform:"uppercase",variants:{size:{"1":{fontSize:"10px",lineHeight:"15px"},"2":{fontSize:"$3"},"3":{fontSize:"$6"},"4":{fontSize:"$7"},"5":{fontSize:"$8"},"6":{fontSize:"$9"}}},defaultVariants:{size:"2"}}),Tr=r("div",{boxShadow:"0 0 0 2px $colors$loContrast",borderRadius:"50%"}),Ba=r("div",{display:"flex",flexDirection:"row-reverse",[`& ${Tr}:nth-child(n+2)`]:{marginRight:"-$1"}});var Fo=W.forwardRef((h,g)=>{var y=h,{alt:e,src:t,fallback:n,size:s,variant:l,shape:u,css:d,status:c}=y,x=f(y,["alt","src","fallback","size","variant","shape","css","status"]);return W.createElement(v,{css:m(p({},d),{position:"relative",height:"fit-content",width:"fit-content"})},W.createElement(Ee,m(p({},x),{ref:g,size:s,variant:l,shape:u}),W.createElement(He,{alt:e,src:t}),W.createElement(Be,{size:s},n)),c&&W.createElement(v,{css:{position:"absolute",bottom:"0",right:"0",boxShadow:"0 0 0 3px $colors$loContrast",borderRadius:"$round",mr:"-3px",mb:"-3px"}},W.createElement(bo,{size:s&&s>2?"2":"1",variant:c})))});Fo.displayName="Avatar";var Le=r("span",{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",justifyContent:"center",lineHeight:"1",verticalAlign:"middle",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)","&:disabled":{backgroundColor:"$slate3",pointerEvents:"none",color:"$slate8"},"&::before":{boxSizing:"border-box",content:'""'},"&::after":{boxSizing:"border-box",content:'""'},backgroundColor:"$slate3",borderRadius:"$pill",color:"$slate11",whiteSpace:"nowrap",fontVariantNumeric:"tabular-nums",variants:{size:{"1":{height:"$4",px:"$1",fontSize:"$1"},"2":{height:"$5",px:"$2",fontSize:"$2"}},variant:{gray:{backgroundColor:"$slate3",color:"$slate11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"}},red:{backgroundColor:"$red3",color:"$red11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$red8, 0 0 0 1px $colors$red8"}},crimson:{backgroundColor:"$crimson3",color:"$crimson11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$crimson8, 0 0 0 1px $colors$crimson8"}},pink:{backgroundColor:"$pink3",color:"$pink11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$violet8, 0 0 0 1px $colors$violet8"}},purple:{backgroundColor:"$purple3",color:"$purple11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$purple8, 0 0 0 1px $colors$purple8"}},violet:{backgroundColor:"$violet3",color:"$violet11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$violet8, 0 0 0 1px $colors$violet8"}},indigo:{backgroundColor:"$indigo3",color:"$indigo11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$indigo8, 0 0 0 1px $colors$indigo8"}},blue:{backgroundColor:"$blue3",color:"$blue11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}},cyan:{backgroundColor:"$cyan3",color:"$cyan11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$cyan8, 0 0 0 1px $colors$cyan8"}},teal:{backgroundColor:"$teal3",color:"$teal11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$teal8, 0 0 0 1px $colors$teal8"}},green:{backgroundColor:"$green3",color:"$green11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$green8, 0 0 0 1px $colors$green8"}},lime:{backgroundColor:"$lime3",color:"$lime11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$lime8, 0 0 0 1px $colors$lime8"}},yellow:{backgroundColor:"$yellow3",color:"$yellow11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$yellow8, 0 0 0 1px $colors$yellow8"}},orange:{backgroundColor:"$orange3",color:"$orange11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$orange8, 0 0 0 1px $colors$orange8"}},gold:{backgroundColor:"$gold3",color:"$gold11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$gold8, 0 0 0 1px $colors$gold8"}},bronze:{backgroundColor:"$bronze3",color:"$bronze11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$bronze8, 0 0 0 1px $colors$bronze8"}}},interactive:{true:{}}},compoundVariants:[{interactive:!0,variant:"red",css:{"@hover":{"&:hover":{backgroundColor:"$red4"}},"&:active":{backgroundColor:"$red5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$red5"}}},{interactive:!0,variant:"crimson",css:{"@hover":{"&:hover":{backgroundColor:"$crimson4"}},"&:active":{backgroundColor:"$crimson5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$crimson5"}}},{interactive:!0,variant:"pink",css:{"@hover":{"&:hover":{backgroundColor:"$pink4"}},"&:active":{backgroundColor:"$pink5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$pink5"}}},{interactive:!0,variant:"purple",css:{"@hover":{"&:hover":{backgroundColor:"$purple4"}},"&:active":{backgroundColor:"$purple5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$purple5"}}},{interactive:!0,variant:"violet",css:{"@hover":{"&:hover":{backgroundColor:"$violet4"}},"&:active":{backgroundColor:"$violet5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$violet5"}}},{interactive:!0,variant:"indigo",css:{"@hover":{"&:hover":{backgroundColor:"$indigo4"}},"&:active":{backgroundColor:"$indigo5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$indigo5"}}},{interactive:!0,variant:"blue",css:{"@hover":{"&:hover":{backgroundColor:"$blue4"}},"&:active":{backgroundColor:"$blue5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blue5"}}},{interactive:!0,variant:"cyan",css:{"@hover":{"&:hover":{backgroundColor:"$cyan4"}},"&:active":{backgroundColor:"$cyan5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$cyan5"}}},{interactive:!0,variant:"teal",css:{"@hover":{"&:hover":{backgroundColor:"$teal4"}},"&:active":{backgroundColor:"$teal5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$teal5"}}},{interactive:!0,variant:"green",css:{"@hover":{"&:hover":{backgroundColor:"$green4"}},"&:active":{backgroundColor:"$green5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$green5"}}},{interactive:!0,variant:"lime",css:{"@hover":{"&:hover":{backgroundColor:"$lime4"}},"&:active":{backgroundColor:"$lime5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$lime5"}}},{interactive:!0,variant:"yellow",css:{"@hover":{"&:hover":{backgroundColor:"$yellow4"}},"&:active":{backgroundColor:"$yellow5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$yellow5"}}},{interactive:!0,variant:"orange",css:{"@hover":{"&:hover":{backgroundColor:"$orange4"}},"&:active":{backgroundColor:"$orange5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$orange5"}}},{interactive:!0,variant:"gold",css:{"@hover":{"&:hover":{backgroundColor:"$gold4"}},"&:active":{backgroundColor:"$gold5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$gold5"}}},{interactive:!0,variant:"bronze",css:{"@hover":{"&:hover":{backgroundColor:"$bronze4"}},"&:active":{backgroundColor:"$bronze5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$bronze5"}}}],defaultVariants:{size:"1",variant:"gray"}});var We=r("div",{boxSizing:"border-box","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},display:"flex",justifyContent:"center",alignItems:"center",gap:"$3",variants:{size:{"1":{py:"$1",px:"$4"}},variant:{loContrast:{backgroundColor:"$loContrast"},gray:{backgroundColor:"$slate3"},blue:{backgroundColor:"$blue3"},green:{backgroundColor:"$green3"},red:{backgroundColor:"$red3"}},rounded:{true:{borderRadius:"$pill"}},border:{true:{borderRadius:"$pill"}}},compoundVariants:[{border:"true",variant:"gray",css:{borderColor:"$slate6"}},{border:"true",variant:"blue",css:{borderColor:"$blue11"}},{border:"true",variant:"loContrast",css:{borderColor:"$slate6"}}],defaultVariants:{size:"1",variant:"gray"}});var v=r("div",{boxSizing:"border-box"});var Ve=r("div",{cursor:"grab","&:active":{cursor:"grabbing"},mr:"-$$gap",pr:"$$gap"});var je=r("a",{display:"block",color:"$hiContrast",textDecoration:"none",outline:0,p:"$1",m:"-$1",br:"$1","&:focus":{boxShadow:"0 0 0 2px $colors$gray12"},"&:focus:not(:focus-visible)":{boxShadow:"none"}});var Fe=r("button",{all:"unset",alignItems:"center",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},display:"inline-flex",flexShrink:0,justifyContent:"center",lineHeight:"1",WebkitTapHighlightColor:"rgba(0,0,0,0)",height:"$5",px:"$2",fontFamily:"$untitled",fontSize:"$2",fontWeight:500,fontVariantNumeric:"tabular-nums","&:disabled":{backgroundColor:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$slate8",pointerEvents:"none"},variants:{size:{"1":{borderRadius:"$1",height:"$5",px:"$2",fontSize:"$1",lineHeight:"$sizes$5"},"2":{borderRadius:"$2",height:"$6",px:"$3",fontSize:"$3",lineHeight:"$sizes$6"},"3":{borderRadius:"$2",height:"$7",px:"$4",fontSize:"$4",lineHeight:"$sizes$7"}},variant:{gray:{backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$hiContrast","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8"}},blue:{backgroundColor:"$blue2",boxShadow:"inset 0 0 0 1px $colors$blue7",color:"$blue11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$blue8"}},"&:active":{backgroundColor:"$blue3",boxShadow:"inset 0 0 0 1px $colors$blue8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blue4",boxShadow:"inset 0 0 0 1px $colors$blue8"}},green:{backgroundColor:"$green2",boxShadow:"inset 0 0 0 1px $colors$green7",color:"$green11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$green8"}},"&:active":{backgroundColor:"$green3",boxShadow:"inset 0 0 0 1px $colors$green8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$green8, 0 0 0 1px $colors$green8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$green4",boxShadow:"inset 0 0 0 1px $colors$green8"}},red:{backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$red11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$red3",boxShadow:"inset 0 0 0 1px $colors$red8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$red8, 0 0 0 1px $colors$red8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$red4",boxShadow:"inset 0 0 0 1px $colors$red8"}},transparentWhite:{backgroundColor:"hsla(0,100%,100%,.2)",color:"white","@hover":{"&:hover":{backgroundColor:"hsla(0,100%,100%,.25)"}},"&:active":{backgroundColor:"hsla(0,100%,100%,.3)"},"&:focus":{boxShadow:"inset 0 0 0 1px hsla(0,100%,100%,.35), 0 0 0 1px hsla(0,100%,100%,.35)"}},transparentBlack:{backgroundColor:"hsla(0,0%,0%,.2)",color:"black","@hover":{"&:hover":{backgroundColor:"hsla(0,0%,0%,.25)"}},"&:active":{backgroundColor:"hsla(0,0%,0%,.3)"},"&:focus":{boxShadow:"inset 0 0 0 1px hsla(0,0%,0%,.35), 0 0 0 1px hsla(0,0%,0%,.35)"}}},state:{active:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8",color:"$slate11","@hover":{"&:hover":{backgroundColor:"$slate5",boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate5"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"}},waiting:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8",color:"transparent",pointerEvents:"none","@hover":{"&:hover":{backgroundColor:"$slate5",boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate5"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8"}}},ghost:{true:{backgroundColor:"transparent",boxShadow:"none"}}},compoundVariants:[{variant:"gray",ghost:"true",css:{backgroundColor:"transparent",color:"$hiContrast","@hover":{"&:hover":{backgroundColor:"$slateA3",boxShadow:"none"}},"&:active":{backgroundColor:"$slateA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slateA8, 0 0 0 1px $colors$slateA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slateA4",boxShadow:"none"}}},{variant:"blue",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$blueA3",boxShadow:"none"}},"&:active":{backgroundColor:"$blueA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blueA8, 0 0 0 1px $colors$blueA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blueA4",boxShadow:"none"}}},{variant:"green",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$greenA3",boxShadow:"none"}},"&:active":{backgroundColor:"$greenA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$greenA8, 0 0 0 1px $colors$greenA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$greenA4",boxShadow:"none"}}},{variant:"red",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$redA3",boxShadow:"none"}},"&:active":{backgroundColor:"$redA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$redA8, 0 0 0 1px $colors$redA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$redA4",boxShadow:"none"}}}],defaultVariants:{size:"1",variant:"gray"}});var Me=r("button",{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",fontSize:"14px",justifyContent:"center",lineHeight:"1",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"transparent",color:"$hiContrast","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},backgroundColor:"$loContrast",border:"1px solid $slate7","@hover":{"&:hover":{borderColor:"$slate8"}},"&:active":{backgroundColor:"$slate2"},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8"},"&:disabled":{pointerEvents:"none",backgroundColor:"transparent",color:"$slate6"},variants:{cursor:{arrow:{cursor:"arrow"},pointer:{cursor:"pointer"}},size:{"1":{borderRadius:"$1",height:"$5",width:"$5"},"2":{borderRadius:"$2",height:"$6",width:"$6"},"3":{borderRadius:"$2",height:"$7",width:"$7"},"4":{borderRadius:"$3",height:"$8",width:"$8"}},variant:{ghost:{backgroundColor:"transparent",borderWidth:"0","@hover":{"&:hover":{backgroundColor:"$slateA3"}},"&:focus":{borderRadius:"$1",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$hiContrast"},"&:active":{backgroundColor:"$slateA4"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slateA4"}},raised:{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)","@hover":{"&:hover":{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"}},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"},"&:active":{backgroundColor:"$slate4"}}},state:{active:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}},waiting:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}}}},defaultVariants:{cursor:"arrow",size:"1",variant:"ghost"}});import*as Q from"react";var Oe=r("button",{all:"unset",alignItems:"center",boxSizing:"border-box",userSelect:"none",display:"inline-flex",WebkitTapHighlightColor:"rgba(0,0,0,0)",height:"$7",px:"$4",fontFamily:"$untitled",fontWeight:500,borderRadius:"$2",fontSize:"$3",lineHeight:"$sizes$7","&:disabled":{bc:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$slate8",pointerEvents:"not-allowed"},"&[href]":{cursor:"pointer"},variants:{variant:{contrast:{bc:"$hiContrast",color:"$loContrast","@hover":{"&:hover":{opacity:.9}},"&:active":{opacity:.8},"&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"},$$backlight:`
             0 0 0 2px $colors$plumA3,
             -15px 0 30px -15px $colors$orangeA8,
             0 0 30px -15px $colors$pinkA8,