https://arayofsunshine.dev/_next/static/chunks/1-fdb5cbed1799158b.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1],{16631:(e,t,r)=>{r.d(t,{A:()=>T});var n=r(14232),i=r(69241),a=r(92390),o=r(89813),s=r(91994),l=r(75774),c=r(68076),d=r(4974);let u=(e,t,r)=>{let n=e.keys[0];if(Array.isArray(t))t.forEach((t,n)=>{r((t,r)=>{n<=e.keys.length-1&&(0===n?Object.assign(t,r):t[e.up(e.keys[n])]=r)},t)});else if(t&&"object"==typeof t){let i,a;(Object.keys(t).length>e.keys.length?e.keys:(i=e.keys,a=Object.keys(t),i.filter(e=>a.includes(e)))).forEach(i=>{if(e.keys.includes(i)){let a=t[i];void 0!==a&&r((t,r)=>{n===i?Object.assign(t,r):t[e.up(i)]=r},a)}})}else("number"==typeof t||"string"==typeof t)&&r((e,t)=>{Object.assign(e,t)},t)};function p(e){return`--Grid-${e}Spacing`}function x(e){return`--Grid-parent-${e}Spacing`}let m="--Grid-columns",f="--Grid-parent-columns",h=({theme:e,ownerState:t})=>{let r={};return u(e.breakpoints,t.size,(e,t)=>{let n={};"grow"===t&&(n={flexBasis:0,flexGrow:1,maxWidth:"100%"}),"auto"===t&&(n={flexBasis:"auto",flexGrow:0,flexShrink:0,maxWidth:"none",width:"auto"}),"number"==typeof t&&(n={flexGrow:0,flexBasis:"auto",width:`calc(100% * ${t} / var(${f}) - (var(${f}) - ${t}) * (var(${x("column")}) / var(${f})))`}),e(r,n)}),r},g=({theme:e,ownerState:t})=>{let r={};return u(e.breakpoints,t.offset,(e,t)=>{let n={};"auto"===t&&(n={marginLeft:"auto"}),"number"==typeof t&&(n={marginLeft:0===t?"0px":`calc(100% * ${t} / var(${f}) + var(${x("column")}) * ${t} / var(${f}))`}),e(r,n)}),r},y=({theme:e,ownerState:t})=>{if(!t.container)return{};let r={[m]:12};return u(e.breakpoints,t.columns,(e,t)=>{let n=t??12;e(r,{[m]:n,"> *":{[f]:n}})}),r},v=({theme:e,ownerState:t})=>{if(!t.container)return{};let r={};return u(e.breakpoints,t.rowSpacing,(t,n)=>{let i="string"==typeof n?n:e.spacing?.(n);t(r,{[p("row")]:i,"> *":{[x("row")]:i}})}),r},b=({theme:e,ownerState:t})=>{if(!t.container)return{};let r={};return u(e.breakpoints,t.columnSpacing,(t,n)=>{let i="string"==typeof n?n:e.spacing?.(n);t(r,{[p("column")]:i,"> *":{[x("column")]:i}})}),r},A=({theme:e,ownerState:t})=>{if(!t.container)return{};let r={};return u(e.breakpoints,t.direction,(e,t)=>{e(r,{flexDirection:t})}),r},k=({ownerState:e})=>({minWidth:0,boxSizing:"border-box",...e.container&&{display:"flex",flexWrap:"wrap",...e.wrap&&"wrap"!==e.wrap&&{flexWrap:e.wrap},gap:`var(${p("row")}) var(${p("column")})`}});var j=r(37876);let w=(0,d.A)(),S=(0,s.A)("div",{name:"MuiGrid",slot:"Root"});function $(e){return(0,l.A)({props:e,name:"MuiGrid",defaultTheme:w})}var C=r(93577),z=r(61230),W=r(39564);let T=function(e={}){let{createStyledComponent:t=S,useThemeProps:r=$,useTheme:s=c.A,componentName:l="MuiGrid"}=e;function d(e,t,r=()=>!0){let n={};return null===e||(Array.isArray(e)?e.forEach((e,i)=>{null!==e&&r(e)&&t.keys[i]&&(n[t.keys[i]]=e)}):"object"==typeof e?Object.keys(e).forEach(t=>{let i=e[t];null!=i&&r(i)&&(n[t]=i)}):n[t.keys[0]]=e),n}let u=t(y,b,v,h,A,k,g),p=n.forwardRef(function(e,t){let c=s(),p=r(e),{className:x,children:m,columns:f=12,container:h=!1,component:g="div",direction:y="row",wrap:v="wrap",size:b={},offset:A={},spacing:k=0,rowSpacing:w=k,columnSpacing:S=k,unstable_level:$=0,...C}=p,z=d(b,c.breakpoints,e=>!1!==e),W=d(A,c.breakpoints),T=e.columns??($?void 0:f),L=e.spacing??($?void 0:k),O=e.rowSpacing??e.spacing??($?void 0:w),G=e.columnSpacing??e.spacing??($?void 0:S),I={...p,level:$,columns:T,container:h,direction:y,wrap:v,spacing:L,rowSpacing:O,columnSpacing:G,size:z,offset:W},E=((e,t)=>{let r,{container:n,direction:i,spacing:s,wrap:c,size:d}=e,u={root:["root",n&&"container","wrap"!==c&&`wrap-xs-${String(c)}`,...void 0===i?[]:"object"==typeof i?Object.entries(i).map(([e,t])=>`direction-${e}-${t}`):[`direction-xs-${String(i)}`],...(r=[],Object.entries(d).forEach(([e,t])=>{!1!==t&&void 0!==t&&r.push(`grid-${e}-${String(t)}`)}),r),...n?((e,t="xs")=>{function r(e){return void 0!==e&&("string"==typeof e&&!Number.isNaN(Number(e))||"number"==typeof e&&e>0)}if(r(e))return[`spacing-${t}-${String(e)}`];if("object"==typeof e&&!Array.isArray(e)){let t=[];return Object.entries(e).forEach(([e,n])=>{r(n)&&t.push(`spacing-${e}-${String(n)}`)}),t}return[]})(s,t.breakpoints.keys[0]):[]]};return(0,o.A)(u,e=>(0,a.Ay)(l,e),{})})(I,c);return(0,j.jsx)(u,{ref:t,as:g,ownerState:I,className:(0,i.A)(E.root,x),...C,children:n.Children.map(m,e=>{var t;return n.isValidElement(e)&&(t=["Grid"],n.isValidElement(e)&&-1!==t.indexOf(e.type.muiName??e.type?._payload?.value?.muiName))&&h&&e.props.container?n.cloneElement(e,{unstable_level:e.props?.unstable_level??$+1}):e})})});return p.muiName="Grid",p}({createStyledComponent:(0,C.Ay)("div",{name:"MuiGrid",slot:"Root",overridesResolver:function(e,t){var r=e.ownerState;return[t.root,r.container&&t.container]}}

1),componentName:"MuiGrid",useThemeProps:function(e){return(0,z.b)({props:e,name:"MuiGrid"})},useTheme:W.A})},22416:(e,t,r)=>{r.d(t,{A:()=>m}),r(14232);var n=r(18847),i=r.n(n),a=r(40625),o=r(50147),s=r(99093),l=r(16631),c=r(4061),d=r(3936),u=r(37876);function p(e){var t=e.Statistics;return(0,u.jsx)(l.A,{container:!0,spacing:4,size:{xs:12,md:6},children:t.map(function(e){return(0,u.jsx)(l.A,{size:{xs:6},children:(0,u.jsxs)(o.A,{sx:function(e){return{height:"100%",pl:2,borderLeft:"1px solid",borderColor:(e.vars||e).palette.primaryDark[600]}},children:[(0,u.jsx)(d.A,{component:"div",variant:"h4",sx:[{fontWeight:"bold"},function(e){return{color:(e.vars||e).palette.primary[200]}}],children:e.title}),(0,u.jsx)(d.A,{sx:function(e){return{color:(e.vars||e).palette.grey[400]}},children:e.metadata})]})},e.title)})})}var x=i()(function(){return r.e(4462).then(r.bind(r,44462))},{loadableGenerated:{webpack:function(){return[44462]}}});function m(e){var t=(0,a.Wx)({triggerOnce:!0,threshold:0,rootMargin:"500px"}),r=t.ref,n=t.inView,i=e.TESTIMONIALS,d=e.Statistics;return(0,u.jsx)(o.A,{"data-mui-color-scheme":"dark",ref:r,sx:function(e){return{background:"linear-gradient(180deg, ".concat((e.vars||e).palette.primaryDark[800]," 2%, ").concat((0,c.X4)(e.palette.primaryDark[700],.4)," 80%),\n        ").concat((e.vars||e).palette.primaryDark[900],"\n        ")}},children:(0,u.jsx)(s.A,{sx:{py:{xs:8,md:12}},children:(0,u.jsxs)(l.A,{container:!0,spacing:3,sx:{alignItems:"center"},children:[(0,u.jsx)(l.A,{size:{xs:12,md:6},sx:{zIndex:1,minHeight:{xs:300,sm:207,lg:255}},children:n&&(0,u.jsx)(x,{TESTIMONIALS:i})}),(0,u.jsx)(p,{Statistics:d})]})})})}},54492:(e,t,r)=>{r.d(t,{A:()=>u});var n=r(22795),i=r(14232),a=r(3936),o=r(4465),s=(r(82283),r(24278)),l=r.n(s),c=r(73092),d=r(37876);function u(){var e=(0,c.WD)(),t=(0,d.jsxs)(i.Fragment,{children:[e("banner.surveyPrefix"),"\xa0",(0,d.jsx)(o.A,{href:"https://www.surveymonkey.com/r/mui-developer-survey-2022?source=website",target:"_blank",color:"inherit",underline:"always",sx:{"&:hover":{opacity:.9}},children:e("banner.surveyLink")})]});return l().enable_website_banner?(0,d.jsx)(a.A,{sx:[{fontWeight:"medium"},function(e){return(0,n.A)({color:"#fff",p:"12px",display:"flex",flexDirection:{xs:"column",md:"row"},alignItems:{xs:"start",sm:"center"},justifyContent:"center",fontSize:e.typography.pxToRem(13),background:"linear-gradient(-90deg, ".concat((e.vars||e).palette.primary[700],", ").concat((e.vars||e).palette.primary[500]," 120%)")},e.applyDarkStyles({background:"linear-gradient(90deg, ".concat((e.vars||e).palette.primary[900],", ").concat((e.vars||e).palette.primary[600]," 120%)")}))}],children:t}):null}},54830:(e,t,r)=>{r.d(t,{A:()=>n});let n=(0,r(93577).Ay)("span")(function(e){var t=e.theme,r=e.color,n=void 0===r?"primary":r;return{background:"linear-gradient(90deg, ".concat((t.vars||t).palette[n][400]," 5%, ").concat((t.vars||t).palette[n].main," 90%)"),WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent"}})},65499:(e,t,r)=>{r.d(t,{A:()=>a});var n=r(3260),i=r(37876);let a=(0,n.A)((0,i.jsx)("path",{d:"M15 20H5V7c0-.55-.45-1-1-1s-1 .45-1 1v13c0 1.1.9 2 2 2h10c.55 0 1-.45 1-1s-.45-1-1-1m5-4V4c0-1.1-.9-2-2-2H9c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2m-2 0H9V4h9z"}),"ContentCopyRounded")},71331:(e,t,r)=>{r.d(t,{A:()=>a});var n=r(3260),i=r(37876);let a=(0,n.A)((0,i.jsx)("path",{d:"M9 16.17 5.53 12.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"}),"CheckRounded")},82953:(e,t,r)=>{r.d(t,{A:()=>x});var n=r(22795),i=r(44478),a=r(36149),o=r.n(a),s=r(14232),l=r(50147),c=r(99093),d=r(16631),u=r(96850),p=r(37876);function x(e){var t=e.disableMobileHidden,r=e.disableTabExclusion,a=void 0!==r&&r,x=e.left,m=(e.linearGradient,e.right),f=e.rightSx,h=e.sx,g=s.useRef(null);(0,u.A)(function(){var e;return"u">typeof MutationObserver&&g.current&&(e=new MutationObserver(function(){a||g.current.querySelectorAll('a, button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])').forEach(function(e){e.setAttribute("tabindex","-1")})})).observe(g.current,{childList:!0,subtree:!0}),function(){e&&e.disconnect()}},[a]);var y=function(e){return(0,p.jsx)(l.A,{ref:g,"aria-hidden":a?void 0:"true",sx:[function(e){return{maxHeight:{md:700,xl:850},borderBottomLeftRadius:12,transition:"max-height 0.3s",position:"relative",overflow:"hidden",display:"flex",alignItems:"center"}}].concat((0,i.A)(o()(e)?e:[e]),(0,i.A)(o()(f)?f:[f])),children:m})};return t?(0,p.jsx)(l.A,{sx:{overflow:"hidden"},children:(0,p.jsx)(c.A,{sx:{minHeight:500,height:{md:"calc(100vh - 120px)"},maxHeight:{md:700,xl:850},transition:"0.3s"},children:(0,p.jsxs)(d.A,{container:!0,sx:{alignItems:"center",height:"100%",mx:"auto"},children:[(0,p.jsx)(d.A,{sx:{display:{xs:"flex",md:"block"},minHeight:{xs:500,sm:700,md:"initial"},m:"auto","& > *":{m:{xs:"auto",md:"initial"}}},size:{xs:12,md:7,lg:6},children:x}),(0,p.jsx)(d.A,{sx:{maxHeight:"100%"},size:{xs:12,md:5,lg:6},children:y({height:{xs:"initial",md:"calc(100vh - 120px)"},borderLeftWidth:{xs:0,md:1},borderBottomLeftRadius:{xs:0,md:12},mx:{xs:-2,sm:-3,md:"initial"}})})]})})}):(0,p.jsx)(l.A,{sx:{overflow:"hidden"},children:(0,p.jsx)(c.A,{sx:(0,n.A)({pt:{xs:8,sm:8,md:8},pb:{xs:6,sm:6,md:8},maxHeight:{md:700,xl:850},transition:"0.3s"},h),children:(0,p.jsxs)(d.A,{container:!0,sx:{alignItems:"center",flexWrap:"nowrap",height:"100%",mx:"auto"},children:[(0,p.jsx)(d.A,{sx:{m:"auto"},size:{md:7,lg:6},children:x}),(0,p.jsx)(d.A,{sx:{maxHeight:"100%",display:{xs:"none",md:"initial"}},size:{md:5,lg:6},children:y()})]})})})}},90598:(e,t,r)=>{r.d(t,{A:()=>$});var n,i,a,o,s=r(22795),l=r(59860),c=r(27925),d=r(14232),u=r(7150

17),p=r.n(u),x=r(50147),m=r(789),f=r(65677),h=r(65499),g=r(71331),y=r(4465),v=r(93577),b=r(37876),A=["installation","onClick","sx"],k=(0,v.Ay)("button")(function(e){var t=e.theme;return{boxSizing:"border-box",minWidth:64,margin:0,marginTop:16,cursor:"copy",padding:0,display:"inline-flex",alignItems:"flex-start",justifyContent:"center",verticalAlign:"middle",gap:8,outline:0,border:0,boxShadow:"none",backgroundColor:"transparent",fontFamily:t.typography.fontFamilyCode,fontSize:t.typography.pxToRem(12),textDecoration:"none",textTransform:"initial",lineHeight:1.5,letterSpacing:0,transition:t.transitions.create("color",{easing:t.transitions.easing.sharp,duration:t.transitions.duration.shortest}),WebkitTapHighlightColor:"transparent",WebkitFontSmoothing:"subpixel-antialiased",color:(t.vars||t).palette.grey[600],"&:hover, &:focus-visible":{color:(t.vars||t).palette.primary.main,"@media (hover: none)":{color:(t.vars||t).palette.grey[600]}},"& svg":{display:"inline-block",position:"relative",right:3,top:1,opacity:0,transition:t.transitions.create("opacity",{easing:t.transitions.easing.sharp,duration:t.transitions.duration.shortest})},"&:focus, &:hover svg":{opacity:1}}});function j(e){var t=e.installation,r=e.onClick,n=(e.sx,(0,l.A)(e,A)),i=d.useState(!1),a=(0,c.A)(i,2),o=a[0],u=a[1],x=function(){u(!0),p()(t).then(function(){setTimeout(function(){return u(!1)},2e3)})};return(0,b.jsxs)(k,(0,s.A)((0,s.A)({onClick:function(e){x(),null==r||r(e)}},n),{},{children:["$ ",t,o?(0,b.jsx)(g.A,{color:"inherit",sx:{fontSize:15}}):(0,b.jsx)(h.A,{color:"inherit",sx:{fontSize:15}})]}))}var w=r(73092),S=["primaryLabel","primaryUrl","primaryUrlTarget","secondaryLabel","secondaryUrl","secondaryUrlTarget","installation","altInstallation","appStore","onClickAppStore"];function $(e){var t=(0,w.WD)(),r=d.useState(!1),u=(0,c.A)(r,2),v=u[0],A=u[1],k=e.primaryLabel,$=void 0===k?t("getStarted"):k,C=e.primaryUrl,z=e.primaryUrlTarget,W=void 0===z?"_self":z,T=e.secondaryLabel,L=e.secondaryUrl,O=e.secondaryUrlTarget,G=void 0===O?"_self":O,I=e.installation,E=e.altInstallation,H=e.appStore,M=e.onClickAppStore,_=(0,l.A)(e,S);return(0,b.jsxs)(d.Fragment,{children:[(0,b.jsxs)(x.A,(0,s.A)((0,s.A)({},_),{},{sx:(0,s.A)({display:"flex",alignItems:"center",flexWrap:{xs:"wrap",md:"nowrap"},"&& > *":{minWidth:{xs:"100%",md:"0%"}}},_.sx),children:[(0,b.jsx)(m.A,{href:C,component:y.A,target:W,rel:W?"noopener":"",noLinkStyle:!0,size:"large",variant:"contained",endIcon:n||(n=(0,b.jsx)(f.A,{})),sx:{flexShrink:0,mr:{xs:0,md:1.5},mb:{xs:2,md:0}},children:$}),H&&(0,b.jsx)(y.A,{href:H,target:"_blank",rel:"noopener",noLinkStyle:!0,onClick:M,children:(0,b.jsx)(x.A,{component:"img",src:"/static/badges/download-on-the-app-store.svg",alt:t("home.downloadOnAppStore"),sx:{height:46,verticalAlign:"middle"}})}),I?(0,b.jsx)(m.A,{size:"large",variant:"codeOutlined",endIcon:v?i||(i=(0,b.jsx)(g.A,{color:"primary"})):a||(a=(0,b.jsx)(h.A,{})),onClick:function(){A(!0),p()(I).then(function(){setTimeout(function(){return A(!1)},2e3)})},sx:{maxWidth:"324px",display:"inline-block",justifyContent:"start",overflowX:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",position:"relative",pr:5},children:I}):null,T?(0,b.jsx)(m.A,{href:L,component:y.A,target:G,rel:G?"noopener":"",noLinkStyle:!0,variant:"outlined",size:"large",color:"secondary",endIcon:o||(o=(0,b.jsx)(f.A,{})),children:T}):null]})),E&&(0,b.jsx)(j,{installation:E,sx:{mt:2}})]})}}}]);