@storybook/addon-onboarding 0.0.14 → 0.0.15--canary.01b729f.0

package/dist/manager.mjs

@@ -1,14 +1,15 @@
-import n, { lazy, Suspense, useState, useCallback, useEffect } from 'react';
-import go from 'react-confetti';
+import e, { lazy, Suspense, useState, useCallback, useEffect, useMemo, forwardRef } from 'react';
+import vo from 'react-confetti';
 import { ThemeProvider, ensure, themes, styled, keyframes, css } from '@storybook/theming';
-import Yo, { createPortal } from 'react-dom';
-import Po, { STATUS } from 'react-joyride';
+import he, { createPortal } from 'react-dom';
+import Wo, { STATUS } from 'react-joyride';
 import { CURRENT_STORY_WAS_SET, STORY_CHANGED, STORY_ARGS_UPDATED } from '@storybook/core-events';
-import * as d from '@radix-ui/react-dialog';
-import { Icons } from '@storybook/components';
+import * as g from '@radix-ui/react-dialog';
+import { Icons, SyntaxHighlighter } from '@storybook/components';
+import { motion } from 'framer-motion';
 import { addons } from '@storybook/manager-api';
 
-var mo=Object.defineProperty;var p=(o,t)=>()=>(o&&(t=o(o=0)),t);var uo=(o,t)=>{for(var e in t)mo(o,e,{get:t[e],enumerable:!0});};function z({targetSelector:o}){return useEffect(()=>{let t=document.querySelector(o);if(t){t.style.animation="pulsate 3s infinite",t.style.transformOrigin="center",t.style.animationTimingFunction="ease-in-out";let e=`
+var Co=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var So=(t,o)=>{for(var n in o)Co(t,n,{get:o[n],enumerable:!0});};function U({targetSelector:t}){return useEffect(()=>{let o=document.querySelector(t);if(o){o.style.animation="pulsate 3s infinite",o.style.transformOrigin="center",o.style.animationTimingFunction="ease-in-out";let n=`
         @keyframes pulsate {
           0% {
             box-shadow: 0 0 0 0 rgba(2, 156, 253, 0.7), 0 0 0 0 rgba(2, 156, 253, 0.4);
@@ -20,25 +21,25 @@ var mo=Object.defineProperty;var p=(o,t)=>()=>(o&&(t=o(o=0)),t);var uo=(o,t)=>{f
             box-shadow: 0 0 0 0 rgba(2, 156, 253, 0), 0 0 0 0 rgba(2, 156, 253, 0);
           }
         }
-      `,r=document.createElement("style");r.id="sb-onboarding-pulsating-effect",r.innerHTML=e,document.head.appendChild(r);}return ()=>{document.querySelector("#sb-onboarding-pulsating-effect")?.remove();}},[o]),null}var j=p(()=>{});function b({top:o=0,left:t=0,width:e=window.innerWidth,height:r=window.innerHeight,...l}){let[i]=useState(()=>{let a=document.createElement("div");return a.setAttribute("id","confetti-container"),a.setAttribute("style","position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999;"),a});return useEffect(()=>(document.body.appendChild(i),()=>{document.body.removeChild(i);}),[]),createPortal(n.createElement(Co,{top:o,left:t,width:e,height:r},n.createElement(go,{...l})),i)}var Co,v=p(()=>{Co=styled.div(({width:o,height:t,left:e,top:r})=>({width:`${o}px`,height:`${t}px`,left:`${e}px`,top:`${r}px`,position:"relative",overflow:"hidden"}));});var $,U,_,G=p(()=>{$=styled.div`
+      `,r=document.createElement("style");r.id="sb-onboarding-pulsating-effect",r.innerHTML=n,document.head.appendChild(r);}return ()=>{document.querySelector("#sb-onboarding-pulsating-effect")?.remove();}},[t]),null}var q=a(()=>{});function B({top:t=0,left:o=0,width:n=window.innerWidth,height:r=window.innerHeight,...s}){let[i]=useState(()=>{let p=document.createElement("div");return p.setAttribute("id","confetti-container"),p.setAttribute("style","position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999;"),p});return useEffect(()=>(document.body.appendChild(i),()=>{document.body.removeChild(i);}),[]),createPortal(e.createElement(To,{top:t,left:o,width:n,height:r},e.createElement(vo,{...s})),i)}var To,M=a(()=>{To=styled.div(({width:t,height:o,left:n,top:r})=>({width:`${t}px`,height:`${o}px`,left:`${n}px`,top:`${r}px`,position:"relative",overflow:"hidden"}));});var V,K,R,tt=a(()=>{V=styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-`,U=styled.strong`
+`,K=styled.strong`
   font-size: 13px;
-`,_=styled.p`
+`,R=styled.p`
   font-size: 13px;
   text-align: start;
   color: #798186;
   margin: 0;
   margin-top: 4px;
-`;});function c({prefix:o,title:t,body:e}){return n.createElement($,null,o,n.createElement(U,null,t),n.createElement(_,null,e))}var K=p(()=>{G();});function h(o){let t={...O,...o.style||{}};return n.createElement("button",{type:"button",...o,style:t})}var O,x=p(()=>{O={border:0,cursor:"pointer",fontSize:13,lineHeight:1,padding:"9px 12px",backgroundColor:"#029CFD",borderRadius:4,color:"#fff",fontWeight:700};});function V({api:o,isFinalStep:t,onFirstTourDone:e}){let[r,l]=useState();return useEffect(()=>{o.on(STORY_ARGS_UPDATED,()=>{E=E+1,E===2&&l(3);});},[]),n.createElement(Po,{steps:t?[{target:"#configure-your-project--docs",content:n.createElement(c,{title:"Continue setting up your project",body:"You nailed the basics. Now get started writing stories for your own components."}),placement:"right",disableOverlay:!0,disableBeacon:!0,styles:{buttonNext:{display:"none"}},floaterProps:{disableAnimation:!0}}]:[{target:"#storybook-explorer-tree > div",content:n.createElement(c,{title:"Storybook is built from stories",body:"Storybook uses stories to represent the key states supported by each of your components. For example: this Button component has four stories."}),placement:"right",disableBeacon:!0,styles:{spotlight:{transform:"translateY(30px)"}},floaterProps:{disableAnimation:!0}},{target:"#storybook-preview-iframe",content:n.createElement(c,{title:"Storybook previews are interactive",body:"Whenever you modify code or stories, Storybook automatically updates how it previews your components."}),placement:"bottom"},{target:"#root div[role=main]",content:n.createElement(n.Fragment,null,n.createElement(c,{title:"Interactive story playground",body:n.createElement(n.Fragment,null,"See how a story renders with different data and state without touching code.",n.createElement("br",null),"Try it out by pressing this button.")}),n.createElement(z,{targetSelector:"#control-primary"})),placement:"right",spotlightClicks:!0,floaterProps:{target:"#control-primary"},styles:{buttonNext:{display:"none"}}},{target:"#control-primary",content:n.createElement(n.Fragment,null,n.createElement(b,{numberOfPieces:100}),n.createElement(c,{title:"Congratulations!",body:"You've learned how to control your stories interactively. Now: let's explore how to write your first story."})),placement:"right",disableOverlay:!0,locale:{last:"Next"}}],continuous:!0,stepIndex:r,spotlightPadding:0,hideBackButton:!0,disableCloseOnEsc:!0,disableOverlayClose:!0,disableScrolling:!0,hideCloseButton:!0,callback:a=>{!t&&a.status===STATUS.FINISHED&&e();},floaterProps:{styles:{floater:{padding:0,paddingLeft:8,paddingTop:8,filter:"drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))"}}},styles:{spotlight:{border:"solid 2px #004c7c"},tooltip:{maxWidth:260,borderRadius:4,padding:15},overlay:{backgroundColor:"rgba(0, 0, 0, 0.48)"},buttonNext:{...O,marginTop:5},tooltipContent:{paddingTop:4,padding:0},options:{zIndex:1e4,primaryColor:"#029CFD"}}})}var E,q=p(()=>{j();v();K();x();E=0;});var J,Wo,X,Q=p(()=>{J=styled(d.Overlay)`
+`;});function v({prefix:t,title:o,body:n}){return e.createElement(V,null,t,e.createElement(K,null,o),e.createElement(R,null,n))}var ot=a(()=>{tt();});function y(t){let o={...N,...t.style||{}};return e.createElement("button",{type:"button",...t,style:o})}var N,D=a(()=>{N={border:0,cursor:"pointer",fontSize:13,lineHeight:1,padding:"9px 12px",backgroundColor:"#029CFD",borderRadius:4,color:"#fff",fontWeight:700};});function et({api:t,isFinalStep:o,onFirstTourDone:n}){let[r,s]=useState();return useEffect(()=>{t.on(STORY_ARGS_UPDATED,()=>{j=j+1,j===2&&s(3);});},[]),e.createElement(Wo,{steps:o?[{target:"#configure-your-project--docs",content:e.createElement(v,{title:"Continue setting up your project",body:"You nailed the basics. Now get started writing stories for your own components."}),placement:"right",disableOverlay:!0,disableBeacon:!0,styles:{buttonNext:{display:"none"}},floaterProps:{disableAnimation:!0}}]:[{target:"#storybook-explorer-tree > div",content:e.createElement(v,{title:"Storybook is built from stories",body:"Storybook uses stories to represent the key states supported by each of your components. For example: this Button component has four stories."}),placement:"right",disableBeacon:!0,styles:{spotlight:{transform:"translateY(30px)"}},floaterProps:{disableAnimation:!0}},{target:"#storybook-preview-iframe",content:e.createElement(v,{title:"Storybook previews are interactive",body:"Whenever you modify code or stories, Storybook automatically updates how it previews your components."}),placement:"bottom"},{target:"#root div[role=main]",content:e.createElement(e.Fragment,null,e.createElement(v,{title:"Interactive story playground",body:e.createElement(e.Fragment,null,"See how a story renders with different data and state without touching code.",e.createElement("br",null),"Try it out by pressing this button.")}),e.createElement(U,{targetSelector:"#control-primary"})),placement:"right",spotlightClicks:!0,floaterProps:{target:"#control-primary"},styles:{buttonNext:{display:"none"}}},{target:"#control-primary",content:e.createElement(e.Fragment,null,e.createElement(B,{numberOfPieces:100}),e.createElement(v,{title:"Congratulations!",body:"You've learned how to control your stories interactively. Now: let's explore how to write your first story."})),placement:"right",disableOverlay:!0,locale:{last:"Next"}}],continuous:!0,stepIndex:r,spotlightPadding:0,hideBackButton:!0,disableCloseOnEsc:!0,disableOverlayClose:!0,disableScrolling:!0,hideCloseButton:!0,callback:p=>{!o&&p.status===STATUS.FINISHED&&n();},floaterProps:{styles:{floater:{padding:0,paddingLeft:8,paddingTop:8,filter:"drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))"}}},styles:{spotlight:{border:"solid 2px #004c7c"},tooltip:{maxWidth:260,borderRadius:4,padding:15},overlay:{backgroundColor:"rgba(0, 0, 0, 0.48)"},buttonNext:{...N,marginTop:5},tooltipContent:{paddingTop:4,padding:0},options:{zIndex:1e4,primaryColor:"#029CFD"}}})}var j,rt=a(()=>{q();M();ot();D();j=0;});var it,Ao,st,at=a(()=>{it=styled(g.Overlay)`
   background-color: rgba(27, 28, 29, 0.48);
   position: fixed;
   inset: 0px;
   width: 100%;
   height: 100%;
-`,Wo=styled.div(({width:o,height:t})=>css`
+`,Ao=styled.div(({width:t,height:o})=>css`
     background-color: white;
     border-radius: 6px;
     box-shadow: rgba(14, 18, 22, 0.35) 0px 10px 38px -10px;
@@ -46,22 +47,23 @@ var mo=Object.defineProperty;var p=(o,t)=>()=>(o&&(t=o(o=0)),t);var uo=(o,t)=>{f
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    width: ${o??740}px;
-    height: ${t?`${t}px`:"auto"};
+    width: ${t??740}px;
+    height: ${o?`${o}px`:"auto"};
     max-width: calc(100% - 40px);
     max-height: 85vh;
-  `),X=n.forwardRef(({width:o,height:t,children:e,...r},l)=>n.createElement(d.Content,{ref:l,asChild:!0,...r},n.createElement(Wo,{width:o,height:t},e)));});function w({children:o,width:t,height:e,onEscapeKeyDown:r,onInteractOutside:l=a=>a.preventDefault(),...i}){return n.createElement(d.Root,{...i},n.createElement(d.Portal,null,n.createElement(J,null),n.createElement(X,{width:t,height:e,onInteractOutside:l,onEscapeKeyDown:r},o({Title:d.Title,Description:d.Description,Close:d.Close}))))}var B=p(()=>{Q();});function k(){return n.createElement("svg",{width:"32px",height:"40px",viewBox:"0 0 256 319",preserveAspectRatio:"xMidYMid"},n.createElement("defs",null,n.createElement("path",{d:"M9.87245893,293.324145 L0.0114611411,30.5732167 C-0.314208957,21.8955842 6.33948896,14.5413918 15.0063196,13.9997149 L238.494389,0.0317105427 C247.316188,-0.519651867 254.914637,6.18486163 255.466,15.0066607 C255.486773,15.339032 255.497167,15.6719708 255.497167,16.0049907 L255.497167,302.318596 C255.497167,311.157608 248.331732,318.323043 239.492719,318.323043 C239.253266,318.323043 239.013844,318.317669 238.774632,318.306926 L25.1475605,308.712253 C16.8276309,308.338578 10.1847994,301.646603 9.87245893,293.324145 L9.87245893,293.324145 Z",id:"path-1"})),n.createElement("g",null,n.createElement("mask",{id:"mask-2",fill:"white"},n.createElement("use",{xlinkHref:"#path-1"})),n.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#path-1"}),n.createElement("path",{d:"M188.665358,39.126973 L190.191903,2.41148534 L220.883535,0 L222.205755,37.8634126 C222.251771,39.1811466 221.22084,40.2866846 219.903106,40.3327009 C219.338869,40.3524045 218.785907,40.1715096 218.342409,39.8221376 L206.506729,30.4984116 L192.493574,41.1282444 C191.443077,41.9251106 189.945493,41.7195021 189.148627,40.6690048 C188.813185,40.2267976 188.6423,39.6815326 188.665358,39.126973 Z M149.413703,119.980309 C149.413703,126.206975 191.355678,123.222696 196.986019,118.848893 C196.986019,76.4467826 174.234041,54.1651411 132.57133,54.1651411 C90.9086182,54.1651411 67.5656805,76.7934542 67.5656805,110.735941 C67.5656805,169.85244 147.345341,170.983856 147.345341,203.229219 C147.345341,212.280549 142.913138,217.654777 133.162291,217.654777 C120.456641,217.654777 115.433477,211.165914 116.024438,189.103298 C116.024438,184.317101 67.5656805,182.824962 66.0882793,189.103298 C62.3262146,242.56887 95.6363019,257.990394 133.753251,257.990394 C170.688279,257.990394 199.645341,238.303123 199.645341,202.663511 C199.645341,139.304202 118.683759,141.001326 118.683759,109.604526 C118.683759,96.8760922 128.139127,95.178968 133.753251,95.178968 C139.662855,95.178968 150.300143,96.2205679 149.413703,119.980309 Z",fill:"#FFFFFF",fillRule:"nonzero",mask:"url(#mask-2)"})))}var I=p(()=>{});var R,oo,Mo,P,to,eo,N=p(()=>{R=styled.h1`
+    overflow: hidden;
+  `),st=e.forwardRef(({width:t,height:o,children:n,...r},s)=>e.createElement(g.Content,{ref:s,asChild:!0,...r},e.createElement(Ao,{width:t,height:o},n)));});function L({children:t,width:o,height:n,onEscapeKeyDown:r,onInteractOutside:s=p=>p.preventDefault(),...i}){return e.createElement(g.Root,{...i},e.createElement(g.Portal,null,e.createElement(it,null),e.createElement(st,{width:o,height:n,onInteractOutside:s,onEscapeKeyDown:r},t({Title:g.Title,Description:g.Description,Close:g.Close}))))}var H=a(()=>{at();});function pt(){return e.createElement("svg",{width:"32px",height:"40px",viewBox:"0 0 256 319",preserveAspectRatio:"xMidYMid"},e.createElement("defs",null,e.createElement("path",{d:"M9.87245893,293.324145 L0.0114611411,30.5732167 C-0.314208957,21.8955842 6.33948896,14.5413918 15.0063196,13.9997149 L238.494389,0.0317105427 C247.316188,-0.519651867 254.914637,6.18486163 255.466,15.0066607 C255.486773,15.339032 255.497167,15.6719708 255.497167,16.0049907 L255.497167,302.318596 C255.497167,311.157608 248.331732,318.323043 239.492719,318.323043 C239.253266,318.323043 239.013844,318.317669 238.774632,318.306926 L25.1475605,308.712253 C16.8276309,308.338578 10.1847994,301.646603 9.87245893,293.324145 L9.87245893,293.324145 Z",id:"path-1"})),e.createElement("g",null,e.createElement("mask",{id:"mask-2",fill:"white"},e.createElement("use",{xlinkHref:"#path-1"})),e.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#path-1"}),e.createElement("path",{d:"M188.665358,39.126973 L190.191903,2.41148534 L220.883535,0 L222.205755,37.8634126 C222.251771,39.1811466 221.22084,40.2866846 219.903106,40.3327009 C219.338869,40.3524045 218.785907,40.1715096 218.342409,39.8221376 L206.506729,30.4984116 L192.493574,41.1282444 C191.443077,41.9251106 189.945493,41.7195021 189.148627,40.6690048 C188.813185,40.2267976 188.6423,39.6815326 188.665358,39.126973 Z M149.413703,119.980309 C149.413703,126.206975 191.355678,123.222696 196.986019,118.848893 C196.986019,76.4467826 174.234041,54.1651411 132.57133,54.1651411 C90.9086182,54.1651411 67.5656805,76.7934542 67.5656805,110.735941 C67.5656805,169.85244 147.345341,170.983856 147.345341,203.229219 C147.345341,212.280549 142.913138,217.654777 133.162291,217.654777 C120.456641,217.654777 115.433477,211.165914 116.024438,189.103298 C116.024438,184.317101 67.5656805,182.824962 66.0882793,189.103298 C62.3262146,242.56887 95.6363019,257.990394 133.753251,257.990394 C170.688279,257.990394 199.645341,238.303123 199.645341,202.663511 C199.645341,139.304202 118.683759,141.001326 118.683759,109.604526 C118.683759,96.8760922 128.139127,95.178968 133.753251,95.178968 C139.662855,95.178968 150.300143,96.2205679 149.413703,119.980309 Z",fill:"#FFFFFF",fillRule:"nonzero",mask:"url(#mask-2)"})))}var lt=a(()=>{});var _o,dt,mt,ct,ft,ut,gt=a(()=>{styled.h1`
   color: #2e3438;
   font-weight: 700;
   font-size: 20px;
   line-height: 20px;
-`,oo=styled.p`
+`,styled.p`
   text-align: center;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   color: #454e54;
-`,Mo=keyframes`
+`,_o=keyframes`
   0% {
     background-position: 0% 50%;
   }
@@ -71,7 +73,7 @@ var mo=Object.defineProperty;var p=(o,t)=>()=>(o&&(t=o(o=0)),t);var uo=(o,t)=>{f
   100% {
     background-position: 0% 50%;
   }
-`,P=styled.div`
+`,dt=styled.div`
   background: radial-gradient(
         circle at left,
         #ffccd2,
@@ -112,17 +114,17 @@ var mo=Object.defineProperty;var p=(o,t)=>()=>(o&&(t=o(o=0)),t);var uo=(o,t)=>{f
     );
   background-size: 300% 300%;
   background-repeat: no-repeat;
-  animation: ${Mo} 10s linear infinite;
+  animation: ${_o} 10s linear infinite;
   border-radius: 5px;
   display: flex;
   flex-direction: column;
   align-items: center;
   padding-top: 100px;
   padding-bottom: 20px;
-`,to=styled(Icons)`
+`,mt=styled(Icons)`
   margin-left: 2px;
   height: 10px;
-`,eo=styled.button`
+`,ct=styled.button`
   all: unset;
   margin-top: 90px;
   cursor: pointer;
@@ -131,6 +133,159 @@ var mo=Object.defineProperty;var p=(o,t)=>()=>(o&&(t=o(o=0)),t);var uo=(o,t)=>{f
   :focus-visible {
     outline: auto;
   }
-`;});var ro,no=p(()=>{x();B();I();N();ro=({onSkip:o,onProceed:t})=>n.createElement(w,{width:540,defaultOpen:!0},({Close:e})=>n.createElement(P,{"data-chromatic":"ignore"},n.createElement(k,null),n.createElement(R,{style:{marginTop:20}},"Welcome to Storybook"),n.createElement(oo,null,"Storybook helps you develop UI components.",n.createElement("br",null),"Learn the basics in a few simple steps."),n.createElement(h,{style:{marginTop:4},onClick:t},"Start your 3 minute tour"),n.createElement(e,{asChild:!0},n.createElement(eo,{onClick:o},"Skip tour",n.createElement(to,{icon:"arrowright"})))));});function io({onFinish:o}){return n.createElement(w,{width:540,defaultOpen:!0},({Title:t,Description:e})=>n.createElement(P,{"data-chromatic":"ignore"},n.createElement(k,null),n.createElement(t,{style:{marginTop:20}},"Create your first story (WORK IN PROGRESS)"),n.createElement(e,null,"Now it's your turn. ",n.createElement("br",null),"See how easy it is to create your first story by following these steps below."),n.createElement(h,{style:{marginTop:4},onClick:o},"Go to story")))}var so=p(()=>{x();B();I();N();});var lo={};uo(lo,{default:()=>ao});function ao({api:o}){let[t,e]=useState(!0),[r,l]=useState(!1),[i,a]=useState("1:Welcome"),Y=useCallback(()=>{let s=new URL(window.location.href);s.searchParams.delete("onboarding");let T=decodeURIComponent(s.searchParams.get("path"));s.search=`?path=${T}`,history.replaceState({},"",s.href),e(!1);},[e]);return useEffect(()=>{let s;return i==="4:VisitNewStory"&&(s=window.setTimeout(()=>{l(!0),a("5:ConfigureYourProject");},2e3)),()=>{clearTimeout(s);}},[i]),useEffect(()=>{o.once(CURRENT_STORY_WAS_SET,({storyId:s})=>{s!=="example-button--primary"&&o.selectStory("example-button--primary",void 0,{ref:void 0}),o.togglePanel(!0),o.togglePanelPosition("bottom"),o.setSelectedPanel("addon-controls");});},[]),useEffect(()=>{let s=T=>{T==="configure-your-project--docs"&&Y();};return o.on(STORY_CHANGED,s),()=>{o.off(STORY_CHANGED,s);}},[]),t?n.createElement(ThemeProvider,{theme:Fo},r&&n.createElement(b,{numberOfPieces:1e3,initialVelocityY:3,recycle:!1,onConfettiComplete:s=>{s.reset(),l(!1);}}),i==="1:Welcome"&&n.createElement(ro,{onProceed:()=>{a("2:StorybookTour");},onSkip:Y}),(i==="2:StorybookTour"||i==="5:ConfigureYourProject")&&n.createElement(V,{api:o,isFinalStep:i==="5:ConfigureYourProject",onFirstTourDone:()=>{a("3:WriteYourStory");}}),i==="3:WriteYourStory"&&n.createElement(io,{onFinish:()=>{a("4:VisitNewStory");}})):null}var Fo,fo=p(()=>{q();no();so();v();Fo=ensure(themes.light);});var $o=lazy(()=>Promise.resolve().then(()=>(fo(),lo)));addons.register("@storybook/addon-onboarding",async o=>{if(!o.getUrlState().queryParams.onboarding)return;let e=!1;try{e=!!(await(await fetch("./index.json")).json()).entries["example-button--primary"];}catch{}if(e){let r=document.createElement("div");r.id="addon-onboarding",document.body.appendChild(r),Yo.render(n.createElement(Suspense,{fallback:n.createElement("div",null,"Loading...")},n.createElement($o,{api:o})),r);}});
+`,ft=styled.h2`
+  color: #000;
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 20px;
+`,ut=styled.p`
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  color: #454e54;
+`;});var yt,ht=a(()=>{D();H();lt();gt();yt=({onSkip:t,onProceed:o})=>e.createElement(L,{width:540,defaultOpen:!0},({Close:n,Title:r,Description:s})=>e.createElement(dt,{"data-chromatic":"ignore"},e.createElement(pt,null),e.createElement(r,{asChild:!0},e.createElement(ft,{style:{marginTop:20}},"Welcome to Storybook")),e.createElement(s,{asChild:!0},e.createElement(ut,null,"Storybook helps you develop UI components.",e.createElement("br",null),"Learn the basics in a few simple steps.")),e.createElement(y,{style:{marginTop:4},onClick:o},"Start your 3 minute tour"),e.createElement(n,{asChild:!0},e.createElement(ct,{onClick:t},"Skip tour",e.createElement(mt,{icon:"arrowright"})))));});var bt,xt,Ct,St,wt,O,vt=a(()=>{bt=styled.div`
+  display: flex;
+  flex-direction: row;
+  max-height: 85vh;
+`,xt=styled.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  font-family: ${({theme:t})=>t.typography.fonts.base};
+`,Ct=styled.div`
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: ${({theme:t})=>t.color.darkest};
+  padding: 1em;
+  border-bottom: 1px solid ${({theme:t})=>t.appBorderColor};
+
+  h2 {
+    margin: 0;
+    padding: 0;
+    display: flex;
+    align-items: center;
+    font-size: 13px;
+    font-weight: bold;
+  }
+
+  svg {
+    margin-right: 0.5em;
+  }
+`,St=styled.div`
+  font-size: 13px;
+  padding: 1em;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+  justify-content: space-between;
+  color: #454e54;
+
+  h3 {
+    font-size: 13px;
+    font-weight: bold;
+    padding: 0;
+    margin: 0;
+  }
+`,styled.div`
+  display: flex;
+  flex-direction: column;
+`,wt=styled.span`
+  color: ${({theme:t})=>t.color.secondary};
+  display: inline-block;
+  border-radius: 4px;
+  padding: 0.2em 0.4em;
+  opacity: 0.8;
+  background-color: ${({theme:t})=>t.color.secondary}20;
+  font-weight: bold;
+`,O=styled.img`
+  max-width: 100%;
+  margin-top: 1em;
+`;});var Pt,Bt,Dt,Tt=a(()=>{Pt=styled(motion.div)`
+  position: relative;
+  z-index: 2;
+`,Bt=styled.div`
+  position: relative;
+  box-sizing: border-box;
+  background: #171c23;
+  width: ${({width:t})=>t};
+  height: 100%;
+  overflow: hidden;
+  padding-left: 15px;
+  padding-right: 15px;
+  padding-top: 6px;
+
+  && {
+    pre {
+      background: transparent !important;
+      margin: 0 !important;
+      padding: 0 !important;
+    }
+  }
+`,Dt=styled(motion.div)`
+  background: #143046;
+  position: absolute;
+  z-index: 1;
+  left: 0;
+  width: 100%;
+  height: 200px;
+`;});var It,Lt=a(()=>{It=styled(motion.div)`
+  position: relative;
+  padding-top: 12px;
+  padding-bottom: 12px;
+`;});var Jo,Ot,Wt=a(()=>{Lt();Jo={default:{filter:"grayscale(1)",opacity:.5},active:{filter:"grayscale(0)",opacity:1}},Ot=forwardRef(({active:t,contents:o,open:n},r)=>e.createElement(ThemeProvider,{theme:ensure(themes.dark)},e.createElement(It,{ref:r,initial:"default",animate:t?"active":"default","aria-hidden":!t,variants:Jo,transition:{ease:"easeInOut",duration:.6}},o.map(({toggle:s,content:i},p)=>e.createElement(e.Fragment,null,s===void 0&&e.createElement(SyntaxHighlighter,{key:p,language:"javascript",customStyle:{fontSize:"0.8rem"}},i),s&&!n&&e.createElement(SyntaxHighlighter,{key:p,language:"javascript",customStyle:{fontSize:"0.8rem"}},"  // ..."),s&&n&&e.createElement(motion.div,{key:p,initial:{opacity:0},animate:{opacity:1},transition:{delay:.4}},e.createElement(SyntaxHighlighter,{language:"javascript",customStyle:{fontSize:"0.8rem"},codeTagProps:{style:{paddingLeft:"15px"}}},i)))))));});var Y,zt,Mt=a(()=>{Tt();Wt();Y=49,zt=({activeStep:t,contents:o,width:n})=>{let[r,s]=e.useState([]),i=useMemo(()=>o.map(()=>e.createRef()),[o]),p=l=>{let d=0;for(let c=0;c<l;c++)d-=i[c].current.getBoundingClientRect().height;return d},f=useCallback(()=>{let l=o.flatMap((d,c)=>{let P=i[c].current.getBoundingClientRect().height,w=[{yPos:p(c)+Y-7,height:P,index:c,open:!1}];return d.length>1&&w.push({yPos:p(c)+Y-7,height:P,index:c,open:!0}),w});s(l);},[o]);return useEffect(()=>{let l=new ResizeObserver(()=>{f();});return i.forEach(d=>{l.observe(d.current);}),()=>{l.disconnect();}},[]),e.createElement(e.Fragment,null,e.createElement(Bt,{width:n},e.createElement(Pt,{animate:{y:r[t]?.yPos??0},transition:{ease:"easeInOut",duration:.6}},o.map((l,d)=>e.createElement(Ot,{key:d,ref:i[d],active:r[t]?.index===d,open:r[t]?.index>d?!0:r[t]?.open??!1,contents:l}))),e.createElement(Dt,{animate:{height:r[t]?.height??0},transition:{ease:"easeInOut",duration:.6},style:{top:Y},className:"syntax-highlighter-backdrop"})))};});var Et,At=a(()=>{Et=styled.ul(()=>({display:"flex",flexDirection:"column",rowGap:16,padding:0,margin:0}));});var Nt,jt=a(()=>{At();Nt=({children:t})=>e.createElement(Et,null,t);});var _t,Ht,Gt,Ft=a(()=>{_t=styled.li(()=>({display:"flex",alignItems:"flex-start",columnGap:12})),Ht=styled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,color:t.color.darker,fontSize:"13px"})),Gt=styled.div(({isCompleted:t,theme:o})=>({display:"flex",alignItems:"center",justifyContent:"center",border:!t&&`1px solid ${o.color.medium}`,minWidth:20,width:20,height:20,borderRadius:"50%",backgroundColor:t?o.color.green:"white",fontFamily:o.typography.fonts.base,fontSize:10,fontWeight:600,color:o.color.dark}));});var z,Yt=a(()=>{Ft();z=({children:t,index:o,isCompleted:n})=>e.createElement(_t,null,e.createElement(Gt,{"aria-label":n?"complete":"not complete",isCompleted:n},n?e.createElement(Icons,{width:10,height:10,icon:"check",color:"white"}):o),e.createElement(Ht,null,t));});function Qt(){let[t,o]=useState(null);return useEffect(()=>{(async()=>{try{let i=(await(await fetch("/index.json")).json()).entries["example-button--primary"].importPath;o({data:i,error:null});}catch(r){console.log({e:r}),o({data:null,error:r});}})();},[]),t}var $t=a(()=>{});var Xt,Jt=a(()=>{Xt=t=>{let[o,n]=useState(null);return useEffect(()=>{let r=!1,s=async()=>{try{let f=await(await fetch("/index.json")).json();if(!r){let l=!!f.entries["example-button--warning"];n(l);}}catch(p){console.error(p);}},i=setInterval(()=>{r?clearInterval(i):t&&s();},1e3);return ()=>{clearInterval(i),r=!0;}},[t]),o};});var Ut,qt=a(()=>{Ut=(t,o)=>{let[n,r]=useState(null),s=document.querySelector(`.${t}`);return useEffect(()=>{if(o){let i=new ResizeObserver(()=>{s&&r({top:s.offsetTop,left:s.offsetLeft,height:s.offsetHeight,width:s.offsetWidth});});return i.observe(s),()=>{i.disconnect();}}},[t,o]),n};});var Vt,Zt=a(()=>{Vt="data:image/png;base64,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";});var Rt,Kt=a(()=>{Rt="data:image/png;base64,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";});var oo,to=a(()=>{oo="data:image/png;base64,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";});var eo,ro=a(()=>{eo=[[{content:"// Button.stories.jsx"}],[{content:"import { Button } from './Button';"}],[{content:`const meta = {
+      title: 'Example/Button',
+      component: Button,
+      // ...
+    };
+        
+    export default meta;`}],[{content:"export const Primary = {"},{content:`args: {
+        primary: true,
+        label: 'Click',
+        background: 'red'
+      }`,toggle:!0},{content:"};"}],[{content:`// Copy the code below
+export const Warning = {
+  args: {
+    backgroundColor: 'red',
+    label: 'Delete now'
+  }
+};`}]];});var no,io=a(()=>{no=[[{content:"// Button.stories.tsx"}],[{content:`import type { Meta, StoryObj } from '@storybook/react';
+    
+    import { Button } from './Button';`}],[{content:`const meta: Meta<typeof Button> = {
+      title: 'Example/Button',
+      component: Button,
+      // ...
+    };
+        
+    export default meta;`}],[{content:"export const Primary: Story = {"},{content:`args: {
+        primary: true,
+        label: 'Click',
+        background: 'red'
+      }`,toggle:!0},{content:"};"}],[{content:`// Copy the code below
+export const Warning: Story = {
+  args: {
+    backgroundColor: 'red',
+    label: 'Delete now'
+  }
+};`}]];});var so,ao=a(()=>{so=[[{content:"// Button.stories.tsx"}],[{content:`import type { Meta, StoryObj } from '@storybook/nextjs';
+    
+    import { Button } from './Button';`}],[{content:`const meta: Meta<typeof Button> = {
+      title: 'Example/Button',
+      component: Button,
+      // ...
+    };
+        
+    export default meta;`}],[{content:"export const Primary: Story = {"},{content:`args: {
+        primary: true,
+        label: 'Click',
+        background: 'red'
+      }`,toggle:!0},{content:"};"}],[{content:`// Copy the code below
+export const Warning: Story = {
+  args: {
+      backgroundColor: 'red',
+      label: 'Delete now'
+  }
+};`}]];});function po(){let[t,o]=useState(null);return useEffect(()=>{(async()=>{try{let i=(await(await fetch("/project.json")).json()).framework.name;o(i);}catch(r){console.log({e:r}),o(null);}})();},[]),t}var lo=a(()=>{});function co({onFinish:t}){let[o,n]=e.useState("imports"),[r,s]=e.useState(!1),i=Qt(),p=Xt(o==="customStory"),f=Ut("syntax-highlighter-backdrop",o==="customStory"),l=po(),c=i?.data?.endsWith(".jsx")?eo:l==="@storybook/nextjs"?so:no,P=()=>{let w=c[4][0].content;navigator.clipboard.writeText(w),s(!0);};return e.createElement(L,{width:738,defaultOpen:!0},({Title:w,Description:bo,Close:xo})=>e.createElement(bt,null,e.createElement("div",{style:{maxHeight:"450px"}},c?e.createElement(zt,{activeStep:o==="imports"?1:o==="meta"?2:o==="story"?3:o==="args"?4:o==="customStory"?5:1,contents:c,width:"445px"}):e.createElement("div",null,"loading..."),f&&!p&&e.createElement(y,{onClick:()=>{P();},style:{position:"absolute",top:f.top+f.height-45,left:f.left+f.width-(r?115:100),zIndex:1e3}},r?e.createElement(e.Fragment,null,"Code copied "):"Copy code")),e.createElement(xt,null,e.createElement(Ct,null,e.createElement(w,null,e.createElement(Icons,{icon:"bookmarkhollow"})," ",e.createElement("span",null,"How to write a story")),e.createElement(xo,{asChild:!0},e.createElement(Icons,{style:{cursor:"pointer"},icon:"closeAlt"}))),e.createElement(bo,{asChild:!0},e.createElement(St,null,o==="imports"&&e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement("h3",null,"Imports"),e.createElement("p",null,"First, import Meta and StoryObj for type safety and autocompletion in TypeScript stories."),e.createElement("p",null,"Next, import a component. In this case, the Button component.")),e.createElement(y,{style:{marginTop:4},onClick:()=>{n("meta");}},"Next")),o==="meta"&&e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement("h3",null,"Meta"),e.createElement("p",null,"The default export, Meta, contains metadata about this component's stories. The title field controls where stories appear in the sidebar."),e.createElement(O,{width:"204",src:Vt})),e.createElement(y,{style:{marginTop:4},onClick:()=>{n("story");}},"Next")),o==="story"&&e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement("h3",null,"Story"),e.createElement("p",null,"Each named export is a story. Its contents specify how the story is rendered in addition to other configuration options."),e.createElement(O,{width:"190",src:Rt})),e.createElement(y,{style:{marginTop:4},onClick:()=>{n("args");}},"Next")),o==="args"&&e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement("h3",null,"Args"),e.createElement("p",null,"Args are inputs that are passed to the component, which Storybook uses to render the component in different states. In React, args = props. They also specify the initial control settings for the story."),e.createElement(O,{width:"253",src:oo})),e.createElement(y,{style:{marginTop:4},onClick:()=>{n("customStory");}},"Next")),o==="customStory"&&(i.data?e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement("h3",null,"Create your first story"),e.createElement("p",null,"Now it's your turn. See how easy it is to create your first story by following these steps below."),e.createElement(Nt,null,e.createElement(z,{isCompleted:r,index:1},"Copy the Warning story"),e.createElement(z,{isCompleted:p,index:2},"Open"," ",e.createElement(wt,null,i.data)," in your current working directory"),e.createElement(z,{isCompleted:p,index:3},"Paste it at the bottom of the file"))),p?e.createElement(y,{onClick:()=>{t();}},"Go to story"):null):i.error?"An error occured :(":null))))))}var fo=a(()=>{D();H();vt();Mt();jt();Yt();$t();Jt();qt();Zt();Kt();to();ro();io();ao();lo();});var yo={};So(yo,{default:()=>go});function go({api:t}){let[o,n]=useState(!0),[r,s]=useState(!1),[i,p]=useState("1:Welcome"),f=useCallback(()=>{let l=new URL(window.location.href);l.searchParams.delete("onboarding");let d=decodeURIComponent(l.searchParams.get("path"));l.search=`?path=${d}`,history.replaceState({},"",l.href),n(!1);},[n]);return useEffect(()=>{let l;return i==="4:VisitNewStory"&&(l=window.setTimeout(()=>{s(!0),p("5:ConfigureYourProject");},2e3)),()=>{clearTimeout(l);}},[i]),useEffect(()=>{t.once(CURRENT_STORY_WAS_SET,({storyId:l})=>{l!=="example-button--primary"&&t.selectStory("example-button--primary",void 0,{ref:void 0}),t.togglePanel(!0),t.togglePanelPosition("bottom"),t.setSelectedPanel("addon-controls");});},[]),useEffect(()=>{let l=d=>{d==="configure-your-project--docs"&&f();};return t.on(STORY_CHANGED,l),()=>{t.off(STORY_CHANGED,l);}},[]),o?e.createElement(ThemeProvider,{theme:ye},r&&e.createElement(B,{numberOfPieces:1e3,initialVelocityY:3,recycle:!1,onConfettiComplete:l=>{l.reset(),s(!1);}}),i==="1:Welcome"&&e.createElement(yt,{onProceed:()=>{p("2:StorybookTour");},onSkip:f}),(i==="2:StorybookTour"||i==="5:ConfigureYourProject")&&e.createElement(et,{api:t,isFinalStep:i==="5:ConfigureYourProject",onFirstTourDone:()=>{p("3:WriteYourStory");}}),i==="3:WriteYourStory"&&e.createElement(co,{onFinish:()=>{t.selectStory("example-button--warning"),p("4:VisitNewStory");}})):null}var ye,ho=a(()=>{rt();ht();fo();M();ye=ensure(themes.light);});var Se=lazy(()=>Promise.resolve().then(()=>(ho(),yo)));addons.register("@storybook/addon-onboarding",async t=>{if(!t.getUrlState().queryParams.onboarding)return;let n=!1;try{n=!!(await(await fetch("./index.json")).json()).entries["example-button--primary"];}catch{}if(n){let r=document.createElement("div");r.id="addon-onboarding",document.body.appendChild(r),he.render(e.createElement(Suspense,{fallback:e.createElement("div",null,"Loading...")},e.createElement(Se,{api:t})),r);}});
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=manager.mjs.map