@jeromefitz/design-system 3.2.4-canary.1 → 3.2.5

package/chunk-MK2SVDZS.js

@@ -1 +0,0 @@
-import{f as i,h as o}from"./chunk-BBXJF4CB.js";import*as t from"@radix-ui/react-progress";import*as r from"react";var d=i({"0%":{transform:"scaleX(1) translateX(-100%)",transformOrigin:"left"},"50%":{transform:"scaleX(1) translateX(1000%)",transformOrigin:"left"},"100%":{transform:"scaleX(1) translateX(2000%)",transformOrigin:"left"}}),f=o(t.Root,{boxSizing:"border-box",position:"relative",height:"$1",overflow:"hidden",borderRadius:"$pill",'&[data-state="indeterminate"]':{backgroundColor:"$slate4","&::after":{animationName:d,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"}}),P=o(t.Indicator,{boxSizing:"border-box",position:"absolute",top:0,right:0,bottom:0,left:0,width:"100%",backgroundColor:"$slate4","@media (prefers-reduced-motion: no-preference)":{transition:"transform 150ms cubic-bezier(0.65, 0, 0.35, 1)"}}),b=r.forwardRef(({value:e,max:a=100,...s},n)=>{let g=e!=null?Math.round(e/a*100):null;return r.createElement(f,{...s,ref:n,value:e,max:a},r.createElement(P,{style:{transform:`translateX(${g}%)`}}))});export{b as a};

package/chunk-NCZ44RKT.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkBNH4F6I5cjs = require('./chunk-BNH4F6I5.cjs');var _reactaccordion = require('@radix-ui/react-accordion'); var r = _interopRequireWildcard(_reactaccordion);var _reacticons = require('@radix-ui/react-icons');var _react = require('react'); var o = _interopRequireWildcard(_react);var g=_chunkBNH4F6I5cjs.f.call(void 0, {from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),m=_chunkBNH4F6I5cjs.f.call(void 0, {from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),p=_chunkBNH4F6I5cjs.h.call(void 0, r.Root,{borderRadius:6,width:"100%",backgroundColor:"$colors$gray1",boxShadow:"0 2px 10px $colors$gray12"}),h=_chunkBNH4F6I5cjs.h.call(void 0, r.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"}}),f=_chunkBNH4F6I5cjs.h.call(void 0, r.Header,{all:"unset",display:"flex"}),y=_chunkBNH4F6I5cjs.h.call(void 0, r.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"}}),$=_chunkBNH4F6I5cjs.h.call(void 0, r.Content,{backgroundColor:"inherit",color:"$colors$gray12",fontSize:15,overflow:"hidden",'&[data-state="open"]':{animation:`${g} 300ms cubic-bezier(0.87, 0, 0.13, 1)`},'&[data-state="closed"]':{animation:`${m} 300ms cubic-bezier(0.87, 0, 0.13, 1)`}}),b=_chunkBNH4F6I5cjs.h.call(void 0, "div",{padding:"$2 $4"}),u=_chunkBNH4F6I5cjs.h.call(void 0, _reacticons.ChevronDownIcon,{color:"$colors$gray12","[data-state=open] &":{transform:"rotate(180deg)"},"@media (prefers-reduced-motion: no-preference)":{transition:"transform 300ms cubic-bezier(0.87, 0, 0.13, 1)"}}),c= exports.a =o.forwardRef(({children:t,...i},n)=>o.createElement(f,null,o.createElement(y,{...i,ref:n},o.createElement("div",null,t),o.createElement(u,{"aria-hidden":!0}))));c.displayName="AccordionTrigger";var a=o.forwardRef(({children:t,...i},n)=>o.createElement(o.Fragment,null,o.createElement($,{...i,ref:n},o.createElement(b,null,t))));a.displayName="AccordionContent";var C=p,R= exports.d =h;exports.a = c; exports.b = a; exports.c = C; exports.d = R;

package/chunk-NHEA6PNB.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkBNH4F6I5cjs = require('./chunk-BNH4F6I5.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _reactnavigationmenu = require('@radix-ui/react-navigation-menu'); var e = _interopRequireWildcard(_reactnavigationmenu);var _framermotion = require('framer-motion');var x=_chunkBNH4F6I5cjs.f.call(void 0, {from:{transform:"translateX(200px)",opacity:0},to:{transform:"translateX(0)",opacity:1}}),N=_chunkBNH4F6I5cjs.f.call(void 0, {from:{transform:"translateX(-200px)",opacity:0},to:{transform:"translateX(0)",opacity:1}}),M=_chunkBNH4F6I5cjs.f.call(void 0, {from:{transform:"translateX(0)",opacity:1},to:{transform:"translateX(200px)",opacity:0}}),w=_chunkBNH4F6I5cjs.f.call(void 0, {from:{transform:"translateX(0)",opacity:1},to:{transform:"translateX(-200px)",opacity:0}}),$=_chunkBNH4F6I5cjs.f.call(void 0, {from:{transform:"translateY(5px) rotateX(-20deg) scale(0.97)",opacity:0},to:{transform:"translateY(0px) rotateX(0deg) scale(1)",opacity:1}}),b=_chunkBNH4F6I5cjs.f.call(void 0, {from:{transform:"translateY(0px) rotateX(0deg) ",opacity:1},to:{transform:"translateY(5px) rotateX(-10deg)",opacity:0}}),S=_chunkBNH4F6I5cjs.f.call(void 0, {from:{opacity:0},to:{opacity:1}}),C=_chunkBNH4F6I5cjs.f.call(void 0, {from:{opacity:1},to:{opacity:0}}),I=_chunkBNH4F6I5cjs.h.call(void 0, e.Root,{position:"relative",display:"flex",justifyContent:"center",width:"100%",zIndex:1}),k=_chunkBNH4F6I5cjs.h.call(void 0, e.List,{all:"unset",backgroundColor:"inherit",borderRadius:6,display:"flex",justifyContent:"center",listStyle:"none",padding:6}),r={borderRadius:4,color:"$colors$primary",fontSize:15,fontWeight:500,lineHeight:1,outline:"none",padding:"8px 12px",userSelect:"none"},L=_chunkBNH4F6I5cjs.h.call(void 0, e.Trigger,{all:"unset",...r,display:"flex",alignItems:"center",justifyContent:"space-between",gap:2,"&:hover":{cursor:"pointer"},'&[data-state="open"]':{backgroundColor:"$colors$focusBackground"},'&[data-state="closed"]':{"&:focus":{position:"relative",boxShadow:"0 0 0 1px $colors$focus"},"&:hover":{backgroundColor:"$colors$focusBackground"}}}),T=_chunkBNH4F6I5cjs.h.call(void 0, _reacticons.CaretDownIcon,{position:"relative",color:"$colors$primary",top:1,"[data-state=open] &":{transform:"rotate(-180deg)"},"@media (prefers-reduced-motion: no-preference)":{transition:"transform 250ms ease"}}),R=_chunkBNH4F6I5cjs.h.call(void 0, e.Link,{...r,display:"block",textDecoration:"none",fontSize:15,lineHeight:1,"&:focus":{position:"relative",boxShadow:"0 0 0 1px $colors$focus"},"&:hover":{backgroundColor:"$colors$hoverBackground",cursor:"pointer"},variants:{focus:{true:{padding:"$1",position:"relative",listStyle:"none",cursor:"pointer",width:"90%",height:"90%",margin:"$1",outline:"none",span:{position:"relative",left:"4px",right:0,top:"6px",bottom:0,zIndex:1,userSelect:"none",fontSize:"1rem"}}},type:{callout:{background:"linear-gradient(135deg, $colors$emphasis 0%, $colors$foreground 100%)",display:"flex",justifyContent:"flex-end",flexDirection:"column",width:"100%",height:"100%",p:0,m:0,mb:"$1",pb:"$3"}}}}),P=_chunkBNH4F6I5cjs.h.call(void 0, e.Content,{backgroundColor:"$colors$panel",position:"absolute",top:0,left:0,width:"95%","@media only screen and (min-width: 600px)":{width:"auto"},"@media (prefers-reduced-motion: no-preference)":{animationDuration:"250ms",animationTimingFunction:"ease",'&[data-motion="from-start"]':{animationName:N},'&[data-motion="from-end"]':{animationName:x},'&[data-motion="to-start"]':{animationName:w},'&[data-motion="to-end"]':{animationName:M}}}),X=_chunkBNH4F6I5cjs.h.call(void 0, e.Indicator,{display:"flex",alignItems:"flex-end",justifyContent:"center",height:10,top:"100%",overflow:"hidden",zIndex:1,"@media (prefers-reduced-motion: no-preference)":{transition:"width, transform 250ms ease",'&[data-state="visible"]':{animation:`${S} 200ms ease`},'&[data-state="hidden"]':{animation:`${C} 200ms ease`}}}),z=_chunkBNH4F6I5cjs.h.call(void 0, "div",{position:"relative",top:"70%",backgroundColor:"$colors$panel",boxShadow:"0 2px 10px $colors$shadow",width:10,height:10,transform:"rotate(45deg)",borderTopLeftRadius:2}),W=_chunkBNH4F6I5cjs.h.call(void 0, e.Viewport,{backgroundColor:"inherit",borderRadius:6,boxShadow:"0 2px 10px $colors$shadow",height:"var(--radix-navigation-menu-viewport-height)",marginTop:10,overflow:"hidden",position:"relative",transformOrigin:"top center",width:"100%","@media only screen and (min-width: 600px)":{width:"var(--radix-navigation-menu-viewport-width)"},"@media (prefers-reduced-motion: no-preference)":{transition:"width, height, 300ms ease",'&[data-state="open"]':{animation:`${$} 200ms ease`},'&[data-state="closed"]':{animation:`${b} 200ms ease`}}}),F= exports.a =I,A= exports.b =k,j= exports.c =e.Item,s= exports.d =L,d= exports.e =T,D= exports.f =R,V= exports.g =P,B= exports.h =W,c= exports.i =X,u=z,H= exports.j =_chunkBNH4F6I5cjs.h.call(void 0, "ul",{columnGap:10,display:"grid",listStyle:"none",margin:0,p:"$2","@bp1":{p:"$3"},"@media (prefers-reduced-motion: no-preference)":{transition:"all 250ms ease"},variants:{layout:{one:{"@media only screen and (min-width: 600px)":{gridTemplateColumns:".75fr 1fr",width:500}},two:{"@media only screen and (min-width: 600px)":{gridAutoFlow:"column",gridTemplateRows:"repeat(3, 1fr)",width:600}},three:{"@media only screen and (min-width: 600px)":{gridAutoFlow:"column",gridTemplateRows:"repeat(4, 1fr)",width:600}}}}}),O= exports.k =_chunkBNH4F6I5cjs.h.call(void 0, "li",{borderRadius:"$2",py:"$1",px:"0",m:"0","@media (prefers-reduced-motion: no-preference)":{transition:"all 250ms ease"}}),Y= exports.l =_chunkBNH4F6I5cjs.h.call(void 0, e.Link,{...r,display:"block",textDecoration:"none",fontSize:15,lineHeight:1,"&:focus":{position:"relative",boxShadow:"0 0 0 1px transparent"},"&:hover":{backgroundColor:"transparent"},variants:{focus:{true:{padding:"$1",position:"relative",listStyle:"none",cursor:"pointer",width:"90%",height:"90%",margin:"$1",outline:"none",span:{position:"relative",left:"4px",right:0,top:"6px",bottom:0,zIndex:1,userSelect:"none",fontSize:"1rem"}}},type:{callout:{background:"linear-gradient(135deg, $colors$emphasis 0%, $colors$foreground 100%)",display:"flex",justifyContent:"flex-end",flexDirection:"column",width:"100%",height:"100%",p:0,m:0,mb:"$1",pb:"$3"}}}}),E= exports.m =_chunkBNH4F6I5cjs.h.call(void 0, "div",{color:"$colors$primary",fontWeight:500,lineHeight:1.2,marginBottom:5}),G= exports.n =_chunkBNH4F6I5cjs.h.call(void 0, "p",{all:"unset",color:"$colors$secondary",fontWeight:"initial",lineHeight:1.4}),q= exports.o =_chunkBNH4F6I5cjs.h.call(void 0, "div",{display:"flex",justifyContent:"center",left:0,perspective:"2000px",position:"absolute",top:"100%",width:"100%"}),l= exports.p =_chunkBNH4F6I5cjs.h.call(void 0, _framermotion.motion.div,{position:"absolute",top:"-3px",left:"-3px",width:"110%",height:"110%",borderRadius:"$2",zIndex:0,background:"$colors$hoverBackground",variants:{type:{callout:{top:"-9px",left:"-9px"}},color:{primary:{}}}}),p= exports.q =_chunkBNH4F6I5cjs.h.call(void 0, _framermotion.motion.div,{position:"absolute",top:"-3px",left:"-3px",width:"110%",height:"110%",background:"transparent",border:"2px solid $colors$tertiary",borderRadius:"8px",zIndex:1});var J=o.forwardRef(({children:n,css:a,...f},v)=>o.createElement(s,{...f,ref:v},n,o.createElement(d,{"aria-hidden":!0,css:a}))),K=o.forwardRef((n,a)=>o.createElement(c,{...n,ref:a},o.createElement(u,null))),Q= exports.r =J,U= exports.s =K,Z= exports.t =o.forwardRef((n,a)=>o.createElement(l,{ref:a,transition:{layout:{duration:.2,ease:"easeOut"}},...n})),_= exports.u =o.forwardRef((n,a)=>o.createElement(p,{ref:a,...n}));exports.a = F; exports.b = A; exports.c = j; exports.d = s; exports.e = d; exports.f = D; exports.g = V; exports.h = B; exports.i = c; exports.j = H; exports.k = O; exports.l = Y; exports.m = E; exports.n = G; exports.o = q; exports.p = l; exports.q = p; exports.r = Q; exports.s = U; exports.t = Z; exports.u = _;

package/chunk-NRTH3FYI.js

@@ -1 +0,0 @@
-import{h as e}from"./chunk-BBXJF4CB.js";var n=e("sup",{fontFeatureSettings:'"sups"',fontSize:"100%",lineHeight:"1",verticalAlign:"baseline"});export{n as a};

package/chunk-O7SIO2TZ.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBNH4F6I5cjs = require('./chunk-BNH4F6I5.cjs');var o=_chunkBNH4F6I5cjs.c.call(void 0, {backgroundColor:"$panel",borderRadius:"$3",boxShadow:"$colors$shadowLight 0px 10px 38px -10px, $colors$shadowDark 0px 10px 20px -15px"});var l=_chunkBNH4F6I5cjs.h.call(void 0, "div",o);exports.a = o; exports.b = l;

package/chunk-OMKMQ4C4.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkZNOCVYWFcjs = require('./chunk-ZNOCVYWF.cjs');var _chunkBNH4F6I5cjs = require('./chunk-BNH4F6I5.cjs');var _reactlabel = require('@radix-ui/react-label'); var o = _interopRequireWildcard(_reactlabel);var l=_chunkBNH4F6I5cjs.h.call(void 0, o.Root,_chunkZNOCVYWFcjs.a,{display:"inline-block",verticalAlign:"middle",cursor:"default"});exports.a = l;

package/chunk-OPXEK7L5.js

@@ -1 +0,0 @@
-import{h as r}from"./chunk-BBXJF4CB.js";import{useComposedRefs as T}from"@radix-ui/react-compose-refs";import*as e from"react";var R=r("div",{outline:0,borderRadius:"$3","&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"}}),s=e.forwardRef(({children:c,onKeyDown:u,...o},n)=>{let i=e.useRef(null),l=T(i,n),f={[o["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-entry":"data-focus-area-top-tracks-entry"]:!0},d={[o["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-exit":"data-focus-area-top-tracks-exit"]:!0};return e.createElement(R,{...o,"data-focus-area":!0,ref:l,tabIndex:0,onKeyDown:t=>{if(u?.(t),t.target===t.currentTarget&&(t.key==="Enter"||t.key===" ")){let p='[role="menu"], [role="dialog"] input, [role="dialog"] button, [tabindex="0"]',m="a, button, input, select, textarea",a=[t?.currentTarget.querySelector(p),t?.currentTarget.querySelector(m)].filter(y=>Boolean(y))[0];a&&(t.preventDefault(),a.focus())}t.key==="Escape"&&t.target instanceof HTMLElement&&t.target!==t.currentTarget&&t.target.closest('[role="dialog"], [role="menu"]')===null&&t.currentTarget.focus()}},e.createElement("div",{"data-focus-area-entry":!0,...f}),c,e.createElement("div",{"data-focus-area-exit":!0,...d}))});s.displayName="FocusArea";export{s as a};

package/chunk-QPQP5CAM.js

@@ -1 +0,0 @@
-import{a as e}from"./chunk-NUXYWRNT.js";import{h as i}from"./chunk-BBXJF4CB.js";import*as o from"@radix-ui/react-label";var m=i(o.Root,e,{display:"inline-block",verticalAlign:"middle",cursor:"default"});export{m as a};

package/chunk-QSAU6LQX.js

@@ -1 +0,0 @@
-import{h as e}from"./chunk-BBXJF4CB.js";var n=e("sub",{fontFeatureSettings:'"subs"',fontSize:"100%",lineHeight:"1",verticalAlign:"baseline"});export{n as a};

package/chunk-S6ECD2M3.js

@@ -1 +0,0 @@
-import{f as i,h as r}from"./chunk-BBXJF4CB.js";import*as t from"@radix-ui/react-dialog";import*as e from"react";import*as o from"@radix-ui/react-dialog";var h=i({"0%":{opacity:0},"100%":{opacity:1}}),f=i({from:{transform:"$$transformValue"},to:{transform:"translate3d(0,0,0)"}}),g=i({from:{transform:"translate3d(0,0,0)"},to:{transform:"$$transformValue"}}),l=r(o.Overlay,{backgroundColor:"$colors$blackA9",position:"fixed",inset:0,"@media (prefers-reduced-motion: no-preference)":{animation:`${h} 150ms cubic-bezier(0.16, 1, 0.3, 1)`}}),s=r(o.Content,{backgroundColor:"$panel",boxShadow:"$colors$shadowLight 0 0 38px -10px, $colors$shadowDark 0 0 35px -15px",position:"fixed",top:0,bottom:0,width:250,willChange:"transform",'&[data-state="open"]':{animation:`${f} 250ms cubic-bezier(0.22, 1, 0.36, 1)`},'&[data-state="closed"]':{animation:`${g} 250ms cubic-bezier(0.22, 1, 0.36, 1)`},variants:{side:{top:{$$transformValue:"translate3d(0,-100%,0)",width:"100%",height:300,bottom:"auto"},right:{$$transformValue:"translate3d(100%,0,0)",right:0},bottom:{$$transformValue:"translate3d(0,100%,0)",width:"100%",height:300,bottom:0,top:"auto"},left:{$$transformValue:"translate3d(-100%,0,0)",left:0}}},defaultVariants:{side:"right"}}),S=r(o.Close,{position:"absolute",top:"$2",right:"$2"});function P({children:a,...n}){return e.createElement(t.Root,{...n},e.createElement(t.Portal,null,e.createElement(l,null)),a)}var $=e.forwardRef(({children:a,...n},p)=>e.createElement(t.Portal,null,e.createElement(s,{...n,ref:p},a))),v=t.Close,y=t.Description,u=t.Portal,D=t.Title,C=t.Trigger;export{l as a,s as b,S as c,P as d,$ as e,v as f,y as g,u as h,D as i,C as j};

package/chunk-TL564WX3.js

@@ -1 +0,0 @@
-import{h as t}from"./chunk-BBXJF4CB.js";import*as e from"@radix-ui/react-slider";import*as r from"react";var o=t(e.Track,{position:"relative",flexGrow:1,backgroundColor:"$slate7",borderRadius:"$pill",'&[data-orientation="horizontal"]':{height:2},'&[data-orientation="vertical"]':{width:2,height:100}}),m=t(e.Range,{position:"absolute",background:"$blue9",borderRadius:"inherit",'&[data-orientation="horizontal"]':{height:"100%"},'&[data-orientation="vertical"]':{width:"100%"}}),a=t(e.Thumb,{position:"relative",display:"block",width:15,height:15,outline:"none",opacity:"0",backgroundColor:"white",boxShadow:"0 0 1px rgba(0,0,0,.3), 0 1px 4px rgba(0,0,0,.15)",borderRadius:"$round","&::after":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,zIndex:-2,backgroundColor:"hsla(0,0%,0%,.035)",transform:"scale(1)",borderRadius:"$round","@media (prefers-reduced-motion: no-preference)":{transition:"transform 200ms cubic-bezier(0.22, 1, 0.36, 1)"}},"&:focus":{"&::after":{transform:"scale(2)"}}}),l=t(e.Root,{position:"relative",display:"flex",alignItems:"center",flexShrink:0,userSelect:"none",touchAction:"none",height:15,flexGrow:1,'&[data-orientation="vertical"]':{flexDirection:"column",width:15},"@hover":{"&:hover":{[`& ${o}`]:{backgroundColor:"$slate8"},[`& ${a}`]:{opacity:"1"}}}}),S=r.forwardRef((i,n)=>{let d=Array.isArray(i.defaultValue||i.value)?i.defaultValue||i.value:[i.defaultValue||i.value];return r.createElement(l,{...i,ref:n},r.createElement(o,null,r.createElement(m,null)),d.map((f,s)=>r.createElement(a,{key:s})))});export{l as a,S as b};

package/chunk-TLOJYUHC.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkBNH4F6I5cjs = require('./chunk-BNH4F6I5.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react); var t = _interopRequireWildcard(_react);var _reactswitch = require('@radix-ui/react-switch'); var s = _interopRequireWildcard(_reactswitch); var h = _interopRequireWildcard(_reactswitch);var l=_chunkBNH4F6I5cjs.h.call(void 0, s.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;",transform:"translateX(1px)",willChange:"transform","@media (prefers-reduced-motion: no-preference)":{transition:"transform 100ms cubic-bezier(0.22, 1, 0.36, 1)"},'&[data-state="checked"]':{transform:"translateX(11px)"}}),x=_chunkBNH4F6I5cjs.h.call(void 0, s.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",cursor:"pointer",position:"relative","&:focus":{boxShadow:"0 0 0 2px $colors$slate8"},'&[data-state="checked"]':{backgroundColor:"$colors$brand11","&:focus":{boxShadow:"0 0 0 2px $colors$brand11"}},variants:{size:{"1":{width:"$5",height:"$3"},"2":{width:"$7",height:"$5",[`& ${l}`]:{width:21,height:21,transform:"translateX(2px)",'&[data-state="checked"]':{transform:"translateX(22px)"}}}}},defaultVariants:{size:"1"}});var f=o.forwardRef((r,a)=>o.createElement(x,{...r,ref:a},o.createElement(l,null)));f.displayName="Switch";var c=_chunkBNH4F6I5cjs.h.call(void 0, h.Thumb,{backgroundColor:"$loContrast",borderRadius:"$pill",display:"block",height:"$space$5",transform:"translateX(-2px) ",transition:"transform 100ms",width:"$space$5",willChange:"transform",boxShadow:"0 2px 10px $colors$shadowDark",[`.${_chunkBNH4F6I5cjs.j} &`]:{boxShadow:"0 2px 10px $colors$shadowLight"},'&[data-state="checked"]':{transform:"translateX(11px)"},"@media (prefers-reduced-motion: no-preference)":{transition:"transform 100ms cubic-bezier(0.22, 1, 0.36, 1)"}}),R=_chunkBNH4F6I5cjs.h.call(void 0, "span",{height:"100%",width:"100%",alignContent:"center",alignItems:"center",borderRadius:"$pill",display:"flex",justifyContent:"center",transition:"transform 100ms","& svg":{background:"transparent",color:"$hiContrast"},"@motion":{transition:"none"}}),k=_chunkBNH4F6I5cjs.h.call(void 0, h.Root,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},margin:"0",outline:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)",borderRadius:"$pill",cursor:"pointer",position:"relative",boxShadow:"0 2px 10px $hiContrast",backgroundColor:"$hiContrast",'&[data-state="checked"]':{"&:focus":{boxShadow:"0 2px 10px $colors$shadow"}},"&:focus":{boxShadow:"0 2px 10px $colors$shadow"},variants:{size:{"1":{width:"$5",height:"$3"},"2":{width:"$7",height:"$5",[`& ${c}`]:{width:21,height:21,transform:"translateX(2px)",'&[data-state="checked"]':{transform:"translateX(22px)"}}},"3":{height:18,width:30,transform:"translateX(2px)",[`& ${c}`]:{height:26,width:26,transform:"translateX(-6px) translateY(-4px)",'&[data-state="checked"]':{transform:"translateX(8px) translateY(-4px)"}}},"4":{height:24,width:36,transform:"translateX(2px)",[`& ${c}`]:{height:32,width:32,transform:"translateX(-12px) translateY(-4px)",'&[data-state="checked"]':{transform:"translateX(15px) translateY(-4px)"}}}}},defaultVariants:{size:"2"}}),w= exports.b =t.forwardRef(({checked:r,icon:a,iconOff:i,iconOn:n,...b},S)=>{let u=t.useMemo(()=>{let p=a||n||i,g=Boolean(n),$=Boolean(i);return p?g&&r?n:$&&!r?i:p:null},[r,a,i,n]);return t.createElement(k,{checked:r,...b,ref:S},t.createElement(c,null,t.createElement(R,null,u)))});w.displayName="SwitchIcon";exports.a = f; exports.b = w;

package/chunk-TTXK2WFR.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkBNH4F6I5cjs = require('./chunk-BNH4F6I5.cjs');var _react = require('react'); var o = _interopRequireWildcard(_react);var _reactradiogroup = require('@radix-ui/react-radio-group'); var e = _interopRequireWildcard(_reactradiogroup);var i=_chunkBNH4F6I5cjs.h.call(void 0, e.Root,{display:"block"}),s=_chunkBNH4F6I5cjs.h.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"$round",width:25,height:25,boxShadow:"inset 0 0 0 1px $colors$slate7",flexShrink:0,mr:"$3"}),t=_chunkBNH4F6I5cjs.h.call(void 0, "div",{borderRadius:"$round",width:15,height:15,backgroundColor:"$gray9",transform:"scale(0)"}),l=_chunkBNH4F6I5cjs.h.call(void 0, e.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",[`& ${t}`]:{transform:"scale(1)"}}});var n=o.forwardRef((d,R)=>o.createElement(l,{...d,ref:R},o.createElement(s,null,o.createElement(t,null)),d.children));n.displayName="RadioCard";exports.a = i; exports.b = n;

package/chunk-TXNBBUFU.js

@@ -1 +0,0 @@
-import{h as m}from"./chunk-BBXJF4CB.js";var o=m("img",{verticalAlign:"middle",maxWidth:"100%"});export{o as a};

package/chunk-UJNWSBRO.js

@@ -1 +0,0 @@
-import{h as r}from"./chunk-BBXJF4CB.js";var t=r("div",{cursor:"grab","&:active":{cursor:"grabbing"},mr:"-$$gap",pr:"$$gap"});export{t as a};

package/chunk-UUZ5GZWV.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _chunkBNH4F6I5cjs = require('./chunk-BNH4F6I5.cjs');var _reactslider = require('@radix-ui/react-slider'); var e = _interopRequireWildcard(_reactslider);var _react = require('react'); var r = _interopRequireWildcard(_react);var o=_chunkBNH4F6I5cjs.h.call(void 0, e.Track,{position:"relative",flexGrow:1,backgroundColor:"$slate7",borderRadius:"$pill",'&[data-orientation="horizontal"]':{height:2},'&[data-orientation="vertical"]':{width:2,height:100}}),u=_chunkBNH4F6I5cjs.h.call(void 0, e.Range,{position:"absolute",background:"$blue9",borderRadius:"inherit",'&[data-orientation="horizontal"]':{height:"100%"},'&[data-orientation="vertical"]':{width:"100%"}}),a=_chunkBNH4F6I5cjs.h.call(void 0, e.Thumb,{position:"relative",display:"block",width:15,height:15,outline:"none",opacity:"0",backgroundColor:"white",boxShadow:"0 0 1px rgba(0,0,0,.3), 0 1px 4px rgba(0,0,0,.15)",borderRadius:"$round","&::after":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,zIndex:-2,backgroundColor:"hsla(0,0%,0%,.035)",transform:"scale(1)",borderRadius:"$round","@media (prefers-reduced-motion: no-preference)":{transition:"transform 200ms cubic-bezier(0.22, 1, 0.36, 1)"}},"&:focus":{"&::after":{transform:"scale(2)"}}}),l= exports.a =_chunkBNH4F6I5cjs.h.call(void 0, e.Root,{position:"relative",display:"flex",alignItems:"center",flexShrink:0,userSelect:"none",touchAction:"none",height:15,flexGrow:1,'&[data-orientation="vertical"]':{flexDirection:"column",width:15},"@hover":{"&:hover":{[`& ${o}`]:{backgroundColor:"$slate8"},[`& ${a}`]:{opacity:"1"}}}}),m= exports.b =r.forwardRef((i,n)=>{let d=Array.isArray(i.defaultValue||i.value)?i.defaultValue||i.value:[i.defaultValue||i.value];return r.createElement(l,{...i,ref:n},r.createElement(o,null,r.createElement(u,null)),d.map((h,s)=>r.createElement(a,{key:s})))});exports.a = l; exports.b = m;

package/chunk-V6D6XC44.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _chunkBNH4F6I5cjs = require('./chunk-BNH4F6I5.cjs');var _reactcomposerefs = require('@radix-ui/react-compose-refs');var _react = require('react'); var e = _interopRequireWildcard(_react);var T=_chunkBNH4F6I5cjs.h.call(void 0, "div",{outline:0,borderRadius:"$3","&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"}}),s= exports.a =e.forwardRef(({children:c,onKeyDown:u,...o},n)=>{let i=e.useRef(null),l=_reactcomposerefs.useComposedRefs.call(void 0, i,n),f={[o["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-entry":"data-focus-area-top-tracks-entry"]:!0},d={[o["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-exit":"data-focus-area-top-tracks-exit"]:!0};return e.createElement(T,{...o,"data-focus-area":!0,ref:l,tabIndex:0,onKeyDown:t=>{if(_optionalChain([u, 'optionalCall', _ => _(t)]),t.target===t.currentTarget&&(t.key==="Enter"||t.key===" ")){let p='[role="menu"], [role="dialog"] input, [role="dialog"] button, [tabindex="0"]',m="a, button, input, select, textarea",a=[_optionalChain([t, 'optionalAccess', _2 => _2.currentTarget, 'access', _3 => _3.querySelector, 'call', _4 => _4(p)]),_optionalChain([t, 'optionalAccess', _5 => _5.currentTarget, 'access', _6 => _6.querySelector, 'call', _7 => _7(m)])].filter(y=>Boolean(y))[0];a&&(t.preventDefault(),a.focus())}t.key==="Escape"&&t.target instanceof HTMLElement&&t.target!==t.currentTarget&&t.target.closest('[role="dialog"], [role="menu"]')===null&&t.currentTarget.focus()}},e.createElement("div",{"data-focus-area-entry":!0,...f}),c,e.createElement("div",{"data-focus-area-exit":!0,...d}))});s.displayName="FocusArea";exports.a = s;

package/chunk-WEDVU4TY.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkBNH4F6I5cjs = require('./chunk-BNH4F6I5.cjs');var o=_chunkBNH4F6I5cjs.h.call(void 0, "sup",{fontFeatureSettings:'"sups"',fontSize:"100%",lineHeight:"1",verticalAlign:"baseline"});exports.a = o;

package/chunk-XWZUVB47.js

@@ -1 +0,0 @@
-var o={"*":{"box-sizing":"border-box"},"*:before":{"box-sizing":"border-box"},"*:after":{"box-sizing":"border-box"},body:{backgroundColor:"$colors$body",fontFamily:"$fonts$sans",margin:0,WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",WebkitTextSizeAdjust:"100%"},"body.loading *":{transition:"none !important"},svg:{display:"block",verticalAlign:"middle"},"pre, code":{margin:0,fontFamily:"$fonts$mono"},"#__next":{position:"relative",zIndex:0},".light-theme [data-hide='dark'], .dark-theme [data-hide='light']":{display:"none"}},t={},a={":root":{...t},...o};export{a};

package/chunk-YOOQMERF.js

@@ -1 +0,0 @@
-import{h as o}from"./chunk-BBXJF4CB.js";var e=o("div",{boxSizing:"border-box"});export{e as a};

package/chunk-ZM5HCJ24.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var _react = require('react'); var o = _interopRequireWildcard(_react);exports.a = o;

package/chunk-ZYSG7OPE.js

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