@jeromefitz/design-system 1.1.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +0 -0
- package/README.md +2 -0
- package/chunk-HHPZ3EO6.js +0 -0
- package/chunk-JRXMIMQJ.js +10 -0
- package/chunk-KU3JN3SA.cjs +0 -0
- package/chunk-QGMHYQ7V.js +0 -0
- package/chunk-SVSBFWVB.cjs +10 -0
- package/chunk-ZKXNQEAO.cjs +0 -0
- package/components/Card/Show.cjs +1 -1
- package/components/Card/Show.d.ts +0 -0
- package/components/Card/Show.js +1 -1
- package/components/Hero/HeroImage.cjs +1 -1
- package/components/Hero/HeroImage.d.ts +0 -0
- package/components/Hero/HeroImage.js +1 -1
- package/components/index.cjs +1 -1
- package/components/index.d.ts +1151 -35
- package/components/index.js +1 -1
- package/custom/Tooltip/index.cjs +0 -0
- package/custom/Tooltip/index.d.ts +0 -0
- package/custom/Tooltip/index.js +0 -0
- package/hooks/useOnScreen.cjs +0 -0
- package/hooks/useOnScreen.d.ts +0 -0
- package/hooks/useOnScreen.js +0 -0
- package/hooks/useOnlineStatus.cjs +0 -0
- package/hooks/useOnlineStatus.d.ts +0 -0
- package/hooks/useOnlineStatus.js +0 -0
- package/hooks/usePrefersReducedMotion.cjs +0 -0
- package/hooks/usePrefersReducedMotion.d.ts +0 -0
- package/hooks/usePrefersReducedMotion.js +0 -0
- package/hooks/useRefScrollProgress.cjs +0 -0
- package/hooks/useRefScrollProgress.d.ts +0 -0
- package/hooks/useRefScrollProgress.js +0 -0
- package/hooks/useSWRInfinitePages.cjs +0 -0
- package/hooks/useSWRInfinitePages.d.ts +0 -0
- package/hooks/useSWRInfinitePages.js +0 -0
- package/hooks/useScrollCounter.cjs +0 -0
- package/hooks/useScrollCounter.d.ts +0 -0
- package/hooks/useScrollCounter.js +0 -0
- package/hooks/useSettings.cjs +0 -0
- package/hooks/useSettings.d.ts +0 -0
- package/hooks/useSettings.js +0 -0
- package/hooks/useSpotify.cjs +0 -0
- package/hooks/useSpotify.d.ts +0 -0
- package/hooks/useSpotify.js +0 -0
- package/hooks/useSticky.cjs +0 -0
- package/hooks/useSticky.d.ts +0 -0
- package/hooks/useSticky.js +0 -0
- package/package.json +4 -4
- package/stitches.config.cjs +0 -0
- package/stitches.config.d.ts +0 -0
- package/stitches.config.js +0 -0
- package/chunk-2WADYYCL.js +0 -10
- package/chunk-7SDIZ4ZS.cjs +0 -10
package/chunk-7SDIZ4ZS.cjs
DELETED
@@ -1,10 +0,0 @@
|
|
1
|
-
"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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }var _chunkZKXNQEAOcjs = require('./chunk-ZKXNQEAO.cjs');var _chunkKU3JN3SAcjs = require('./chunk-KU3JN3SA.cjs');var _reactaccordion = require('@radix-ui/react-accordion'); var B = _interopRequireWildcard(_reactaccordion);var _reacticons = require('@radix-ui/react-icons');var _react = require('react'); var P = _interopRequireWildcard(_react); var L = _interopRequireWildcard(_react); var J = _interopRequireWildcard(_react); var h = _interopRequireWildcard(_react); var Q = _interopRequireWildcard(_react); var W = _interopRequireWildcard(_react); var F = _interopRequireWildcard(_react); var vo = _interopRequireWildcard(_react); var Co = _interopRequireWildcard(_react); var U = _interopRequireWildcard(_react); var lo = _interopRequireWildcard(_react); var co = _interopRequireWildcard(_react); var ro = _interopRequireWildcard(_react); var k = _interopRequireWildcard(_react); var po = _interopRequireWildcard(_react); var O = _interopRequireWildcard(_react); var x = _interopRequireWildcard(_react); var A = _interopRequireWildcard(_react);var ir=_chunkZKXNQEAOcjs.f.call(void 0, {from:{height:0},to:{height:"var(--radix-accordion-content-height)"}}),nr=_chunkZKXNQEAOcjs.f.call(void 0, {from:{height:"var(--radix-accordion-content-height)"},to:{height:0}}),sr=_chunkZKXNQEAOcjs.h.call(void 0, B.Root,{borderRadius:6,width:"100%",backgroundColor:"$colors$gray1",boxShadow:"0 2px 10px $colors$gray12"}),lr=_chunkZKXNQEAOcjs.h.call(void 0, B.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"}}),dr=_chunkZKXNQEAOcjs.h.call(void 0, B.Header,{all:"unset",display:"flex"}),cr=_chunkZKXNQEAOcjs.h.call(void 0, B.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"}}),pr=_chunkZKXNQEAOcjs.h.call(void 0, B.Content,{backgroundColor:"inherit",color:"$colors$gray12",fontSize:15,overflow:"hidden",'&[data-state="open"]':{animation:`${ir} 300ms cubic-bezier(0.87, 0, 0.13, 1)`},'&[data-state="closed"]':{animation:`${nr} 300ms cubic-bezier(0.87, 0, 0.13, 1)`}}),ur=_chunkZKXNQEAOcjs.h.call(void 0, "div",{padding:"$2 $4"}),gr=_chunkZKXNQEAOcjs.h.call(void 0, _reacticons.ChevronDownIcon,{color:"$colors$gray12",transition:"transform 300ms cubic-bezier(0.87, 0, 0.13, 1)","[data-state=open] &":{transform:"rotate(180deg)"},"@media (prefers-reduced-motion)":{transition:"none"}}),Ao= exports.a =P.forwardRef((n,i)=>{var s=n,{children:e}=s,t=_chunkKU3JN3SAcjs.c.call(void 0, s,["children"]);return P.createElement(dr,null,P.createElement(cr,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{ref:i}),P.createElement("div",null,e),P.createElement(gr,{"aria-hidden":!0})))});Ao.displayName="AccordionTrigger";var Do=P.forwardRef((n,i)=>{var s=n,{children:e}=s,t=_chunkKU3JN3SAcjs.c.call(void 0, s,["children"]);return P.createElement(P.Fragment,null,P.createElement(pr,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{ref:i}),P.createElement(ur,null,e)))});Do.displayName="AccordionContent";var Te=sr,we= exports.d =lr;var ke=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxSizing:"border-box","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},border:"1px solid",borderRadius:"$2",variants:{size:{"1":{p:"$3"}},variant:{loContrast:{backgroundColor:"$loContrast",borderColor:"$slate6"},gray:{backgroundColor:"$slate2",borderColor:"$slate6"},blue:{backgroundColor:"$blue2",borderColor:"$blue6"},green:{backgroundColor:"$green2",borderColor:"$green6"},red:{backgroundColor:"$red2",borderColor:"$red6"}}},defaultVariants:{size:"1",variant:"gray"}});var _colors = require('@radix-ui/colors');var _reactalertdialog = require('@radix-ui/react-alert-dialog'); var T = _interopRequireWildcard(_reactalertdialog);var _react2 = require('@stitches/react');var xr=_react2.keyframes.call(void 0, {"0%":{opacity:0},"100%":{opacity:1}}),br=_react2.keyframes.call(void 0, {"0%":{opacity:0,transform:"translate(-50%, -48%) scale(.96)"},"100%":{opacity:1,transform:"translate(-50%, -50%) scale(1)"}}),fr=_react2.styled.call(void 0, T.Overlay,{backgroundColor:_colors.blackA.blackA9,position:"fixed",inset:0,"@media (prefers-reduced-motion: no-preference)":{animation:`${xr} 150ms cubic-bezier(0.16, 1, 0.3, 1)`}});function hr(i){var n=i,{children:e}=n,t=_chunkKU3JN3SAcjs.c.call(void 0, n,["children"]);return _chunkKU3JN3SAcjs.d.createElement(T.Root,_chunkKU3JN3SAcjs.a.call(void 0, {},t),_chunkKU3JN3SAcjs.d.createElement(fr,null),e)}var $r=_react2.styled.call(void 0, T.Content,{backgroundColor:"white",borderRadius:6,boxShadow:"hsl(206 22% 7% / 35%) 0px 10px 38px -10px, hsl(206 22% 7% / 20%) 0px 10px 20px -15px",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"90vw",maxWidth:"500px",maxHeight:"85vh",padding:25,"@media (prefers-reduced-motion: no-preference)":{animation:`${br} 150ms cubic-bezier(0.16, 1, 0.3, 1)`},"&:focus":{outline:"none"}}),vr=_react2.styled.call(void 0, T.Title,{margin:0,color:_colors.mauve.mauve12,fontSize:17,fontWeight:500}),Cr=_react2.styled.call(void 0, T.Description,{marginBottom:20,color:_colors.mauve.mauve11,fontSize:15,lineHeight:1.5}),yr=_react2.styled.call(void 0, "div",{display:"flex"}),zo=_react2.styled.call(void 0, "button",{all:"unset",display:"inline-flex",alignItems:"center",justifyContent:"center",borderRadius:4,padding:"0 15px",fontSize:15,lineHeight:1,fontWeight:500,height:35,variants:{variant:{violet:{backgroundColor:"white",color:_colors.violet.violet11,boxShadow:`0 2px 10px ${_colors.blackA.blackA7}`,"&:hover":{backgroundColor:_colors.mauve.mauve3},"&:focus":{boxShadow:"0 0 0 2px black"}},red:{backgroundColor:_colors.red.red4,color:_colors.red.red11,"&:hover":{backgroundColor:_colors.red.red5},"&:focus":{boxShadow:`0 0 0 2px ${_colors.red.red7}`}},mauve:{backgroundColor:_colors.mauve.mauve4,color:_colors.mauve.mauve11,"&:hover":{backgroundColor:_colors.mauve.mauve5},"&:focus":{boxShadow:`0 0 0 2px ${_colors.mauve.mauve7}`}}}},defaultVariants:{variant:"violet"}}),Ae= exports.f =({dialogText:e})=>_chunkKU3JN3SAcjs.d.createElement(Io,null,_chunkKU3JN3SAcjs.d.createElement(Eo,{asChild:!0},_chunkKU3JN3SAcjs.d.createElement(zo,null,e==null?void 0:e.dialogTrigger)),_chunkKU3JN3SAcjs.d.createElement(Ho,null,_chunkKU3JN3SAcjs.d.createElement(Bo,null,e==null?void 0:e.dialogTitle),_chunkKU3JN3SAcjs.d.createElement(Lo,null,e==null?void 0:e.dialogDescription),_chunkKU3JN3SAcjs.d.createElement(yr,{css:{justifyContent:"flex-end"}},_chunkKU3JN3SAcjs.d.createElement(Vo,{asChild:!0},_chunkKU3JN3SAcjs.d.createElement(zo,{variant:"mauve",css:{marginRight:25}},e==null?void 0:e.dialogCancel)),_chunkKU3JN3SAcjs.d.createElement(Wo,{asChild:!0},_chunkKU3JN3SAcjs.d.createElement(zo,{variant:"red"},e==null?void 0:e.dialogAction))))),Io= exports.g =hr,Eo= exports.h =T.Trigger,Ho= exports.i =$r,Bo= exports.j =vr,Lo= exports.k =Cr,Wo= exports.l =T.Action,Vo= exports.m =T.Cancel;var _reactannounce = require('@radix-ui/react-announce'); var De = _interopRequireWildcard(_reactannounce);var ze=({children:e})=>_chunkKU3JN3SAcjs.d.createElement(De.Root,null,e);var _reactavatar = require('@radix-ui/react-avatar'); var Z = _interopRequireWildcard(_reactavatar);var Ie=_chunkZKXNQEAOcjs.h.call(void 0, Z.Root,{alignItems:"center",justifyContent:"center",verticalAlign:"middle",overflow:"hidden",userSelect:"none",boxSizing:"border-box",display:"flex",flexShrink:0,position:"relative",border:"none",fontFamily:"inherit",lineHeight:"1",margin:"0",outline:"none",padding:"0",fontWeight:"700",color:"$hiContrast","&::before":{content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,borderRadius:"inherit",boxShadow:"inset 0px 0px 1px rgba(0, 0, 0, 0.12)"},variants:{border:{none:{border:"none"},solid:{border:"1px solid"}},size:{"1":{width:"$3",height:"$3"},"2":{width:"$5",height:"$5"},"3":{width:"$6",height:"$6"},"4":{width:"$7",height:"$7"},"5":{width:"$8",height:"$8"},"6":{width:"$9",height:"$9"}},variant:{hiContrast:{backgroundColor:"$hiContrast",color:"$loContrast"},amber:{backgroundColor:"$amber5"},blue:{backgroundColor:"$blue5"},bronze:{backgroundColor:"$bronze5"},brown:{backgroundColor:"$brown5"},crimson:{backgroundColor:"$crimson5"},cyan:{backgroundColor:"$cyan5"},gold:{backgroundColor:"$gold5"},grass:{backgroundColor:"$grass5"},gray:{backgroundColor:"$slate5"},green:{backgroundColor:"$green5"},indigo:{backgroundColor:"$indigo5"},lime:{backgroundColor:"$lime5"},mint:{backgroundColor:"$mint5"},orange:{backgroundColor:"$orange5"},pink:{backgroundColor:"$pink5"},plum:{backgroundColor:"$plum5"},purple:{backgroundColor:"$purple5"},red:{backgroundColor:"$red5"},sky:{backgroundColor:"$sky5"},teal:{backgroundColor:"$teal5"},tomato:{backgroundColor:"$tomato5"},violet:{backgroundColor:"$violet5"},yellow:{backgroundColor:"$yellow5"}},shape:{square:{borderRadius:"$2"},circle:{borderRadius:"50%"}},inactive:{true:{opacity:".3"}},interactive:{true:{"&::after":{content:'""',position:"absolute",top:"0",right:"0",bottom:"0",left:"0",backgroundColor:"rgba(0,0,0,.08)",opacity:"0",pointerEvents:"none",transition:"opacity 25ms linear","@media (prefers-reduced-motion)":{transition:"none"}},"@hover":{"&:hover":{"&::after":{opacity:"1"}}},'&[data-state="open"]':{"&::after":{backgroundColor:"rgba(0,0,0,.12)",opacity:"1"}}}}},defaultVariants:{border:"none",size:"2",variant:"gray",shape:"circle"}}),Ee=_chunkZKXNQEAOcjs.h.call(void 0, Z.Image,{display:"flex",objectFit:"cover",boxSizing:"border-box",height:"100%",verticalAlign:"middle",width:"100%"}),He=_chunkZKXNQEAOcjs.h.call(void 0, Z.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"}}),Sr=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxShadow:"0 0 0 2px $colors$loContrast",borderRadius:"50%"}),Ha=_chunkZKXNQEAOcjs.h.call(void 0, "div",{display:"flex",flexDirection:"row-reverse",[`& ${Sr}:nth-child(n+2)`]:{marginRight:"-$1"}});var jo=L.forwardRef((f,u)=>{var C=f,{alt:e,src:t,fallback:i,size:n,variant:s,shape:p,css:l,status:d}=C,m=_chunkKU3JN3SAcjs.c.call(void 0, C,["alt","src","fallback","size","variant","shape","css","status"]);return L.createElement($,{css:_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},l),{position:"relative",height:"fit-content",width:"fit-content"})},L.createElement(Ie,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},m),{ref:u,size:n,variant:s,shape:p}),L.createElement(Ee,{alt:e,src:t}),L.createElement(He,{size:n},i)),d&&L.createElement($,{css:{position:"absolute",bottom:"0",right:"0",boxShadow:"0 0 0 3px $colors$loContrast",borderRadius:"$round",mr:"-3px",mb:"-3px"}},L.createElement(xo,{size:n&&n>2?"2":"1",variant:d})))});jo.displayName="Avatar";var Be=_chunkZKXNQEAOcjs.h.call(void 0, "span",{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",justifyContent:"center",lineHeight:"1",verticalAlign:"middle",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)","&:disabled":{backgroundColor:"$slate3",pointerEvents:"none",color:"$slate8"},"&::before":{boxSizing:"border-box",content:'""'},"&::after":{boxSizing:"border-box",content:'""'},backgroundColor:"$slate3",borderRadius:"$pill",color:"$slate11",whiteSpace:"nowrap",fontVariantNumeric:"tabular-nums",variants:{size:{"1":{height:"$4",px:"$1",fontSize:"$1"},"2":{height:"$5",px:"$2",fontSize:"$2"}},variant:{gray:{backgroundColor:"$slate3",color:"$slate11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"}},red:{backgroundColor:"$red3",color:"$red11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$red8, 0 0 0 1px $colors$red8"}},crimson:{backgroundColor:"$crimson3",color:"$crimson11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$crimson8, 0 0 0 1px $colors$crimson8"}},pink:{backgroundColor:"$pink3",color:"$pink11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$violet8, 0 0 0 1px $colors$violet8"}},purple:{backgroundColor:"$purple3",color:"$purple11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$purple8, 0 0 0 1px $colors$purple8"}},violet:{backgroundColor:"$violet3",color:"$violet11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$violet8, 0 0 0 1px $colors$violet8"}},indigo:{backgroundColor:"$indigo3",color:"$indigo11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$indigo8, 0 0 0 1px $colors$indigo8"}},blue:{backgroundColor:"$blue3",color:"$blue11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}},cyan:{backgroundColor:"$cyan3",color:"$cyan11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$cyan8, 0 0 0 1px $colors$cyan8"}},teal:{backgroundColor:"$teal3",color:"$teal11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$teal8, 0 0 0 1px $colors$teal8"}},green:{backgroundColor:"$green3",color:"$green11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$green8, 0 0 0 1px $colors$green8"}},lime:{backgroundColor:"$lime3",color:"$lime11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$lime8, 0 0 0 1px $colors$lime8"}},yellow:{backgroundColor:"$yellow3",color:"$yellow11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$yellow8, 0 0 0 1px $colors$yellow8"}},orange:{backgroundColor:"$orange3",color:"$orange11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$orange8, 0 0 0 1px $colors$orange8"}},gold:{backgroundColor:"$gold3",color:"$gold11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$gold8, 0 0 0 1px $colors$gold8"}},bronze:{backgroundColor:"$bronze3",color:"$bronze11","&:focus":{boxShadow:"inset 0 0 0 1px $colors$bronze8, 0 0 0 1px $colors$bronze8"}}},interactive:{true:{}}},compoundVariants:[{interactive:!0,variant:"red",css:{"@hover":{"&:hover":{backgroundColor:"$red4"}},"&:active":{backgroundColor:"$red5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$red5"}}},{interactive:!0,variant:"crimson",css:{"@hover":{"&:hover":{backgroundColor:"$crimson4"}},"&:active":{backgroundColor:"$crimson5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$crimson5"}}},{interactive:!0,variant:"pink",css:{"@hover":{"&:hover":{backgroundColor:"$pink4"}},"&:active":{backgroundColor:"$pink5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$pink5"}}},{interactive:!0,variant:"purple",css:{"@hover":{"&:hover":{backgroundColor:"$purple4"}},"&:active":{backgroundColor:"$purple5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$purple5"}}},{interactive:!0,variant:"violet",css:{"@hover":{"&:hover":{backgroundColor:"$violet4"}},"&:active":{backgroundColor:"$violet5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$violet5"}}},{interactive:!0,variant:"indigo",css:{"@hover":{"&:hover":{backgroundColor:"$indigo4"}},"&:active":{backgroundColor:"$indigo5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$indigo5"}}},{interactive:!0,variant:"blue",css:{"@hover":{"&:hover":{backgroundColor:"$blue4"}},"&:active":{backgroundColor:"$blue5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blue5"}}},{interactive:!0,variant:"cyan",css:{"@hover":{"&:hover":{backgroundColor:"$cyan4"}},"&:active":{backgroundColor:"$cyan5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$cyan5"}}},{interactive:!0,variant:"teal",css:{"@hover":{"&:hover":{backgroundColor:"$teal4"}},"&:active":{backgroundColor:"$teal5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$teal5"}}},{interactive:!0,variant:"green",css:{"@hover":{"&:hover":{backgroundColor:"$green4"}},"&:active":{backgroundColor:"$green5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$green5"}}},{interactive:!0,variant:"lime",css:{"@hover":{"&:hover":{backgroundColor:"$lime4"}},"&:active":{backgroundColor:"$lime5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$lime5"}}},{interactive:!0,variant:"yellow",css:{"@hover":{"&:hover":{backgroundColor:"$yellow4"}},"&:active":{backgroundColor:"$yellow5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$yellow5"}}},{interactive:!0,variant:"orange",css:{"@hover":{"&:hover":{backgroundColor:"$orange4"}},"&:active":{backgroundColor:"$orange5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$orange5"}}},{interactive:!0,variant:"gold",css:{"@hover":{"&:hover":{backgroundColor:"$gold4"}},"&:active":{backgroundColor:"$gold5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$gold5"}}},{interactive:!0,variant:"bronze",css:{"@hover":{"&:hover":{backgroundColor:"$bronze4"}},"&:active":{backgroundColor:"$bronze5"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$bronze5"}}}],defaultVariants:{size:"1",variant:"gray"}});var Le=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxSizing:"border-box","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},display:"flex",justifyContent:"center",alignItems:"center",gap:"$3",variants:{size:{"1":{py:"$1",px:"$4"}},variant:{loContrast:{backgroundColor:"$loContrast"},gray:{backgroundColor:"$slate3"},blue:{backgroundColor:"$blue3"},green:{backgroundColor:"$green3"},red:{backgroundColor:"$red3"}},rounded:{true:{borderRadius:"$pill"}},border:{true:{borderRadius:"$pill"}}},compoundVariants:[{border:"true",variant:"gray",css:{borderColor:"$slate6"}},{border:"true",variant:"blue",css:{borderColor:"$blue11"}},{border:"true",variant:"loContrast",css:{borderColor:"$slate6"}}],defaultVariants:{size:"1",variant:"gray"}});var $=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxSizing:"border-box"});var We=_chunkZKXNQEAOcjs.h.call(void 0, "div",{cursor:"grab","&:active":{cursor:"grabbing"},mr:"-$$gap",pr:"$$gap"});var Ve=_chunkZKXNQEAOcjs.h.call(void 0, "a",{display:"block",color:"$hiContrast",textDecoration:"none",outline:0,p:"$1",m:"-$1",br:"$1","&:focus":{boxShadow:"0 0 0 2px $colors$gray12"},"&:focus:not(:focus-visible)":{boxShadow:"none"}});var je=_chunkZKXNQEAOcjs.h.call(void 0, "button",{all:"unset",alignItems:"center",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},display:"inline-flex",flexShrink:0,justifyContent:"center",lineHeight:"1",WebkitTapHighlightColor:"rgba(0,0,0,0)",height:"$5",px:"$2",fontFamily:"$untitled",fontSize:"$2",fontWeight:500,fontVariantNumeric:"tabular-nums","&:disabled":{backgroundColor:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$slate8",pointerEvents:"none"},variants:{size:{"1":{borderRadius:"$1",height:"$5",px:"$2",fontSize:"$1",lineHeight:"$sizes$5"},"2":{borderRadius:"$2",height:"$6",px:"$3",fontSize:"$3",lineHeight:"$sizes$6"},"3":{borderRadius:"$2",height:"$7",px:"$4",fontSize:"$4",lineHeight:"$sizes$7"}},variant:{gray:{backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$hiContrast","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8"}},blue:{backgroundColor:"$blue2",boxShadow:"inset 0 0 0 1px $colors$blue7",color:"$blue11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$blue8"}},"&:active":{backgroundColor:"$blue3",boxShadow:"inset 0 0 0 1px $colors$blue8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blue4",boxShadow:"inset 0 0 0 1px $colors$blue8"}},green:{backgroundColor:"$green2",boxShadow:"inset 0 0 0 1px $colors$green7",color:"$green11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$green8"}},"&:active":{backgroundColor:"$green3",boxShadow:"inset 0 0 0 1px $colors$green8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$green8, 0 0 0 1px $colors$green8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$green4",boxShadow:"inset 0 0 0 1px $colors$green8"}},red:{backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$red11","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$red3",boxShadow:"inset 0 0 0 1px $colors$red8"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$red8, 0 0 0 1px $colors$red8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$red4",boxShadow:"inset 0 0 0 1px $colors$red8"}},transparentWhite:{backgroundColor:"hsla(0,100%,100%,.2)",color:"white","@hover":{"&:hover":{backgroundColor:"hsla(0,100%,100%,.25)"}},"&:active":{backgroundColor:"hsla(0,100%,100%,.3)"},"&:focus":{boxShadow:"inset 0 0 0 1px hsla(0,100%,100%,.35), 0 0 0 1px hsla(0,100%,100%,.35)"}},transparentBlack:{backgroundColor:"hsla(0,0%,0%,.2)",color:"black","@hover":{"&:hover":{backgroundColor:"hsla(0,0%,0%,.25)"}},"&:active":{backgroundColor:"hsla(0,0%,0%,.3)"},"&:focus":{boxShadow:"inset 0 0 0 1px hsla(0,0%,0%,.35), 0 0 0 1px hsla(0,0%,0%,.35)"}}},state:{active:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8",color:"$slate11","@hover":{"&:hover":{backgroundColor:"$slate5",boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate5"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"}},waiting:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px $colors$slate8",color:"transparent",pointerEvents:"none","@hover":{"&:hover":{backgroundColor:"$slate5",boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:active":{backgroundColor:"$slate5"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8"}}},ghost:{true:{backgroundColor:"transparent",boxShadow:"none"}}},compoundVariants:[{variant:"gray",ghost:"true",css:{backgroundColor:"transparent",color:"$hiContrast","@hover":{"&:hover":{backgroundColor:"$slateA3",boxShadow:"none"}},"&:active":{backgroundColor:"$slateA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slateA8, 0 0 0 1px $colors$slateA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slateA4",boxShadow:"none"}}},{variant:"blue",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$blueA3",boxShadow:"none"}},"&:active":{backgroundColor:"$blueA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blueA8, 0 0 0 1px $colors$blueA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$blueA4",boxShadow:"none"}}},{variant:"green",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$greenA3",boxShadow:"none"}},"&:active":{backgroundColor:"$greenA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$greenA8, 0 0 0 1px $colors$greenA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$greenA4",boxShadow:"none"}}},{variant:"red",ghost:"true",css:{backgroundColor:"transparent","@hover":{"&:hover":{backgroundColor:"$redA3",boxShadow:"none"}},"&:active":{backgroundColor:"$redA4"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$redA8, 0 0 0 1px $colors$redA8"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$redA4",boxShadow:"none"}}}],defaultVariants:{size:"1",variant:"gray"}});var Fe=_chunkZKXNQEAOcjs.h.call(void 0, "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"}});var Me=_chunkZKXNQEAOcjs.h.call(void 0, "button",{all:"unset",alignItems:"center",boxSizing:"border-box",userSelect:"none",display:"inline-flex",WebkitTapHighlightColor:"rgba(0,0,0,0)",height:"$7",px:"$4",fontFamily:"$untitled",fontWeight:500,borderRadius:"$2",fontSize:"$3",lineHeight:"$sizes$7","&:disabled":{bc:"$slate2",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$slate8",pointerEvents:"not-allowed"},"&[href]":{cursor:"pointer"},variants:{variant:{contrast:{bc:"$hiContrast",color:"$loContrast","@hover":{"&:hover":{opacity:.9}},"&:active":{opacity:.8},"&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"},$$backlight:`
|
2
|
-
0 0 0 2px $colors$plumA3,
|
3
|
-
-15px 0 30px -15px $colors$orangeA8,
|
4
|
-
0 0 30px -15px $colors$pinkA8,
|
5
|
-
15px 0 30px -15px $colors$violetA8
|
6
|
-
`,boxShadow:"$$backlight",[`.${_chunkZKXNQEAOcjs.j} &`]:{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 Fo=J.forwardRef((s,n)=>{var p=s,{children:e,icon:t}=p,i=_chunkKU3JN3SAcjs.c.call(void 0, p,["children","icon"]);return J.createElement(Me,_chunkKU3JN3SAcjs.a.call(void 0, {ref:n},i),e,t&&J.createElement($,{as:"span",css:{ml:8,mr:-3,minWidth:"1rem",minHeight:"1rem"}},J.createElement(t,null)))});Fo.displayName="ButtonMarketing";var Oe=_chunkZKXNQEAOcjs.h.call(void 0, "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"}},[`.${_chunkZKXNQEAOcjs.j} &`]:{backgroundColor:"$whiteA5","@hover":{"&:hover":{bc:"$whiteA6"}}}},gray:{backgroundColor:"$grayA4","@hover":{"&:hover":{bc:"$grayA5"}}}}},defaultVariants:{variant:"white"}});var Ne=({children:e})=>_chunkKU3JN3SAcjs.d.createElement(z,{as:"p",css:{fontSize:"$2",lineHeight:"1.25",ml:"$1",py:"$3"}},e);var Ge=_chunkZKXNQEAOcjs.h.call(void 0, "div",{appearance:"none",border:"none",boxSizing:"border-box",font:"inherit",lineHeight:"1",outline:"none",padding:0,textAlign:"inherit",verticalAlign:"middle",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",backgroundColor:"$panel",display:"block",textDecoration:"none",color:"inherit",flexShrink:0,borderRadius:"$3",position:"relative","&::before":{boxSizing:"border-box",content:'""',position:"absolute",top:0,right:0,bottom:0,left:0,boxShadow:"inset 0 0 0 1px rgba(0,0,0,.1)",borderRadius:"$3",pointerEvents:"none"},variants:{variant:{interactive:{"@hover":{"&:hover":{"&::before":{boxShadow:"inset 0 0 0 1px rgba(0,0,0,.2)"}}},"&:focus":{"&::before":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}}},ghost:{backgroundColor:"transparent",transition:"transform 200ms cubic-bezier(0.22, 1, 0.36, 1), background-color 25ms linear",willChange:"transform","&::before":{boxShadow:"0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2)",opacity:"0",transition:"all 200ms cubic-bezier(0.22, 1, 0.36, 1)","@media (prefers-reduced-motion)":{transition:"none"}},"@hover":{"&:hover":{backgroundColor:"$panel",transform:"translateY(-2px)","&::before":{opacity:"1"}}},"&:active":{transform:"translateY(0)",transition:"none","&::before":{boxShadow:"0px 5px 16px -5px rgba(22, 23, 24, 0.35), 0px 5px 10px -7px rgba(22, 23, 24, 0.2)",opacity:"1"}},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}},active:{transform:"translateY(0)",transition:"none","&::before":{boxShadow:"0px 5px 16px -5px rgba(22, 23, 24, 0.35), 0px 5px 10px -7px rgba(22, 23, 24, 0.2)",opacity:"1"},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$blue8, 0 0 0 1px $colors$blue8"}}}}});var _image = require('next/image'); var _image2 = _interopRequireDefault(_image);var wr=_chunkZKXNQEAOcjs.h.call(void 0, "div",{display:"flex",height:"100%"}),kr=_chunkZKXNQEAOcjs.h.call(void 0, "div",{position:"relative",borderRadius:"$4",height:"100%"}),Mo= exports.A =_chunkZKXNQEAOcjs.h.call(void 0, "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)"}),Rr=_chunkZKXNQEAOcjs.h.call(void 0, _image2.default,{borderRadius:"$4",borderTopLeftRadius:0,borderBottomLeftRadius:0,position:"relative"}),_e= exports.B =({base64:e,children:t,image:i,imageLabel:n="Spotify Description Coming Soon",slug:s})=>_chunkKU3JN3SAcjs.d.createElement(Oo,null,_chunkKU3JN3SAcjs.d.createElement($,{as:"div",css:{borderRadius:"$4",position:"relative"}},_chunkKU3JN3SAcjs.d.createElement(Mo,{css:{borderRadius:"$4",backgroundImage:`url(${e})`,backgroundSize:"cover"}}),_chunkKU3JN3SAcjs.d.createElement(j,{as:"div",css:{borderRadius:"$4",display:"flex",flexDirection:"column",minHeight:"100%",overflow:"hidden",position:"relative",width:"100%","@bp1":{flexDirection:"row"}}},_chunkKU3JN3SAcjs.d.createElement(j,{as:"div",css:{borderRadius:"$4",borderBottomLeftRadius:0,borderBottomRightRadius:0,bc:"$colors$gray3",display:"flex",flexDirection:"column",px:"$2",py:"$4","@bp1":{borderTopRightRadius:0,borderBottomRightRadius:0,width:"40%",px:"$4",py:"$7"}}},t),_chunkKU3JN3SAcjs.d.createElement(j,{as:"div",css:{display:"flex",flexDirection:"column",justifyContent:"center",overflow:"hidden","@bp1":{width:"60%"}},style:{backgroundImage:`url(${e})`,backgroundSize:"cover"}},_chunkKU3JN3SAcjs.d.createElement(Rr,_chunkKU3JN3SAcjs.a.call(void 0, {alt:n,blurDataURL:e,key:s,placeholder:"blur",priority:!1},i)))))),Oo= exports.C =({children:e})=>_chunkKU3JN3SAcjs.d.createElement(wr,null,_chunkKU3JN3SAcjs.d.createElement(kr,null,e));var _primitive = require('@radix-ui/primitive');var _reactcomposerefs = require('@radix-ui/react-compose-refs');var _reactcontext = require('@radix-ui/react-context');var _reactusecallbackref = require('@radix-ui/react-use-callback-ref');var _debounce = require('lodash/debounce'); var _debounce2 = _interopRequireDefault(_debounce);var _smoothscrollpolyfill = require('smoothscroll-polyfill'); var _smoothscrollpolyfill2 = _interopRequireDefault(_smoothscrollpolyfill);var[Ir,bo]=_reactcontext.createContext.call(void 0, "Carousel"),Xe= exports.D =e=>{let t=h.useRef(null),io=e,{children:i}=io,n=_chunkKU3JN3SAcjs.c.call(void 0, io,["children"]),s=h.useRef(null),[p,l]=h.useState({}),[d,m]=h.useState(!1),[u,f]=h.useState(!0),C=h.useRef(),I=h.useRef(100);h.useEffect(()=>_smoothscrollpolyfill2.default.polyfill(),[]);let D=_reactusecallbackref.useCallbackRef.call(void 0, v=>{var E;let y=(E=t.current)==null?void 0:E.querySelectorAll("[data-slide-intersection-ratio]");if(y){let S=Array.from(y.values());return v===1&&S.reverse(),S.find(R=>R.dataset.slideIntersectionRatio!=="0")}}),H=h.useCallback(()=>{let v=D(1);if(v){let{scrollLeft:y,scrollWidth:E,clientWidth:S}=s.current,R=v.clientWidth,Po=R*2.5<document.documentElement.offsetWidth?2:1,N=Math.floor(y/R)*R+R*Po;s.current.scrollTo({left:N,behavior:"smooth"}),f(N<=0),m(E-N-S<=0),I.current=500}},[D,f]),uo=h.useCallback(()=>{let v=D(-1);if(v){let{scrollLeft:y,scrollWidth:E,clientWidth:S}=s.current,R=v.clientWidth,Po=R*2.5<document.documentElement.offsetWidth?2:1,N=Math.ceil(y/R)*R-R*Po;s.current.scrollTo({left:N,behavior:"smooth"}),f(N<=0),m(E-N-S<=0),I.current=500}},[D,f]);return h.useEffect(()=>{C.current&&clearTimeout(C.current),C.current=setTimeout(()=>{requestAnimationFrame(()=>{if(s.current){let{scrollLeft:v,scrollWidth:y,clientWidth:E}=s.current;f(v<=0),m(y-v-E<=0),I.current=100}})},I.current)}),h.useEffect(()=>{let v=s.current;if(v){let y=_debounce2.default.call(void 0, ()=>l({}),100,{leading:!0,trailing:!0});return v.addEventListener("scroll",y),window.addEventListener("resize",y),l({}),()=>{v.removeEventListener("scroll",y),window.removeEventListener("resize",y)}}return()=>{}},[s]),h.createElement(Ir,{_:p,nextDisabled:d,prevDisabled:u,slideListRef:s,onNextClick:H,onPrevClick:uo},h.createElement($,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},n),{ref:t}),i))},Ue= exports.E =e=>{let t=bo("CarouselSlideList"),i=h.useRef(null),n=_reactcomposerefs.useComposedRefs.call(void 0, i,t.slideListRef),[s,p]=h.useState(null),l=_reactusecallbackref.useCallbackRef.call(void 0, m=>{if(i.current){let u=m.clientX-s.pointerX;i.current.scrollLeft=s.scrollX-u}}),d=_reactusecallbackref.useCallbackRef.call(void 0, ()=>{document.removeEventListener("mousemove",l),document.removeEventListener("mouseup",d),p(null)});return h.createElement($,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{ref:n,"data-state":s?"dragging":void 0,onMouseDownCapture:_primitive.composeEventHandlers.call(void 0, e.onMouseDownCapture,m=>{m.button===0&&(document.addEventListener("mousemove",l),document.addEventListener("mouseup",d),p({scrollX:m.currentTarget.scrollLeft,pointerX:m.clientX}))}),onPointerDown:_primitive.composeEventHandlers.call(void 0, e.onPointerDown,m=>{let u=m.target;u.style.userSelect="none",u.setPointerCapture(m.pointerId)}),onPointerUp:_primitive.composeEventHandlers.call(void 0, e.onPointerUp,m=>{let u=m.target;u.style.userSelect="",u.releasePointerCapture(m.pointerId)})}))},Ye= exports.F =e=>{let m=e,{as:t=$}=m,i=_chunkKU3JN3SAcjs.c.call(void 0, m,["as"]),n=bo("CarouselSlide"),s=h.useRef(null),[p,l]=h.useState(0),d=h.useRef(!1);return h.useEffect(()=>{let u=new IntersectionObserver(([f])=>l(f.intersectionRatio),{root:n.slideListRef.current,threshold:[0,.5,1]});return u.observe(s.current),()=>u.disconnect()},[n.slideListRef]),h.createElement(t,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},i),{ref:s,"data-slide-intersection-ratio":p,onDragStart:u=>{u.preventDefault(),d.current=!0},onClick:u=>{d.current&&u.preventDefault()}}))},qe= exports.G =e=>{let s=e,{as:t="button"}=s,i=_chunkKU3JN3SAcjs.c.call(void 0, s,["as"]),n=bo("CarouselNext");return h.createElement(t,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},i),{onClick:()=>n.onNextClick(),disabled:n.nextDisabled}))},Ze= exports.H =e=>{let s=e,{as:t="button"}=s,i=_chunkKU3JN3SAcjs.c.call(void 0, s,["as"]),n=bo("CarouselPrevious");return h.createElement(t,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},i),{onClick:()=>n.onPrevClick(),disabled:n.prevDisabled}))},Je= exports.I =_chunkZKXNQEAOcjs.h.call(void 0, "button",{unset:"all",outline:0,margin:0,border:0,padding:0,display:"flex",position:"relative",zIndex:1,ai:"center",jc:"center",bc:"$panel",br:"$round",width:"$7",height:"$7",color:"$hiContrast",boxShadow:"$colors$blackA11 0px 2px 12px -5px, $colors$blackA5 0px 1px 3px",willChange:"transform, box-shadow, opacity",transition:"all 100ms","@hover":{"&:hover":{boxShadow:"$colors$blackA10 0px 3px 16px -5px, $colors$blackA5 0px 1px 3px",transform:"translateY(-1px)","&::before":{content:"",inset:-2,br:"$round",position:"absolute"}}},"&:focus":{boxShadow:`
|
7
|
-
$colors$blackA10 0px 3px 16px -5px,
|
8
|
-
$colors$blackA5 0px 1px 3px,
|
9
|
-
$colors$blue8 0 0 0 2px
|
10
|
-
`,transform:"translateY(-1px)"},"&:focus:not(:focus-visible)":{boxShadow:"$colors$blackA11 0px 2px 12px -5px, $colors$blackA5 0px 1px 3px"},"&:active:not(:focus)":{boxShadow:"$colors$blackA11 0px 2px 12px -5px, $colors$blackA5 0px 1px 3px"},"&:active":{transform:"none",transition:"opacity 100ms"},"&:disabled":{opacity:0},"@media (hover: none) and (pointer: coarse)":{display:"none"}});var _reactcheckbox = require('@radix-ui/react-checkbox'); var fo = _interopRequireWildcard(_reactcheckbox);var Qe=_chunkZKXNQEAOcjs.h.call(void 0, fo.Root,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},alignItems:"center",appearance:"none",display:"inline-flex",justifyContent:"center",lineHeight:"1",margin:"0",outline:"none",padding:"0",WebkitTapHighlightColor:"rgba(0,0,0,0)",color:"$hiContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",overflow:"hidden","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:focus":{outline:"none",borderColor:"$red7",boxShadow:"inset 0 0 0 1px $colors$blue9, 0 0 0 1px $colors$blue9"},variants:{size:{"1":{width:"$3",height:"$3",borderRadius:"$1"},"2":{width:"$5",height:"$5",borderRadius:"$2"}}},defaultVariants:{size:"1"}}),Ke=_chunkZKXNQEAOcjs.h.call(void 0, fo.Indicator,{alignItems:"center",display:"flex",height:"100%",justifyContent:"center",width:"100%"});var _o=Q.forwardRef((e,t)=>Q.createElement(Qe,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{ref:t}),Q.createElement(Ke,null,Q.createElement(_reacticons.CheckIcon,null))));_o.displayName="Checkbox";var ot=_chunkZKXNQEAOcjs.h.call(void 0, "code",{fontFamily:"$mono",fontSize:"max(12px, 85%)",whiteSpace:"nowrap",padding:"0 3px 2px 3px",variants:{variant:{gray:{backgroundColor:"$slate3",color:"$slate11"},violet:{backgroundColor:"$violet3",color:"$violet11"}}},defaultVariants:{variant:"violet"}});var et=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxSizing:"border-box",flexShrink:0,ml:"auto",mr:"auto",px:"$5",variants:{size:{"1":{maxWidth:"430px"},"2":{maxWidth:"715px"},"3":{maxWidth:"896px"},"4":{maxWidth:"1145px"},"5":{maxWidth:"none"}}},defaultVariants:{size:"5"}});var _reactdialog = require('@radix-ui/react-dialog'); var w = _interopRequireWildcard(_reactdialog);var Br=_chunkZKXNQEAOcjs.h.call(void 0, w.Overlay,no,{position:"fixed",top:0,right:0,bottom:0,left:0});function tt(i){var n=i,{children:e}=n,t=_chunkKU3JN3SAcjs.c.call(void 0, n,["children"]);return W.createElement(w.Root,_chunkKU3JN3SAcjs.a.call(void 0, {},t),W.createElement(Br,null),e)}var Lr=_chunkZKXNQEAOcjs.h.call(void 0, w.Content,X,{position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",minWidth:200,maxHeight:"85vh",padding:"$4",marginTop:"-5vh",willChange:"transform","&:focus":{outline:"none"}}),Wr=_chunkZKXNQEAOcjs.h.call(void 0, w.Close,{position:"absolute",top:"$2",right:"$2"}),gn=W.forwardRef((n,i)=>{var s=n,{children:e}=s,t=_chunkKU3JN3SAcjs.c.call(void 0, s,["children"]);return W.createElement(Lr,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{ref:i}),e,W.createElement(Wr,{asChild:!0},W.createElement(ho,{variant:"ghost"},W.createElement(_reacticons.Cross1Icon,null))))}),rt= exports.N =w.Trigger,at= exports.O =w.Close,it= exports.P =w.Title,nt= exports.Q =w.Description;var _nodeemoji = require('node-emoji'); var _nodeemoji2 = _interopRequireDefault(_nodeemoji);var st=({emoji:e,label:t,margin:i})=>_chunkKU3JN3SAcjs.d.createElement($,{as:"span","aria-label":t,css:{fontStyle:"normal",mr:i?"$1":"0"},role:"img",style:{WebkitBackgroundClip:"text",WebkitTextFillColor:"inherit"}},e," "," "),K= exports.R =({character:e,margin:t=!1})=>{let i=_nodeemoji2.default.find(e);if(i===void 0)return _chunkKU3JN3SAcjs.d.createElement(st,{emoji:e,label:"emoji unsupported",margin:t});let{emoji:n,key:s}=i,p=`emoji ${s.replace(/_/gi," ")}`;return _chunkKU3JN3SAcjs.d.createElement(st,{emoji:n,label:p,margin:t})};var _emojiregex = require('emoji-regex'); var _emojiregex2 = _interopRequireDefault(_emojiregex);var _map = require('lodash/map'); var _map2 = _interopRequireDefault(_map);var _orderBy = require('lodash/orderBy'); var _orderBy2 = _interopRequireDefault(_orderBy);var _size = require('lodash/size'); var _size2 = _interopRequireDefault(_size);var dt=({id:e,text:t})=>{if(!t)return null;let i=_emojiregex2.default.call(void 0, ),n={},s=t,p=0;for(let d of t.matchAll(i)){let m=d[0],u=[...m].length,f=u===3?u*1.5:u*2;p===0&&d.index!==0&&(n[0]={index:0,to:d.index,to2:d.index,emoji:!1,text:t.slice(0,d.index)},p++);let C=n[p-1];!!C&&C.index!==d.to&&(n[p]={index:C.to,to:d.index,to2:d.index,emoji:!1,text:t.slice(C.to,d.index)},p++),n[p]={index:d.index,to:Math.floor(d.index+f),to2:Math.floor(d.index+u),emoji:!0,text:m},p++}let l=[];return _size2.default.call(void 0, n)>0&&_map2.default.call(void 0, _orderBy2.default.call(void 0, n,["index"],["asc"]),(d,m)=>{if(l.push(d.emoji?_chunkKU3JN3SAcjs.d.createElement(K,{character:d.text.trim(),key:`${e}--emoji--${m}`,margin:!0}):d.text),_size2.default.call(void 0, n)===_size2.default.call(void 0, l)&&d.to<[...t].length){let u=s.slice(d.to2+1).normalize("NFD").replace(/([\u0300-\u036f]|[^0-9a-zA-Z])/g," ");l.push(u)}}),_chunkKU3JN3SAcjs.d.createElement(_chunkKU3JN3SAcjs.d.Fragment,null,_size2.default.call(void 0, l)>0?_map2.default.call(void 0, l,d=>d):s)};var j=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxSizing:"border-box",display:"flex",variants:{direction:{row:{flexDirection:"row"},column:{flexDirection:"column"},rowReverse:{flexDirection:"row-reverse"},columnReverse:{flexDirection:"column-reverse"}},align:{start:{alignItems:"flex-start"},center:{alignItems:"center"},end:{alignItems:"flex-end"},stretch:{alignItems:"stretch"},baseline:{alignItems:"baseline"}},justify:{start:{justifyContent:"flex-start"},center:{justifyContent:"center"},end:{justifyContent:"flex-end"},between:{justifyContent:"space-between"}},wrap:{noWrap:{flexWrap:"nowrap"},wrap:{flexWrap:"wrap"},wrapReverse:{flexWrap:"wrap-reverse"}},gap:{1:{gap:"$1"},2:{gap:"$2"},3:{gap:"$3"},4:{gap:"$4"},5:{gap:"$5"},6:{gap:"$6"},7:{gap:"$7"},8:{gap:"$8"},9:{gap:"$9"}}},defaultVariants:{direction:"row",align:"stretch",justify:"start",wrap:"noWrap"}});var Or=_chunkZKXNQEAOcjs.h.call(void 0, "div",{outline:0,borderRadius:"$3","&:focus":{boxShadow:"0 0 0 2px $colors$blue8"},"&:focus:not(:focus-visible)":{boxShadow:"none"}}),Xo= exports.U =F.forwardRef((s,n)=>{var p=s,{children:e,onKeyDown:t}=p,i=_chunkKU3JN3SAcjs.c.call(void 0, p,["children","onKeyDown"]);let l=F.useRef(null),d=_reactcomposerefs.useComposedRefs.call(void 0, l,n),m={[i["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-entry":"data-focus-area-top-tracks-entry"]:!0},u={[i["data-focus-area-type"]==="top-artists"?"data-focus-area-top-artists-exit":"data-focus-area-top-tracks-exit"]:!0};return F.createElement(Or,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},i),{"data-focus-area":!0,ref:d,tabIndex:0,onKeyDown:f=>{if(t==null||t(f),f.target===f.currentTarget&&(f.key==="Enter"||f.key===" ")){let C='[role="menu"], [role="dialog"] input, [role="dialog"] button, [tabindex="0"]',I="a, button, input, select, textarea",D=[f==null?void 0:f.currentTarget.querySelector(C),f==null?void 0:f.currentTarget.querySelector(I)].filter(H=>Boolean(H))[0];D&&(f.preventDefault(),D.focus())}f.key==="Escape"&&f.target instanceof HTMLElement&&f.target!==f.currentTarget&&f.target.closest('[role="dialog"], [role="menu"]')===null&&f.currentTarget.focus()}}),F.createElement("div",_chunkKU3JN3SAcjs.a.call(void 0, {"data-focus-area-entry":!0},m)),e,F.createElement("div",_chunkKU3JN3SAcjs.a.call(void 0, {"data-focus-area-exit":!0},u)))});Xo.displayName="FocusArea";var ct=_chunkZKXNQEAOcjs.h.call(void 0, "div",{boxSizing:"border-box",display:"grid",variants:{align:{start:{alignItems:"start"},center:{alignItems:"center"},end:{alignItems:"end"},stretch:{alignItems:"stretch"},baseline:{alignItems:"baseline"}},justify:{start:{justifyContent:"start"},center:{justifyContent:"center"},end:{justifyContent:"end"},between:{justifyContent:"space-between"}},flow:{row:{gridAutoFlow:"row"},column:{gridAutoFlow:"column"},dense:{gridAutoFlow:"dense"},rowDense:{gridAutoFlow:"row dense"},columnDense:{gridAutoFlow:"column dense"}},columns:{1:{gridTemplateColumns:"repeat(1, 1fr)"},2:{gridTemplateColumns:"repeat(2, 1fr)"},3:{gridTemplateColumns:"repeat(3, 1fr)"},4:{gridTemplateColumns:"repeat(4, 1fr)"},5:{gridTemplateColumns:"repeat(5, 1fr)"},6:{gridTemplateColumns:"repeat(6, 1fr)"}},gap:{1:{gap:"$1"},2:{gap:"$2"},3:{gap:"$3"},4:{gap:"$4"},5:{gap:"$5"},6:{gap:"$6"},7:{gap:"$7"},8:{gap:"$8"},9:{gap:"$9"}},gapX:{1:{columnGap:"$1"},2:{columnGap:"$2"},3:{columnGap:"$3"},4:{columnGap:"$4"},5:{columnGap:"$5"},6:{columnGap:"$6"},7:{columnGap:"$7"},8:{columnGap:"$8"},9:{columnGap:"$9"}},gapY:{1:{rowGap:"$1"},2:{rowGap:"$2"},3:{rowGap:"$3"},4:{rowGap:"$4"},5:{rowGap:"$5"},6:{rowGap:"$6"},7:{rowGap:"$7"},8:{rowGap:"$8"},9:{rowGap:"$9"}}}});var _merge = require('lodash/merge'); var _merge2 = _interopRequireDefault(_merge);var pt="h1";var oo=vo.forwardRef((e,t)=>{let l=e,{size:i="1"}=l,n=_chunkKU3JN3SAcjs.c.call(void 0, l,["size"]),s={1:{"@initial":"4","@bp2":"5"},2:{"@initial":"6","@bp2":"7"},3:{"@initial":"7","@bp2":"8"},4:{"@initial":"8","@bp2":"9"}},p={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 vo.createElement(z,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {as:pt},n),{ref:t,size:s[i],css:_chunkKU3JN3SAcjs.a.call(void 0, {fontVariantNumeric:"proportional-nums"},_merge2.default.call(void 0, p[i],e.css))}))});oo.displayName="Heading";var ho=_chunkZKXNQEAOcjs.h.call(void 0, "button",{alignItems:"center",appearance:"none",borderWidth:"0",boxSizing:"border-box",display:"inline-flex",flexShrink:0,fontFamily:"inherit",fontSize:"14px",justifyContent:"center",lineHeight:"1",outline:"none",padding:"0",textDecoration:"none",userSelect:"none",WebkitTapHighlightColor:"transparent",color:"$hiContrast","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},backgroundColor:"$loContrast",border:"1px solid $slate7","@hover":{"&:hover":{borderColor:"$slate8"}},"&:active":{backgroundColor:"$slate2"},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8"},"&:disabled":{pointerEvents:"none",backgroundColor:"transparent",color:"$slate6"},variants:{size:{"1":{borderRadius:"$1",height:"$5",width:"$5"},"2":{borderRadius:"$2",height:"$6",width:"$6"},"3":{borderRadius:"$2",height:"$7",width:"$7"},"4":{borderRadius:"$3",height:"$8",width:"$8"}},variant:{ghost:{backgroundColor:"transparent",borderWidth:"0","@hover":{"&:hover":{backgroundColor:"$slateA3"}},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slateA8, 0 0 0 1px $colors$slateA8"},"&:active":{backgroundColor:"$slateA4"},'&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]':{backgroundColor:"$slateA4"}},raised:{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)","@hover":{"&:hover":{boxShadow:"0 0 transparent, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"}},"&:focus":{borderColor:"$slate8",boxShadow:"0 0 0 1px $colors$slate8, 0 16px 32px hsl(206deg 12% 5% / 25%), 0 3px 5px hsl(0deg 0% 0% / 10%)"},"&:active":{backgroundColor:"$slate4"}}},state:{active:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}},waiting:{backgroundColor:"$slate4",boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px hsl(206,10%,76%)"}},"&:active":{backgroundColor:"$slate4"}}}},defaultVariants:{size:"1",variant:"ghost"}});var _reactlabel = require('@radix-ui/react-label'); var ut = _interopRequireWildcard(_reactlabel);var gt=_chunkZKXNQEAOcjs.h.call(void 0, ut.Root,z,{display:"inline-block",verticalAlign:"middle",cursor:"default"});var mt=_chunkZKXNQEAOcjs.h.call(void 0, "a",{alignItems:"center",gap:"$1",flexShrink:0,border:"none",outline:"none",textDecorationLine:"none",textUnderlineOffset:"3px",textDecorationColor:"$slate4",transition:"color 0.25s, text-decoration-color 0.25s ease-in-out","@media (prefers-reduced-motion)":{transition:"none"},"& > strong":{transition:"all 0.25s ease-in-out","@media (prefers-reduced-motion)":{transition:"none"}},WebkitTapHighlightColor:"rgba(0,0,0,0)",lineHeight:"inherit","@hover":{"&:hover":{textDecorationLine:"underline"}},"&:focus":{textDecorationLine:"none",borderRadius:"$1",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$hiContrast"},"&:focus:not(:focus-visible)":{boxShadow:"none",textDecorationLine:"underline"},variants:{variant:{blue:{color:"$blue11",textDecorationColor:"$blue4","&:focus":{outlineColor:"$blue8",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$blue4"}},subtle:{color:"$slate11",textDecorationColor:"$slate4","&:focus":{outlineColor:"$slate8"}},contrast:{color:"$hiContrast",textDecoration:"underline",textDecorationColor:"$slate7","@hover":{"&:hover":{textDecorationColor:"$slate8"}},"&:focus":{outlineColor:"$slate8"}},spotify:{color:"$spotify-black",textDecoration:"underline",textDecorationColor:"$spotify-black",".dark-theme &":{color:"$spotify-white",textDecorationColor:"$spotify-white"},"@hover":{"&:hover":{"& > strong":{color:"$spotify-green"},color:"$slate12",textDecorationColor:"$spotify-green"}},"&:focus":{outlineColor:"$spotify-green",boxShadow:"0 0 0 2px $colors$gray1, 0 0 0 3px $colors$spotify-green"}}}},defaultVariants:{variant:"contrast"}});var xt=({children:e,label:t="Note:"})=>_chunkKU3JN3SAcjs.d.createElement(_chunkKU3JN3SAcjs.d.Fragment,null,_chunkKU3JN3SAcjs.d.createElement($,{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"}},_chunkKU3JN3SAcjs.d.createElement("span",null,_chunkKU3JN3SAcjs.d.createElement("span",null,_chunkKU3JN3SAcjs.d.createElement("b",null,_chunkKU3JN3SAcjs.d.createElement(K,{character:"\u{1F4DD}\uFE0F",margin:!0}),t," ")),e),_chunkKU3JN3SAcjs.d.createElement($,{as:"div",css:{ml:"auto",pl:"0.5rem"}})));var no=_chunkZKXNQEAOcjs.c.call(void 0, {backgroundColor:"rgba(0, 0, 0, .15)"}),bt= exports.aa =_chunkZKXNQEAOcjs.h.call(void 0, "div",no);var Uo=()=>_chunkKU3JN3SAcjs.d.createElement(so,{as:"span",variant:"heading",css:{fontSize:"inherit",height:"$fontSizes$8",mb:"$1",pr:"var(--width-1_4)"}},"\xA0"),Yo= exports.ca =()=>_chunkKU3JN3SAcjs.d.createElement(so,{as:"span",variant:"text",css:{fontSize:"inherit",height:"$fontSizes$5",mb:"$7",mt:"$2",pr:"var(--width-2_4)"}},"\xA0"),ft= exports.da =()=>_chunkKU3JN3SAcjs.d.createElement(_chunkKU3JN3SAcjs.d.Fragment,null,_chunkKU3JN3SAcjs.d.createElement(oo,{size:"4"},_chunkKU3JN3SAcjs.d.createElement(Uo,null)),_chunkKU3JN3SAcjs.d.createElement(eo,{size:"2",as:"p",css:{mt:"$2",mb:"$7"}},_chunkKU3JN3SAcjs.d.createElement(Yo,null))),ht= exports.ea =({title:e,description:t})=>_chunkKU3JN3SAcjs.d.createElement(_chunkKU3JN3SAcjs.d.Fragment,null,_chunkKU3JN3SAcjs.d.createElement(oo,{size:"4"},e),_chunkKU3JN3SAcjs.d.createElement(eo,{size:"2",as:"p",css:{color:"$colors$gray11",mt:"$2",mb:"$7"}},t));var X=_chunkZKXNQEAOcjs.c.call(void 0, {backgroundColor:"$panel",borderRadius:"$3",boxShadow:"$colors$shadowLight 0px 10px 38px -10px, $colors$shadowDark 0px 10px 20px -15px"}),$t= exports.ga =_chunkZKXNQEAOcjs.h.call(void 0, "div",X);var vt="p";var eo=Co.forwardRef((e,t)=>{let l=e,{size:i="1"}=l,n=_chunkKU3JN3SAcjs.c.call(void 0, l,["size"]),s={1:{"@initial":"3","@bp2":"4"},2:{"@initial":"5","@bp2":"6"}},p={1:{lineHeight:"25px","@bp2":{lineHeight:"27px"}},2:{color:"$slate11",lineHeight:"27px","@bp2":{lineHeight:"30px"}}};return Co.createElement(z,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {as:vt},n),{ref:t,size:s[i],css:_chunkKU3JN3SAcjs.a.call(void 0, {},_merge2.default.call(void 0, p[i],e.css))}))});eo.displayName="Paragraph";var _reactpopover = require('@radix-ui/react-popover'); var V = _interopRequireWildcard(_reactpopover);function Ct(i){var n=i,{children:e}=n,t=_chunkKU3JN3SAcjs.c.call(void 0, n,["children"]);return U.createElement(V.Root,_chunkKU3JN3SAcjs.a.call(void 0, {},t),e)}var _r=_chunkZKXNQEAOcjs.h.call(void 0, V.Content,X,{minWidth:200,minHeight:"$6",maxWidth:265,"&:focus":{outline:"none"}}),qo= exports.ja =U.forwardRef((s,n)=>{var p=s,{children:e,hideArrow:t}=p,i=_chunkKU3JN3SAcjs.c.call(void 0, p,["children","hideArrow"]);return U.createElement(_r,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {sideOffset:0},i),{ref:n}),e,!t&&U.createElement($,{css:{color:"$panel"}},U.createElement(V.Arrow,{width:11,height:5,offset:5,style:{fill:"currentColor"}})))});qo.displayName="PopoverContent";var yt=V.Trigger;var _reactprogress = require('@radix-ui/react-progress'); var yo = _interopRequireWildcard(_reactprogress);var Xr=_chunkZKXNQEAOcjs.f.call(void 0, {"0%":{transform:"scaleX(1) translateX(-100%)",transformOrigin:"left"},"50%":{transform:"scaleX(1) translateX(1000%)",transformOrigin:"left"},"100%":{transform:"scaleX(1) translateX(2000%)",transformOrigin:"left"}}),Ur=_chunkZKXNQEAOcjs.h.call(void 0, yo.Root,{boxSizing:"border-box",position:"relative",height:"$1",overflow:"hidden",borderRadius:"$pill",'&[data-state="indeterminate"]':{backgroundColor:"$slate4","&::after":{animationName:Xr,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"}}),Yr=_chunkZKXNQEAOcjs.h.call(void 0, yo.Indicator,{boxSizing:"border-box",position:"absolute",top:0,right:0,bottom:0,left:0,width:"100%",backgroundColor:"$slate4",transition:"transform 150ms cubic-bezier(0.65, 0, 0.35, 1)"}),St= exports.la =lo.forwardRef((s,n)=>{var p=s,{value:e,max:t=100}=p,i=_chunkKU3JN3SAcjs.c.call(void 0, p,["value","max"]);let l=e!=null?Math.round(e/t*100):null;return lo.createElement(Ur,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},i),{ref:n,value:e,max:t}),lo.createElement(Yr,{style:{transform:`translateX(${l}%)`}}))});var _reactradiogroup = require('@radix-ui/react-radio-group'); var to = _interopRequireWildcard(_reactradiogroup); var So = _interopRequireWildcard(_reactradiogroup);var Zo=_chunkZKXNQEAOcjs.h.call(void 0, to.Root,{display:"flex"}),Jo=_chunkZKXNQEAOcjs.h.call(void 0, to.Indicator,{alignItems:"center",display:"flex",height:"100%",justifyContent:"center",width:"100%",position:"relative","&::after":{content:'""',display:"block",width:"7px",height:"7px",borderRadius:"50%",backgroundColor:"$blue9"}}),Tt=_chunkZKXNQEAOcjs.h.call(void 0, to.Item,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},alignItems:"center",appearance:"none",display:"inline-flex",justifyContent:"center",lineHeight:"1",margin:"0",outline:"none",padding:"0",textDecoration:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)",borderRadius:"50%",color:"$hiContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",overflow:"hidden","@hover":{"&:hover":{boxShadow:"inset 0 0 0 1px $colors$slate8"}},"&:focus":{outline:"none",borderColor:"$red7",boxShadow:"inset 0 0 0 1px $colors$blue9, 0 0 0 1px $colors$blue9"},variants:{size:{"1":{width:"$3",height:"$3"},"2":{width:"$5",height:"$5",[`& ${Jo}`]:{"&::after":{width:"$3",height:"$3"}}}}},defaultVariants:{size:"1"}});var Qo=co.forwardRef((e,t)=>co.createElement(Tt,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{ref:t}),co.createElement(Jo,null)));Qo.displayName="Radio";var Ko=_chunkZKXNQEAOcjs.h.call(void 0, So.Root,{display:"block"}),wt=_chunkZKXNQEAOcjs.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"}),oe=_chunkZKXNQEAOcjs.h.call(void 0, "div",{borderRadius:"$round",width:15,height:15,backgroundColor:"$gray9",transform:"scale(0)"}),kt=_chunkZKXNQEAOcjs.h.call(void 0, So.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",[`& ${oe}`]:{transform:"scale(1)"}}});var ee=ro.forwardRef((e,t)=>ro.createElement(kt,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{ref:t}),ro.createElement(wt,null,ro.createElement(oe,null)),e.children));ee.displayName="RadioCard";function qr(){return!!(typeof window!="undefined"&&window.document&&window.document.createElement)}var Zr=qr()?k.useLayoutEffect:k.useEffect,Rt= exports.qa =e=>{let t=k.useRef(null),i=k.useRef(null),n=k.useRef(null),s=k.useRef(0),p=k.useRef({x:0,y:0}),l=k.useRef(typeof document=="undefined"?"":document.body.style.pointerEvents);return Zr(()=>{var E;let d=i.current,m=n.current,u=t.current,f=0,C=0,I=0,D=0,H=0;function uo(){m&&u&&d&&(f=m.scrollHeight,C=m.clientHeight,I=m.scrollTop,D=I/f,H=C/f,H>=1?u.style.height="0px":(u.style.top=D*100+"%",u.style.height=Math.max(H*100,10)+"%")),s.current=requestAnimationFrame(uo)}function io(S){m&&u&&d&&(S.preventDefault(),p.current={x:S.clientX,y:S.clientY},d.classList.add("modulz-is-dragging"),window.addEventListener("mousemove",v),window.addEventListener("mouseup",y),l.current=document.body.style.pointerEvents,document.body.style.pointerEvents="none")}function v(S){if(m&&u&&d){let R={dx:p.current.x-S.clientX,dy:p.current.y-S.clientY};p.current={x:S.clientX,y:S.clientY},m.scrollTop-=Math.round(R.dy/H)}}function y(S){m&&u&&d&&(d.classList.remove("modulz-is-dragging"),window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",y),document.body.style.pointerEvents=l.current)}return(E=t.current)==null||E.addEventListener("mousedown",io),s.current=requestAnimationFrame(uo),()=>{cancelAnimationFrame(s.current),u==null||u.removeEventListener("mousedown",io),window.removeEventListener("mousemove",v),window.removeEventListener("mouseup",y)}},[]),k.createElement(j,{ref:i,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}}}},k.createElement($,{"data-scroll-content":!0,ref:n,css:{position:"relative",overflow:"scroll",scrollbarWidth:"none",zIndex:1,WebkitOverflowScrolling:"touch","&::-webkit-scrollbar":{display:"none"}}},e.children),k.createElement($,{ref:t,"data-scroll-thumb":!0,css:{opacity:0,zIndex:2,position:"absolute",top:0,right:0,width:"8px","&::after":{content:'""',position:"absolute",top:"2px",left:"2px",width:"calc(100% - 4px)",height:"calc(100% - 4px)",backgroundColor:"hsla(212, 5%, 50%, 0.3)",borderRadius:"9999px"}}}))};var Pt=_chunkZKXNQEAOcjs.h.call(void 0, "section",{boxSizing:"border-box",flexShrink:0,"&::before":{boxSizing:"border-box",content:'""'},"&::after":{boxSizing:"border-box",content:'""'},variants:{size:{"1":{py:"$3"},"2":{py:"$5"},"3":{py:"$9"}}},defaultVariants:{size:"3"}});var _reactseparator = require('@radix-ui/react-separator'); var At = _interopRequireWildcard(_reactseparator);var To=_chunkZKXNQEAOcjs.h.call(void 0, At.Root,{border:"none",margin:0,flexShrink:0,backgroundColor:"$slate6",cursor:"default",variants:{size:{"1":{'&[data-orientation="horizontal"]':{height:"1px",width:"$3"},'&[data-orientation="vertical"]':{width:"1px",height:"$3"}},"2":{'&[data-orientation="horizontal"]':{height:"1px",width:"$7"},'&[data-orientation="vertical"]':{width:"1px",height:"$7"}}}},defaultVariants:{size:"1"}});var Jr=_chunkZKXNQEAOcjs.f.call(void 0, {"0%":{opacity:0},"100%":{opacity:"100%"}}),so= exports.ta =_chunkZKXNQEAOcjs.h.call(void 0, "div",{backgroundColor:"$slate4",position:"relative",overflow:"hidden","&::after":{animationName:`${Jr}`,animationDuration:"750ms",animationDirection:"alternate",animationIterationCount:"infinite",animationTimingFunction:"ease-in-out",backgroundColor:"$slate6",borderRadius:"inherit",bottom:0,content:'""',left:0,position:"absolute",right:0,top:0},variants:{variant:{avatar1:{borderRadius:"$round",height:"$3",width:"$3"},avatar2:{borderRadius:"$round",height:"$5",width:"$5"},avatar3:{borderRadius:"$round",height:"$6",width:"$6"},avatar4:{borderRadius:"$round",height:"$7",width:"$7"},avatar5:{borderRadius:"$round",height:"$8",width:"$8"},avatar6:{borderRadius:"$round",height:"$9",width:"$9"},text:{height:"$1"},title:{height:"$5"},heading:{height:"$3"},button:{borderRadius:"$1",height:"$5",width:"$8"}}},defaultVariants:{variant:"text"}});var Dt=()=>_chunkKU3JN3SAcjs.d.createElement($,{as:"span","aria-hidden":!0,css:{display:"block",width:"1px",height:"1px",minWidth:"1px",minHeight:"1px",ml:"calc(24px - 1px)",mt:"calc(24px - 1px)"}});var xo=_chunkZKXNQEAOcjs.h.call(void 0, "div",{borderRadius:"50%",flexShrink:0,variants:{size:{"1":{width:5,height:5},"2":{width:9,height:9}},variant:{gray:{backgroundColor:"$slate7"},blue:{backgroundColor:"$blue9"},green:{backgroundColor:"$green9"},yellow:{backgroundColor:"$yellow9"},red:{backgroundColor:"$red9"}}},defaultVariants:{size:"2",variant:"gray"}});var zt=_chunkZKXNQEAOcjs.h.call(void 0, "sub",{fontFeatureSettings:'"subs"',fontSize:"100%",lineHeight:"1",verticalAlign:"baseline"});var It=_chunkZKXNQEAOcjs.h.call(void 0, "sup",{fontFeatureSettings:'"sups"',fontSize:"100%",lineHeight:"1",verticalAlign:"baseline"});var _reactswitch = require('@radix-ui/react-switch'); var wo = _interopRequireWildcard(_reactswitch);var te=_chunkZKXNQEAOcjs.h.call(void 0, wo.Thumb,{position:"absolute",left:0,width:13,height:13,backgroundColor:"white",borderRadius:"$round",boxShadow:"rgba(0, 0, 0, 0.3) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 1px 2px;",transition:"transform 100ms cubic-bezier(0.22, 1, 0.36, 1)",transform:"translateX(1px)",willChange:"transform",'&[data-state="checked"]':{transform:"translateX(11px)"}}),Et=_chunkZKXNQEAOcjs.h.call(void 0, wo.Root,{all:"unset",boxSizing:"border-box",userSelect:"none","&::before":{boxSizing:"border-box"},"&::after":{boxSizing:"border-box"},alignItems:"center",display:"inline-flex",justifyContent:"center",lineHeight:"1",margin:"0",outline:"none",WebkitTapHighlightColor:"rgba(0,0,0,0)",backgroundColor:"$slate5",borderRadius:"$pill",position:"relative","&:focus":{boxShadow:"0 0 0 2px $colors$slate8"},'&[data-state="checked"]':{backgroundColor:"$blue9","&:focus":{boxShadow:"0 0 0 2px $colors$blue8"}},variants:{size:{"1":{width:"$5",height:"$3"},"2":{width:"$7",height:"$5",[`& ${te}`]:{width:21,height:21,transform:"translateX(2px)",'&[data-state="checked"]':{transform:"translateX(22px)"}}}}},defaultVariants:{size:"1"}});var re=po.forwardRef((e,t)=>po.createElement(Et,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{ref:t}),po.createElement(te,null)));re.displayName="Switch";var Ht=_chunkZKXNQEAOcjs.h.call(void 0, "caption",{textAlign:"start",marginBottom:"$5"}),ae= exports.Aa =_chunkZKXNQEAOcjs.h.call(void 0, "tbody",{width:"100%"}),Bt= exports.Ba =_chunkZKXNQEAOcjs.h.call(void 0, "tfoot",{}),ie= exports.Ca =_chunkZKXNQEAOcjs.h.call(void 0, "tr",{}),ne= exports.Da =_chunkZKXNQEAOcjs.h.call(void 0, "th",{fontWeight:"unset",textAlign:"start",fontSize:"$2",py:"$2",borderBottom:"1px solid $gray4",variants:{align:{start:{textAlign:"start"},center:{textAlign:"center"},end:{textAlign:"end"}},border:{solid:{borderBottom:"1px solid $gray4"},dashed:{borderBottom:"1px dashed $gray8"}}},defaultVariants:{align:"start",border:"solid"}}),se= exports.Ea =_chunkZKXNQEAOcjs.h.call(void 0, "td",{py:"$2",borderBottom:"1px solid $gray4",fontSize:"$2",variants:{align:{start:{textAlign:"start"},center:{textAlign:"center"},end:{textAlign:"end"}},border:{solid:{borderBottom:"1px solid $gray4"},dashed:{borderBottom:"1px dashed $gray8"}}},defaultVariants:{align:"start",border:"solid"}}),Lt= exports.Fa =_chunkZKXNQEAOcjs.h.call(void 0, "thead",{[`& ${ne}`]:{fontSize:"$1",color:"$gray11"},[`& ${se}`]:{fontSize:"$1",color:"$gray11"}}),Wt= exports.Ga =_chunkZKXNQEAOcjs.h.call(void 0, "table",{width:"100%",tableLayout:"fixed",borderSpacing:0,variants:{striped:{true:{[`& ${ae}`]:{[`& ${ie}`]:{"&:nth-child(odd)":{bc:"$gray2"}}}}}}});var Vt=_chunkZKXNQEAOcjs.h.call(void 0, "a",{position:"relative",flexShrink:0,height:"$6",display:"inline-flex",lineHeight:1,fontSize:"$1",px:"$3",userSelect:"none",outline:"none",alignItems:"center",justifyContent:"center",color:"$slate11",textDecoration:"none","@hover":{"&:hover":{color:"$hiContrast"}},"&:focus":{boxShadow:"inset 0 0 0 1px $colors$slate8, 0 0 0 1px $colors$slate8"},variants:{active:{true:{color:"$hiContrast",cursor:"default","&::after":{position:"absolute",content:'""',left:0,bottom:0,width:"100%",height:2,backgroundColor:"$blue9"}}}}});var _reacttabs = require('@radix-ui/react-tabs'); var M = _interopRequireWildcard(_reacttabs);var jt=_chunkZKXNQEAOcjs.h.call(void 0, M.Root,{display:"flex",'&[data-orientation="horizontal"]':{flexDirection:"column"}}),Ft= exports.Ja =_chunkZKXNQEAOcjs.h.call(void 0, M.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"}}}),Mt= exports.Ka =_chunkZKXNQEAOcjs.h.call(void 0, M.Content,{flexGrow:1,"&:focus":{outline:"none",boxShadow:"inset 0 0 0 1px $slate8, 0 0 0 1px $slate8"}}),Ot=_chunkZKXNQEAOcjs.h.call(void 0, M.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 le=O.forwardRef((e,t)=>O.createElement(O.Fragment,null,O.createElement(Ot,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{ref:t})),O.createElement(To,null)));le.displayName="TabsList";var z=_chunkZKXNQEAOcjs.h.call(void 0, "span",{lineHeight:"1",margin:"0",fontWeight:400,fontVariantNumeric:"tabular-nums",display:"block",variants:{size:{"1":{fontSize:"$1"},"2":{fontSize:"$2"},"3":{fontSize:"$3"},"4":{fontSize:"$4"},"5":{fontSize:"$5",letterSpacing:"-.015em"},"6":{fontSize:"$6",letterSpacing:"-.016em"},"7":{fontSize:"$7",letterSpacing:"-.031em",textIndent:"-.005em"},"8":{fontSize:"$8",letterSpacing:"-.034em",textIndent:"-.018em"},"9":{fontSize:"$9",letterSpacing:"-.055em",textIndent:"-.025em"}},variant:{red:{color:"$red11"},crimson:{color:"$crimson11"},pink:{color:"$pink11"},purple:{color:"$purple11"},violet:{color:"$violet11"},indigo:{color:"$indigo11"},blue:{color:"$blue11"},cyan:{color:"$cyan11"},teal:{color:"$teal11"},green:{color:"$green11"},lime:{color:"$lime11"},yellow:{color:"$yellow11"},orange:{color:"$orange11"},gold:{color:"$gold11"},bronze:{color:"$bronze11"},gray:{color:"$slate11"},contrast:{color:"$hiContrast"}},gradient:{true:{WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}}},compoundVariants:[{variant:"red",gradient:"true",css:{background:"linear-gradient(to right, $red11, $crimson11)"}},{variant:"crimson",gradient:"true",css:{background:"linear-gradient(to right, $crimson11, $pink11)"}},{variant:"pink",gradient:"true",css:{background:"linear-gradient(to right, $pink11, $purple11)"}},{variant:"purple",gradient:"true",css:{background:"linear-gradient(to right, $purple11, $violet11)"}},{variant:"violet",gradient:"true",css:{background:"linear-gradient(to right, $violet11, $indigo11)"}},{variant:"indigo",gradient:"true",css:{background:"linear-gradient(to right, $indigo11, $blue11)"}},{variant:"blue",gradient:"true",css:{background:"linear-gradient(to right, $blue11, $cyan11)"}},{variant:"cyan",gradient:"true",css:{background:"linear-gradient(to right, $cyan11, $teal11)"}},{variant:"teal",gradient:"true",css:{background:"linear-gradient(to right, $teal11, $green11)"}},{variant:"green",gradient:"true",css:{background:"linear-gradient(to right, $green11, $lime11)"}},{variant:"lime",gradient:"true",css:{background:"linear-gradient(to right, $lime11, $yellow11)"}},{variant:"yellow",gradient:"true",css:{background:"linear-gradient(to right, $yellow11, $orange11)"}},{variant:"orange",gradient:"true",css:{background:"linear-gradient(to right, $orange11, $red11)"}},{variant:"gold",gradient:"true",css:{background:"linear-gradient(to right, $gold11, $gold9)"}},{variant:"bronze",gradient:"true",css:{background:"linear-gradient(to right, $bronze11, $bronze9)"}},{variant:"gray",gradient:"true",css:{background:"linear-gradient(to right, $gray11, $gray12)"}},{variant:"contrast",gradient:"true",css:{background:"linear-gradient(to right, $hiContrast, $gray12)"}}],defaultVariants:{size:"3",variant:"contrast"}});var Nt=_chunkZKXNQEAOcjs.h.call(void 0, "textarea",{appearance:"none",borderWidth:"0",fontFamily:"inherit",margin:"0",outline:"none",padding:"$1",width:"100%",WebkitTapHighlightColor:"rgba(0,0,0,0)",backgroundColor:"$loContrast",boxShadow:"inset 0 0 0 1px $colors$slate7",color:"$hiContrast",fontVariantNumeric:"tabular-nums",position:"relative",minHeight:80,resize:"vertical","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$blue8, 0px 0px 0px 1px $colors$blue8",zIndex:"1"},"&::placeholder":{color:"$slate9"},"&:disabled":{pointerEvents:"none",backgroundColor:"$slate2",color:"$slate8",cursor:"not-allowed",resize:"none","&::placeholder":{color:"$slate7"}},"&:read-only":{backgroundColor:"$slate2","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$slate7"}},variants:{size:{"1":{borderRadius:"$1",fontSize:"$1",lineHeight:"16px",px:"$1"},"2":{borderRadius:"$1",fontSize:"$2",lineHeight:"20px",px:"$1"},"3":{borderRadius:"$2",fontSize:"$3",lineHeight:"23px",px:"$2"}},state:{invalid:{boxShadow:"inset 0 0 0 1px $colors$red7","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$red8, 0px 0px 0px 1px $colors$red8"}},valid:{boxShadow:"inset 0 0 0 1px $colors$green7","&:focus":{boxShadow:"inset 0px 0px 0px 1px $colors$green8, 0px 0px 0px 1px $colors$green8"}}},cursor:{default:{cursor:"default","&:focus":{cursor:"text"}},text:{cursor:"text"}}},defaultVariants:{size:"1"}});var _reactportal = require('@radix-ui/react-portal'); var Xt = _interopRequireWildcard(_reactportal);var _reactutils = require('@radix-ui/react-utils');var _filter = require('lodash/filter'); var _filter2 = _interopRequireDefault(_filter);var _reacthottoast = require('react-hot-toast');var _reactuse = require('react-use');var ea=_chunkZKXNQEAOcjs.h.call(void 0, "div",{position:"absolute",bottom:"0",right:"0",boxShadow:"0 5px 10px $colors$blackA7",[`.${_chunkZKXNQEAOcjs.j} &`]:{boxShadow:"0 5px 10px $colors$whiteA5"},borderRadius:"5px",transition:"all 0.4s ease","@hover":{"&::after":{content:'""',position:"absolute",left:"0",right:"0",top:"calc(100% + 1px)",width:"100%",height:"20px",background:"transparent"}},variants:{type:{error:{border:"1px solid $colors$red7",backgroundColor:"$red9",color:"$red12","&:hover":{backgroundColor:"$red10",borderColor:"$red8"}},info:{border:"1px solid $colors$blue7",backgroundColor:"$blue9",color:"$blue12","&:hover":{backgroundColor:"$blue10",borderColor:"$blue8"}},success:{border:"1px solid $colors$green7",backgroundColor:"$green9",color:"$green12","&:hover":{backgroundColor:"$green10",borderColor:"$green8"}},warning:{border:"1px solid $colors$orange7",backgroundColor:"$orange9",color:"$orange12","&:hover":{backgroundColor:"$orange10",borderColor:"$orange8"}}}}}),ta=_chunkZKXNQEAOcjs.h.call(void 0, "div",{alignItems:"center",justifyContent:"space-between",fontSize:".875rem",display:"flex",transition:"all 0.4s ease",padding:"24px",width:"90vh",maxWidth:"325px","@bp1":{minWidth:"420px",width:"420px"}}),ra=_chunkZKXNQEAOcjs.h.call(void 0, "div",{marginTop:"-1px",width:"100%",opacity:"1",height:"100%",transition:"opacity .4s ease",wordBreak:"break-word"}),aa=_chunkZKXNQEAOcjs.h.call(void 0, "div",{position:"fixed","$$offset-bottom":"0px",bottom:"calc($space$5 + $$offset-bottom)",right:"$space$5",transition:"transform 0.4s ease,bottom 0.4s ease","&:hover":{transform:"translate3d(0,-10px,0)"},width:"90vh",maxWidth:"325px","@bp1":{minWidth:"420px",width:"420px"}}),ia=({count:e,idx:t,isHovered:i,methods:n,state:s,toast:p})=>{let l=e-t-1,d=t===e-1,[m,u]=_reactuse.useMeasure.call(void 0, ),f={"aria-live":ce[p.type],role:de[p.type]},I=(100-5*l)/100;A.useEffect(()=>(l<2&&n[`set${l}`](u.height),()=>{l<2&&n[`set${l}`](0)}),[n,l,u.height,p.id]);let D=`translate3d(0px, calc(-${48}px + 100% + -${d?u.height:parseInt(s[0])+24*l}px), -${l}px) scale(${I})`,H=d?"none":`translate3d(0px, -${parseInt(s[0])+(l===1?64:s[1]+64*2)}px, -${l}px) scale(1)!important`;return A.createElement(ea,{"data-toast":"",css:{maxHeight:d||i?`${u.height+64}px!important`:"64px",transform:i?H:D,opacity:l<3?"1!important":"0!important",display:l<3?"block":"none!important",pointerEvents:l<3?"inherit":"none",overflow:"hidden"},type:p.type},A.createElement(ta,{ref:d?m:null,css:{}},A.createElement(ra,_chunkKU3JN3SAcjs.a.call(void 0, {},f),p.message)))},Gt={0:0,1:0};function na(e){return{reset(){return Gt},set0(t){return _chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{0:t})},set1(t){return _chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{1:t})}}}var _t=({toasts:e})=>{let t=e.length,i=A.useRef(null),n=_reactuse.useHoverDirty.call(void 0, i),[s,p]=_reactuse.useMethods.call(void 0, na,Gt);return A.createElement(A.Fragment,null,A.createElement(aa,{ref:i},e.map((l,d)=>A.createElement(ia,{count:t,key:`t-${d}-${l.id}`,methods:p,isHovered:n,idx:d,state:s,toast:l}))))};var Ut=10,da={error:8e3,info:5e3,success:5e3,warning:8e3};var de={error:"alert",info:"status",success:"alert",warning:"alert"},ce={error:"assertive",info:"polite",success:"assertive",warning:"assertive"},Yt={state:"idle",context:{toasts:[],pausedAt:void 0}},ue=x.createContext(Yt);ue.displayName="ToastContext";function ge(){return x.useContext(ue)}var me=x.createContext({addToast(){},removeToast(){},dismissToast(){},interact(){},stopInteracting(){}});me.displayName="ToastDispatchContext";function ko(){return x.useContext(me)}var ca=({toasts:e})=>{let t=_filter2.default.call(void 0, e,{active:!0}).reverse(),i=_nullishCoalesce(t.length, () => (0));return i===0?null:x.createElement(Xt.Root,null,i>0?x.createElement(_t,{toasts:t}):null)},xe= exports.Pa =function({children:t}){let[{state:i,context:n},s]=Jt();return x.createElement(me.Provider,{value:s},x.createElement(ue.Provider,{value:{state:i,context:n}},t,x.createElement(ca,{toasts:n==null?void 0:n.toasts}),x.createElement(_reacthottoast.Toaster,null)))},be= exports.Qa =x.forwardRef((e,t)=>{let l=e,{children:i}=l,n=_chunkKU3JN3SAcjs.c.call(void 0, l,["children"]),{context:s}=ge(),{toasts:p}=s;return x.createElement("div",_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},n),{ref:t}),i({allToasts:p}))}),fe=x.createContext(null);function pa(){return x.useContext(fe)}var qt=x.forwardRef((e,t)=>{let d=e,{toastId:i,children:n}=d,s=_chunkKU3JN3SAcjs.c.call(void 0, d,["toastId","children"]),{context:{toasts:p}}=ge(),l=p.find(m=>m.id===i);return l?x.createElement("div",_chunkKU3JN3SAcjs.a.call(void 0, {ref:t},s),x.createElement(fe.Provider,{value:l},n)):null});qt.displayName="ToastCenterItem";var he=x.memo(qt),$e= exports.Sa =x.forwardRef((e,t)=>{let u=e,{onPointerEnter:i,onPointerLeave:n,children:s}=u,p=_chunkKU3JN3SAcjs.c.call(void 0, u,["onPointerEnter","onPointerLeave","children"]),[{context:l},d]=Jt(),{toasts:m}=l;return x.createElement("div",_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},p),{ref:t,onPointerEnter:_reactutils.composeEventHandlers.call(void 0, i,d.interact),onPointerLeave:_reactutils.composeEventHandlers.call(void 0, n,d.stopInteracting)}),s({activeToasts:m.filter(xa)}))}),Zt=x.forwardRef((e,t)=>{let m=e,{children:i,progress:n,duration:s}=m,p=_chunkKU3JN3SAcjs.c.call(void 0, m,["children","progress","duration"]),{context:{toasts:l}}=ge(),d=l.find(u=>u.id===e.toastId);return d?x.createElement("div",_chunkKU3JN3SAcjs.a.call(void 0, {ref:t,role:d.role,"aria-live":d["aria-live"]},p),x.createElement(fe.Provider,{value:d},i)):null});Zt.displayName="ToastWarmerItem";var ve=x.memo(Zt),Ce= exports.Ua =x.forwardRef((e,t)=>{let d=e,{children:i,onClick:n}=d,s=_chunkKU3JN3SAcjs.c.call(void 0, d,["children","onClick"]),p=ko(),l=pa();return l?x.createElement("button",_chunkKU3JN3SAcjs.a.call(void 0, {ref:t,onClick:_reactutils.composeEventHandlers.call(void 0, n,()=>p.dismissToast(l.id))},s),i):null}),ye= exports.Va =x.forwardRef((e,t)=>{let{children:i,toastId:n,type:s="info",message:p,role:l=de[s],"aria-live":d=ce[s]}=e,m=ko(),u=!p&&typeof i=="string"?i:p;return x.useEffect(()=>{m.addToast({id:n,type:s,message:u,role:l,"aria-live":d,pauseDuration:0,createdAt:Date.now(),active:!0})},[]),null});xe.displayName="ToastProvider";be.displayName="ToastCenter";he.displayName="ToastCenterItem";$e.displayName="ToastWarmer";ve.displayName="ToastWarmerItem";ye.displayName="Toast";Ce.displayName="ToastDismiss";function ua({state:e,context:t},i){switch(e){case"idle":switch(i.type){case 0:return{state:"timing",context:Se(t,i)}}case"interacting":switch(i.type){case 0:return{state:"timing",context:Se(t,i)};case 1:{let n=Qt(t,i);return{state:Ro(n.toasts)?"interacting":"idle",context:n}}case 2:{let n=Kt(t,i);return{state:Ro(n.toasts)?"interacting":"idle",context:n}}case 4:{let n=i.time-(t.pausedAt||0);return{state:"timing",context:_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{pausedAt:void 0,toasts:t.toasts.map(s=>_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},s),{pauseDuration:s.pauseDuration+n}))})}}}case"timing":switch(i.type){case 0:return{state:"timing",context:Se(t,i)};case 1:{let n=Qt(t,i);return{state:Ro(n.toasts)?"timing":"idle",context:n}}case 2:{let n=Kt(t,i);return{state:Ro(n.toasts)?"timing":"idle",context:n}}case 3:return{state:"interacting",context:_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{pausedAt:i.time})}}}return{state:e,context:t}}function ga(){let[{state:e,context:t},i]=x.useReducer(ua,Yt),n=t.toasts.map(s=>_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},s),{duration:s.duration||da[s.type]}));return[{state:e,context:_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},t),{toasts:n})},i]}function Jt(){let[{state:e,context:t},i]=ga(),n=x.useMemo(()=>({addToast(s){i({type:0,toast:s})},dismissToast(s){i({type:1,toastId:s})},removeToast(s){i({type:2,toastId:s})},interact(){i({type:3,time:Date.now()})},stopInteracting(){i({type:4,time:Date.now()})}}),[i]);return x.useEffect(()=>{if(t.pausedAt)return null;let s=Date.now(),p=t.toasts.map(l=>{let d=(l.duration||0)+l.pauseDuration-(s-l.createdAt);return d<0?(l.active&&n.dismissToast(l.id),null):window.setTimeout(()=>n.dismissToast(l.id),d)});return()=>{p.forEach(l=>{window.clearTimeout(l)})}},[t.toasts,t.pausedAt,n]),[{state:e,context:t},n]}function Se(e,t){if("toast"in t){let i=[t.toast,...e.toasts],n=i.splice(0,Ut),s=i.splice(Ut,i.length-1).map(or);return _chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{toasts:[...n,...s]})}return e}function Qt(e,t){return"toastId"in t?_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{toasts:e.toasts.map(i=>i.id===t.toastId?or(i):i)}):e}function Kt(e,t){return"toastId"in t?_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{toasts:e.toasts.filter(ma(t))}):e}function ma(e){return"toastId"in e?t=>t.id!==e.toastId:()=>!0}function or(e){return _chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {},e),{active:!1})}function Ro(e){return e.length>0&&e.some(t=>t.active)}function xa(e){return e.active}var _reacttooltip = require('@radix-ui/react-tooltip'); var ao = _interopRequireWildcard(_reacttooltip); var er = _interopRequireWildcard(_reacttooltip);var tr=_chunkZKXNQEAOcjs.h.call(void 0, er.Content,{backgroundColor:"$transparentPanel",borderRadius:"$1",padding:"$1 $2",variants:{multiline:{true:{maxWidth:250,pb:7}}}});function rr(d){var m=d,{children:e,content:t,open:i,defaultOpen:n,onOpenChange:s,multiline:p}=m,l=_chunkKU3JN3SAcjs.c.call(void 0, m,["children","content","open","defaultOpen","onOpenChange","multiline"]);return _chunkKU3JN3SAcjs.d.createElement(ao.Root,{open:i,defaultOpen:n,onOpenChange:s},_chunkKU3JN3SAcjs.d.createElement(ao.Trigger,{asChild:!0},e),_chunkKU3JN3SAcjs.d.createElement(tr,_chunkKU3JN3SAcjs.b.call(void 0, _chunkKU3JN3SAcjs.a.call(void 0, {side:"top",align:"center",sideOffset:5},l),{multiline:p}),_chunkKU3JN3SAcjs.d.createElement(z,{size:"1",as:"p",css:{color:"$loContrast",lineHeight:p?"20px":void 0}},t),_chunkKU3JN3SAcjs.d.createElement($,{css:{color:"$transparentExtreme"}},_chunkKU3JN3SAcjs.d.createElement(ao.Arrow,{offset:5,width:11,height:5,style:{fill:"currentColor"}}))))}exports.a = Ao; exports.b = Do; exports.c = Te; exports.d = we; exports.e = ke; exports.f = Ae; exports.g = Io; exports.h = Eo; exports.i = Ho; exports.j = Bo; exports.k = Lo; exports.l = Wo; exports.m = Vo; exports.n = ze; exports.o = jo; exports.p = Be; exports.q = Le; exports.r = $; exports.s = We; exports.t = Ve; exports.u = je; exports.v = Fe; exports.w = Fo; exports.x = Oe; exports.y = Ne; exports.z = Ge; exports.A = Mo; exports.B = _e; exports.C = Oo; exports.D = Xe; exports.E = Ue; exports.F = Ye; exports.G = qe; exports.H = Ze; exports.I = Je; exports.J = _o; exports.K = ot; exports.L = et; exports.M = tt; exports.N = rt; exports.O = at; exports.P = it; exports.Q = nt; exports.R = K; exports.S = dt; exports.T = j; exports.U = Xo; exports.V = ct; exports.W = oo; exports.X = ho; exports.Y = gt; exports.Z = mt; exports._ = xt; exports.$ = no; exports.aa = bt; exports.ba = Uo; exports.ca = Yo; exports.da = ft; exports.ea = ht; exports.fa = X; exports.ga = $t; exports.ha = eo; exports.ia = Ct; exports.ja = qo; exports.ka = yt; exports.la = St; exports.ma = Zo; exports.na = Qo; exports.oa = Ko; exports.pa = ee; exports.qa = Rt; exports.ra = Pt; exports.sa = To; exports.ta = so; exports.ua = Dt; exports.va = xo; exports.wa = zt; exports.xa = It; exports.ya = re; exports.za = Ht; exports.Aa = ae; exports.Ba = Bt; exports.Ca = ie; exports.Da = ne; exports.Ea = se; exports.Fa = Lt; exports.Ga = Wt; exports.Ha = Vt; exports.Ia = jt; exports.Ja = Ft; exports.Ka = Mt; exports.La = le; exports.Ma = z; exports.Na = Nt; exports.Oa = ko; exports.Pa = xe; exports.Qa = be; exports.Ra = he; exports.Sa = $e; exports.Ta = ve; exports.Ua = Ce; exports.Va = ye; exports.Wa = rr;
|