@epic-web/workshop-app 6.1.0 → 6.2.0

package/build/client/assets/{_layout-Tp2XmIFb.js → _layout-ePpFHa-S.js}

@@ -1,6 +1,6 @@
-import{r as d,w as He,c as z,O as Ue,L as h,e as re,N as D}from"./chunk-QMGIS6GS-CG5cA6CX.js";import{j as e}from"./jsx-runtime-EKYJJIwR.js";import{a as p,I as y,c as m,e as k,f as E}from"./misc-COGqV2fm.js";import{a as Ve}from"./pe-DoDyGTeN.js";import{L as O}from"./product-B0zJEdi_.js";import{u as Ye}from"./revalidation-ws-CkOwoVmm.js";import{u as ze,d as Be,e as H,h as B,P as L,f as I,g as G,k as Ge,D as Qe,n as Je,S,T as Ke,a as X,b as ee,c as te}from"./tooltip-Cm7A1uIP.js";import{P as Me,h as qe,R as Ze,u as Xe,F as et}from"./index-7Ba6ptu2.js";import{c as $,b as tt}from"./user-BQ8D2Fty.js";import{u as oe}from"./workshop-config-5VcXxeyp.js";import{u as le}from"./online-CyV51Rml.js";import{u as Q}from"./presence-CLRBf5dp.js";import{b as nt,s as ie,c as at,d as st,e as ce,m as x,u as rt,f as ot}from"./progress-DKsShYpv.js";import{T as de}from"./index-5iWKMrsc.js";import"./index-Bp_2FjuO.js";function lt(t){t.values.forEach(n=>n.stop())}function V(t,n){[...n].reverse().forEach(s=>{const o=t.getVariant(s);o&&ie(t,o),t.variantChildren&&t.variantChildren.forEach(r=>{V(r,n)})})}function it(t,n){if(Array.isArray(n))return V(t,n);if(typeof n=="string")return V(t,[n]);ie(t,n)}function ct(){const t=new Set,n={subscribe(a){return t.add(a),()=>void t.delete(a)},start(a,s){const o=[];return t.forEach(r=>{o.push(nt(r,a,{transitionOverride:s}))}),Promise.all(o)},set(a){return t.forEach(s=>{it(s,a)})},stop(){t.forEach(a=>{lt(a)})},mount(){return()=>{n.stop()}}};return n}function Y(){const t=at(ct);return st(t.mount,[]),t}function dt(t,n){function a(){return window.matchMedia(t).matches}function s(o){const r=window.matchMedia(t);return r.addEventListener("change",o),()=>{r.removeEventListener("change",o)}}return function(){return d.useSyncExternalStore(s,a,()=>n)}}var F="Dialog",[fe,Qt]=Be(F),[ft,N]=fe(F),ue=t=>{const{__scopeDialog:n,children:a,open:s,defaultOpen:o,onOpenChange:r,modal:f=!0}=t,c=d.useRef(null),u=d.useRef(null),[l,b]=ze({prop:s,defaultProp:o??!1,onChange:r,caller:F});return e.jsx(ft,{scope:n,triggerRef:c,contentRef:u,contentId:H(),titleId:H(),descriptionId:H(),open:l,onOpenChange:b,onOpenToggle:d.useCallback(()=>b(w=>!w),[b]),modal:f,children:a})};ue.displayName=F;var he="DialogTrigger",pe=d.forwardRef((t,n)=>{const{__scopeDialog:a,...s}=t,o=N(he,a),r=B(n,o.triggerRef);return e.jsx(L.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":M(o.open),...s,ref:r,onClick:I(t.onClick,o.onOpenToggle)})});pe.displayName=he;var J="DialogPortal",[ut,me]=fe(J,{forceMount:void 0}),xe=t=>{const{__scopeDialog:n,forceMount:a,children:s,container:o}=t,r=N(J,n);return e.jsx(ut,{scope:n,forceMount:a,children:d.Children.map(s,f=>e.jsx(G,{present:a||r.open,children:e.jsx(Me,{asChild:!0,container:o,children:f})}))})};xe.displayName=J;var T="DialogOverlay",ge=d.forwardRef((t,n)=>{const a=me(T,t.__scopeDialog),{forceMount:s=a.forceMount,...o}=t,r=N(T,t.__scopeDialog);return r.modal?e.jsx(G,{present:s||r.open,children:e.jsx(pt,{...o,ref:n})}):null});ge.displayName=T;var ht=Ge("DialogOverlay.RemoveScroll"),pt=d.forwardRef((t,n)=>{const{__scopeDialog:a,...s}=t,o=N(T,a);return e.jsx(Ze,{as:ht,allowPinchZoom:!0,shards:[o.contentRef],children:e.jsx(L.div,{"data-state":M(o.open),...s,ref:n,style:{pointerEvents:"auto",...s.style}})})}),P="DialogContent",be=d.forwardRef((t,n)=>{const a=me(P,t.__scopeDialog),{forceMount:s=a.forceMount,...o}=t,r=N(P,t.__scopeDialog);return e.jsx(G,{present:s||r.open,children:r.modal?e.jsx(mt,{...o,ref:n}):e.jsx(xt,{...o,ref:n})})});be.displayName=P;var mt=d.forwardRef((t,n)=>{const a=N(P,t.__scopeDialog),s=d.useRef(null),o=B(n,a.contentRef,s);return d.useEffect(()=>{const r=s.current;if(r)return qe(r)},[]),e.jsx(je,{...t,ref:o,trapFocus:a.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:I(t.onCloseAutoFocus,r=>{r.preventDefault(),a.triggerRef.current?.focus()}),onPointerDownOutside:I(t.onPointerDownOutside,r=>{const f=r.detail.originalEvent,c=f.button===0&&f.ctrlKey===!0;(f.button===2||c)&&r.preventDefault()}),onFocusOutside:I(t.onFocusOutside,r=>r.preventDefault())})}),xt=d.forwardRef((t,n)=>{const a=N(P,t.__scopeDialog),s=d.useRef(!1),o=d.useRef(!1);return e.jsx(je,{...t,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:r=>{t.onCloseAutoFocus?.(r),r.defaultPrevented||(s.current||a.triggerRef.current?.focus(),r.preventDefault()),s.current=!1,o.current=!1},onInteractOutside:r=>{t.onInteractOutside?.(r),r.defaultPrevented||(s.current=!0,r.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const f=r.target;a.triggerRef.current?.contains(f)&&r.preventDefault(),r.detail.originalEvent.type==="focusin"&&o.current&&r.preventDefault()}})}),je=d.forwardRef((t,n)=>{const{__scopeDialog:a,trapFocus:s,onOpenAutoFocus:o,onCloseAutoFocus:r,...f}=t,c=N(P,a),u=d.useRef(null),l=B(n,u);return Xe(),e.jsxs(e.Fragment,{children:[e.jsx(et,{asChild:!0,loop:!0,trapped:s,onMountAutoFocus:o,onUnmountAutoFocus:r,children:e.jsx(Qe,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":M(c.open),...f,ref:l,onDismiss:()=>c.onOpenChange(!1)})}),e.jsxs(e.Fragment,{children:[e.jsx(gt,{titleId:c.titleId}),e.jsx(jt,{contentRef:u,descriptionId:c.descriptionId})]})]})}),K="DialogTitle",ve=d.forwardRef((t,n)=>{const{__scopeDialog:a,...s}=t,o=N(K,a);return e.jsx(L.h2,{id:o.titleId,...s,ref:n})});ve.displayName=K;var we="DialogDescription",ye=d.forwardRef((t,n)=>{const{__scopeDialog:a,...s}=t,o=N(we,a);return e.jsx(L.p,{id:o.descriptionId,...s,ref:n})});ye.displayName=we;var Ne="DialogClose",Ce=d.forwardRef((t,n)=>{const{__scopeDialog:a,...s}=t,o=N(Ne,a);return e.jsx(L.button,{type:"button",...s,ref:n,onClick:I(t.onClick,()=>o.onOpenChange(!1))})});Ce.displayName=Ne;function M(t){return t?"open":"closed"}var De="DialogTitleWarning",[Jt,Ee]=Je(De,{contentName:P,titleName:K,docsSlug:"dialog"}),gt=({titleId:t})=>{const n=Ee(De),a=`\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
+import{r as d,w as He,c as z,O as Ue,L as h,e as re,N as D}from"./chunk-QMGIS6GS-CG5cA6CX.js";import{j as e}from"./jsx-runtime-EKYJJIwR.js";import{c as m}from"./clsx-B-dksMZM.js";import{a as Ve}from"./pe-DoDyGTeN.js";import{c as p,I as y,b as k,e as E}from"./misc-DsJGqoYt.js";import{L as O}from"./product-B3wkyL3-.js";import{u as Ye}from"./revalidation-ws-De6AS3e6.js";import{u as ze,d as Be,e as H,h as B,P as L,f as I,g as G,k as Ge,D as Qe,n as Je,S,T as Ke,a as X,b as ee,c as te}from"./tooltip-CTw4ab49.js";import{P as Me,h as qe,R as Ze,u as Xe,F as et}from"./index-CtnHrWrs.js";import{c as $,b as tt}from"./user-BQ8D2Fty.js";import{u as oe}from"./workshop-config-5VcXxeyp.js";import{u as le}from"./online-Cf3nj5JR.js";import{u as Q}from"./presence-DXH0dXJd.js";import{b as nt,s as ie,c as at,d as st,e as ce,m as x,u as rt,f as ot}from"./progress-BP5cLKuW.js";import{T as de}from"./index-8yBq10sZ.js";import"./index-Bp_2FjuO.js";function lt(t){t.values.forEach(n=>n.stop())}function V(t,n){[...n].reverse().forEach(s=>{const o=t.getVariant(s);o&&ie(t,o),t.variantChildren&&t.variantChildren.forEach(r=>{V(r,n)})})}function it(t,n){if(Array.isArray(n))return V(t,n);if(typeof n=="string")return V(t,[n]);ie(t,n)}function ct(){const t=new Set,n={subscribe(a){return t.add(a),()=>void t.delete(a)},start(a,s){const o=[];return t.forEach(r=>{o.push(nt(r,a,{transitionOverride:s}))}),Promise.all(o)},set(a){return t.forEach(s=>{it(s,a)})},stop(){t.forEach(a=>{lt(a)})},mount(){return()=>{n.stop()}}};return n}function Y(){const t=at(ct);return st(t.mount,[]),t}function dt(t,n){function a(){return window.matchMedia(t).matches}function s(o){const r=window.matchMedia(t);return r.addEventListener("change",o),()=>{r.removeEventListener("change",o)}}return function(){return d.useSyncExternalStore(s,a,()=>n)}}var F="Dialog",[fe,Jt]=Be(F),[ft,N]=fe(F),ue=t=>{const{__scopeDialog:n,children:a,open:s,defaultOpen:o,onOpenChange:r,modal:f=!0}=t,c=d.useRef(null),u=d.useRef(null),[l,b]=ze({prop:s,defaultProp:o??!1,onChange:r,caller:F});return e.jsx(ft,{scope:n,triggerRef:c,contentRef:u,contentId:H(),titleId:H(),descriptionId:H(),open:l,onOpenChange:b,onOpenToggle:d.useCallback(()=>b(w=>!w),[b]),modal:f,children:a})};ue.displayName=F;var he="DialogTrigger",pe=d.forwardRef((t,n)=>{const{__scopeDialog:a,...s}=t,o=N(he,a),r=B(n,o.triggerRef);return e.jsx(L.button,{type:"button","aria-haspopup":"dialog","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":M(o.open),...s,ref:r,onClick:I(t.onClick,o.onOpenToggle)})});pe.displayName=he;var J="DialogPortal",[ut,me]=fe(J,{forceMount:void 0}),xe=t=>{const{__scopeDialog:n,forceMount:a,children:s,container:o}=t,r=N(J,n);return e.jsx(ut,{scope:n,forceMount:a,children:d.Children.map(s,f=>e.jsx(G,{present:a||r.open,children:e.jsx(Me,{asChild:!0,container:o,children:f})}))})};xe.displayName=J;var T="DialogOverlay",ge=d.forwardRef((t,n)=>{const a=me(T,t.__scopeDialog),{forceMount:s=a.forceMount,...o}=t,r=N(T,t.__scopeDialog);return r.modal?e.jsx(G,{present:s||r.open,children:e.jsx(pt,{...o,ref:n})}):null});ge.displayName=T;var ht=Ge("DialogOverlay.RemoveScroll"),pt=d.forwardRef((t,n)=>{const{__scopeDialog:a,...s}=t,o=N(T,a);return e.jsx(Ze,{as:ht,allowPinchZoom:!0,shards:[o.contentRef],children:e.jsx(L.div,{"data-state":M(o.open),...s,ref:n,style:{pointerEvents:"auto",...s.style}})})}),P="DialogContent",be=d.forwardRef((t,n)=>{const a=me(P,t.__scopeDialog),{forceMount:s=a.forceMount,...o}=t,r=N(P,t.__scopeDialog);return e.jsx(G,{present:s||r.open,children:r.modal?e.jsx(mt,{...o,ref:n}):e.jsx(xt,{...o,ref:n})})});be.displayName=P;var mt=d.forwardRef((t,n)=>{const a=N(P,t.__scopeDialog),s=d.useRef(null),o=B(n,a.contentRef,s);return d.useEffect(()=>{const r=s.current;if(r)return qe(r)},[]),e.jsx(je,{...t,ref:o,trapFocus:a.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:I(t.onCloseAutoFocus,r=>{r.preventDefault(),a.triggerRef.current?.focus()}),onPointerDownOutside:I(t.onPointerDownOutside,r=>{const f=r.detail.originalEvent,c=f.button===0&&f.ctrlKey===!0;(f.button===2||c)&&r.preventDefault()}),onFocusOutside:I(t.onFocusOutside,r=>r.preventDefault())})}),xt=d.forwardRef((t,n)=>{const a=N(P,t.__scopeDialog),s=d.useRef(!1),o=d.useRef(!1);return e.jsx(je,{...t,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:r=>{t.onCloseAutoFocus?.(r),r.defaultPrevented||(s.current||a.triggerRef.current?.focus(),r.preventDefault()),s.current=!1,o.current=!1},onInteractOutside:r=>{t.onInteractOutside?.(r),r.defaultPrevented||(s.current=!0,r.detail.originalEvent.type==="pointerdown"&&(o.current=!0));const f=r.target;a.triggerRef.current?.contains(f)&&r.preventDefault(),r.detail.originalEvent.type==="focusin"&&o.current&&r.preventDefault()}})}),je=d.forwardRef((t,n)=>{const{__scopeDialog:a,trapFocus:s,onOpenAutoFocus:o,onCloseAutoFocus:r,...f}=t,c=N(P,a),u=d.useRef(null),l=B(n,u);return Xe(),e.jsxs(e.Fragment,{children:[e.jsx(et,{asChild:!0,loop:!0,trapped:s,onMountAutoFocus:o,onUnmountAutoFocus:r,children:e.jsx(Qe,{role:"dialog",id:c.contentId,"aria-describedby":c.descriptionId,"aria-labelledby":c.titleId,"data-state":M(c.open),...f,ref:l,onDismiss:()=>c.onOpenChange(!1)})}),e.jsxs(e.Fragment,{children:[e.jsx(gt,{titleId:c.titleId}),e.jsx(jt,{contentRef:u,descriptionId:c.descriptionId})]})]})}),K="DialogTitle",ve=d.forwardRef((t,n)=>{const{__scopeDialog:a,...s}=t,o=N(K,a);return e.jsx(L.h2,{id:o.titleId,...s,ref:n})});ve.displayName=K;var we="DialogDescription",ye=d.forwardRef((t,n)=>{const{__scopeDialog:a,...s}=t,o=N(we,a);return e.jsx(L.p,{id:o.descriptionId,...s,ref:n})});ye.displayName=we;var Ne="DialogClose",Ce=d.forwardRef((t,n)=>{const{__scopeDialog:a,...s}=t,o=N(Ne,a);return e.jsx(L.button,{type:"button",...s,ref:n,onClick:I(t.onClick,()=>o.onOpenChange(!1))})});Ce.displayName=Ne;function M(t){return t?"open":"closed"}var De="DialogTitleWarning",[Kt,Ee]=Je(De,{contentName:P,titleName:K,docsSlug:"dialog"}),gt=({titleId:t})=>{const n=Ee(De),a=`\`${n.contentName}\` requires a \`${n.titleName}\` for the component to be accessible for screen reader users.
 
 If you want to hide the \`${n.titleName}\`, you can wrap it with our VisuallyHidden component.
 
-For more information, see https://radix-ui.com/primitives/docs/components/${n.docsSlug}`;return d.useEffect(()=>{t&&(document.getElementById(t)||console.error(a))},[a,t]),null},bt="DialogDescriptionWarning",jt=({contentRef:t,descriptionId:n})=>{const s=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Ee(bt).contentName}}.`;return d.useEffect(()=>{const o=t.current?.getAttribute("aria-describedby");n&&o&&(document.getElementById(n)||console.warn(s))},[s,t,n]),null},vt=ue,wt=pe,yt=xe,ke=ge,Pe=be,Nt=ve,_e=ye,Ct=Ce;const Dt=vt,Et=wt,kt=yt;function Se({className:t,ref:n,...a}){return e.jsx(ke,{ref:n,className:p("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...a})}Se.displayName=ke.displayName;function Re({className:t,children:n,ref:a,...s}){return e.jsxs(kt,{children:[e.jsx(Se,{}),e.jsxs(Pe,{ref:a,className:p("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",t),...s,children:[n,e.jsxs(Ct,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",children:[e.jsx(y,{name:"Close"}),e.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}Re.displayName=Pe.displayName;function Ie({className:t,...n}){return e.jsx("div",{className:p("flex flex-col space-y-1.5 text-center sm:text-left",t),...n})}Ie.displayName="DialogHeader";Nt.displayName;function Le({className:t,ref:n,...a}){return e.jsx(_e,{ref:n,className:p("text-sm text-muted-foreground",t),...a})}Le.displayName=_e.displayName;const ne=["opacity-70","opacity-80","opacity-90","opacity-100"],ae=["shadow-[0_0_2px_0_rgba(0,0,0,0.3)]","shadow-[0_0_4px_0_rgba(0,0,0,0.3)]","shadow-[0_0_7px_0_rgba(0,0,0,0.3)]","shadow-[0_0_10px_0_rgba(0,0,0,0.3)]"];function se(t){const n=Math.round(t*ne.length-1),a=Math.round(t*ae.length-1);return p("shadow-purple-700 hover:opacity-100 focus:opacity-100 dark:shadow-purple-200",ne[n]??"opacity-60",ae[a]??"shadow-none",t===1?"animate-pulse hover:animate-none focus:animate-none":null)}function Ae({isMenuOpened:t}){const n=$(),{users:a}=Q(),{product:{displayNameShort:s}}=oe(),o=t?17:0,r=a.length-o,f=r>(t?1:0);if(!a.length)return null;const c=t&&a.length===1?e.jsx(h,{target:"_blank",rel:"noopener noreferrer",to:"https://www.youtube.com/watch?v=w6Q3mHyzn78",children:e.jsx("img",{alt:"Tiffany Tunes",className:p("h-8 w-8 rounded-full border object-cover",se(1)),src:"/img/tiffany.png"})}):null,u=`${r}${t?" more ":" "}${s} Dev${r===1?"":"s"} working now`;return e.jsx("div",{className:"flex flex-wrap items-center gap-2",children:e.jsxs(Ke,{children:[(f?a.slice(0,o):a).map(({user:l,score:b})=>{const w=se(b),g=Pt(l.location),i=l.imageUrlSmall||l.avatarUrl,j=l.hasAccess,_=l.location?.origin?.includes("localhost");let C;return j?C=_?"working":"referencing":C=_?"previewing":"reviewing",e.jsxs(X,{children:[e.jsx(ee,{asChild:!0,children:i?e.jsx("img",{tabIndex:0,alt:l.name||s,className:p("h-8 w-8 rounded-full border object-cover",w),src:i}):e.jsx("div",{tabIndex:0,"aria-label":l.name||`${s} Dev`,className:p("flex h-8 w-8 items-center justify-center rounded-full border",w),children:e.jsx(y,{name:"User"})})}),e.jsx(te,{children:e.jsxs("span",{className:"flex flex-col items-center justify-center gap-1",children:[e.jsxs("span",{children:[l.name||`${s} Dev`," ",g?` is ${C} ${b===1&&n?.id!==l.id?"with you":""} on`:null]}),g?.line1?e.jsx("span",{children:g.line1}):null,g?.line2?e.jsx("span",{children:g.line2}):null]})})]},l.id)}),c,f?e.jsxs(X,{children:[e.jsx(ee,{asChild:!0,children:e.jsx("div",{tabIndex:0,"aria-label":u,className:p("flex items-center justify-center rounded-full border bg-accent text-xs text-accent-foreground",t?"h-8 w-8":"h-6 w-6"),children:e.jsx("span",{className:p("pointer-events-none overflow-hidden text-ellipsis whitespace-nowrap text-center",t?"w-8":"w-6"),children:t?`+${r}`:r})})}),e.jsx(te,{children:u})]}):null]})})}const Te=dt("(min-width: 640px)",!0),Kt=He(function(){const n=z(),a=$(),s=Te(),o=Ve(),[r,f]=d.useState(n.isMenuOpened);Ye({watchPaths:["./exercises/README.mdx"]});function c(u){f(u),document.cookie=`es_menu_open=${u.toString()}; path=/; SameSite=Lax;`}return e.jsxs("div",{className:"flex flex-col",children:[a?null:e.jsx(_t,{}),o&&s?null:e.jsx(St,{isMenuOpened:r,onMenuOpenChange:c}),e.jsxs("div",{className:p("flex flex-grow flex-col sm:flex-row",{"h-[calc(100vh-128px-env(safe-area-inset-top)-env(safe-area-inset-bottom))] sm:h-[calc(100vh-64px-env(safe-area-inset-top)-env(safe-area-inset-bottom))]":!a,"h-[calc(100vh-64px-env(safe-area-inset-top)-env(safe-area-inset-bottom))] sm:h-[calc(100vh-env(safe-area-inset-top)-env(safe-area-inset-bottom))]":a,"h-[unset]":!s&&r}),children:[s?e.jsx(Rt,{isMenuOpened:r,onMenuOpenChange:c}):null,e.jsx("div",{className:p("h-full w-full max-w-full sm:max-w-[calc(100%-56px)]",r?"hidden md:block":""),children:e.jsx(Ue,{})})]})]})});function Pt(t){if(!t)return null;const{exercise:n}=t,a=[n?[n.exerciseNumber,n.stepNumber].filter(Boolean).map(s=>s.toString().padStart(2,"0")).join("/"):null,n?.type].filter(Boolean).join(" - ");return{line1:t.workshopTitle,line2:a}}function _t(){const t=Te(),{product:{host:n,displayName:a}}=oe(),s=tt(),o=e.jsx("div",{children:ENV.EPICSHOP_DEPLOYED?e.jsxs("div",{children:["This is the deployed version. ",e.jsxs(e.Fragment,{children:[e.jsx(h,{className:"underline",target:"_blank",rel:"noopener noreferrer",to:ENV.EPICSHOP_GITHUB_REPO,children:"Run locally"})," for full experience."]})," "]}):s?e.jsxs("div",{children:[e.jsx(h,{to:"/login",className:"underline",children:"Login"})," ","or"," ",e.jsx("a",{href:`https://${n}/login`,className:"underline",children:"join for free"})," ","for the full experience."]}):null});return e.jsx("div",{className:"z-10 flex h-16 items-center justify-between border-b bg-gradient-to-tr from-blue-500 to-indigo-500 pl-4 text-white",children:t?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"hidden flex-1 flex-wrap items-center gap-4 sm:flex",children:[e.jsx(O,{size:"lg",style:"monochrome"}),e.jsxs("div",{className:"flex flex-1 flex-wrap items-center",children:[e.jsxs("p",{className:"mr-2",children:["Welcome to the"," ",e.jsx(h,{to:`https://${n}`,className:"underline",target:"_blank",children:a})," ","Workshop app!"]}),o]})]}),s?null:e.jsxs("div",{className:"hidden h-full flex-col items-center sm:flex md:flex-row",children:[e.jsxs(h,{to:`https://${n}`,target:"_blank",className:"flex h-full items-center justify-center space-x-1.5 px-5 text-sm font-semibold",children:[e.jsxs("span",{className:"drop-shadow-sm",children:["Join ",a]}),e.jsx("span",{children:"↗︎"})]}),e.jsxs(h,{to:ENV.EPICSHOP_DEPLOYED?`https://${n}/login`:"/login",className:"flex h-full items-center justify-center space-x-1.5 bg-white/20 px-5 text-sm font-semibold shadow-md transition hover:bg-white/30",children:[e.jsx(y,{name:"User",size:"lg"}),e.jsx("span",{className:"drop-shadow-sm",children:"Login"})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex flex-1 flex-wrap items-center gap-4 sm:hidden",children:[e.jsx("a",{href:`https://${n}`,children:e.jsx(O,{size:"lg",style:"monochrome"})}),e.jsxs(Dt,{children:[e.jsx(Et,{children:e.jsx(y,{name:"Question",size:"lg",className:"animate-pulse"})}),e.jsxs(Re,{children:[e.jsxs(Ie,{children:[e.jsx(O,{size:"lg",style:"monochrome"}),e.jsx("span",{className:"text-lg font-semibold",children:a})]}),e.jsxs(Le,{children:["Welcome to the"," ",e.jsx(h,{to:`https://${n}`,className:"underline",children:a})," ","Workshop app!"]}),o]})]})]}),s?null:e.jsxs("div",{className:"flex h-full items-center",children:[e.jsxs(h,{to:`https://${n}`,target:"_blank",className:"flex h-full items-center justify-center space-x-1.5 px-5 text-sm font-semibold",children:[e.jsx("span",{className:"drop-shadow-sm",children:"Join"}),e.jsx("span",{children:"↗︎"})]}),e.jsxs(h,{to:ENV.EPICSHOP_DEPLOYED?`https://${n}/login`:"/login",className:"flex h-full items-center justify-center space-x-1.5 bg-white/20 px-5 text-sm font-semibold shadow-md transition hover:bg-white/30",children:[e.jsx(y,{name:"User",size:"lg"}),e.jsx("span",{className:"drop-shadow-sm",children:"Login"})]})]})]})})}const $e={hidden:{opacity:0,x:-20},visible:{opacity:1,x:0}};function Fe({exerciseNumber:t,children:n}){const a=rt(t);return e.jsx(x.li,{variants:$e,className:p("py-[6px] first:pt-3 last:pb-3",a?`${a} before:border-t`:null),children:e.jsx("span",{className:"inline-block pl-2",children:n})})}function R({children:t,...n}){const a=ot(n);return e.jsx(x.li,{variants:$e,className:p("py-[6px] first:pt-3 last:pb-3",a?`${a} before:border-t`:null),children:e.jsx("span",{className:"inline-block pl-2",children:t})})}function St({isMenuOpened:t,onMenuOpenChange:n}){const a=z(),s=$(),o=ce(),r=re(),f=le(),{users:c}=Q(),u={visible:{opacity:1,transition:{duration:.05,when:"beforeChildren",staggerChildren:.03}},hidden:{opacity:0}};return e.jsx("nav",{className:"flex w-full border-b sm:hidden",children:e.jsx("div",{className:"w-full",children:e.jsxs("div",{className:p("flex items-center",{"flex-col":t,"h-14":!t}),children:[e.jsx(We,{title:a.workshopTitle,isMenuOpened:t,setMenuOpened:n}),t&&e.jsxs(x.div,{className:"flex w-full flex-grow flex-col justify-between overflow-x-auto p-6 scrollbar-thin scrollbar-thumb-scrollbar",initial:{opacity:0},animate:{opacity:1},children:[e.jsxs(x.ul,{variants:u,initial:"hidden",animate:"visible",className:"flex flex-col",children:[e.jsx("span",{children:e.jsx(D,{prefetch:"intent",to:"/",className:({isActive:l})=>m("relative whitespace-nowrap px-2 py-0.5 pr-3 text-2xl font-bold outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":l}),children:"Home"})}),a.exercises.map(({exerciseNumber:l,title:b,steps:w})=>{const g=Number(r.exerciseNumber)===l,i=!g&&a.playground.exerciseNumber===l;return e.jsxs(Fe,{exerciseNumber:l,children:[e.jsxs("span",{className:"flex items-center gap-1 text-2xl font-bold",children:[e.jsx(h,{prefetch:"intent",to:k(l),className:m("relative whitespace-nowrap px-2 py-0.5 pr-3 outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":g}),children:b}),i?e.jsx(h,{to:E(a.playground.exerciseNumber,a.playground.stepNumber,a.playground.type),prefetch:"intent",children:"🛝"}):null]}),g?e.jsxs(x.ul,{variants:u,initial:"hidden",animate:"visible",className:"ml-4 mt-2 flex flex-col",children:[e.jsx(R,{type:"instructions",exerciseNumber:l,children:e.jsx(h,{to:k(l),prefetch:"intent",className:m('relative whitespace-nowrap px-2 py-0.5 pr-3 text-xl font-medium outline-none after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":!r.stepNumber}),children:"Intro"})},l),w.filter(Boolean).map(({stepNumber:j,title:_,problem:C,solution:A})=>e.jsx(R,{type:"step",stepNumber:j,exerciseNumber:l,children:e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsxs(h,{to:E(l,j),prefetch:"intent",className:"font-semibold leading-tight",children:[j.toString().padStart(2,"0"),"."," ",_]}),e.jsxs("div",{className:"ml-3 mt-0.5 flex gap-1",children:[C&&e.jsxs(D,{to:E(l,j,"problem"),prefetch:"intent",className:({isActive:v})=>m("relative whitespace-nowrap px-2 py-0.5 pr-3 outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":v}),children:["Problem",C.name===a.playground.appName?" 🛝":""]}),A&&e.jsxs(D,{to:E(l,j,"solution"),prefetch:"intent",className:({isActive:v})=>m("relative whitespace-nowrap px-2 py-0.5 pr-3 outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":v}),children:["Solution",A.name===a.playground.appName?" 🛝":""]})]})]})},j)),e.jsx(R,{type:"finished",exerciseNumber:l,children:e.jsx(D,{to:k(l,"finished"),prefetch:"intent",className:({isActive:j})=>m('relative whitespace-nowrap px-2 py-0.5 pr-3 text-base font-medium outline-none after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":j}),children:"📝 Elaboration"})})]}):null]},l)})]}),e.jsx("div",{className:"mt-6",children:e.jsx(D,{to:"/finished",className:({isActive:l})=>m("relative whitespace-nowrap text-lg font-bold outline-none hover:underline focus:underline",{'bg-black text-white after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""]':l}),children:"📝 Workshop Feedback"})})]}),e.jsx("div",{className:"flex-grow"}),f?null:e.jsx(S,{content:t?null:"You are offline",children:e.jsx("div",{className:p("flex h-14 animate-pulse items-center justify-start p-4",t?"w-full border-t":"border-l"),children:e.jsx(y,{name:"WifiNoConnection",className:"text-foreground-destructive",children:t?"You are offline":null})})}),e.jsx("div",{className:p("flex items-center justify-start p-4",t&&c.length>4?"min-h-14":"h-14",t?"w-full border-t":"border-l"),children:e.jsx(Ae,{isMenuOpened:t})}),ENV.EPICSHOP_DEPLOYED?null:s?e.jsx(S,{content:t?null:"Your account",children:e.jsxs(h,{className:p("flex h-14 flex-shrink-0 items-center justify-start space-x-3 px-4 py-4 text-center no-underline hover:underline",{"border-l":!t,"w-full border-t":t}),to:"/account",children:[s.imageUrlSmall?e.jsx("img",{alt:s.name??s.email,src:s.imageUrlSmall,className:"h-full rounded-full"}):e.jsx(y,{name:"User",className:"flex-shrink-0",size:"lg"}),t?e.jsx(x.div,{className:"flex items-center whitespace-nowrap",initial:{opacity:0},animate:{opacity:1},children:"Your Account"}):e.jsx("span",{className:"sr-only",children:"Your account"})]})}):null,ENV.EPICSHOP_DEPLOYED?null:s&&o?e.jsx(S,{content:t?null:"Continue to next lesson",children:e.jsxs(h,{to:o,prefetch:"intent",className:m("flex h-14 w-full items-center space-x-3 border-l px-4 py-4 pl-[18px] no-underline hover:underline"),state:{from:"continue next lesson button"},children:[e.jsx(y,{name:"FastForward",className:"flex-shrink-0",size:"md"}),t?e.jsx(x.div,{className:"flex items-center whitespace-nowrap",initial:{opacity:0},animate:{opacity:1},children:"Continue to next lesson"}):e.jsx("span",{className:"sr-only",children:"Continue to next lesson"})]})}):null,e.jsx("div",{className:p("flex h-14 w-14 items-center justify-center self-start p-4 sm:mb-4 sm:w-full",{"w-full border-t":t,"border-l":!t}),children:e.jsx(de,{})})]})})})}const U=400;function Rt({isMenuOpened:t,onMenuOpenChange:n}){const a=z(),s=$(),o=ce(),r=re(),f=le(),{users:c}=Q(),u=a.exercises.find(i=>i.exerciseNumber===Number(r.exerciseNumber)),l=r.type==="solution"?u?.solutions.find(i=>i.stepNumber===Number(r.stepNumber)):r.type==="problem"?u?.problems.find(i=>i.stepNumber===Number(r.stepNumber)):null,b=Y(),w={close:{width:56},open:{width:U}},g={visible:{opacity:1,transition:{duration:.05,when:"beforeChildren",staggerChildren:.03}},hidden:{opacity:0}};return e.jsx("nav",{className:"hidden border-r sm:flex",children:e.jsx(x.div,{initial:t?"open":"close",variants:w,animate:b,children:e.jsxs("div",{className:"flex h-full flex-col items-center justify-between",children:[e.jsx(We,{title:a.workshopTitle,menuControls:b,isMenuOpened:t,setMenuOpened:n}),t&&e.jsxs(x.div,{style:{width:U},className:"flex flex-grow flex-col justify-between overflow-y-auto p-6 scrollbar-thin scrollbar-thumb-scrollbar",initial:{opacity:0},animate:{opacity:1},children:[e.jsxs(x.ul,{variants:g,initial:"hidden",animate:"visible",className:"flex flex-col",children:[e.jsx("span",{children:e.jsx(D,{prefetch:"intent",to:"/",className:({isActive:i})=>m("relative whitespace-nowrap px-2 py-0.5 pr-3 text-2xl font-bold outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":i}),children:"Home"})}),a.exercises.map(({exerciseNumber:i,title:j,steps:_})=>{const C=Number(r.exerciseNumber)===i,A=!C&&a.playground.exerciseNumber===i;return e.jsxs(Fe,{exerciseNumber:i,children:[e.jsxs("span",{className:"flex items-center gap-1 text-2xl font-bold",children:[e.jsx(h,{prefetch:"intent",to:k(i),className:m("relative whitespace-nowrap px-2 py-0.5 pr-3 outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":C}),children:j}),A?e.jsx(h,{to:E(a.playground.exerciseNumber,a.playground.stepNumber,a.playground.type),prefetch:"intent",children:"🛝"}):null]}),C?e.jsxs(x.ul,{variants:g,initial:"hidden",animate:"visible",className:"ml-4 mt-2 flex flex-col",children:[e.jsx(R,{type:"instructions",exerciseNumber:i,children:e.jsx(h,{to:k(i),prefetch:"intent",className:m('relative whitespace-nowrap px-2 py-0.5 pr-3 text-xl font-medium outline-none after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":!r.stepNumber}),children:"Intro"})},i),_.filter(Boolean).map(({stepNumber:v,title:Oe,problem:q,solution:Z})=>e.jsx(R,{type:"step",stepNumber:v,exerciseNumber:i,children:e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsxs(h,{to:E(i,v),prefetch:"intent",className:"font-semibold leading-tight",children:[v.toString().padStart(2,"0"),"."," ",Oe]}),e.jsxs("div",{className:"ml-3 mt-0.5 flex gap-1",children:[q&&e.jsxs(D,{to:E(i,v,"problem"),prefetch:"intent",className:({isActive:W})=>m("relative whitespace-nowrap px-2 py-0.5 pr-3 outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":W}),children:["Problem",q.name===a.playground.appName?" 🛝":""]}),Z&&e.jsxs(D,{to:E(i,v,"solution"),prefetch:"intent",className:({isActive:W})=>m("relative whitespace-nowrap px-2 py-0.5 pr-3 outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":W}),children:["Solution",Z.name===a.playground.appName?" 🛝":""]})]})]})},v)),e.jsx(R,{type:"finished",exerciseNumber:i,children:e.jsx(D,{to:k(i,"finished"),prefetch:"intent",className:({isActive:v})=>m('relative whitespace-nowrap px-2 py-0.5 pr-3 text-base font-medium outline-none after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":v}),children:"📝 Elaboration"})})]}):null]},i)})]}),e.jsx("div",{className:"mt-6",children:e.jsx(D,{to:"/finished",className:({isActive:i})=>m("relative whitespace-nowrap text-lg font-bold outline-none hover:underline focus:underline",{'bg-black text-white after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""]':i}),children:"📝 Workshop Feedback"})})]}),!t&&e.jsx("div",{className:"flex flex-grow flex-col justify-center",children:e.jsxs("div",{className:"orientation-sideways w-full font-mono text-sm font-medium uppercase leading-none",children:[u?.title?e.jsx(h,{to:k(Number(r.exerciseNumber)),children:u.title}):null,u?.title&&l?.title?" — ":null,l?.title?e.jsx(h,{to:E(Number(r.exerciseNumber),l.stepNumber),children:l.title}):null]})}),f?null:e.jsx(S,{content:t?null:"You are offline",children:e.jsx("div",{className:p("flex w-full animate-pulse items-center border-t p-4",t?"justify-start":"justify-center"),children:e.jsx(y,{name:"WifiNoConnection",className:"text-foreground-destructive",children:t?e.jsx("span",{className:"whitespace-nowrap",children:"You are offline"}):null})})}),e.jsx("div",{className:p("flex w-full items-center justify-start border-t p-4 transition-[height]",t&&c.length>4?"h-28":"h-14"),style:t?{width:U}:{},children:e.jsx(Ae,{isMenuOpened:t})}),ENV.EPICSHOP_DEPLOYED?null:s?e.jsx(S,{content:t?null:"Your account",children:e.jsxs(h,{className:"flex h-14 w-full flex-shrink-0 items-center justify-start space-x-3 border-t px-4 py-4 text-center no-underline hover:underline",to:"/account",children:[s.imageUrlSmall?e.jsx("img",{alt:s.name??s.email,src:s.imageUrlSmall,className:"h-full rounded-full"}):e.jsx(y,{name:"User",className:"flex-shrink-0",size:"lg"}),t?e.jsx(x.div,{className:"flex items-center whitespace-nowrap",initial:{opacity:0},animate:{opacity:1},children:"Your Account"}):e.jsx("span",{className:"sr-only",children:"Your account"})]})}):null,ENV.EPICSHOP_DEPLOYED?null:s&&o?e.jsx(S,{content:t?null:"Continue to next lesson",children:e.jsxs(h,{to:o,prefetch:"intent",className:m("flex h-14 w-full items-center space-x-3 border-t px-4 py-4 pl-[18px] no-underline hover:underline"),state:{from:"continue next lesson button"},children:[e.jsx(y,{name:"FastForward",className:"flex-shrink-0",size:"md"}),t?e.jsx(x.div,{className:"flex items-center whitespace-nowrap",initial:{opacity:0},animate:{opacity:1},children:"Continue to next lesson"}):e.jsx("span",{className:"sr-only",children:"Continue to next lesson"})]})}):null,e.jsx("div",{className:"mb-4 w-full self-start border-t pl-3 pt-[15px]",children:e.jsx(de,{})})]})})})}function We({title:t,isMenuOpened:n,setMenuOpened:a,menuControls:s}){const o=d.useRef(n),r=d.useRef(null),f={open:{d:"M3.06061 2.99999L21.0606 21"},closed:{d:"M0 9.5L24 9.5"}},c={open:{d:"M3.00006 21.0607L21 3.06064"},moving:{d:"M0 14.5L24 14.5"},closed:{d:"M0 14.5L15 14.5"}},u=Y(),l=Y();async function b(){s?.start(n?"close":"open"),a(!n),n?(u.start(f.closed),await l.start(c.moving),l.start(c.closed)):(await l.start(c.moving),u.start(f.open),l.start(c.open))}return d.useEffect(()=>{if(!n)return;function w(g){g.key==="Escape"&&r.current?.click()}return document.addEventListener("keyup",w),()=>document.removeEventListener("keyup",w)},[n]),e.jsxs("div",{className:p("relative inline-flex h-14 flex-shrink-0 items-center justify-between overflow-hidden border-r sm:w-full sm:border-b sm:border-r-0",{"w-full":n}),children:[e.jsx("button",{ref:r,className:"flex h-14 w-14 items-center justify-center","aria-label":"Open Navigation menu",onClick:b,children:e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",children:[e.jsx(x.path,{...f[o.current?"open":"closed"],animate:u,transition:{duration:.2},stroke:"currentColor",strokeWidth:1.5}),e.jsx(x.path,{...c[o.current?"open":"closed"],animate:l,transition:{duration:.2},stroke:"currentColor",strokeWidth:1.5})]})}),n&&e.jsx(x.p,{transition:{delay:.2},initial:{opacity:0,y:5},animate:{opacity:1,y:0},className:"absolute right-5 whitespace-nowrap font-mono text-sm uppercase",children:e.jsx(h,{to:"/",children:t})})]})}export{Kt as default};
-//# sourceMappingURL=_layout-Tp2XmIFb.js.map
+For more information, see https://radix-ui.com/primitives/docs/components/${n.docsSlug}`;return d.useEffect(()=>{t&&(document.getElementById(t)||console.error(a))},[a,t]),null},bt="DialogDescriptionWarning",jt=({contentRef:t,descriptionId:n})=>{const s=`Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Ee(bt).contentName}}.`;return d.useEffect(()=>{const o=t.current?.getAttribute("aria-describedby");n&&o&&(document.getElementById(n)||console.warn(s))},[s,t,n]),null},vt=ue,wt=pe,yt=xe,ke=ge,Pe=be,Nt=ve,_e=ye,Ct=Ce;const Dt=vt,Et=wt,kt=yt;function Se({className:t,ref:n,...a}){return e.jsx(ke,{ref:n,className:p("fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",t),...a})}Se.displayName=ke.displayName;function Re({className:t,children:n,ref:a,...s}){return e.jsxs(kt,{children:[e.jsx(Se,{}),e.jsxs(Pe,{ref:a,className:p("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full",t),...s,children:[n,e.jsxs(Ct,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",children:[e.jsx(y,{name:"Close"}),e.jsx("span",{className:"sr-only",children:"Close"})]})]})]})}Re.displayName=Pe.displayName;function Ie({className:t,...n}){return e.jsx("div",{className:p("flex flex-col space-y-1.5 text-center sm:text-left",t),...n})}Ie.displayName="DialogHeader";Nt.displayName;function Le({className:t,ref:n,...a}){return e.jsx(_e,{ref:n,className:p("text-sm text-muted-foreground",t),...a})}Le.displayName=_e.displayName;const ne=["opacity-70","opacity-80","opacity-90","opacity-100"],ae=["shadow-[0_0_2px_0_rgba(0,0,0,0.3)]","shadow-[0_0_4px_0_rgba(0,0,0,0.3)]","shadow-[0_0_7px_0_rgba(0,0,0,0.3)]","shadow-[0_0_10px_0_rgba(0,0,0,0.3)]"];function se(t){const n=Math.round(t*ne.length-1),a=Math.round(t*ae.length-1);return p("shadow-purple-700 hover:opacity-100 focus:opacity-100 dark:shadow-purple-200",ne[n]??"opacity-60",ae[a]??"shadow-none",t===1?"animate-pulse hover:animate-none focus:animate-none":null)}function Ae({isMenuOpened:t}){const n=$(),{users:a}=Q(),{product:{displayNameShort:s}}=oe(),o=t?17:0,r=a.length-o,f=r>(t?1:0);if(!a.length)return null;const c=t&&a.length===1?e.jsx(h,{target:"_blank",rel:"noopener noreferrer",to:"https://www.youtube.com/watch?v=w6Q3mHyzn78",children:e.jsx("img",{alt:"Tiffany Tunes",className:p("h-8 w-8 rounded-full border object-cover",se(1)),src:"/img/tiffany.png"})}):null,u=`${r}${t?" more ":" "}${s} Dev${r===1?"":"s"} working now`;return e.jsx("div",{className:"flex flex-wrap items-center gap-2",children:e.jsxs(Ke,{children:[(f?a.slice(0,o):a).map(({user:l,score:b})=>{const w=se(b),g=Pt(l.location),i=l.imageUrlSmall||l.avatarUrl,j=l.hasAccess,_=l.location?.origin?.includes("localhost");let C;return j?C=_?"working":"referencing":C=_?"previewing":"reviewing",e.jsxs(X,{children:[e.jsx(ee,{asChild:!0,children:i?e.jsx("img",{tabIndex:0,alt:l.name||s,className:p("h-8 w-8 rounded-full border object-cover",w),src:i}):e.jsx("div",{tabIndex:0,"aria-label":l.name||`${s} Dev`,className:p("flex h-8 w-8 items-center justify-center rounded-full border",w),children:e.jsx(y,{name:"User"})})}),e.jsx(te,{children:e.jsxs("span",{className:"flex flex-col items-center justify-center gap-1",children:[e.jsxs("span",{children:[l.name||`${s} Dev`," ",g?` is ${C} ${b===1&&n?.id!==l.id?"with you":""} on`:null]}),g?.line1?e.jsx("span",{children:g.line1}):null,g?.line2?e.jsx("span",{children:g.line2}):null]})})]},l.id)}),c,f?e.jsxs(X,{children:[e.jsx(ee,{asChild:!0,children:e.jsx("div",{tabIndex:0,"aria-label":u,className:p("flex items-center justify-center rounded-full border bg-accent text-xs text-accent-foreground",t?"h-8 w-8":"h-6 w-6"),children:e.jsx("span",{className:p("pointer-events-none overflow-hidden text-ellipsis whitespace-nowrap text-center",t?"w-8":"w-6"),children:t?`+${r}`:r})})}),e.jsx(te,{children:u})]}):null]})})}const Te=dt("(min-width: 640px)",!0),Mt=He(function(){const n=z(),a=$(),s=Te(),o=Ve(),[r,f]=d.useState(n.isMenuOpened);Ye({watchPaths:["./exercises/README.mdx"]});function c(u){f(u),document.cookie=`es_menu_open=${u.toString()}; path=/; SameSite=Lax;`}return e.jsxs("div",{className:"flex flex-col",children:[a?null:e.jsx(_t,{}),o&&s?null:e.jsx(St,{isMenuOpened:r,onMenuOpenChange:c}),e.jsxs("div",{className:p("flex flex-grow flex-col sm:flex-row",{"h-[calc(100vh-128px-env(safe-area-inset-top)-env(safe-area-inset-bottom))] sm:h-[calc(100vh-64px-env(safe-area-inset-top)-env(safe-area-inset-bottom))]":!a,"h-[calc(100vh-64px-env(safe-area-inset-top)-env(safe-area-inset-bottom))] sm:h-[calc(100vh-env(safe-area-inset-top)-env(safe-area-inset-bottom))]":a,"h-[unset]":!s&&r}),children:[s?e.jsx(Rt,{isMenuOpened:r,onMenuOpenChange:c}):null,e.jsx("div",{className:p("h-full w-full max-w-full sm:max-w-[calc(100%-56px)]",r?"hidden md:block":""),children:e.jsx(Ue,{})})]})]})});function Pt(t){if(!t)return null;const{exercise:n}=t,a=[n?[n.exerciseNumber,n.stepNumber].filter(Boolean).map(s=>s.toString().padStart(2,"0")).join("/"):null,n?.type].filter(Boolean).join(" - ");return{line1:t.workshopTitle,line2:a}}function _t(){const t=Te(),{product:{host:n,displayName:a}}=oe(),s=tt(),o=e.jsx("div",{children:ENV.EPICSHOP_DEPLOYED?e.jsxs("div",{children:["This is the deployed version. ",e.jsxs(e.Fragment,{children:[e.jsx(h,{className:"underline",target:"_blank",rel:"noopener noreferrer",to:ENV.EPICSHOP_GITHUB_REPO,children:"Run locally"})," for full experience."]})," "]}):s?e.jsxs("div",{children:[e.jsx(h,{to:"/login",className:"underline",children:"Login"})," ","or"," ",e.jsx("a",{href:`https://${n}/login`,className:"underline",children:"join for free"})," ","for the full experience."]}):null});return e.jsx("div",{className:"z-10 flex h-16 items-center justify-between border-b bg-gradient-to-tr from-blue-500 to-indigo-500 pl-4 text-white",children:t?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"hidden flex-1 flex-wrap items-center gap-4 sm:flex",children:[e.jsx(O,{size:"lg",style:"monochrome"}),e.jsxs("div",{className:"flex flex-1 flex-wrap items-center",children:[e.jsxs("p",{className:"mr-2",children:["Welcome to the"," ",e.jsx(h,{to:`https://${n}`,className:"underline",target:"_blank",children:a})," ","Workshop app!"]}),o]})]}),s?null:e.jsxs("div",{className:"hidden h-full flex-col items-center sm:flex md:flex-row",children:[e.jsxs(h,{to:`https://${n}`,target:"_blank",className:"flex h-full items-center justify-center space-x-1.5 px-5 text-sm font-semibold",children:[e.jsxs("span",{className:"drop-shadow-sm",children:["Join ",a]}),e.jsx("span",{children:"↗︎"})]}),e.jsxs(h,{to:ENV.EPICSHOP_DEPLOYED?`https://${n}/login`:"/login",className:"flex h-full items-center justify-center space-x-1.5 bg-white/20 px-5 text-sm font-semibold shadow-md transition hover:bg-white/30",children:[e.jsx(y,{name:"User",size:"lg"}),e.jsx("span",{className:"drop-shadow-sm",children:"Login"})]})]})]}):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex flex-1 flex-wrap items-center gap-4 sm:hidden",children:[e.jsx("a",{href:`https://${n}`,children:e.jsx(O,{size:"lg",style:"monochrome"})}),e.jsxs(Dt,{children:[e.jsx(Et,{children:e.jsx(y,{name:"Question",size:"lg",className:"animate-pulse"})}),e.jsxs(Re,{children:[e.jsxs(Ie,{children:[e.jsx(O,{size:"lg",style:"monochrome"}),e.jsx("span",{className:"text-lg font-semibold",children:a})]}),e.jsxs(Le,{children:["Welcome to the"," ",e.jsx(h,{to:`https://${n}`,className:"underline",children:a})," ","Workshop app!"]}),o]})]})]}),s?null:e.jsxs("div",{className:"flex h-full items-center",children:[e.jsxs(h,{to:`https://${n}`,target:"_blank",className:"flex h-full items-center justify-center space-x-1.5 px-5 text-sm font-semibold",children:[e.jsx("span",{className:"drop-shadow-sm",children:"Join"}),e.jsx("span",{children:"↗︎"})]}),e.jsxs(h,{to:ENV.EPICSHOP_DEPLOYED?`https://${n}/login`:"/login",className:"flex h-full items-center justify-center space-x-1.5 bg-white/20 px-5 text-sm font-semibold shadow-md transition hover:bg-white/30",children:[e.jsx(y,{name:"User",size:"lg"}),e.jsx("span",{className:"drop-shadow-sm",children:"Login"})]})]})]})})}const $e={hidden:{opacity:0,x:-20},visible:{opacity:1,x:0}};function Fe({exerciseNumber:t,children:n}){const a=rt(t);return e.jsx(x.li,{variants:$e,className:p("py-[6px] first:pt-3 last:pb-3",a?`${a} before:border-t`:null),children:e.jsx("span",{className:"inline-block pl-2",children:n})})}function R({children:t,...n}){const a=ot(n);return e.jsx(x.li,{variants:$e,className:p("py-[6px] first:pt-3 last:pb-3",a?`${a} before:border-t`:null),children:e.jsx("span",{className:"inline-block pl-2",children:t})})}function St({isMenuOpened:t,onMenuOpenChange:n}){const a=z(),s=$(),o=ce(),r=re(),f=le(),{users:c}=Q(),u={visible:{opacity:1,transition:{duration:.05,when:"beforeChildren",staggerChildren:.03}},hidden:{opacity:0}};return e.jsx("nav",{className:"flex w-full border-b sm:hidden",children:e.jsx("div",{className:"w-full",children:e.jsxs("div",{className:p("flex items-center",{"flex-col":t,"h-14":!t}),children:[e.jsx(We,{title:a.workshopTitle,isMenuOpened:t,setMenuOpened:n}),t&&e.jsxs(x.div,{className:"flex w-full flex-grow flex-col justify-between overflow-x-auto p-6 scrollbar-thin scrollbar-thumb-scrollbar",initial:{opacity:0},animate:{opacity:1},children:[e.jsxs(x.ul,{variants:u,initial:"hidden",animate:"visible",className:"flex flex-col",children:[e.jsx("span",{children:e.jsx(D,{prefetch:"intent",to:"/",className:({isActive:l})=>m("relative whitespace-nowrap px-2 py-0.5 pr-3 text-2xl font-bold outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":l}),children:"Home"})}),a.exercises.map(({exerciseNumber:l,title:b,steps:w})=>{const g=Number(r.exerciseNumber)===l,i=!g&&a.playground.exerciseNumber===l;return e.jsxs(Fe,{exerciseNumber:l,children:[e.jsxs("span",{className:"flex items-center gap-1 text-2xl font-bold",children:[e.jsx(h,{prefetch:"intent",to:k(l),className:m("relative whitespace-nowrap px-2 py-0.5 pr-3 outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":g}),children:b}),i?e.jsx(h,{to:E(a.playground.exerciseNumber,a.playground.stepNumber,a.playground.type),prefetch:"intent",children:"🛝"}):null]}),g?e.jsxs(x.ul,{variants:u,initial:"hidden",animate:"visible",className:"ml-4 mt-2 flex flex-col",children:[e.jsx(R,{type:"instructions",exerciseNumber:l,children:e.jsx(h,{to:k(l),prefetch:"intent",className:m('relative whitespace-nowrap px-2 py-0.5 pr-3 text-xl font-medium outline-none after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":!r.stepNumber}),children:"Intro"})},l),w.filter(Boolean).map(({stepNumber:j,title:_,problem:C,solution:A})=>e.jsx(R,{type:"step",stepNumber:j,exerciseNumber:l,children:e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsxs(h,{to:E(l,j),prefetch:"intent",className:"font-semibold leading-tight",children:[j.toString().padStart(2,"0"),"."," ",_]}),e.jsxs("div",{className:"ml-3 mt-0.5 flex gap-1",children:[C&&e.jsxs(D,{to:E(l,j,"problem"),prefetch:"intent",className:({isActive:v})=>m("relative whitespace-nowrap px-2 py-0.5 pr-3 outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":v}),children:["Problem",C.name===a.playground.appName?" 🛝":""]}),A&&e.jsxs(D,{to:E(l,j,"solution"),prefetch:"intent",className:({isActive:v})=>m("relative whitespace-nowrap px-2 py-0.5 pr-3 outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":v}),children:["Solution",A.name===a.playground.appName?" 🛝":""]})]})]})},j)),e.jsx(R,{type:"finished",exerciseNumber:l,children:e.jsx(D,{to:k(l,"finished"),prefetch:"intent",className:({isActive:j})=>m('relative whitespace-nowrap px-2 py-0.5 pr-3 text-base font-medium outline-none after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":j}),children:"📝 Elaboration"})})]}):null]},l)})]}),e.jsx("div",{className:"mt-6",children:e.jsx(D,{to:"/finished",className:({isActive:l})=>m("relative whitespace-nowrap text-lg font-bold outline-none hover:underline focus:underline",{'bg-black text-white after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""]':l}),children:"📝 Workshop Feedback"})})]}),e.jsx("div",{className:"flex-grow"}),f?null:e.jsx(S,{content:t?null:"You are offline",children:e.jsx("div",{className:p("flex h-14 animate-pulse items-center justify-start p-4",t?"w-full border-t":"border-l"),children:e.jsx(y,{name:"WifiNoConnection",className:"text-foreground-destructive",children:t?"You are offline":null})})}),e.jsx("div",{className:p("flex items-center justify-start p-4",t&&c.length>4?"min-h-14":"h-14",t?"w-full border-t":"border-l"),children:e.jsx(Ae,{isMenuOpened:t})}),ENV.EPICSHOP_DEPLOYED?null:s?e.jsx(S,{content:t?null:"Your account",children:e.jsxs(h,{className:p("flex h-14 flex-shrink-0 items-center justify-start space-x-3 px-4 py-4 text-center no-underline hover:underline",{"border-l":!t,"w-full border-t":t}),to:"/account",children:[s.imageUrlSmall?e.jsx("img",{alt:s.name??s.email,src:s.imageUrlSmall,className:"h-full rounded-full"}):e.jsx(y,{name:"User",className:"flex-shrink-0",size:"lg"}),t?e.jsx(x.div,{className:"flex items-center whitespace-nowrap",initial:{opacity:0},animate:{opacity:1},children:"Your Account"}):e.jsx("span",{className:"sr-only",children:"Your account"})]})}):null,ENV.EPICSHOP_DEPLOYED?null:s&&o?e.jsx(S,{content:t?null:"Continue to next lesson",children:e.jsxs(h,{to:o,prefetch:"intent",className:m("flex h-14 w-full items-center space-x-3 border-l px-4 py-4 pl-[18px] no-underline hover:underline"),state:{from:"continue next lesson button"},children:[e.jsx(y,{name:"FastForward",className:"flex-shrink-0",size:"md"}),t?e.jsx(x.div,{className:"flex items-center whitespace-nowrap",initial:{opacity:0},animate:{opacity:1},children:"Continue to next lesson"}):e.jsx("span",{className:"sr-only",children:"Continue to next lesson"})]})}):null,e.jsx("div",{className:p("flex h-14 w-14 items-center justify-center self-start p-4 sm:mb-4 sm:w-full",{"w-full border-t":t,"border-l":!t}),children:e.jsx(de,{})})]})})})}const U=400;function Rt({isMenuOpened:t,onMenuOpenChange:n}){const a=z(),s=$(),o=ce(),r=re(),f=le(),{users:c}=Q(),u=a.exercises.find(i=>i.exerciseNumber===Number(r.exerciseNumber)),l=r.type==="solution"?u?.solutions.find(i=>i.stepNumber===Number(r.stepNumber)):r.type==="problem"?u?.problems.find(i=>i.stepNumber===Number(r.stepNumber)):null,b=Y(),w={close:{width:56},open:{width:U}},g={visible:{opacity:1,transition:{duration:.05,when:"beforeChildren",staggerChildren:.03}},hidden:{opacity:0}};return e.jsx("nav",{className:"hidden border-r sm:flex",children:e.jsx(x.div,{initial:t?"open":"close",variants:w,animate:b,children:e.jsxs("div",{className:"flex h-full flex-col items-center justify-between",children:[e.jsx(We,{title:a.workshopTitle,menuControls:b,isMenuOpened:t,setMenuOpened:n}),t&&e.jsxs(x.div,{style:{width:U},className:"flex flex-grow flex-col justify-between overflow-y-auto p-6 scrollbar-thin scrollbar-thumb-scrollbar",initial:{opacity:0},animate:{opacity:1},children:[e.jsxs(x.ul,{variants:g,initial:"hidden",animate:"visible",className:"flex flex-col",children:[e.jsx("span",{children:e.jsx(D,{prefetch:"intent",to:"/",className:({isActive:i})=>m("relative whitespace-nowrap px-2 py-0.5 pr-3 text-2xl font-bold outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":i}),children:"Home"})}),a.exercises.map(({exerciseNumber:i,title:j,steps:_})=>{const C=Number(r.exerciseNumber)===i,A=!C&&a.playground.exerciseNumber===i;return e.jsxs(Fe,{exerciseNumber:i,children:[e.jsxs("span",{className:"flex items-center gap-1 text-2xl font-bold",children:[e.jsx(h,{prefetch:"intent",to:k(i),className:m("relative whitespace-nowrap px-2 py-0.5 pr-3 outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":C}),children:j}),A?e.jsx(h,{to:E(a.playground.exerciseNumber,a.playground.stepNumber,a.playground.type),prefetch:"intent",children:"🛝"}):null]}),C?e.jsxs(x.ul,{variants:g,initial:"hidden",animate:"visible",className:"ml-4 mt-2 flex flex-col",children:[e.jsx(R,{type:"instructions",exerciseNumber:i,children:e.jsx(h,{to:k(i),prefetch:"intent",className:m('relative whitespace-nowrap px-2 py-0.5 pr-3 text-xl font-medium outline-none after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":!r.stepNumber}),children:"Intro"})},i),_.filter(Boolean).map(({stepNumber:v,title:Oe,problem:q,solution:Z})=>e.jsx(R,{type:"step",stepNumber:v,exerciseNumber:i,children:e.jsxs("div",{className:"flex flex-col gap-0.5",children:[e.jsxs(h,{to:E(i,v),prefetch:"intent",className:"font-semibold leading-tight",children:[v.toString().padStart(2,"0"),"."," ",Oe]}),e.jsxs("div",{className:"ml-3 mt-0.5 flex gap-1",children:[q&&e.jsxs(D,{to:E(i,v,"problem"),prefetch:"intent",className:({isActive:W})=>m("relative whitespace-nowrap px-2 py-0.5 pr-3 outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":W}),children:["Problem",q.name===a.playground.appName?" 🛝":""]}),Z&&e.jsxs(D,{to:E(i,v,"solution"),prefetch:"intent",className:({isActive:W})=>m("relative whitespace-nowrap px-2 py-0.5 pr-3 outline-none hover:underline focus:underline",'after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":W}),children:["Solution",Z.name===a.playground.appName?" 🛝":""]})]})]})},v)),e.jsx(R,{type:"finished",exerciseNumber:i,children:e.jsx(D,{to:k(i,"finished"),prefetch:"intent",className:({isActive:v})=>m('relative whitespace-nowrap px-2 py-0.5 pr-3 text-base font-medium outline-none after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""] hover:underline focus:underline',{"bg-foreground text-background":v}),children:"📝 Elaboration"})})]}):null]},i)})]}),e.jsx("div",{className:"mt-6",children:e.jsx(D,{to:"/finished",className:({isActive:i})=>m("relative whitespace-nowrap text-lg font-bold outline-none hover:underline focus:underline",{'bg-black text-white after:absolute after:-bottom-2.5 after:-right-2.5 after:h-5 after:w-5 after:rotate-45 after:scale-75 after:bg-background after:content-[""]':i}),children:"📝 Workshop Feedback"})})]}),!t&&e.jsx("div",{className:"flex flex-grow flex-col justify-center",children:e.jsxs("div",{className:"orientation-sideways w-full font-mono text-sm font-medium uppercase leading-none",children:[u?.title?e.jsx(h,{to:k(Number(r.exerciseNumber)),children:u.title}):null,u?.title&&l?.title?" — ":null,l?.title?e.jsx(h,{to:E(Number(r.exerciseNumber),l.stepNumber),children:l.title}):null]})}),f?null:e.jsx(S,{content:t?null:"You are offline",children:e.jsx("div",{className:p("flex w-full animate-pulse items-center border-t p-4",t?"justify-start":"justify-center"),children:e.jsx(y,{name:"WifiNoConnection",className:"text-foreground-destructive",children:t?e.jsx("span",{className:"whitespace-nowrap",children:"You are offline"}):null})})}),e.jsx("div",{className:p("flex w-full items-center justify-start border-t p-4 transition-[height]",t&&c.length>4?"h-28":"h-14"),style:t?{width:U}:{},children:e.jsx(Ae,{isMenuOpened:t})}),ENV.EPICSHOP_DEPLOYED?null:s?e.jsx(S,{content:t?null:"Your account",children:e.jsxs(h,{className:"flex h-14 w-full flex-shrink-0 items-center justify-start space-x-3 border-t px-4 py-4 text-center no-underline hover:underline",to:"/account",children:[s.imageUrlSmall?e.jsx("img",{alt:s.name??s.email,src:s.imageUrlSmall,className:"h-full rounded-full"}):e.jsx(y,{name:"User",className:"flex-shrink-0",size:"lg"}),t?e.jsx(x.div,{className:"flex items-center whitespace-nowrap",initial:{opacity:0},animate:{opacity:1},children:"Your Account"}):e.jsx("span",{className:"sr-only",children:"Your account"})]})}):null,ENV.EPICSHOP_DEPLOYED?null:s&&o?e.jsx(S,{content:t?null:"Continue to next lesson",children:e.jsxs(h,{to:o,prefetch:"intent",className:m("flex h-14 w-full items-center space-x-3 border-t px-4 py-4 pl-[18px] no-underline hover:underline"),state:{from:"continue next lesson button"},children:[e.jsx(y,{name:"FastForward",className:"flex-shrink-0",size:"md"}),t?e.jsx(x.div,{className:"flex items-center whitespace-nowrap",initial:{opacity:0},animate:{opacity:1},children:"Continue to next lesson"}):e.jsx("span",{className:"sr-only",children:"Continue to next lesson"})]})}):null,e.jsx("div",{className:"mb-4 w-full self-start border-t pl-3 pt-[15px]",children:e.jsx(de,{})})]})})})}function We({title:t,isMenuOpened:n,setMenuOpened:a,menuControls:s}){const o=d.useRef(n),r=d.useRef(null),f={open:{d:"M3.06061 2.99999L21.0606 21"},closed:{d:"M0 9.5L24 9.5"}},c={open:{d:"M3.00006 21.0607L21 3.06064"},moving:{d:"M0 14.5L24 14.5"},closed:{d:"M0 14.5L15 14.5"}},u=Y(),l=Y();async function b(){s?.start(n?"close":"open"),a(!n),n?(u.start(f.closed),await l.start(c.moving),l.start(c.closed)):(await l.start(c.moving),u.start(f.open),l.start(c.open))}return d.useEffect(()=>{if(!n)return;function w(g){g.key==="Escape"&&r.current?.click()}return document.addEventListener("keyup",w),()=>document.removeEventListener("keyup",w)},[n]),e.jsxs("div",{className:p("relative inline-flex h-14 flex-shrink-0 items-center justify-between overflow-hidden border-r sm:w-full sm:border-b sm:border-r-0",{"w-full":n}),children:[e.jsx("button",{ref:r,className:"flex h-14 w-14 items-center justify-center","aria-label":"Open Navigation menu",onClick:b,children:e.jsxs("svg",{width:"24",height:"24",viewBox:"0 0 24 24",children:[e.jsx(x.path,{...f[o.current?"open":"closed"],animate:u,transition:{duration:.2},stroke:"currentColor",strokeWidth:1.5}),e.jsx(x.path,{...c[o.current?"open":"closed"],animate:l,transition:{duration:.2},stroke:"currentColor",strokeWidth:1.5})]})}),n&&e.jsx(x.p,{transition:{delay:.2},initial:{opacity:0,y:5},animate:{opacity:1,y:0},className:"absolute right-5 whitespace-nowrap font-mono text-sm uppercase",children:e.jsx(h,{to:"/",children:t})})]})}export{Mt as default};
+//# sourceMappingURL=_layout-ePpFHa-S.js.map