@jeromefitz/design-system 3.2.4 → 3.3.1

package/chunk-XUV44LG2.js

@@ -1,10 +0,0 @@
-import{a as Bo}from"./chunk-LJGGOEZ3.js";import{a as Z}from"./chunk-GIMDMAKY.js";import{a as mo}from"./chunk-TF4PMP23.js";import{a as K}from"./chunk-FSZNFKBN.js";import{a as Do}from"./chunk-JSEA7VTT.js";import{a as R}from"./chunk-I6WVJKE2.js";import{t as ko}from"./chunk-L5XDQAYZ.js";import{a as Ro}from"./chunk-ESZ7MQU6.js";import{a as g}from"./chunk-ADMVF64D.js";import{a as Io}from"./chunk-FEDGTJH6.js";import{a as so}from"./chunk-7ISE4WCH.js";import{a as co}from"./chunk-BIBHPL5Z.js";import{a as n}from"./chunk-FQADVRMR.js";import{c as W,f as po,h as t,j as Q}from"./chunk-LUPI2XL6.js";import{a as l,b as m,c as d,d as o}from"./chunk-E7TLDN4Q.js";import*as X from"react";var jo=t("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 oo from"react";var Xo=t("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$brandA8,
-            -15px 0 30px -15px $colors$orangeA8,
-            0 0 30px -15px $colors$orangeA8,
-            15px 0 30px -15px $colors$brandA8
-          `,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 Ao=oo.forwardRef((i,s)=>{var f=i,{children:e,icon:r}=f,a=d(f,["children","icon"]);return oo.createElement(Xo,l({ref:s},a),e,r&&oo.createElement(n,{as:"span",css:{ml:8,mr:-3,minWidth:"1rem",minHeight:"1rem"}},oo.createElement(r,null)))});Ao.displayName="ButtonMarketing";var _o=t("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 Uo=({children:e})=>o.createElement(R,{as:"p",css:{fontSize:"$2",lineHeight:"1.25",ml:"$1",py:"$3"}},e);var Yo=t("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",willChange:"transform","@media (prefers-reduced-motion: no-preference)":{transition:"transform 200ms cubic-bezier(0.22, 1, 0.36, 1), background-color 25ms linear"},"&::before":{boxShadow:"0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2)",opacity:"0","@media (prefers-reduced-motion: no-preference)":{transition:"all 200ms cubic-bezier(0.22, 1, 0.36, 1)"}},"@hover":{"&:hover":{backgroundColor:"$panel",transform:"translateY(-2px)","&::before":{opacity:"1"}}},"&:active":{transform:"translateY(0)",transition:"none","&::before":{boxShadow:"0px 5px 16px -5px rgba(22, 23, 24, 0.35), 0px 5px 10px -7px rgba(22, 23, 24, 0.2)",opacity:"1"}},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}},active:{transform:"translateY(0)",transition:"none","&::before":{boxShadow:"0px 5px 16px -5px rgba(22, 23, 24, 0.35), 0px 5px 10px -7px rgba(22, 23, 24, 0.2)",opacity:"1"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}}}}});var qo={backgroundColor:"$colors$gray4",border:"1px solid $colors$brand7",borderRadius:"12px",cursor:"pointer",height:"100%",overflow:"hidden",padding:"$4",position:"relative",width:"100%","@hover":{"&:hover":{backgroundColor:"$colors$gray5",transform:"scale(0.99)"}},"&:focus":{backgroundColor:"$colors$gray5",transform:"scale(0.99)"}},Jo=t(g,qo),Ct=t("a",{bottom:"0",color:"inherit",left:"0",position:"absolute",right:"0",textDecoration:"none",top:"0",zIndex:"10","&:focus":{[`* ${Jo}`]:{backgroundColor:"$colors$gray5",transform:"scale(0.99)"}}}),vt=t(n,{borderRadius:"12px ",position:"relative ",minHeight:"unset ",maxHeight:"none ",height:"200px ",border:"none"}),$t=t(n,{borderRadius:"12px ",position:"relative ",minHeight:"unset ",maxHeight:"none ",height:"200px ",border:"none",overflow:"hidden",mb:"0.5rem"}),St=t(g,{}),yt=t(n,{mb:"1.5rem",pb:"1rem"}),Pt=t(g,{position:"absolute",bottom:0,mb:"1rem"});import wt from"next/image";var Tt=t("div",{display:"flex",height:"100%"}),Mt=t("div",{position:"relative",borderRadius:"$4",height:"100%"}),zo=t("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)"}),Rt=t(wt,{borderRadius:"$4",borderTopLeftRadius:0,borderBottomLeftRadius:0,position:"relative"}),Qo=({base64:e,children:r,image:a,imageLabel:s="Spotify Description Coming Soon",slug:i})=>o.createElement(Lo,null,o.createElement(n,{as:"div",css:{borderRadius:"$4",position:"relative"}},o.createElement(zo,{css:{borderRadius:"$4",backgroundImage:`url(${e})`,backgroundSize:"cover"}}),o.createElement(g,{as:"div",css:{borderRadius:"$4",display:"flex",flexDirection:"column",minHeight:"100%",overflow:"hidden",position:"relative",width:"100%","@bp1":{flexDirection:"row"}}},o.createElement(g,{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"}}},r),o.createElement(g,{as:"div",css:{display:"flex",flexDirection:"column",justifyContent:"center",overflow:"hidden","@bp1":{width:"60%"}},style:{backgroundImage:`url(${e})`,backgroundSize:"cover"}},o.createElement(Rt,l({alt:s,blurDataURL:e,key:i,placeholder:"blur",priority:!1},a)))))),Lo=({children:e})=>o.createElement(Tt,null,o.createElement(Mt,null,e));import{composeEventHandlers as Ho}from"@radix-ui/primitive";import{useComposedRefs as It}from"@radix-ui/react-compose-refs";import{createContext as Dt}from"@radix-ui/react-context";import{useCallbackRef as Eo}from"@radix-ui/react-use-callback-ref";import kt from"lodash/debounce";import*as h from"react";import Bt from"smoothscroll-polyfill";var[At,uo]=Dt("Carousel"),Zo=e=>{let r=h.useRef(null),N=e,{children:a}=N,s=d(N,["children"]),i=h.useRef(null),[f,C]=h.useState({}),[x,p]=h.useState(!1),[c,S]=h.useState(!0),T=h.useRef(),V=h.useRef(100);h.useEffect(()=>Bt.polyfill(),[]);let k=Eo(v=>{var B;let P=(B=r.current)==null?void 0:B.querySelectorAll("[data-slide-intersection-ratio]");if(P){let y=Array.from(P.values());return v===1&&y.reverse(),y.find(M=>M.dataset.slideIntersectionRatio!=="0")}}),E=h.useCallback(()=>{let v=k(1);if(v){let{scrollLeft:P,scrollWidth:B,clientWidth:y}=i.current,M=v.clientWidth,Mo=M*2.5<document.documentElement.offsetWidth?2:1,q=Math.floor(P/M)*M+M*Mo;i.current.scrollTo({left:q,behavior:"smooth"}),S(q<=0),p(B-q-y<=0),V.current=500}},[k,S]),G=h.useCallback(()=>{let v=k(-1);if(v){let{scrollLeft:P,scrollWidth:B,clientWidth:y}=i.current,M=v.clientWidth,Mo=M*2.5<document.documentElement.offsetWidth?2:1,q=Math.ceil(P/M)*M-M*Mo;i.current.scrollTo({left:q,behavior:"smooth"}),S(q<=0),p(B-q-y<=0),V.current=500}},[k,S]);return h.useEffect(()=>{T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{requestAnimationFrame(()=>{if(i.current){let{scrollLeft:v,scrollWidth:P,clientWidth:B}=i.current;S(v<=0),p(P-v-B<=0),V.current=100}})},V.current)}),h.useEffect(()=>{let v=i.current;if(v){let P=kt(()=>C({}),100,{leading:!0,trailing:!0});return v.addEventListener("scroll",P),window.addEventListener("resize",P),C({}),()=>{v.removeEventListener("scroll",P),window.removeEventListener("resize",P)}}return()=>{}},[i]),h.createElement(At,{_:f,nextDisabled:x,prevDisabled:c,slideListRef:i,onNextClick:E,onPrevClick:G},h.createElement(n,m(l({},s),{ref:r}),a))},oe=e=>{let r=uo("CarouselSlideList"),a=h.useRef(null),s=It(a,r.slideListRef),[i,f]=h.useState(null),C=Eo(p=>{if(a.current){let c=p.clientX-i.pointerX;a.current.scrollLeft=i.scrollX-c}}),x=Eo(()=>{document.removeEventListener("mousemove",C),document.removeEventListener("mouseup",x),f(null)});return h.createElement(n,m(l({},e),{ref:s,"data-state":i?"dragging":void 0,onMouseDownCapture:Ho(e.onMouseDownCapture,p=>{p.button===0&&(document.addEventListener("mousemove",C),document.addEventListener("mouseup",x),f({scrollX:p.currentTarget.scrollLeft,pointerX:p.clientX}))}),onPointerDown:Ho(e.onPointerDown,p=>{let c=p.target;c.style.userSelect="none",c.setPointerCapture(p.pointerId)}),onPointerUp:Ho(e.onPointerUp,p=>{let c=p.target;c.style.userSelect="",c.releasePointerCapture(p.pointerId)})}))},ee=e=>{let p=e,{as:r=n}=p,a=d(p,["as"]),s=uo("CarouselSlide"),i=h.useRef(null),[f,C]=h.useState(0),x=h.useRef(!1);return h.useEffect(()=>{let c=new IntersectionObserver(([S])=>C(S.intersectionRatio),{root:s.slideListRef.current,threshold:[0,.5,1]});return c.observe(i.current),()=>c.disconnect()},[s.slideListRef]),h.createElement(r,m(l({},a),{ref:i,"data-slide-intersection-ratio":f,onDragStart:c=>{c.preventDefault(),x.current=!0},onClick:c=>{x.current&&c.preventDefault()}}))},te=e=>{let i=e,{as:r="button"}=i,a=d(i,["as"]),s=uo("CarouselNext");return h.createElement(r,m(l({},a),{onClick:()=>s.onNextClick(),disabled:s.nextDisabled}))},re=e=>{let i=e,{as:r="button"}=i,a=d(i,["as"]),s=uo("CarouselPrevious");return h.createElement(r,m(l({},a),{onClick:()=>s.onPrevClick(),disabled:s.prevDisabled}))},ie=t("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","@media (prefers-reduced-motion: no-preference)":{transition:"all 100ms"},"@hover":{"&:hover":{boxShadow:"$colors$blackA10 0px 3px 16px -5px, $colors$blackA5 0px 1px 3px",transform:"translateY(-1px)","&::before":{content:"",inset:-2,br:"$round",position:"absolute"}}},"&:focus":{boxShadow:`
-      $colors$blackA10 0px 3px 16px -5px,
-      $colors$blackA5 0px 1px 3px,
-      $colors$blue8 0 0 0 2px
-    `,transform:"translateY(-1px)"},"&:focus:not(:focus-visible)":{boxShadow:"$colors$blackA11 0px 2px 12px -5px, $colors$blackA5 0px 1px 3px"},"&:active:not(:focus)":{boxShadow:"$colors$blackA11 0px 2px 12px -5px, $colors$blackA5 0px 1px 3px"},"&:active":{transform:"none","@media (prefers-reduced-motion: no-preference)":{transition:"opacity 100ms"}},"&:disabled":{opacity:0},"@media (hover: none) and (pointer: coarse)":{display:"none"}});import*as b from"@radix-ui/react-context-menu";import{CheckIcon as zt}from"@radix-ui/react-icons";import*as z from"react";var ne=W({display:"flex",alignItems:"center",justifyContent:"space-between",fontFamily:"$untitled",fontSize:"$1",fontVariantNumeric:"tabular-nums",lineHeight:"1",cursor:"default",userSelect:"none",whiteSpace:"nowrap",height:"$5",px:"$5"}),F=W(ne,{position:"relative",color:"$hiContrast","&:focus":{outline:"none",backgroundColor:"$blue9",color:"white"},"&[data-disabled]":{color:"$slate9"}}),eo=W(ne,{color:"$slate11"}),to=W({boxSizing:"border-box",minWidth:120,py:"$1"}),ro=W({height:1,my:"$1",backgroundColor:"$slate6"});var ae=b.Root,se=b.Trigger,le=t(b.Content,to,K),pe=t(b.Separator,ro),ce=t(b.Item,F),Lt=t(b.RadioItem,F),de=z.forwardRef((s,a)=>{var i=s,{children:e}=i,r=d(i,["children"]);return z.createElement(Lt,m(l({},r),{ref:a}),z.createElement(n,{as:"span",css:{position:"absolute",left:"$1"}},z.createElement(b.ItemIndicator,null,z.createElement(g,{css:{width:"$3",height:"$3",alignItems:"center",justifyContent:"center"}},z.createElement(n,{css:{width:"$1",height:"$1",backgroundColor:"currentColor",borderRadius:"$round"}})))),e)}),Ht=t(b.CheckboxItem,F),me=z.forwardRef((s,a)=>{var i=s,{children:e}=i,r=d(i,["children"]);return z.createElement(Ht,m(l({},r),{ref:a}),z.createElement(n,{as:"span",css:{position:"absolute",left:"$1"}},z.createElement(b.ItemIndicator,null,z.createElement(zt,null))),e)}),ue=t(b.Label,eo),fe=t(b.RadioGroup,{}),xe=t(b.Group,{});import*as I from"@radix-ui/react-dialog";import{Cross1Icon as Et}from"@radix-ui/react-icons";import*as O from"react";var Ft=t(I.Overlay,Ro,{position:"fixed",top:0,right:0,bottom:0,left:0});function ge(a){var s=a,{children:e}=s,r=d(s,["children"]);return O.createElement(I.Root,l({},r),O.createElement(Ft,null),e)}var Vt=t(I.Content,K,{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:200,maxHeight:"85vh",padding:"$4",marginTop:"-5vh",willChange:"transform","&:focus":{outline:"none"}}),Kt=t(I.Close,{position:"absolute",top:"$2",right:"$2"}),ki=O.forwardRef((s,a)=>{var i=s,{children:e}=i,r=d(i,["children"]);return O.createElement(Vt,m(l({},r),{ref:a}),e,O.createElement(Kt,{asChild:!0},O.createElement(Io,{variant:"ghost"},O.createElement(Et,null))))}),he=I.Trigger,be=I.Close,Ce=I.Title,ve=I.Description;import*as u from"@radix-ui/react-dropdown-menu";import{CheckIcon as Gt}from"@radix-ui/react-icons";import*as L from"react";var $e=u.Root,Se=u.Trigger,ye=t(u.Content,to,K),Pe=t(u.Separator,ro),we=t(u.Item,F),Nt=t(u.RadioItem,F),Te=L.forwardRef((s,a)=>{var i=s,{children:e}=i,r=d(i,["children"]);return L.createElement(Nt,m(l({},r),{ref:a}),L.createElement(n,{as:"span",css:{position:"absolute",left:"$1"}},L.createElement(u.ItemIndicator,null,L.createElement(g,{css:{width:"$3",height:"$3",alignItems:"center",justifyContent:"center"}},L.createElement(n,{css:{width:"$1",height:"$1",backgroundColor:"currentColor",borderRadius:"$round"}})))),e)}),Wt=t(u.CheckboxItem,F),Me=L.forwardRef((s,a)=>{var i=s,{children:e}=i,r=d(i,["children"]);return L.createElement(Wt,m(l({},r),{ref:a}),L.createElement(n,{as:"span",css:{position:"absolute",left:"$1"}},L.createElement(u.ItemIndicator,null,L.createElement(Gt,null))),e)}),Re=t(u.ItemIndicator,{position:"absolute",left:0,width:25,display:"inline-flex",alignItems:"center",justifyContent:"center"}),Ie=t(u.Sub,{}),De=t(u.SubContent,{}),ke=t(u.SubTrigger,{all:"unset",fontSize:13,lineHeight:1,color:"$colors$primary",borderRadius:3,display:"flex",alignItems:"center",height:25,padding:"0 5px",position:"relative",paddingLeft:25,userSelect:"none","&[data-disabled]":{backgroundColor:"$colors$disabledBackground",color:"$colores$disabled",pointerEvents:"none"},"&:focus":{backgroundColor:"$colors$focusBackground",color:"$colors$focusColor"},'&[data-state="open"]':{backgroundColor:"$colors$openBackground",color:"$colors$open"}}),Be=t(u.Arrow,{mx:"$3",fill:"$panel"}),Ae=t(u.Label,eo),ze=t(u.RadioGroup,{}),Le=t(u.Group,{});import Ot from"lodash/merge";import*as fo from"react";var He="h1";var _=fo.forwardRef((e,r)=>{let C=e,{size:a="1"}=C,s=d(C,["size"]),i={1:{"@initial":"4","@bp2":"5"},2:{"@initial":"6","@bp2":"7"},3:{"@initial":"7","@bp2":"8"},4:{"@initial":"8","@bp2":"9"}},f={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 fo.createElement(R,m(l({as:He},s),{ref:r,size:i[a],css:l({fontVariantNumeric:"proportional-nums"},Ot(f[a],e.css))}))});_.displayName="Heading";import{KBarProvider as nr}from"kbar";var xo=W({background:"rgba(255 255 255 / 0.8)",zIndex:"$max",[`.${Q} &`]:{background:"rgba(0 0 0 / 0.8)"}}),go=W({backgroundColor:"$loContrast",boxShadow:"0 0 0 2px $colors$grayA9",borderRadius:"$2",minHeight:"$7",padding:"$1",height:"100%",width:"100%","@bp1":{height:"100%",maxHeight:"80vh",maxWidth:"75vw",minHeight:"80px",minWidth:"180px"}}),ho=W({backgroundColor:"transparent",border:"none",borderRadius:"$2",color:"$hiContrast",fontFamily:"$sans",fontWeight:"bold",outline:"none",pt:"$1",width:"100%",fontSize:"1rem","@bp1":{fontSize:"$3"}});import{useFocusTrap as Ut}from"@mantine/hooks";import Ve from"next/dynamic";var Ee={fontFamily:"$sans",fontSize:"0.825rem",mr:"$1"},Fe={fontFamily:"$sans",fontSize:"0.75rem",ml:"$3"},bo=()=>o.createElement(g,{as:"ul",css:{m:0,p:0,ml:"$1",listStyleType:"none"}},o.createElement(n,{as:"li",css:Fe},o.createElement(n,{as:"span",css:Ee},"\u2191\u2193"),"Select"),o.createElement(n,{as:"li",css:Fe},o.createElement(n,{as:"span",css:l({},Ee)},"\u21B5"),"Open"));import{KBarPortal as jt,KBarPositioner as Xt,KBarAnimator as _t}from"kbar";var Co=({children:e})=>o.createElement(jt,null,o.createElement(Xt,{className:xo()},o.createElement(_t,{className:go()},e)));var Yt=Ve(()=>import("./KBarSearch-X54YOBFU.js").then(e=>e.KBarSearch)),qt=Ve(()=>import("./KBarSearchResults-U6XGSAAD.js").then(e=>e.KBarSearchResults)),Ke=()=>{let e=Ut();return o.createElement(o.Fragment,null,o.createElement(Co,null,o.createElement(n,{css:{py:"$1",px:"$2"},ref:e},o.createElement(Yt,null)),o.createElement(Z,{decorative:!0,margin:"my2",size:"full"}),o.createElement(n,{css:{px:"$2"}},o.createElement(qt,null)),o.createElement(n,{css:{display:"none","@bp1":{display:"block"}}},o.createElement(Z,{decorative:!0,margin:"my2",size:"full"}),o.createElement(bo,null)),o.createElement(n,{css:{py:"$2"}})))};import{MagnifyingGlassIcon as Jt}from"@radix-ui/react-icons";import{KBarSearch as Qt}from"kbar";var Ge=r=>{var e=d(r,[]);return o.createElement(n,{css:{borderLeftWidth:"$2",borderRadius:"$2",ml:"$2"},role:"button"},o.createElement(g,{gap:"4"},o.createElement(g,{direction:"column",justify:"center",align:"center",css:{"& svg":{height:"$3",width:"$3",color:"$hiContrast"}}},o.createElement(_,{css:{color:"$hiContrast"},size:"1"},o.createElement(Jt,null))),o.createElement(Qt,l({className:ho(),type:"text"},e))))};import{ReplyIcon as Zt}from"@heroicons/react/outline";var or={marginTop:"3px",marginRight:"10px",width:"1rem",height:"1rem",transform:"rotate(180deg) scaleX(-1)"},vo=({active:e,item:r})=>typeof r=="string"?o.createElement(n,{css:{mt:"$1",pt:"$1",mb:"$3",pb:"$3",px:"$2"}},o.createElement(R,{size:"1",css:{color:"$hiContrast",textTransform:"uppercase"},weight:"semiBold"},r)):o.createElement(n,{css:{py:"$2",px:"$2",borderLeftWidth:"$2",cursor:"pointer",borderRadius:"$2"},role:"button"},o.createElement(g,{gap:"4"},r.icon&&o.createElement(g,{direction:"column",justify:"center",align:"center",css:{mt:0,"@bp1":{minWidth:"2rem"},"& svg":{height:"$3",width:"$3",color:"$hiContrast"}}},o.createElement(R,{css:{color:"$hiContrast"},size:"1"},r.icon)),o.createElement(g,{css:{alignItems:"center",flexGrow:"1",justifyContent:"start",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},direction:"row",gap:"3"},o.createElement(R,{css:{color:"$hiContrast",lineHeight:1.2,overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},size:"3",weight:"bold"},r.name),!!r.subtitle&&o.createElement(o.Fragment,null,o.createElement(R,{as:"span",css:{display:"none","@bp1":{display:"inline-flex"}},size:"1"},"\u2014"),o.createElement(R,{as:"span",css:{color:"$hiContrast",fontFamily:"$mono",my:"$1",display:"none","@bp1":{display:"inline-flex"},overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},size:"1"},r.subtitle))),r.shortcut&&o.createElement(g,{css:{alignItems:"right",marginRight:"1.75rem",display:"none","@bp1":{display:"inline-flex"}},gap:"2"},r.shortcut.map((a,s)=>o.createElement(Do,{key:`${r.id}-shortcut-key-${s}`,css:{cursor:"inherit",fontFamily:"$mono",fontSize:"$1",py:"$2"}},a)))),e&&o.createElement(ko,{css:{alignItems:"center",borderRadius:"$3",display:"flex",height:"100%",justifyContent:"flex-end",left:"1px",width:"99%","& svg":{display:"none","@bp1":{display:"inline-flex"}}},layoutId:"highlight"},o.createElement(Zt,{className:"hi2ri",style:or})));import{LayoutGroup as er}from"framer-motion";import{KBarResults as tr,useMatches as rr}from"kbar";var Ne=()=>{let{results:e}=rr();return o.createElement(o.Fragment,null,o.createElement(er,{id:"kbar-layout-group"},o.createElement(tr,{items:e,onRender:vo})))};import{useKBar as ir}from"kbar";var We=()=>{let e=ir(r=>r);return o.createElement(n,{css:{pb:"$2"}},o.createElement(co,{size:"1",css:{cursor:"pointer",fontFamily:"$mono",px:"$2","&:focus, &:hover":{color:"$hiContrast"},"@media (prefers-reduced-motion: no-preference)":{transition:"color 0.25s ease-in-out"}},onClick:()=>{e.query.setCurrentRootAction(null)}},"Menu"),!!(e!=null&&e.currentRootActionId)&&o.createElement(co,{size:"1",css:{cursor:"pointer",fontFamily:"$mono",ml:"$2",px:"$2","&:focus, &:hover":{color:"$hiContrast"},"@media (prefers-reduced-motion: no-preference)":{transition:"color 0.25s ease-in-out"}},onClick:()=>{e.query.setCurrentRootAction(e.actions[e==null?void 0:e.currentRootActionId].id)}},e.actions[e==null?void 0:e.currentRootActionId].name))};import{CheckIcon as ar}from"@radix-ui/react-icons";import*as $ from"@radix-ui/react-menu";import*as H from"react";var Oe=t($.Root,to),Nn=t($.Content,K),je=t($.Separator,ro),Xe=t($.Item,F),sr=t($.RadioItem,F),_e=H.forwardRef((s,a)=>{var i=s,{children:e}=i,r=d(i,["children"]);return H.createElement(sr,m(l({},r),{ref:a}),H.createElement(n,{as:"span",css:{position:"absolute",left:"$1"}},H.createElement($.ItemIndicator,null,H.createElement(g,{css:{width:"$3",height:"$3",alignItems:"center",justifyContent:"center"}},H.createElement(n,{css:{width:"$1",height:"$1",backgroundColor:"currentColor",borderRadius:"$round"}})))),e)}),lr=t($.CheckboxItem,F),Ue=H.forwardRef((s,a)=>{var i=s,{children:e}=i,r=d(i,["children"]);return H.createElement(lr,m(l({},r),{ref:a}),H.createElement(n,{as:"span",css:{position:"absolute",left:"$1"}},H.createElement($.ItemIndicator,null,H.createElement(ar,null))),e)}),Ye=t($.Label,eo),qe=t($.RadioGroup,{}),Je=t($.Group,{});var Qe=({children:e,label:r="Note:"})=>o.createElement(o.Fragment,null,o.createElement(n,{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(n,{as:"span","aria-label":"emoji memo",css:{fontStyle:"normal",mr:"$1"},role:"img",style:{WebkitBackgroundClip:"text",WebkitTextFillColor:"inherit"}},"\u{1F4DD}\uFE0F"," "," "),r," ")),e),o.createElement(n,{as:"div",css:{ml:"auto",pl:"0.5rem"}})));var Fo=()=>o.createElement(mo,{as:"span",variant:"heading",css:{fontSize:"inherit",height:"$fontSizes$8",mb:"$1",pr:"var(--width-1_4)"}},"\xA0"),Vo=()=>o.createElement(mo,{as:"span",variant:"text",css:{fontSize:"inherit",height:"$fontSizes$5",mb:"$7",mt:"$2",pr:"var(--width-2_4)"}},"\xA0"),Ze=()=>o.createElement(o.Fragment,null,o.createElement(_,{size:"4"},o.createElement(Fo,null)),o.createElement(io,{size:"2",as:"p",css:{mt:"$2",mb:"$7"}},o.createElement(Vo,null))),ot=({title:e,description:r})=>o.createElement(o.Fragment,null,o.createElement(_,{size:"4"},e),o.createElement(io,{size:"2",as:"p",css:{mt:"$2",mb:"$7"}},r));import pr from"lodash/merge";import*as $o from"react";var et="p";var io=$o.forwardRef((e,r)=>{let C=e,{size:a="1"}=C,s=d(C,["size"]),i={1:{"@initial":"3","@bp2":"4"},2:{"@initial":"5","@bp2":"6"}},f={1:{lineHeight:"25px","@bp2":{lineHeight:"27px"}},2:{color:"$typefaceSecondary",lineHeight:"27px","@bp2":{lineHeight:"30px"}}};return $o.createElement(R,m(l({as:et},s),{ref:r,size:i[a],css:l({},pr(f[a],e.css))}))});io.displayName="Paragraph";import*as j from"@radix-ui/react-popover";import*as J from"react";function tt(a){var s=a,{children:e}=s,r=d(s,["children"]);return J.createElement(j.Root,l({},r),e)}var cr=t(j.Content,K,{minWidth:200,minHeight:"$6",maxWidth:265,"&:focus":{outline:"none"}}),Ko=J.forwardRef((i,s)=>{var f=i,{children:e,hideArrow:r}=f,a=d(f,["children","hideArrow"]);return J.createElement(cr,m(l({sideOffset:0},a),{ref:s}),e,!r&&J.createElement(n,{css:{color:"$panel"}},J.createElement(j.Arrow,{width:11,height:5,offset:5,style:{fill:"currentColor"}})))});Ko.displayName="PopoverContent";var rt=j.Trigger;import*as D from"react";function dr(){return!!(typeof window<"u"&&window.document&&window.document.createElement)}var mr=dr()?D.useLayoutEffect:D.useEffect,it=e=>{let r=D.useRef(null),a=D.useRef(null),s=D.useRef(null),i=D.useRef(0),f=D.useRef({x:0,y:0}),C=D.useRef(typeof document>"u"?"":document.body.style.pointerEvents);return mr(()=>{var B;let x=a.current,p=s.current,c=r.current,S=0,T=0,V=0,k=0,E=0;function G(){p&&c&&x&&(S=p.scrollHeight,T=p.clientHeight,V=p.scrollTop,k=V/S,E=T/S,E>=1?c.style.height="0px":(c.style.top=k*100+"%",c.style.height=Math.max(E*100,10)+"%")),i.current=requestAnimationFrame(G)}function N(y){p&&c&&x&&(y.preventDefault(),f.current={x:y.clientX,y:y.clientY},x.classList.add("modulz-is-dragging"),window.addEventListener("mousemove",v),window.addEventListener("mouseup",P),C.current=document.body.style.pointerEvents,document.body.style.pointerEvents="none")}function v(y){if(p&&c&&x){let M={dx:f.current.x-y.clientX,dy:f.current.y-y.clientY};f.current={x:y.clientX,y:y.clientY},p.scrollTop-=Math.round(M.dy/E)}}function P(y){p&&c&&x&&(x.classList.remove("modulz-is-dragging"),window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",P),document.body.style.pointerEvents=C.current)}return(B=r.current)==null||B.addEventListener("mousedown",N),i.current=requestAnimationFrame(G),()=>{cancelAnimationFrame(i.current),c==null||c.removeEventListener("mousedown",N),window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",P)}},[]),D.createElement(g,{ref:a,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}}}},D.createElement(n,{"data-scroll-content":!0,ref:s,css:{position:"relative",overflow:"scroll",scrollbarWidth:"none",zIndex:1,WebkitOverflowScrolling:"touch","&::-webkit-scrollbar":{display:"none"}}},e.children),D.createElement(n,{ref:r,"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 nt=()=>o.createElement(n,{as:"span","aria-hidden":!0,css:{display:"block",width:"1px",height:"1px",minWidth:"1px",minHeight:"1px",ml:"calc(24px - 1px)",mt:"calc(24px - 1px)"}});import*as Y from"react";import*as U from"@radix-ui/react-tabs";var at=t(U.Root,{display:"flex",'&[data-orientation="horizontal"]':{flexDirection:"column"}}),st=t(U.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"}}}),lt=t(U.Content,{flexGrow:1,"&:focus":{outline:"none",boxShadow:"inset 0 0 0 1px $slate8, 0 0 0 1px $slate8"}}),pt=t(U.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 Go=Y.forwardRef((e,r)=>Y.createElement(Y.Fragment,null,Y.createElement(pt,m(l({},e),{ref:r})),Y.createElement(Z,null)));Go.displayName="TabsList";import*as A from"@radix-ui/react-toast";var No=25,ur=po({"0%":{opacity:1},"100%":{opacity:0}}),fr=po({from:{transform:`translateX(calc(100% + ${No}px))`},to:{transform:"translateX(0)"}}),xr=po({from:{transform:"translateX(var(--radix-toast-swipe-end-x))"},to:{transform:`translateX(calc(100% + ${No}px))`}}),gr=t(A.Root,{alignItems:"center",borderRadius:"$2",columnGap:"$2",display:"grid",gridTemplateAreas:'"title action" "description action"',gridTemplateColumns:"auto max-content",padding:"$4","@media (prefers-reduced-motion: no-preference)":{transition:"background-color 250ms ease",'&[data-state="open"]':{animation:`${fr} 150ms cubic-bezier(0.16, 1, 0.3, 1)`},'&[data-state="closed"]':{animation:`${ur} 100ms ease-in forwards`},'&[data-swipe="move"]':{transform:"translateX(var(--radix-toast-swipe-move-x))"},'&[data-swipe="cancel"]':{transform:"translateX(0)","@media (prefers-reduced-motion: no-preference)":{transition:"transform 200ms ease-out"}},'&[data-swipe="end"]':{animation:`${xr} 100ms ease-out forwards`}},boxShadow:"$shadows$toast",backgroundColor:"$colors$body",border:"1px solid $colors$gray11",color:"$colors$hiContrast","&:hover":{backgroundColor:"$colors$body",borderColor:"$colors$gray12"},variants:{variant:{error:{backgroundColor:"$colors$error",borderColor:"$colors$errorEmphasis",color:"$colors$errorText","&:hover":{backgroundColor:"$colors$errorHover",borderColor:"$colors$errorEmphasisHover",color:"$colors$errorTextHover"}},info:{backgroundColor:"$colors$info",borderColor:"$colors$infoEmphasis",color:"$colors$infoText","&:hover":{backgroundColor:"$colors$infoHover",borderColor:"$colors$infoEmphasisHover",color:"$colors$infoTextHover"}},success:{backgroundColor:"$colors$success",borderColor:"$colors$successEmphasis",color:"$colors$successText","&:hover":{backgroundColor:"$colors$successHover",borderColor:"$colors$successEmphasisHover",color:"$colors$successTextHover"}},warning:{backgroundColor:"$colors$warning",borderColor:"$colors$warningEmphasis",color:"$colors$warningText","&:hover":{backgroundColor:"$colors$warningHover",borderColor:"$colors$warningEmphasisHover",color:"$colors$warningTextHover"}}}}}),hr=t(A.Title,{color:"$colors$primary",fontSize:"0.9375rem",fontWeight:500,gridArea:"title",marginBottom:"$1"}),br=t(A.Description,{color:"$colors$secondary",fontSize:"0.8125rem",gridArea:"description",lineHeight:1.3,margin:0}),Cr=t(A.Action,{gridArea:"action"}),vr=t(A.Close,{gridArea:"action"}),$r=t(A.Viewport,{bottom:0,display:"flex",flexDirection:"column",gap:10,listStyle:"none",margin:0,maxWidth:"100vw",padding:No,position:"fixed",right:0,width:390,zIndex:"$toast"}),ct=A.Provider,dt=$r,So=gr,yo=hr,Po=br,wo=Cr,To=vr;import{Cross2Icon as Sr}from"@radix-ui/react-icons";import*as w from"react";var Wo=w.forwardRef((e,r)=>{let[a,s]=w.useState([]),i=(x,p)=>{let c,S,T,V,k,E,G,N=p;typeof x=="string"?E=x:{action:c,actionComponent:S,actionText:T,close:V,closeComponent:k,description:E,title:G,variant:N}=x,s(v=>[...v,{action:c,actionComponent:S,actionText:T,close:V,closeComponent:k,description:E,key:(+new Date).toString(),title:G,variant:N}])},f=x=>{s(p=>p.filter(c=>c.key!==x))},C=x=>{i(x,"default")};return w.useImperativeHandle(r,()=>({createToast:C,removeToastByKey:f})),w.createElement(w.Fragment,null,a.map(P=>{var B=P,{action:x,actionAltText:p,actionComponent:c,actionText:S,close:T,closeComponent:V,key:k,description:E,title:G,variant:N}=B,v=d(B,["action","actionAltText","actionComponent","actionText","close","closeComponent","key","description","title","variant"]);let y=!!x&&!!S,M=!y&&!!T;return w.createElement(So,l({key:k,onOpenChange:()=>{f(k)},variant:N},v),!!G&&w.createElement(yo,null,G," (",k,")"),w.createElement(Po,null,E),y&&w.createElement(wo,{asChild:!0,altText:p||S},w.createElement(so,{onClick:x,size:"1"},S)),M&&w.createElement(To,{asChild:!0,"aria-label":"Close"},w.createElement(so,{ghost:!0,size:"1",onClick:T||(()=>{})},w.createElement(Sr,null))))}))});Wo.displayName="Toaster";import*as no from"@radix-ui/react-tooltip";import*as mt from"@radix-ui/react-tooltip";var ut=t(mt.Content,{backgroundColor:"$transparentPanel",borderRadius:"$1",padding:"$1 $2",variants:{multiline:{true:{maxWidth:250,pb:7}}}});function ft(x){var p=x,{children:e,content:r,open:a,defaultOpen:s,onOpenChange:i,multiline:f}=p,C=d(p,["children","content","open","defaultOpen","onOpenChange","multiline"]);return o.createElement(no.Root,{open:a,defaultOpen:s,onOpenChange:i},o.createElement(no.Trigger,{asChild:!0},e),o.createElement(ut,m(l({side:"top",align:"center",sideOffset:5},C),{multiline:f}),o.createElement(R,{size:"1",as:"p",css:{color:"$loContrast",lineHeight:f?"20px":void 0}},r),o.createElement(n,{css:{color:"$transparentExtreme"}},o.createElement(no.Arrow,{offset:5,width:11,height:5,style:{fill:"currentColor"}}))))}import{CheckIcon as yr}from"@radix-ui/react-icons";import*as lo from"react";var Pr=t("div",g,{alignItems:"center",backgroundColor:"$blue9",borderRadius:"$round",color:"white",flexShrink:0,justifyContent:"center",width:"$3",height:"$3"}),xt=lo.forwardRef((e,r)=>lo.createElement(Pr,m(l({},e),{ref:r}),lo.createElement(yr,null)));import*as ao from"@radix-ui/react-avatar";var gt=t(ao.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"},gray:{backgroundColor:"$gray5"}},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","@media (prefers-reduced-motion: no-preference)":{transition:"opacity 25ms linear"}},"@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"}}),ht=t(ao.Image,{display:"flex",objectFit:"cover",boxSizing:"border-box",height:"100%",verticalAlign:"middle",width:"100%"}),bt=t(ao.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=t("div",{boxShadow:"0 0 0 2px $colors$loContrast",borderRadius:"50%"}),bc=t("div",{display:"flex",flexDirection:"row-reverse",[`& ${wr}:nth-child(n+2)`]:{marginRight:"-$1"}});var Oo=X.forwardRef((S,c)=>{var T=S,{alt:e,src:r,fallback:a,size:s,variant:i,shape:f,css:C,status:x}=T,p=d(T,["alt","src","fallback","size","variant","shape","css","status"]);return X.createElement(n,{css:m(l({},C),{position:"relative",height:"fit-content",width:"fit-content"})},X.createElement(gt,m(l({},p),{ref:c,size:s,variant:i,shape:f}),X.createElement(ht,{alt:e,src:r}),X.createElement(bt,{size:s},a)),x&&X.createElement(n,{css:{position:"absolute",bottom:"0",right:"0",boxShadow:"0 0 0 3px $colors$loContrast",borderRadius:"$round",mr:"-3px",mb:"-3px"}},X.createElement(Bo,{size:s&&s>2?"2":"1",variant:x})))});Oo.displayName="Avatar";export{Oo as a,jo as b,Ao as c,_o as d,Uo as e,Yo as f,qo as g,Jo as h,Ct as i,vt as j,$t as k,St as l,yt as m,Pt as n,zo as o,Qo as p,Lo as q,Zo as r,oe as s,ee as t,te as u,re as v,ie as w,ae as x,se as y,le as z,pe as A,ce as B,de as C,me as D,ue as E,fe as F,xe as G,ge as H,he as I,be as J,Ce as K,ve as L,$e as M,Se as N,ye as O,Pe as P,we as Q,Te as R,Me as S,Re as T,Ie as U,De as V,ke as W,Be as X,Ae as Y,ze as Z,Le as _,_ as $,xo as aa,go as ba,ho as ca,bo as da,Co as ea,Ge as fa,vo as ga,Ne as ha,Ke as ia,We as ja,nr as ka,Oe as la,je as ma,Xe as na,_e as oa,Ue as pa,Ye as qa,qe as ra,Je as sa,Qe as ta,Fo as ua,Vo as va,Ze as wa,ot as xa,io as ya,tt as za,Ko as Aa,rt as Ba,it as Ca,nt as Da,at as Ea,st as Fa,lt as Ga,Go as Ha,ct as Ia,dt as Ja,So as Ka,yo as La,Po as Ma,wo as Na,To as Oa,Wo as Pa,ft as Qa,xt as Ra};