@storybook/addon-onboarding 0.0.16 → 0.0.17--canary.33.d89e7e5.0

package/dist/manager.js

@@ -1,13 +1,15 @@
 'use strict';
 
-var s = require('react');
-var ft = require('react-confetti');
+var e = require('react');
+var Wo = require('react-confetti');
 var theming = require('@storybook/theming');
-var _t = require('react-dom');
-var Wt = require('react-joyride');
+var We = require('react-dom');
+var Yo = require('react-joyride');
 var coreEvents = require('@storybook/core-events');
-var d = require('@radix-ui/react-dialog');
+var g = require('@radix-ui/react-dialog');
 var components = require('@storybook/components');
+var framerMotion = require('framer-motion');
+var ke = require('react-use-measure');
 var managerApi = require('@storybook/manager-api');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -30,13 +32,14 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var s__default = /*#__PURE__*/_interopDefault(s);
-var ft__default = /*#__PURE__*/_interopDefault(ft);
-var _t__default = /*#__PURE__*/_interopDefault(_t);
-var Wt__default = /*#__PURE__*/_interopDefault(Wt);
-var d__namespace = /*#__PURE__*/_interopNamespace(d);
+var e__default = /*#__PURE__*/_interopDefault(e);
+var Wo__default = /*#__PURE__*/_interopDefault(Wo);
+var We__default = /*#__PURE__*/_interopDefault(We);
+var Yo__default = /*#__PURE__*/_interopDefault(Yo);
+var g__namespace = /*#__PURE__*/_interopNamespace(g);
+var ke__default = /*#__PURE__*/_interopDefault(ke);
 
-var mt=Object.defineProperty;var a=(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 s.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 Lo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var zo=(t,o)=>{for(var n in o)Lo(t,n,{get:o[n],enumerable:!0});};function V({targetSelector:t}){return e.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);
@@ -48,61 +51,25 @@ var mt=Object.defineProperty;var a=(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=a(()=>{});function b({top:t=0,left:o=0,width:e=window.innerWidth,height:r=window.innerHeight,...l}){let[n]=s.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 s.useEffect(()=>(document.body.appendChild(n),()=>{document.body.removeChild(n);}),[]),_t.createPortal(s__default.default.createElement(bt,{top:t,left:o,width:e,height:r},s__default.default.createElement(ft__default.default,{...l})),n)}var bt,D=a(()=>{bt=theming.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=a(()=>{St=theming.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})=>s__default.default.createElement(St,{onClick:o,...e},t);});var kt,Tt,vt,Pt,Dt,Y,j=a(()=>{C();kt=theming.styled.div`
-  background: #fff;
-  width: 260px;
-  padding: 15px;
-  border-radius: 5px;
-`,Tt=theming.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 Z=a(()=>{});function B({top:t=0,left:o=0,width:n=window.innerWidth,height:r=window.innerHeight,...i}){let[s]=e.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 e.useEffect(()=>(document.body.appendChild(s),()=>{document.body.removeChild(s);}),[]),We.createPortal(e__default.default.createElement(No,{top:t,left:o,width:n,height:r},e__default.default.createElement(Wo__default.default,{...i})),s)}var No,E=a(()=>{No=theming.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=theming.styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-`,vt=theming.styled.div`
+`,tt=theming.styled.strong`
   font-size: 13px;
-  font-weight: 700;
-  color: ${({theme:t})=>t.color.darkest};
-`,Pt=theming.styled.p`
+`,ot=theming.styled.p`
   font-size: 13px;
   text-align: start;
-  color: ${({theme:t})=>t.color.mediumdark};
+  color: #798186;
   margin: 0;
-  margin-top: 5px;
-`,Dt=theming.styled.div`
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 15px;
-`,Y=({step:t,primaryProps:o,tooltipProps:e})=>s__default.default.createElement(kt,{...e},s__default.default.createElement(Tt,null,t.title&&s__default.default.createElement(vt,null,t.title),s__default.default.createElement(Pt,null,t.content)),!t.hideNextButton&&s__default.default.createElement(Dt,{id:"buttonNext"},s__default.default.createElement(g,{...o},"Next")));});function H({api:t,isFinalStep:o,onFirstTourDone:e}){let[r,l]=s.useState();return s.useEffect(()=>{t.once(coreEvents.STORY_ARGS_UPDATED,()=>{l(3);});},[]),s__default.default.createElement(Wt__default.default,{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:s__default.default.createElement(s__default.default.Fragment,null,"See how a story renders with different data and state without touching code.",s__default.default.createElement("br",null),s__default.default.createElement("br",null),"Try it out by pressing this button.",s__default.default.createElement(z,{targetSelector:"#control-primary"})),placement:"right",spotlightClicks:!0,floaterProps:{target:"#control-primary"},hideNextButton:!0},{target:"#control-primary",title:"Congratulations!",content:s__default.default.createElement(s__default.default.Fragment,null,"You've learned how to control your stories interactively. Now: let's explore how to write your first story.",s__default.default.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:p=>{!o&&p.status===Wt.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=a(()=>{A();D();j();});var _,Ft,K,V=a(()=>{_=theming.styled(d__namespace.Overlay)`
+  margin-top: 4px;
+`;});function v({prefix:t,title:o,body:n}){return e__default.default.createElement(R,null,t,e__default.default.createElement(tt,null,o),e__default.default.createElement(ot,null,n))}var rt=a(()=>{et();});var _,h,D=a(()=>{_={border:0,cursor:"pointer",fontSize:13,lineHeight:1,padding:"9px 12px",backgroundColor:"#029CFD",borderRadius:4,color:"#fff",fontWeight:700},h=e.forwardRef((t,o)=>{let n={..._,...t.style||{}};return e__default.default.createElement("button",{ref:o,type:"button",...t,style:n})});});function nt({api:t,isFinalStep:o,onFirstTourDone:n}){let[r,i]=e.useState();return e.useEffect(()=>{t.once(coreEvents.STORY_ARGS_UPDATED,()=>{i(3);});},[]),e__default.default.createElement(Yo__default.default,{steps:o?[{target:"#configure-your-project--docs",content:e__default.default.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__default.default.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__default.default.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__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement(v,{title:"Interactive story playground",body:e__default.default.createElement(e__default.default.Fragment,null,"See how a story renders with different data and state without touching code.",e__default.default.createElement("br",null),"Try it out by pressing this button.")}),e__default.default.createElement(V,{targetSelector:"#control-primary"})),placement:"right",spotlightClicks:!0,floaterProps:{target:"#control-primary"},styles:{buttonNext:{display:"none"}}},{target:"#control-primary",content:e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement(B,{numberOfPieces:100}),e__default.default.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===Yo.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(()=>{Z();E();rt();D();});var at,Jo,pt,lt=a(()=>{at=theming.styled(g__namespace.Overlay)`
   background-color: rgba(27, 28, 29, 0.48);
   position: fixed;
   inset: 0px;
   width: 100%;
   height: 100%;
-`,Ft=theming.styled.div(({width:t,height:o})=>theming.css`
+`,Jo=theming.styled.div(({width:t,height:o})=>theming.css`
     background-color: white;
     border-radius: 6px;
     box-shadow: rgba(14, 18, 22, 0.35) 0px 10px 38px -10px;
@@ -114,20 +81,21 @@ var mt=Object.defineProperty;var a=(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=s__default.default.forwardRef(({width:t,height:o,children:e,...r},l)=>s__default.default.createElement(d__namespace.Content,{ref:l,asChild:!0,...r},s__default.default.createElement(Ft,{width:t,height:o},e)));});function k({children:t,width:o,height:e,onEscapeKeyDown:r,onInteractOutside:l=p=>p.preventDefault(),...n}){return s__default.default.createElement(d__namespace.Root,{...n},s__default.default.createElement(d__namespace.Portal,null,s__default.default.createElement(_,null),s__default.default.createElement(K,{width:o,height:e,onInteractOutside:l,onEscapeKeyDown:r},t({Title:d__namespace.Title,Description:d__namespace.Description,Close:d__namespace.Close}))))}var M=a(()=>{V();});function T(){return s__default.default.createElement("svg",{width:"32px",height:"40px",viewBox:"0 0 256 319",preserveAspectRatio:"xMidYMid"},s__default.default.createElement("defs",null,s__default.default.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"})),s__default.default.createElement("g",null,s__default.default.createElement("mask",{id:"mask-2",fill:"white"},s__default.default.createElement("use",{xlinkHref:"#path-1"})),s__default.default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#path-1"}),s__default.default.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=a(()=>{});var v,Z,q,J,X,Q,R,It,tt,zt,ot,At,et,O=a(()=>{v=theming.styled.div`
+    overflow: hidden;
+  `),pt=e__default.default.forwardRef(({width:t,height:o,children:n,...r},i)=>e__default.default.createElement(g__namespace.Content,{ref:i,asChild:!0,...r},e__default.default.createElement(Jo,{width:t,height:o},n)));});function L({children:t,width:o,height:n,onEscapeKeyDown:r,onInteractOutside:i=l=>l.preventDefault(),...s}){return e__default.default.createElement(g__namespace.Root,{...s},e__default.default.createElement(g__namespace.Portal,null,e__default.default.createElement(at,null),e__default.default.createElement(pt,{width:o,height:n,onInteractOutside:i,onEscapeKeyDown:r},t({Title:g__namespace.Title,Description:g__namespace.Description,Close:g__namespace.Close}))))}var G=a(()=>{lt();});function dt(){return e__default.default.createElement("svg",{width:"32px",height:"40px",viewBox:"0 0 256 319",preserveAspectRatio:"xMidYMid"},e__default.default.createElement("defs",null,e__default.default.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__default.default.createElement("g",null,e__default.default.createElement("mask",{id:"mask-2",fill:"white"},e__default.default.createElement("use",{xlinkHref:"#path-1"})),e__default.default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#path-1"}),e__default.default.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,ht,yt,xt,qo,bt,Vo,Ct,Zo,St,wt=a(()=>{ct=theming.styled.div`
   border-radius: 5px;
   display: flex;
   flex-direction: column;
   align-items: center;
   height: 100%;
   justify-content: space-between;
-`,Z=theming.styled.div`
+`,ut=theming.styled.div`
   display: flex;
   flex: 1;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-`,q=theming.styled.h1`
+`,ft=theming.styled.h1`
   margin: 0;
   margin-top: 20px;
   margin-bottom: 5px;
@@ -135,7 +103,7 @@ var mt=Object.defineProperty;var a=(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=theming.styled.p`
+`,gt=theming.styled.p`
   margin: 0;
   margin-bottom: 20px;
   max-width: 320px;
@@ -144,7 +112,7 @@ var mt=Object.defineProperty;var a=(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};
-`,X=theming.styled.button`
+`,ht=theming.styled.button`
   all: unset;
   cursor: pointer;
   font-size: 13px;
@@ -154,10 +122,10 @@ var mt=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var ut=(t,o)=>{f
   &:focus-visible {
     outline: auto;
   }
-`,Q=theming.styled(components.Icons)`
+`,yt=theming.styled(components.Icons)`
   margin-left: 2px;
   height: 10px;
-`,R=theming.styled.div`
+`,xt=theming.styled.div`
   position: absolute;
   top: 0;
   left: 0;
@@ -165,11 +133,11 @@ var mt=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var ut=(t,o)=>{f
   height: 100%;
   z-index: -1;
   overflow: hidden;
-`,It=theming.keyframes`
+`,qo=theming.keyframes`
   0% { transform: translate(0px, 0px) }
   50% { transform: translate(-200px, 0px) }
   100% { transform: translate(0px, 0px) }
-`,tt=theming.styled.div`
+`,bt=theming.styled.div`
   position: absolute;
   width: 1200px;
   height: 1200px;
@@ -180,14 +148,14 @@ var mt=Object.defineProperty;var a=(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: ${qo} 4s linear infinite;
   animation-timing-function: ease-in-out;
   z-index: 3;
-`,zt=theming.keyframes`
+`,Vo=theming.keyframes`
   0% { transform: translate(0px, 0px) }
   50% { transform: translate(400px, 0px) }
   100% { transform: translate(0px, 0px) }
-`,ot=theming.styled.div`
+`,Ct=theming.styled.div`
   position: absolute;
   width: 1200px;
   height: 1200px;
@@ -198,14 +166,14 @@ var mt=Object.defineProperty;var a=(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: ${Vo} 6s linear infinite;
   animation-timing-function: ease-in-out;
   z-index: 2;
-`,At=theming.keyframes`
+`,Zo=theming.keyframes`
   0% { transform: translate(600px, -40px) }
   50% { transform: translate(600px, -200px) }
   100% { transform: translate(600px, -40px) }
-`,et=theming.styled.div`
+`,St=theming.styled.div`
   position: absolute;
   width: 1200px;
   height: 1200px;
@@ -216,9 +184,165 @@ var mt=Object.defineProperty;var a=(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: ${Zo} 4s linear infinite;
   animation-timing-function: ease-in-out;
   z-index: 4;
-`;});var rt,nt=a(()=>{C();M();W();O();rt=({onSkip:t,onProceed:o})=>s__default.default.createElement(k,{width:540,height:430,defaultOpen:!0},({Close:e})=>s__default.default.createElement(v,{"data-chromatic":"ignore"},s__default.default.createElement(Z,null,s__default.default.createElement(T,null),s__default.default.createElement(q,null,"Welcome to Storybook"),s__default.default.createElement(J,null,"Storybook helps you develop UI components. Learn the basics in a few simple steps."),s__default.default.createElement(g,{style:{marginTop:4},onClick:o},"Start your 3 minute tour")),s__default.default.createElement(e,{asChild:!0},s__default.default.createElement(X,{onClick:t},"Skip tour",s__default.default.createElement(Q,{icon:"arrowright"}))),s__default.default.createElement(R,null,s__default.default.createElement(tt,null),s__default.default.createElement(ot,null),s__default.default.createElement(et,null))));});function it({onFinish:t}){return s__default.default.createElement(k,{width:540,defaultOpen:!0},({Title:o,Description:e})=>s__default.default.createElement(v,{"data-chromatic":"ignore"},s__default.default.createElement(T,null),s__default.default.createElement(o,{style:{marginTop:20}},"Create your first story (WORK IN PROGRESS)"),s__default.default.createElement(e,null,"Now it's your turn. ",s__default.default.createElement("br",null),"See how easy it is to create your first story by following these steps below."),s__default.default.createElement(g,{style:{marginTop:4},onClick:t},"Go to story")))}var st=a(()=>{C();M();W();O();});var lt={};ut(lt,{default:()=>at});function at({api:t}){let[o,e]=s.useState(!0),[r,l]=s.useState(!1),[n,p]=s.useState("1:Welcome"),I=s.useCallback(()=>{let i=new URL(window.location.href);i.searchParams.delete("onboarding");let P=decodeURIComponent(i.searchParams.get("path"));i.search=`?path=${P}`,history.replaceState({},"",i.href),e(!1);},[e]);return s.useEffect(()=>{let i;return n==="4:VisitNewStory"&&(i=window.setTimeout(()=>{l(!0),p("5:ConfigureYourProject");},2e3)),()=>{clearTimeout(i);}},[n]),s.useEffect(()=>{t.once(coreEvents.CURRENT_STORY_WAS_SET,({storyId:i})=>{i!=="example-button--primary"&&t.selectStory("example-button--primary",void 0,{ref:void 0}),t.togglePanel(!0),t.togglePanelPosition("bottom"),t.setSelectedPanel("addon-controls");});},[]),s.useEffect(()=>{let i=P=>{P==="configure-your-project--docs"&&I();};return t.on(coreEvents.STORY_CHANGED,i),()=>{t.off(coreEvents.STORY_CHANGED,i);}},[]),o?s__default.default.createElement(theming.ThemeProvider,{theme:Ut},r&&s__default.default.createElement(b,{numberOfPieces:1e3,initialVelocityY:3,recycle:!1,onConfettiComplete:i=>{i.reset(),l(!1);}}),n==="1:Welcome"&&s__default.default.createElement(rt,{onProceed:()=>{p("2:StorybookTour");},onSkip:I}),(n==="2:StorybookTour"||n==="5:ConfigureYourProject")&&s__default.default.createElement(H,{api:t,isFinalStep:n==="5:ConfigureYourProject",onFirstTourDone:()=>{p("3:WriteYourStory");}}),n==="3:WriteYourStory"&&s__default.default.createElement(it,{onFinish:()=>{p("4:VisitNewStory");}})):null}var Ut,dt=a(()=>{G();nt();st();D();Ut=theming.ensure(theming.themes.light);});var qt=s.lazy(()=>Promise.resolve().then(()=>(dt(),lt)));managerApi.addons.register("@storybook/addon-onboarding",async t=>{if(!(t.getUrlState().path==="/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),_t__default.default.render(s__default.default.createElement(s.Suspense,{fallback:s__default.default.createElement("div",null,"Loading...")},s__default.default.createElement(qt,{api:t})),r);}});
+`,theming.styled.h2`
+  color: #000;
+  font-weight: 700;
+  font-size: 20px;
+  line-height: 20px;
+`,theming.styled.p`
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  color: #454e54;
+`;});var vt,Pt=a(()=>{D();G();mt();wt();vt=({onSkip:t,onProceed:o})=>e__default.default.createElement(L,{width:540,height:430,defaultOpen:!0},({Close:n})=>e__default.default.createElement(ct,{"data-chromatic":"ignore"},e__default.default.createElement(ut,null,e__default.default.createElement(dt,null),e__default.default.createElement(ft,null,"Welcome to Storybook"),e__default.default.createElement(gt,null,"Storybook helps you develop UI components. Learn the basics in a few simple steps."),e__default.default.createElement(h,{style:{marginTop:4},onClick:o},"Start your 3 minute tour")),e__default.default.createElement(n,{asChild:!0},e__default.default.createElement(ht,{onClick:t},"Skip tour",e__default.default.createElement(yt,{icon:"arrowright"}))),e__default.default.createElement(xt,null,e__default.default.createElement(bt,null),e__default.default.createElement(Ct,null),e__default.default.createElement(St,null))));});var kt,Bt,Dt,Tt,It,z,Lt=a(()=>{kt=theming.styled.div`
+  display: flex;
+  flex-direction: row;
+  max-height: 85vh;
+`,Bt=theming.styled.div`
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  font-family: ${({theme:t})=>t.typography.fonts.base};
+`,Dt=theming.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=theming.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;
+  }
+`,theming.styled.div`
+  display: flex;
+  flex-direction: column;
+`,It=theming.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;
+`,z=theming.styled.img`
+  max-width: 100%;
+  margin-top: 1em;
+`;});var Ot,Wt,Mt,At=a(()=>{Ot=theming.styled(framerMotion.motion.div)`
+  position: relative;
+  z-index: 2;
+`,Wt=theming.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;
+    }
+  }
+`,Mt=theming.styled(framerMotion.motion.div)`
+  background: #143046;
+  position: absolute;
+  z-index: 1;
+  left: 0;
+  width: 100%;
+  height: 200px;
+`;});var Et,jt=a(()=>{Et=theming.styled(framerMotion.motion.div)`
+  position: relative;
+  padding-top: 12px;
+  padding-bottom: 12px;
+`;});var se,Nt,_t=a(()=>{jt();se={default:{filter:"grayscale(1)",opacity:.5},active:{filter:"grayscale(0)",opacity:1}},Nt=e.forwardRef(({active:t,contents:o,open:n},r)=>e__default.default.createElement(theming.ThemeProvider,{theme:theming.ensure(theming.themes.dark)},e__default.default.createElement(Et,{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__default.default.createElement(e.Fragment,{key:l},i===void 0&&e__default.default.createElement(components.SyntaxHighlighter,{language:"javascript",customStyle:{fontSize:"0.8rem"}},s),i&&!n&&e__default.default.createElement(components.SyntaxHighlighter,{language:"javascript",customStyle:{fontSize:"0.8rem"}},"  // ..."),i&&n&&e__default.default.createElement(framerMotion.motion.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.4}},e__default.default.createElement(components.SyntaxHighlighter,{language:"javascript",customStyle:{fontSize:"0.8rem"},codeTagProps:{style:{paddingLeft:"15px"}}},s)))))));});var Q,Ht,Gt=a(()=>{At();_t();Q=49,Ht=({activeStep:t,contents:o,width:n})=>{let[r,i]=e__default.default.useState([]),s=e.useMemo(()=>o.map(()=>e__default.default.createRef()),[o]),l=p=>{let d=0;for(let m=0;m<p;m++)d-=s[m].current.getBoundingClientRect().height;return d},w=e.useCallback(()=>{let p=o.flatMap((d,m)=>{let y=s[m].current.getBoundingClientRect().height,P=[{yPos:l(m)+Q-7,height:y,index:m,open:!1}];return d.length>1&&P.push({yPos:l(m)+Q-7,height:y,index:m,open:!0}),P});i(p);},[o]);return e.useEffect(()=>{let p=new ResizeObserver(()=>{w();});return s.forEach(d=>{p.observe(d.current);}),()=>{p.disconnect();}},[]),e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement(Wt,{width:n},e__default.default.createElement(Ot,{animate:{y:r[t]?.yPos??0},transition:{ease:"easeInOut",duration:.6}},o.map((p,d)=>e__default.default.createElement(Nt,{key:d,ref:s[d],active:r[t]?.index===d,open:r[t]?.index>d?!0:r[t]?.open??!1,contents:p}))),e__default.default.createElement(Mt,{animate:{height:r[t]?.height??0},transition:{ease:"easeInOut",duration:.6},style:{top:Q},className:"syntax-highlighter-backdrop"})))};});var $t,Yt=a(()=>{$t=theming.styled.ul(()=>({display:"flex",flexDirection:"column",rowGap:16,padding:0,margin:0}));});var Ft,Qt=a(()=>{Yt();Ft=({children:t})=>e__default.default.createElement($t,null,t);});var Xt,Jt,Ut,qt=a(()=>{Xt=theming.styled.li(()=>({display:"flex",alignItems:"flex-start",columnGap:12})),Jt=theming.styled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,color:t.color.darker,fontSize:"13px"})),Ut=theming.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 W,Vt=a(()=>{qt();W=({children:t,index:o,isCompleted:n})=>e__default.default.createElement(Xt,null,e__default.default.createElement(Ut,{"aria-label":n?"complete":"not complete",isCompleted:n},n?e__default.default.createElement(components.Icons,{width:10,height:10,icon:"check",color:"white"}):o),e__default.default.createElement(Jt,null,t));});function Zt(){let[t,o]=e.useState(null);return e.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 Kt=a(()=>{});var to,oo=a(()=>{to=(t,o,n)=>{let[r,i]=e.useState(null);return e.useEffect(()=>{if(t){let s=()=>{n.getChannel().once(coreEvents.STORY_RENDERED,()=>{o.getData("example-button--warning")&&i({data:!0,error:null});});};return n.getServerChannel().on(coreEvents.STORY_INDEX_INVALIDATED,s),()=>{n.getServerChannel().off(coreEvents.STORY_INDEX_INVALIDATED,s);}}},[t]),r};});var eo,ro=a(()=>{eo=(t,o)=>{let[n,r]=e.useState(null),i=document.querySelector(`.${t}`);return e.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,ho=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 yo(){let[t,o]=e.useState(null);return e.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 Co({onFinish:t,api:o,addonsStore:n}){let[r,i]=e__default.default.useState("imports"),[s,l]=e__default.default.useState(!1),[w,p]=ke__default.default(),d=Zt(),m=to(r==="customStory",o,n),y=eo("syntax-highlighter-backdrop",r==="customStory"),P=yo(),M=P?.data?.language==="javascript"?mo:P?.data?.framework.name==="@storybook/nextjs"?go:uo,Bo=()=>{let A=M[4][0].content;navigator.clipboard.writeText(A.replace("// Copy the code below","")),l(!0);},Do={imports:1,meta:2,story:3,args:4,customStory:5};return e__default.default.createElement(L,{width:738,height:445,defaultOpen:!0},({Title:A,Description:To,Close:Io})=>e__default.default.createElement(kt,null,e__default.default.createElement("div",{style:{height:"445px",backgroundColor:"#171c23"}},M?e__default.default.createElement(Ht,{activeStep:Do[r]||1,contents:M,width:"445px"}):null,y&&!m?.data&&e__default.default.createElement(h,{ref:w,onClick:()=>{Bo();},style:{position:"absolute",top:y.top+y.height-45,left:y.left+y.width-(p.width??0)-10,zIndex:1e3}},s?"Copied to clipboard":"Copy code")),e__default.default.createElement(Bt,null,e__default.default.createElement(Dt,null,e__default.default.createElement(A,null,e__default.default.createElement(components.Icons,{icon:"bookmarkhollow"})," ",e__default.default.createElement("span",null,"How to write a story")),e__default.default.createElement(Io,{asChild:!0},e__default.default.createElement(components.Icons,{style:{cursor:"pointer"},icon:"closeAlt"}))),e__default.default.createElement(To,{asChild:!0},e__default.default.createElement(Tt,null,r==="imports"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Imports"),e__default.default.createElement("p",null,"First, import Meta and StoryObj for type safety and autocompletion in TypeScript stories."),e__default.default.createElement("p",null,"Next, import a component. In this case, the Button component.")),e__default.default.createElement(h,{style:{marginTop:4},onClick:()=>{i("meta");}},"Next")),r==="meta"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Meta"),e__default.default.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__default.default.createElement(z,{width:"204",src:io})),e__default.default.createElement(h,{style:{marginTop:4},onClick:()=>{i("story");}},"Next")),r==="story"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Story"),e__default.default.createElement("p",null,"Each named export is a story. Its contents specify how the story is rendered in addition to other configuration options."),e__default.default.createElement(z,{width:"190",src:ao})),e__default.default.createElement(h,{style:{marginTop:4},onClick:()=>{i("args");}},"Next")),r==="args"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Args"),e__default.default.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__default.default.createElement(z,{width:"253",src:lo})),e__default.default.createElement(h,{style:{marginTop:4},onClick:()=>{i("customStory");}},"Next")),r==="customStory"&&(m?.error?null:e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Create your first story"),e__default.default.createElement("p",null,"Now it's your turn. See how easy it is to create your first story by following these steps below."),e__default.default.createElement(Ft,null,e__default.default.createElement(W,{isCompleted:s||m?.data,index:1},"Copy the Warning story"),e__default.default.createElement(W,{isCompleted:m?.data,index:2},"Open"," ",d?.data?e__default.default.createElement(It,null,d.data):e__default.default.createElement(e__default.default.Fragment,null,"the Button Story")," ","in your current working directory"),e__default.default.createElement(W,{isCompleted:m?.data,index:3},"Paste it at the bottom of the file"))),m?.data?e__default.default.createElement(h,{onClick:()=>{t();}},"Go to story"):null)))))))}var So=a(()=>{D();G();Lt();Gt();Qt();Vt();Kt();oo();ro();no();so();po();co();fo();ho();xo();});var Po={};zo(Po,{default:()=>vo});function vo({api:t}){let[o,n]=e.useState(!0),[r,i]=e.useState(!1),[s,l]=e.useState("1:Welcome"),w=e.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 e.useEffect(()=>{let p;return s==="4:VisitNewStory"&&(i(!0),p=window.setTimeout(()=>{l("5:ConfigureYourProject");},2e3)),()=>{clearTimeout(p);}},[s]),e.useEffect(()=>{t.once(coreEvents.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");});},[]),e.useEffect(()=>{let p=d=>{d==="configure-your-project--docs"&&w();};return t.on(coreEvents.STORY_CHANGED,p),()=>{t.off(coreEvents.STORY_CHANGED,p);}},[]),o?e__default.default.createElement(theming.ThemeProvider,{theme:Oe},r&&e__default.default.createElement(B,{numberOfPieces:1e3,initialVelocityY:3,recycle:!1,onConfettiComplete:p=>{p.reset(),i(!1);}}),s==="1:Welcome"&&e__default.default.createElement(vt,{onProceed:()=>{l("2:StorybookTour");},onSkip:w}),(s==="2:StorybookTour"||s==="5:ConfigureYourProject")&&e__default.default.createElement(nt,{api:t,isFinalStep:s==="5:ConfigureYourProject",onFirstTourDone:()=>{l("3:WriteYourStory");}}),s==="3:WriteYourStory"&&e__default.default.createElement(Co,{api:t,addonsStore:managerApi.addons,onFinish:()=>{t.selectStory("example-button--warning"),l("4:VisitNewStory");}})):null}var Oe,ko=a(()=>{it();Pt();So();E();Oe=theming.ensure(theming.themes.light);});var je=e.lazy(()=>Promise.resolve().then(()=>(ko(),Po)));managerApi.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),We__default.default.render(e__default.default.createElement(e.Suspense,{fallback:e__default.default.createElement("div",null,"Loading...")},e__default.default.createElement(je,{api:t})),r);}});
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=manager.js.map