@storybook/addon-onboarding 0.0.17 → 0.0.18--canary.33.91552f5.0

package/dist/manager.mjs

@@ -1,14 +1,16 @@
-import p, { lazy, Suspense, useState, useCallback, useEffect } from 'react';
-import ft from 'react-confetti';
+import e, { lazy, Suspense, useState, useCallback, useEffect, forwardRef, useMemo, Fragment } from 'react';
+import Eo from 'react-confetti';
 import { ThemeProvider, ensure, themes, styled, keyframes, css } from '@storybook/theming';
-import _t, { createPortal } from 'react-dom';
-import Wt, { 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 Ee, { createPortal } from 'react-dom';
+import Ho, { STATUS } from 'react-joyride';
+import { CURRENT_STORY_WAS_SET, STORY_CHANGED, STORY_ARGS_UPDATED, STORY_INDEX_INVALIDATED, STORY_RENDERED } from '@storybook/core-events';
+import * as g from '@radix-ui/react-dialog';
+import { Icons, SyntaxHighlighter } from '@storybook/components';
+import { motion } from 'framer-motion';
+import Pe from 'react-use-measure';
 import { addons } from '@storybook/manager-api';
 
-var mt=Object.defineProperty;var l=(t,o)=>()=>(t&&(o=t(t=0)),o);var ut=(t,o)=>{for(var e in o)mt(t,e,{get:o[e],enumerable:!0});};function z({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 e=`
+var Bo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Wo=(t,o)=>{for(var n in o)Bo(t,n,{get:o[n],enumerable:!0});};function K({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,61 +22,25 @@ var mt=Object.defineProperty;var l=(t,o)=>()=>(t&&(o=t(t=0)),o);var ut=(t,o)=>{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 ()=>{let e=document.querySelector("#sb-onboarding-pulsating-effect");e&&e.remove(),o&&(o.style.animation="auto");}},[t]),null}var A=l(()=>{});function b({top:t=0,left:o=0,width:e=window.innerWidth,height:r=window.innerHeight,...n}){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(p.createElement(bt,{top:t,left:o,width:e,height:r},p.createElement(ft,{...n})),i)}var bt,D=l(()=>{bt=styled.div(({width:t,height:o,left:e,top:r})=>({width:`${t}px`,height:`${o}px`,left:`${e}px`,top:`${r}px`,position:"relative",overflow:"hidden"}));});var St,g,C=l(()=>{St=styled.button`
-  all: unset;
-  border: 0;
-  border-radius: 0.25rem;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 0.75rem;
-  background: ${({theme:t})=>t.color.secondary};
-  color: ${({theme:t})=>t.color.lightest};
-  height: 32px;
-  font-size: 0.8125rem;
-  font-weight: 700;
-  font-family: ${({theme:t})=>t.typography.fonts.base};
-  transition: all 0.16s ease-in-out;
-  text-decoration: none;
-
-  &:hover {
-    background-color: #0b94eb;
-  }
-
-  &:focus {
-    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
-  }
-`,g=({children:t,onClick:o,...e})=>p.createElement(St,{onClick:o,...e},t);});var kt,Tt,vt,Pt,Dt,Y,j=l(()=>{C();kt=styled.div`
-  background: #fff;
-  width: 260px;
-  padding: 15px;
-  border-radius: 5px;
-`,Tt=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 D({top:t=0,left:o=0,width:n=window.innerWidth,height:r=window.innerHeight,...i}){let[s]=useState(()=>{let l=document.createElement("div");return l.setAttribute("id","confetti-container"),l.setAttribute("style","position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999;"),l});return useEffect(()=>(document.body.appendChild(s),()=>{document.body.removeChild(s);}),[]),createPortal(e.createElement(Ao,{top:t,left:o,width:n,height:r},e.createElement(Eo,{...i})),s)}var Ao,O=a(()=>{Ao=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 R,tt,ot,et=a(()=>{R=styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-`,vt=styled.div`
+`,tt=styled.strong`
   font-size: 13px;
-  font-weight: 700;
-  color: ${({theme:t})=>t.color.darkest};
-`,Pt=styled.p`
+`,ot=styled.p`
   font-size: 13px;
   text-align: start;
-  color: ${({theme:t})=>t.color.mediumdark};
+  color: #798186;
   margin: 0;
-  margin-top: 5px;
-`,Dt=styled.div`
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 15px;
-`,Y=({step:t,primaryProps:o,tooltipProps:e})=>p.createElement(kt,{...e},p.createElement(Tt,null,t.title&&p.createElement(vt,null,t.title),p.createElement(Pt,null,t.content)),!t.hideNextButton&&p.createElement(Dt,{id:"buttonNext"},p.createElement(g,{...o},"Next")));});function H({api:t,isFinalStep:o,onFirstTourDone:e}){let[r,n]=useState();return useEffect(()=>{t.once(STORY_ARGS_UPDATED,()=>{n(3);});},[]),p.createElement(Wt,{steps:o?[{target:"#configure-your-project--docs",title:"Continue setting up your project",content:"You nailed the basics. Now get started writing stories for your own components.",placement:"right",disableOverlay:!0,disableBeacon:!0,floaterProps:{disableAnimation:!0},hideNextButton:!0}]:[{target:"#storybook-explorer-tree > div",title:"Storybook is built from stories",content:"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",title:"Storybook previews are interactive",content:"Whenever you modify code or stories, Storybook automatically updates how it previews your components.",placement:"bottom"},{target:"#root div[role=main]",title:"Interactive story playground",content:p.createElement(p.Fragment,null,"See how a story renders with different data and state without touching code.",p.createElement("br",null),p.createElement("br",null),"Try it out by pressing this button.",p.createElement(z,{targetSelector:"#control-primary"})),placement:"right",spotlightClicks:!0,floaterProps:{target:"#control-primary"},hideNextButton:!0},{target:"#control-primary",title:"Congratulations!",content:p.createElement(p.Fragment,null,"You've learned how to control your stories interactively. Now: let's explore how to write your first story.",p.createElement(b,{numberOfPieces:100})),placement:"right",disableOverlay:!0}],continuous:!0,stepIndex:r,spotlightPadding:0,hideBackButton:!0,disableCloseOnEsc:!0,disableOverlayClose:!0,disableScrolling:!0,hideCloseButton:!0,callback:a=>{!o&&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))"}}},tooltipComponent:Y,styles:{spotlight:{border:"solid 2px #004c7c"},overlay:{backgroundColor:"rgba(0, 0, 0, 0.48)"},options:{zIndex:1e4,primaryColor:"#029CFD"}}})}var G=l(()=>{A();D();j();});var _,Ft,K,V=l(()=>{_=styled(d.Overlay)`
+  margin-top: 4px;
+`;});function v({prefix:t,title:o,body:n}){return e.createElement(R,null,t,e.createElement(tt,null,o),e.createElement(ot,null,n))}var rt=a(()=>{et();});var _,y,L=a(()=>{_={border:0,cursor:"pointer",fontSize:13,lineHeight:1,padding:"9px 12px",backgroundColor:"#029CFD",borderRadius:4,color:"#fff",fontWeight:700},y=forwardRef((t,o)=>{let n={..._,...t.style||{}};return e.createElement("button",{ref:o,type:"button",...t,style:n})});});function nt({api:t,isFinalStep:o,onFirstTourDone:n}){let[r,i]=useState();return useEffect(()=>{t.once(STORY_ARGS_UPDATED,()=>{i(3);});},[]),e.createElement(Ho,{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(K,{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(D,{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:l=>{!o&&l.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:{..._,marginTop:5},tooltipContent:{paddingTop:4,padding:0},options:{zIndex:1e4,primaryColor:"#029CFD"}}})}var it=a(()=>{q();O();rt();L();});var at,Qo,pt,lt=a(()=>{at=styled(g.Overlay)`
   background-color: rgba(27, 28, 29, 0.48);
   position: fixed;
   inset: 0px;
   width: 100%;
   height: 100%;
-`,Ft=styled.div(({width:t,height:o})=>css`
+`,Qo=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;
@@ -86,20 +52,21 @@ var mt=Object.defineProperty;var l=(t,o)=>()=>(t&&(o=t(t=0)),o);var ut=(t,o)=>{f
     height: ${o?`${o}px`:"auto"};
     max-width: calc(100% - 40px);
     max-height: 85vh;
-  `),K=p.forwardRef(({width:t,height:o,children:e,...r},n)=>p.createElement(d.Content,{ref:n,asChild:!0,...r},p.createElement(Ft,{width:t,height:o},e)));});function k({children:t,width:o,height:e,onEscapeKeyDown:r,onInteractOutside:n=a=>a.preventDefault(),...i}){return p.createElement(d.Root,{...i},p.createElement(d.Portal,null,p.createElement(_,null),p.createElement(K,{width:o,height:e,onInteractOutside:n,onEscapeKeyDown:r},t({Title:d.Title,Description:d.Description,Close:d.Close}))))}var M=l(()=>{V();});function T(){return p.createElement("svg",{width:"32px",height:"40px",viewBox:"0 0 256 319",preserveAspectRatio:"xMidYMid"},p.createElement("defs",null,p.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"})),p.createElement("g",null,p.createElement("mask",{id:"mask-2",fill:"white"},p.createElement("use",{xlinkHref:"#path-1"})),p.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#path-1"}),p.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 W=l(()=>{});var v,q,Z,J,Q,X,R,It,tt,zt,ot,At,et,O=l(()=>{v=styled.div`
+    overflow: hidden;
+  `),pt=e.forwardRef(({width:t,height:o,children:n,...r},i)=>e.createElement(g.Content,{ref:i,asChild:!0,...r},e.createElement(Qo,{width:t,height:o},n)));});function B({children:t,width:o,height:n,onEscapeKeyDown:r,onInteractOutside:i=l=>l.preventDefault(),...s}){return e.createElement(g.Root,{...s},e.createElement(g.Portal,null,e.createElement(at,null),e.createElement(pt,{width:o,height:n,onInteractOutside:i,onEscapeKeyDown:r},t({Title:g.Title,Description:g.Description,Close:g.Close}))))}var Y=a(()=>{lt();});function dt(){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 mt=a(()=>{});var ct,ut,ft,gt,yt,ht,xt,Xo,bt,Ko,St,qo,Ct,wt=a(()=>{ct=styled.div`
   border-radius: 5px;
   display: flex;
   flex-direction: column;
   align-items: center;
   height: 100%;
   justify-content: space-between;
-`,q=styled.div`
+`,ut=styled.div`
   display: flex;
   flex: 1;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,Z=styled.h1`
+`,ft=styled.h1`
   margin: 0;
   margin-top: 20px;
   margin-bottom: 5px;
@@ -107,7 +74,7 @@ var mt=Object.defineProperty;var l=(t,o)=>()=>(t&&(o=t(t=0)),o);var ut=(t,o)=>{f
   font-weight: ${({theme:t})=>t.typography.weight.bold};
   font-size: ${({theme:t})=>t.typography.size.m1}px;
   line-height: ${({theme:t})=>t.typography.size.m3}px;
-`,J=styled.p`
+`,gt=styled.p`
   margin: 0;
   margin-bottom: 20px;
   max-width: 320px;
@@ -116,7 +83,7 @@ var mt=Object.defineProperty;var l=(t,o)=>()=>(t&&(o=t(t=0)),o);var ut=(t,o)=>{f
   font-weight: ${({theme:t})=>t.typography.weight.regular};
   line-height: ${({theme:t})=>t.typography.size.m1}px;
   color: ${({theme:t})=>t.color.darker};
-`,Q=styled.button`
+`,yt=styled.button`
   all: unset;
   cursor: pointer;
   font-size: 13px;
@@ -126,10 +93,10 @@ var mt=Object.defineProperty;var l=(t,o)=>()=>(t&&(o=t(t=0)),o);var ut=(t,o)=>{f
   &:focus-visible {
     outline: auto;
   }
-`,X=styled(Icons)`
+`,ht=styled(Icons)`
   margin-left: 2px;
   height: 10px;
-`,R=styled.div`
+`,xt=styled.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -137,11 +104,11 @@ var mt=Object.defineProperty;var l=(t,o)=>()=>(t&&(o=t(t=0)),o);var ut=(t,o)=>{f
   height: 100%;
   z-index: -1;
   overflow: hidden;
-`,It=keyframes`
+`,Xo=keyframes`
   0% { transform: translate(0px, 0px) }
   50% { transform: translate(-200px, 0px) }
   100% { transform: translate(0px, 0px) }
-`,tt=styled.div`
+`,bt=styled.div`
   position: absolute;
   width: 1200px;
   height: 1200px;
@@ -152,14 +119,14 @@ var mt=Object.defineProperty;var l=(t,o)=>()=>(t&&(o=t(t=0)),o);var ut=(t,o)=>{f
     rgba(253, 255, 147, 1) 0%,
     rgba(253, 255, 147, 0) 70%
   );
-  animation: ${It} 4s linear infinite;
+  animation: ${Xo} 4s linear infinite;
   animation-timing-function: ease-in-out;
   z-index: 3;
-`,zt=keyframes`
+`,Ko=keyframes`
   0% { transform: translate(0px, 0px) }
   50% { transform: translate(400px, 0px) }
   100% { transform: translate(0px, 0px) }
-`,ot=styled.div`
+`,St=styled.div`
   position: absolute;
   width: 1200px;
   height: 1200px;
@@ -170,14 +137,14 @@ var mt=Object.defineProperty;var l=(t,o)=>()=>(t&&(o=t(t=0)),o);var ut=(t,o)=>{f
     rgba(255, 119, 119, 1) 0%,
     rgba(255, 119, 119, 0) 70%
   );
-  animation: ${zt} 6s linear infinite;
+  animation: ${Ko} 6s linear infinite;
   animation-timing-function: ease-in-out;
   z-index: 2;
-`,At=keyframes`
+`,qo=keyframes`
   0% { transform: translate(600px, -40px) }
   50% { transform: translate(600px, -200px) }
   100% { transform: translate(600px, -40px) }
-`,et=styled.div`
+`,Ct=styled.div`
   position: absolute;
   width: 1200px;
   height: 1200px;
@@ -188,9 +155,165 @@ var mt=Object.defineProperty;var l=(t,o)=>()=>(t&&(o=t(t=0)),o);var ut=(t,o)=>{f
     rgba(119, 255, 247, 0.8) 0%,
     rgba(119, 255, 247, 0) 70%
   );
-  animation: ${At} 4s linear infinite;
+  animation: ${qo} 4s linear infinite;
   animation-timing-function: ease-in-out;
   z-index: 4;
-`;});var rt,nt=l(()=>{C();M();W();O();rt=({onSkip:t,onProceed:o})=>p.createElement(k,{width:540,height:430,defaultOpen:!0},({Close:e})=>p.createElement(v,{"data-chromatic":"ignore"},p.createElement(q,null,p.createElement(T,null),p.createElement(Z,null,"Welcome to Storybook"),p.createElement(J,null,"Storybook helps you develop UI components. Learn the basics in a few simple steps."),p.createElement(g,{style:{marginTop:4},onClick:o},"Start your 3 minute tour")),p.createElement(e,{asChild:!0},p.createElement(Q,{onClick:t},"Skip tour",p.createElement(X,{icon:"arrowright"}))),p.createElement(R,null,p.createElement(tt,null),p.createElement(ot,null),p.createElement(et,null))));});function it({onFinish:t}){return p.createElement(k,{width:540,defaultOpen:!0},({Title:o,Description:e})=>p.createElement(v,{"data-chromatic":"ignore"},p.createElement(T,null),p.createElement(o,{style:{marginTop:20}},"Create your first story (WORK IN PROGRESS)"),p.createElement(e,null,"Now it's your turn. ",p.createElement("br",null),"See how easy it is to create your first story by following these steps below."),p.createElement(g,{style:{marginTop:4},onClick:t},"Go to story")))}var st=l(()=>{C();M();W();O();});var lt={};ut(lt,{default:()=>at});function at({api:t}){let[o,e]=useState(!0),[r,n]=useState(!1),[i,a]=useState("1:Welcome"),I=useCallback(()=>{let s=new URL(window.location.href);s.searchParams.delete("onboarding");let P=decodeURIComponent(s.searchParams.get("path"));s.search=`?path=${P}`,history.replaceState({},"",s.href),e(!1);},[e]);return useEffect(()=>{let s;return i==="4:VisitNewStory"&&(s=window.setTimeout(()=>{n(!0),a("5:ConfigureYourProject");},2e3)),()=>{clearTimeout(s);}},[i]),useEffect(()=>{t.once(CURRENT_STORY_WAS_SET,({storyId:s})=>{t.setQueryParams({onboarding:"true"}),s!=="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 s=P=>{P==="configure-your-project--docs"&&I();};return t.on(STORY_CHANGED,s),()=>{t.off(STORY_CHANGED,s);}},[]),o?p.createElement(ThemeProvider,{theme:Ut},r&&p.createElement(b,{numberOfPieces:1e3,initialVelocityY:3,recycle:!1,onConfettiComplete:s=>{s.reset(),n(!1);}}),i==="1:Welcome"&&p.createElement(rt,{onProceed:()=>{a("2:StorybookTour");},onSkip:I}),(i==="2:StorybookTour"||i==="5:ConfigureYourProject")&&p.createElement(H,{api:t,isFinalStep:i==="5:ConfigureYourProject",onFirstTourDone:()=>{a("3:WriteYourStory");}}),i==="3:WriteYourStory"&&p.createElement(it,{onFinish:()=>{a("4:VisitNewStory");}})):null}var Ut,dt=l(()=>{G();nt();st();D();Ut=ensure(themes.light);});var Zt=lazy(()=>Promise.resolve().then(()=>(dt(),lt)));addons.register("@storybook/addon-onboarding",async t=>{let o=t.getUrlState();if(!(o.path==="/onboarding"||o.queryParams.onboarding==="true"))return;let r=!1;try{r=!!(await(await fetch("./index.json")).json()).entries["example-button--primary"];}catch{}if(r){let n=document.createElement("div");n.id="addon-onboarding",document.body.appendChild(n),_t.render(p.createElement(Suspense,{fallback:p.createElement("div",null,"Loading...")},p.createElement(Zt,{api:t})),n);}});
+`,styled.h2`
+  color: #000;
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 20px;
+`,styled.p`
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  color: #454e54;
+`;});var vt,kt=a(()=>{L();Y();mt();wt();vt=({onSkip:t,onProceed:o})=>e.createElement(B,{width:540,height:430,defaultOpen:!0},({Close:n})=>e.createElement(ct,{"data-chromatic":"ignore"},e.createElement(ut,null,e.createElement(dt,null),e.createElement(ft,null,"Welcome to Storybook"),e.createElement(gt,null,"Storybook helps you develop UI components. 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(yt,{onClick:t},"Skip tour",e.createElement(ht,{icon:"arrowright"}))),e.createElement(xt,null,e.createElement(bt,null),e.createElement(St,null),e.createElement(Ct,null))));});var Pt,Dt,Lt,Tt,zt,W,Bt=a(()=>{Pt=styled.div`
+  display: flex;
+  flex-direction: row;
+  max-height: 85vh;
+`,Dt=styled.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  font-family: ${({theme:t})=>t.typography.fonts.base};
+`,Lt=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;
+  }
+`,Tt=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;
+`,zt=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;
+`,W=styled.img`
+  max-width: 100%;
+  margin-top: 1em;
+`;});var It,Et,Nt,Mt=a(()=>{It=styled(motion.div)`
+  position: relative;
+  z-index: 2;
+`,Et=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;
+    }
+  }
+`,Nt=styled(motion.div)`
+  background: #143046;
+  position: absolute;
+  z-index: 1;
+  left: 0;
+  width: 100%;
+  height: 200px;
+`;});var Ot,jt=a(()=>{Ot=styled(motion.div)`
+  position: relative;
+  padding-top: 12px;
+  padding-bottom: 12px;
+`;});var se,At,_t=a(()=>{jt();se={default:{filter:"grayscale(1)",opacity:.5},active:{filter:"grayscale(0)",opacity:1}},At=forwardRef(({active:t,contents:o,open:n},r)=>e.createElement(ThemeProvider,{theme:ensure(themes.dark)},e.createElement(Ot,{ref:r,initial:"default",animate:t?"active":"default","aria-hidden":!t,variants:se,transition:{ease:"easeInOut",duration:.6}},o.map(({toggle:i,content:s},l)=>e.createElement(Fragment,{key:l},i===void 0&&e.createElement(SyntaxHighlighter,{language:"javascript",customStyle:{fontSize:"0.8rem"}},s),i&&!n&&e.createElement(SyntaxHighlighter,{language:"javascript",customStyle:{fontSize:"0.8rem"}},"  // ..."),i&&n&&e.createElement(motion.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.4}},e.createElement(SyntaxHighlighter,{language:"javascript",customStyle:{fontSize:"0.8rem"},codeTagProps:{style:{paddingLeft:"15px"}}},s)))))));});var U,Gt,Yt=a(()=>{Mt();_t();U=49,Gt=({activeStep:t,contents:o,width:n})=>{let[r,i]=e.useState([]),s=useMemo(()=>o.map(()=>e.createRef()),[o]),l=p=>{let d=0;for(let m=0;m<p;m++)d-=s[m].current.getBoundingClientRect().height;return d},w=useCallback(()=>{let p=o.flatMap((d,m)=>{let h=s[m].current.getBoundingClientRect().height,k=[{yPos:l(m)+U-7,height:h,index:m,open:!1}];return d.length>1&&k.push({yPos:l(m)+U-7,height:h,index:m,open:!0}),k});i(p);},[o]);return useEffect(()=>{let p=new ResizeObserver(()=>{w();});return s.forEach(d=>{p.observe(d.current);}),()=>{p.disconnect();}},[]),e.createElement(e.Fragment,null,e.createElement(Et,{width:n},e.createElement(It,{animate:{y:r[t]?.yPos??0},transition:{ease:"easeInOut",duration:.6}},o.map((p,d)=>e.createElement(At,{key:d,ref:s[d],active:r[t]?.index===d,open:r[t]?.index>d?!0:r[t]?.open??!1,contents:p}))),e.createElement(Nt,{animate:{height:r[t]?.height??0},transition:{ease:"easeInOut",duration:.6},style:{top:U},className:"syntax-highlighter-backdrop"})))};});var $t,Ht=a(()=>{$t=styled.ul(()=>({display:"flex",flexDirection:"column",rowGap:16,padding:0,margin:0}));});var Ft,Ut=a(()=>{Ht();Ft=({children:t})=>e.createElement($t,null,t);});var Vt,Qt,Zt,Xt=a(()=>{Vt=styled.li(()=>({display:"flex",alignItems:"flex-start",columnGap:12})),Qt=styled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,color:t.color.darker,fontSize:"13px"})),Zt=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 E,Kt=a(()=>{Xt();E=({children:t,index:o,isCompleted:n})=>e.createElement(Vt,null,e.createElement(Zt,{"aria-label":n?"complete":"not complete",isCompleted:n},n?e.createElement(Icons,{width:10,height:10,icon:"check",color:"white"}):o),e.createElement(Qt,null,t));});function qt(){let[t,o]=useState(null);return useEffect(()=>{(async()=>{try{let s=(await(await fetch("/index.json")).json()).entries["example-button--primary"].importPath;o({data:s,error:null});}catch(r){console.log({e:r}),o({data:null,error:r});}})();},[]),t}var Jt=a(()=>{});var to,oo=a(()=>{to=(t,o,n)=>{let[r,i]=useState(null);return useEffect(()=>{if(t){let s=()=>{n.getChannel().once(STORY_RENDERED,()=>{o.getData("example-button--warning")&&i({data:!0,error:null});});};return n.getServerChannel().on(STORY_INDEX_INVALIDATED,s),()=>{n.getServerChannel().off(STORY_INDEX_INVALIDATED,s);}}},[t]),r};});var eo,ro=a(()=>{eo=(t,o)=>{let[n,r]=useState(null),i=document.querySelector(`.${t}`);return useEffect(()=>{if(o){let s=new ResizeObserver(()=>{i&&r({top:i.offsetTop,left:i.offsetLeft,height:i.offsetHeight,width:i.offsetWidth});});return s.observe(i),()=>{s.disconnect();}}},[t,o]),n};});var io,no=a(()=>{io="data:image/png;base64,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";});var ao,so=a(()=>{ao="data:image/png;base64,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";});var lo,po=a(()=>{lo="data:image/png;base64,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";});var mo,co=a(()=>{mo=[[{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: {
+    primary: true,
+    backgroundColor: 'red',
+    label: 'Delete now'
+  }
+};`}]];});var uo,fo=a(()=>{uo=[[{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: {
+    primary: true,
+    backgroundColor: 'red',
+    label: 'Delete now'
+  }
+};`}]];});var go,yo=a(()=>{go=[[{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: {
+    primary: true,
+    backgroundColor: 'red',
+    label: 'Delete now'
+  }
+};`}]];});function ho(){let[t,o]=useState(null);return useEffect(()=>{(async()=>{try{let i=await(await fetch("/project.json")).json();o({data:i,error:null});}catch(r){o({data:null,error:r});}})();},[]),t}var xo=a(()=>{});function So({onFinish:t,api:o,addonsStore:n}){let[r,i]=e.useState("imports"),[s,l]=e.useState(!1),[w,p]=Pe(),d=qt(),m=to(r==="customStory",o,n),h=eo("syntax-highlighter-backdrop",r==="customStory"),k=ho(),N=k?.data?.language==="javascript"?mo:k?.data?.framework.name==="@storybook/nextjs"?go:uo,Do=()=>{let M=N[4][0].content;navigator.clipboard.writeText(M.replace("// Copy the code below","")),l(!0);},Lo={imports:1,meta:2,story:3,args:4,customStory:5};return e.createElement(B,{width:738,height:445,defaultOpen:!0},({Title:M,Description:To,Close:zo})=>e.createElement(Pt,null,e.createElement("div",{style:{height:"445px",backgroundColor:"#171c23"}},N?e.createElement(Gt,{activeStep:Lo[r]||1,contents:N,width:"445px"}):null,h&&!m?.data&&e.createElement(y,{ref:w,onClick:()=>{Do();},style:{position:"absolute",top:h.top+h.height-45,left:h.left+h.width-(p.width??0)-10,zIndex:1e3}},s?"Copied to clipboard":"Copy code")),e.createElement(Dt,null,e.createElement(Lt,null,e.createElement(M,null,e.createElement(Icons,{icon:"bookmarkhollow"})," ",e.createElement("span",null,"How to write a story")),e.createElement(zo,{asChild:!0},e.createElement(Icons,{style:{cursor:"pointer"},icon:"closeAlt"}))),e.createElement(To,{asChild:!0},e.createElement(Tt,null,r==="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:()=>{i("meta");}},"Next")),r==="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(W,{width:"204",alt:"Title property pointing to Storybook's sidebar",src:io})),e.createElement(y,{style:{marginTop:4},onClick:()=>{i("story");}},"Next")),r==="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(W,{width:"190",alt:"Story export pointing to the sidebar entry of the story",src:ao})),e.createElement(y,{style:{marginTop:4},onClick:()=>{i("args");}},"Next")),r==="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(W,{alt:"Args mapped to their controls in Storybook",width:"253",src:lo})),e.createElement(y,{style:{marginTop:4},onClick:()=>{i("customStory");}},"Next")),r==="customStory"&&(m?.error?null: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(Ft,null,e.createElement(E,{isCompleted:s||m?.data,index:1},"Copy the Warning story"),e.createElement(E,{isCompleted:m?.data,index:2},"Open"," ",d?.data?e.createElement(zt,null,d.data):e.createElement(e.Fragment,null,"the Button Story")," ","in your current working directory"),e.createElement(E,{isCompleted:m?.data,index:3},"Paste it at the bottom of the file"))),m?.data?e.createElement(y,{onClick:()=>{t();}},"Go to story"):null)))))))}var Co=a(()=>{L();Y();Bt();Yt();Ut();Kt();Jt();oo();ro();no();so();po();co();fo();yo();xo();});var ko={};Wo(ko,{default:()=>vo});function vo({api:t}){let[o,n]=useState(!0),[r,i]=useState(!1),[s,l]=useState("1:Welcome"),w=useCallback(()=>{let p=new URL(window.location.href);p.searchParams.delete("onboarding");let d=decodeURIComponent(p.searchParams.get("path"));p.search=`?path=${d}`,history.replaceState({},"",p.href),n(!1);},[n]);return useEffect(()=>{let p;return s==="4:VisitNewStory"&&(i(!0),p=window.setTimeout(()=>{l("5:ConfigureYourProject");},2e3)),()=>{clearTimeout(p);}},[s]),useEffect(()=>{t.once(CURRENT_STORY_WAS_SET,({storyId:p})=>{p!=="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 p=d=>{d==="configure-your-project--docs"&&w();};return t.on(STORY_CHANGED,p),()=>{t.off(STORY_CHANGED,p);}},[]),o?e.createElement(ThemeProvider,{theme:Ie},r&&e.createElement(D,{numberOfPieces:1e3,initialVelocityY:3,recycle:!1,onConfettiComplete:p=>{p.reset(),i(!1);}}),s==="1:Welcome"&&e.createElement(vt,{onProceed:()=>{l("2:StorybookTour");},onSkip:w}),(s==="2:StorybookTour"||s==="5:ConfigureYourProject")&&e.createElement(nt,{api:t,isFinalStep:s==="5:ConfigureYourProject",onFirstTourDone:()=>{l("3:WriteYourStory");}}),s==="3:WriteYourStory"&&e.createElement(So,{api:t,addonsStore:addons,onFinish:()=>{t.selectStory("example-button--warning"),l("4:VisitNewStory");}})):null}var Ie,Po=a(()=>{it();kt();Co();O();Ie=ensure(themes.light);});var je=lazy(()=>Promise.resolve().then(()=>(Po(),ko)));addons.register("@storybook/addon-onboarding",async t=>{if(!(t.getUrlState().path==="/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),Ee.render(e.createElement(Suspense,{fallback:e.createElement("div",null,"Loading...")},e.createElement(je,{api:t})),r);}});
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=manager.mjs.map