https://scrollex-docs.vercel.app/_next/static/chunks/88-85d2cf7bca1f5fc2.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88],{8976:function(e,t,n){var r=n(5893),o=n(7294),a=n(8527),c=n(6356),i=n(2994),u=n(759),l=n(8120),s=n(7421),p=n(9737),f=n(4926);function d(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){d(e,t,n[t])}))}return e}var h={typography:{monoFont:"Ubuntu Mono",bodyFont:"Poppins",fontSize:"1rem"},palette:{defaultBackground:"#252325",activeText:"var(--chakra-colors-pink-200)",accent:"var(--chakra-colors-pink-200)"},syntax:{tag:"var(--chakra-colors-pink-300)",keyword:"var(--chakra-colors-purple-300)",property:"var(--chakra-colors-purple-200)",string:"var(--chakra-colors-orange-200)",plain:"var(--chakra-colors-pink-100)"}},m=function(e){var t=e.path,n=e.code,i=e.language,d=void 0===i?"typescript":i,g=e.showLineNumbers,m=void 0!==g&&g,b=(0,f.Z)(h).theme,y=o.useRef(null);return o.useEffect((function(){var e=y.current,t=[(0,u.Rp)(d),(0,u.ws)(b),(0,u.IB)(b),l.yy.readOnly.of(!0),s.tk.editable.of(!1)];m&&t.push((0,p.Eu)());var r=l.yy.create({doc:n,extensions:t}),o=new s.tk({state:r,parent:e});return function(){return o.destroy()}}),[y.current]),(0,r.jsxs)(a.Kq,{bg:b.palette.defaultBackground,rounded:"lg",spacing:-2,w:"100%",my:8,children:[t&&(0,r.jsx)(a.kC,{p:2,justifyContent:"space-between",children:(0,r.jsx)(c.Vp,{size:"md",bg:"none",color:"orange.200",opacity:.8,cursor:"pointer",_hover:{opacity:1},rounded:"lg",children:(0,u.ky)(t)})}),(0,r.jsx)(a.xu,{py:4,px:4,bg:b.palette.defaultBackground,rounded:"lg",overflow:"hidden",tabIndex:-1,ref:y})]})};t.Z=function(e){return(0,r.jsx)(i.uR,{theme:"sandpack-dark",children:(0,r.jsx)(m,g({},e))})}},7949:function(e,t,n){var r=n(5893),o=n(8527);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function c(){return c=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},c.apply(this,arguments)}t.Z=function(e){var t=c({},e);return(0,r.jsx)(o.EK,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){a(e,t,n[t])}))}return e}({verticalAlign:"middle",bg:"whiteAlpha.100",color:"pink.100",h:"30px",px:2,mx:.5,rounded:"md",display:"inline-flex",alignItems:"center"},t))}},1641:function(e,t,n){var r=n(5893),o=n(8527),a=n(894),c=n(1664),i=n(9352);t.Z=function(e){var t=e.children;return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(o.Ug,{h:"64px",borderBottom:"1px solid rgba(255,255,255, .1)",px:{base:4,md:6},spacing:{base:6,md:12},display:"flex",alignItems:"center",children:[(0,r.jsx)(o.rU,{as:c.default,href:"/",color:"white",children:(0,r.jsx)(o.X6,{color:"white",fontSize:{base:"lg",md:"2xl"},fontFamily:"limelight",cursor:"pointer",children:"Scrollex"})}),(0,r.jsxs)(o.Ug,{pt:1,spacing:6,fontWeight:"bold",fontSize:{base:"sm",md:"md"},children:[(0,r.jsx)(o.rU,{as:c.default,href:"/",color:"white",children:"Guide"}),(0,r.jsx)(o.rU,{as:c.default,href:"/reference",color:"white",children:"Reference"}),(0,r.jsx)(o.rU,{as:c.default,href:"/examples",color:"white",children:"Examples"})]}),(0,r.jsx)(o.xu,{flex:1}),(0,r.jsx)(o.rU,{color:"white",isExternal:!0,href:"https://github.com/malerba118/scrollex",display:{base:"none",md:"inline-grid"},placeItems:"center",children:(0,r.jsx)(a.JO,{as:i.q7V,fontSize:"3xl"})})]}),t]})}},6454:function(e,t,n){var r=n(5893),o=n(7294),a=n(8527),c=n(6356),i=n(5113),u=n(894),l=n(2994),s=n(759),p=n(8120),f=n(7421),d=n(9737),g=n(9352),h=n(4926);function m(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){m(e,t,n[t])}))}return e}var y={typography:{monoFont:"Ubuntu Mono",bodyFont:"Poppins",fontSize:"1rem"}

1,palette:{defaultBackground:"#252325",activeText:"var(--chakra-colors-pink-200)",accent:"var(--chakra-colors-pink-200)"},syntax:{tag:"var(--chakra-colors-pink-300)",keyword:"var(--chakra-colors-purple-300)",property:"var(--chakra-colors-purple-200)",string:"var(--chakra-colors-orange-200)",plain:"var(--chakra-colors-pink-100)"}},x=function(e){var t=e.path,n=e.code,m=e.language,b=void 0===m?"typescript":m,x=e.showLineNumbers,v=void 0!==x&&x,k=(0,h.Z)(y).theme,j=(0,l.X3)().sandpack,w=o.useRef(null);return o.useEffect((function(){var e=w.current,t=[(0,s.Rp)(b),(0,s.ws)(k),(0,s.IB)(k),p.yy.readOnly.of(!0),f.tk.editable.of(!1)];v&&t.push((0,d.Eu)());var r=p.yy.create({doc:n,extensions:t}),o=new f.tk({state:r,parent:e});return function(){return o.destroy()}}),[w.current]),(0,r.jsxs)(a.Kq,{bg:k.palette.defaultBackground,rounded:"lg",spacing:-2,w:"100%",my:8,children:[t&&(0,r.jsxs)(a.kC,{p:2,justifyContent:"space-between",children:[(0,r.jsx)(c.Vp,{size:"md",bg:"none",color:"orange.200",opacity:.8,cursor:"pointer",_hover:{opacity:1},rounded:"lg",onClick:function(){j.openFile(t)},children:(0,s.ky)(t)}),(0,r.jsxs)(i.zx,{colorScheme:"whiteAlpha",size:"xs",color:"orange.200",onClick:function(){j.openFile(t),j.updateFile(t,n||"")},children:[(0,r.jsx)(u.JO,{alignSelf:"center",fontSize:"md",as:g.IcR,mr:"1"})," ","Copy to Sandbox"]})]}),(0,r.jsx)(a.xu,{py:4,px:1,bg:k.palette.defaultBackground,rounded:"lg",overflow:"hidden",tabIndex:-1,ref:w})]})};t.Z=function(e){return(0,r.jsx)(l.uR,{theme:"sandpack-dark",children:(0,r.jsx)(x,b({},e))})}},8243:function(e,t,n){n.d(t,{F:function(){return s}});var r=n(5893),o=n(8527),a=n(8976),c=n(6454),i=n(7949);function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){u(e,t,n[t])}))}return e}var s=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.useSandpack,n=void 0!==t&&t;return{h1:function(e){return(0,r.jsx)(o.X6,l({fontWeight:"800",mt:8,mb:4,size:"2xl"},e))},h2:function(e){return(0,r.jsx)(o.X6,l({fontWeight:"700",mt:8,mb:4,size:"xl"},e))},h3:function(e){return(0,r.jsx)(o.X6,l({mt:8,mb:4,size:"lg"},e))},h4:function(e){return(0,r.jsx)(o.X6,l({mt:8,mb:4,size:"md"},e))},h5:function(e){return(0,r.jsx)(o.X6,l({mt:8,mb:4,size:"sm"},e))},p:function(e){return(0,r.jsx)(o.xv,l({mt:4,mb:4,size:"md"},e))},code:function(e){return(0,r.jsx)(i.Z,l({},e))},pre:function(e){var t,o,i,u,l,s=(null===(t=e.children)||void 0===t||null===(o=t.props)||void 0===o?void 0:o.className)||"",p=(null===(i=e.children)||void 0===i||null===(u=i.props)||void 0===u||null===(l=u.children)||void 0===l?void 0:l.trim())||"",f=s.replace(/language-/,"");return n?(0,r.jsx)(c.Z,{code:p,language:f,path:e.path,showLineNumbers:e.showLineNumbers}):(0,r.jsx)(a.Z,{code:p,language:f,path:e.path,showLineNumbers:e.showLineNumbers})},a:function(e){return(0,r.jsx)(o.rU,l({size:"md",textDecoration:"underline",isExternal:!0},e))}}}},759:function(e,t,n){n.d(t,{ws:function(){return d},IB:function(){return g},Rp:function(){return h},ky:function(){return m}});var r=n(8081),o=n(1426),a=n(3804),c=n(752),i=n(7421),u=n(2994);function l(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){l(e,t,n[t])}))}return e}var p,f=function(e,t){if(e.startsWith("#")&&(4===e.length||7===e.length)){var n=function(e){var t="0",n="0",r="0";return 4===e.length?(t="0x"+e[1]+e[1],n="0x"+e[2]+e[2],r="0x"+e[3]+e[3]):7===e.length&&(t="0x"+e[1]+e[2],n="0x"+e[3]+e[4],r="0x"+e[5]+e[6]),{red:+t,green:+n,blue:+r}}(e),r=n.red,o=n.green,a=n.blue;return"rgba(".concat(r,", ").concat(o,", ").concat(a,", ").concat(t,")")}return e},d=function(e){return i.tk.theme({"&":{backgroundColor:e.palette.defaultBackgroun

1d,color:(0,u.f6)(e.syntax.plain).color||e.palette.activeText,height:"100%"},"&.cm-editor.cm-focused":{outline:"none"},".cm-activeLine":{backgroundColor:f(e.palette.activeBackground,.5)},".cm-errorLine":{backgroundColor:f(e.palette.errorBackground,.2)},".cm-matchingBracket, .cm-nonmatchingBracket":{color:"inherit",background:e.palette.activeBackground},".cm-content":{padding:0,caretColor:e.palette.activeText},".cm-scroller":{fontFamily:"Ubuntu Mono",lineHeight:1.5,fontSize:"1rem"},".cm-gutters":{backgroundColor:e.palette.defaultBackground,color:e.palette.defaultText,border:"none"},".cm-gutter.cm-lineNumbers":{paddingLeft:"var(--sp-space-1)",paddingRight:"var(--sp-space-1)"},".cm-lineNumbers .cm-gutterElement":{padding:0},".cm-line":{padding:"0 var(--sp-space-3)"}})},g=function(e){return r.Qf.define([{tag:r.pJ.link,textDecoration:"underline"},{tag:r.pJ.emphasis,fontStyle:"italic"},{tag:r.pJ.strong,fontWeight:"bold"},s({tag:r.pJ.keyword},(0,u.f6)(e.syntax.keyword)),s({tag:[r.pJ.atom,r.pJ.number,r.pJ.bool]},(0,u.f6)(e.syntax.static)),s({tag:r.pJ.tagName},(0,u.f6)(e.syntax.tag)),s({tag:r.pJ.variableName},(0,u.f6)(e.syntax.plain)),s({tag:r.pJ.function(r.pJ.variableName)},(0,u.f6)(e.syntax.definition)),s({tag:r.pJ.definition(r.pJ.function(r.pJ.variableName))},(0,u.f6)(e.syntax.definition)),s({tag:r.pJ.propertyName},(0,u.f6)(e.syntax.property)),s({tag:[r.pJ.literal,r.pJ.inserted]},(0,u.f6)(null!==(p=e.syntax.string)&&void 0!==p?p:e.syntax.static)),s({tag:r.pJ.punctuation},(0,u.f6)(e.syntax.punctuation)),s({tag:r.pJ.comment},(0,u.f6)(e.syntax.comment))])},h=function(e){return{jsx:(0,c.eJ)({jsx:!0,typescript:!1}),javascript:(0,c.eJ)({jsx:!0,typescript:!1}),typescript:(0,c.eJ)({jsx:!0,typescript:!0}),tsx:(0,c.eJ)({jsx:!0,typescript:!0}),html:(0,a.dy)(),css:(0,o.iv)()}[e]},m=function(e){return e.startsWith("/")?e.substring(1):e}},4926:function(e,t,n){var r=n(2994),o=n(2492),a=n.n(o),c=n(7294);t.Z=function(e){var t=(0,r.se)(),n=t.theme,o=t.themeId;return(0,c.useMemo)((function(){return{theme:a()({},n,e),themeId:o}}),[n,o,JSON.stringify(e)])}}}]);