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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/manager.js CHANGED
@@ -1,14 +1,13 @@
1
1
  'use strict';
2
2
 
3
- var e = require('react');
4
- var vo = require('react-confetti');
3
+ var n = require('react');
4
+ var bt = require('react-confetti');
5
5
  var theming = require('@storybook/theming');
6
- var he = require('react-dom');
7
- var Wo = require('react-joyride');
6
+ var Ut = require('react-dom');
7
+ var Wt = require('react-joyride');
8
8
  var coreEvents = require('@storybook/core-events');
9
- var g = require('@radix-ui/react-dialog');
9
+ var m = require('@radix-ui/react-dialog');
10
10
  var components = require('@storybook/components');
11
- var framerMotion = require('framer-motion');
12
11
  var managerApi = require('@storybook/manager-api');
13
12
 
14
13
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -31,13 +30,13 @@ function _interopNamespace(e) {
31
30
  return Object.freeze(n);
32
31
  }
33
32
 
34
- var e__default = /*#__PURE__*/_interopDefault(e);
35
- var vo__default = /*#__PURE__*/_interopDefault(vo);
36
- var he__default = /*#__PURE__*/_interopDefault(he);
37
- var Wo__default = /*#__PURE__*/_interopDefault(Wo);
38
- var g__namespace = /*#__PURE__*/_interopNamespace(g);
33
+ var n__default = /*#__PURE__*/_interopDefault(n);
34
+ var bt__default = /*#__PURE__*/_interopDefault(bt);
35
+ var Ut__default = /*#__PURE__*/_interopDefault(Ut);
36
+ var Wt__default = /*#__PURE__*/_interopDefault(Wt);
37
+ var m__namespace = /*#__PURE__*/_interopNamespace(m);
39
38
 
40
- 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 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=`
39
+ var ht=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var yt=(t,o)=>{for(var e in o)ht(t,e,{get:o[e],enumerable:!0});};function $({targetSelector:t}){return n.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=`
41
40
  @keyframes pulsate {
42
41
  0% {
43
42
  box-shadow: 0 0 0 0 rgba(2, 156, 253, 0.7), 0 0 0 0 rgba(2, 156, 253, 0.4);
@@ -49,25 +48,25 @@ var Co=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var So=(t,o)=>{f
49
48
  box-shadow: 0 0 0 0 rgba(2, 156, 253, 0), 0 0 0 0 rgba(2, 156, 253, 0);
50
49
  }
51
50
  }
52
- `,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]=e.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 e.useEffect(()=>(document.body.appendChild(i),()=>{document.body.removeChild(i);}),[]),he.createPortal(e__default.default.createElement(To,{top:t,left:o,width:n,height:r},e__default.default.createElement(vo__default.default,{...s})),i)}var To,M=a(()=>{To=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 V,K,R,tt=a(()=>{V=theming.styled.div`
51
+ `,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();}},[t]),null}var j=a(()=>{});function y({top:t=0,left:o=0,width:e=window.innerWidth,height:r=window.innerHeight,...d}){let[i]=n.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 n.useEffect(()=>(document.body.appendChild(i),()=>{document.body.removeChild(i);}),[]),Ut.createPortal(n__default.default.createElement(vt,{top:t,left:o,width:e,height:r},n__default.default.createElement(bt__default.default,{...d})),i)}var vt,T=a(()=>{vt=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 U,_,G,K=a(()=>{U=theming.styled.div`
53
52
  display: flex;
54
53
  flex-direction: column;
55
54
  align-items: flex-start;
56
- `,K=theming.styled.strong`
55
+ `,_=theming.styled.strong`
57
56
  font-size: 13px;
58
- `,R=theming.styled.p`
57
+ `,G=theming.styled.p`
59
58
  font-size: 13px;
60
59
  text-align: start;
61
60
  color: #798186;
62
61
  margin: 0;
63
62
  margin-top: 4px;
64
- `;});function v({prefix:t,title:o,body:n}){return e__default.default.createElement(V,null,t,e__default.default.createElement(K,null,o),e__default.default.createElement(R,null,n))}var ot=a(()=>{tt();});function y(t){let o={...N,...t.style||{}};return e__default.default.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]=e.useState();return e.useEffect(()=>{t.on(coreEvents.STORY_ARGS_UPDATED,()=>{j=j+1,j===2&&s(3);});},[]),e__default.default.createElement(Wo__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(U,{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:p=>{!o&&p.status===Wo.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=theming.styled(g__namespace.Overlay)`
63
+ `;});function g({prefix:t,title:o,body:e}){return n__default.default.createElement(U,null,t,n__default.default.createElement(_,null,o),n__default.default.createElement(G,null,e))}var V=a(()=>{K();});function x(t){let o={...O,...t.style||{}};return n__default.default.createElement("button",{type:"button",...t,style:o})}var O,b=a(()=>{O={border:0,cursor:"pointer",fontSize:13,lineHeight:1,padding:"9px 12px",backgroundColor:"#029CFD",borderRadius:4,color:"#fff",fontWeight:700};});function q({api:t,isFinalStep:o,onFirstTourDone:e}){let[r,d]=n.useState();return n.useEffect(()=>{t.on(coreEvents.STORY_ARGS_UPDATED,()=>{B=B+1,B===2&&d(3);});},[]),n__default.default.createElement(Wt__default.default,{steps:o?[{target:"#configure-your-project--docs",content:n__default.default.createElement(g,{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__default.default.createElement(g,{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__default.default.createElement(g,{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__default.default.createElement(n__default.default.Fragment,null,n__default.default.createElement(g,{title:"Interactive story playground",body:n__default.default.createElement(n__default.default.Fragment,null,"See how a story renders with different data and state without touching code.",n__default.default.createElement("br",null),"Try it out by pressing this button.")}),n__default.default.createElement($,{targetSelector:"#control-primary"})),placement:"right",spotlightClicks:!0,floaterProps:{target:"#control-primary"},styles:{buttonNext:{display:"none"}}},{target:"#control-primary",content:n__default.default.createElement(n__default.default.Fragment,null,n__default.default.createElement(y,{numberOfPieces:100}),n__default.default.createElement(g,{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===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))"}}},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 B,Z=a(()=>{j();T();V();b();B=0;});var X,Mt,Q,R=a(()=>{X=theming.styled(m__namespace.Overlay)`
65
64
  background-color: rgba(27, 28, 29, 0.48);
66
65
  position: fixed;
67
66
  inset: 0px;
68
67
  width: 100%;
69
68
  height: 100%;
70
- `,Ao=theming.styled.div(({width:t,height:o})=>theming.css`
69
+ `,Mt=theming.styled.div(({width:t,height:o})=>theming.css`
71
70
  background-color: white;
72
71
  border-radius: 6px;
73
72
  box-shadow: rgba(14, 18, 22, 0.35) 0px 10px 38px -10px;
@@ -79,80 +78,90 @@ var Co=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var So=(t,o)=>{f
79
78
  height: ${o?`${o}px`:"auto"};
80
79
  max-width: calc(100% - 40px);
81
80
  max-height: 85vh;
82
- overflow: hidden;
83
- `),st=e__default.default.forwardRef(({width:t,height:o,children:n,...r},s)=>e__default.default.createElement(g__namespace.Content,{ref:s,asChild:!0,...r},e__default.default.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__default.default.createElement(g__namespace.Root,{...i},e__default.default.createElement(g__namespace.Portal,null,e__default.default.createElement(it,null),e__default.default.createElement(st,{width:o,height:n,onInteractOutside:s,onEscapeKeyDown:r},t({Title:g__namespace.Title,Description:g__namespace.Description,Close:g__namespace.Close}))))}var H=a(()=>{at();});function pt(){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 lt=a(()=>{});var _o,dt,mt,ct,ft,ut,gt=a(()=>{theming.styled.h1`
81
+ `),Q=n__default.default.forwardRef(({width:t,height:o,children:e,...r},d)=>n__default.default.createElement(m__namespace.Content,{ref:d,asChild:!0,...r},n__default.default.createElement(Mt,{width:t,height:o},e)));});function w({children:t,width:o,height:e,onEscapeKeyDown:r,onInteractOutside:d=l=>l.preventDefault(),...i}){return n__default.default.createElement(m__namespace.Root,{...i},n__default.default.createElement(m__namespace.Portal,null,n__default.default.createElement(X,null),n__default.default.createElement(Q,{width:o,height:e,onInteractOutside:d,onEscapeKeyDown:r},t({Title:m__namespace.Title,Description:m__namespace.Description,Close:m__namespace.Close}))))}var M=a(()=>{R();});function k(){return n__default.default.createElement("svg",{width:"32px",height:"40px",viewBox:"0 0 256 319",preserveAspectRatio:"xMidYMid"},n__default.default.createElement("defs",null,n__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"})),n__default.default.createElement("g",null,n__default.default.createElement("mask",{id:"mask-2",fill:"white"},n__default.default.createElement("use",{xlinkHref:"#path-1"})),n__default.default.createElement("use",{fill:"#FF4785",fillRule:"nonzero",xlinkHref:"#path-1"}),n__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 I=a(()=>{});var tt,ot,et,Nt,rt,At,nt,Lt,it,v,st,pt,A=a(()=>{tt=theming.styled.h1`
84
82
  color: #2e3438;
85
83
  font-weight: 700;
86
84
  font-size: 20px;
87
85
  line-height: 20px;
88
- `,theming.styled.p`
86
+ `,ot=theming.styled.p`
89
87
  text-align: center;
90
88
  font-size: 14px;
91
89
  font-weight: 400;
92
90
  line-height: 20px;
93
91
  color: #454e54;
94
- `,_o=theming.keyframes`
95
- 0% {
96
- background-position: 0% 50%;
97
- }
98
- 50% {
99
- background-position: 100% 50%;
100
- }
101
- 100% {
102
- background-position: 0% 50%;
103
- }
104
- `,dt=theming.styled.div`
92
+ `,et=theming.styled.div`
93
+ position: absolute;
94
+ top: 0;
95
+ left: 0;
96
+ width: 100%;
97
+ height: 100%;
98
+ z-index: -1;
99
+ overflow: hidden;
100
+ `,Nt=theming.keyframes`
101
+ 0% { transform: translate(0px, 0px) }
102
+ 50% { transform: translate(-200px, 0px) }
103
+ 100% { transform: translate(0px, 0px) }
104
+ `,rt=theming.styled.div`
105
+ position: absolute;
106
+ width: 1200px;
107
+ height: 1200px;
108
+ left: -200px;
109
+ top: -900px;
110
+ background: radial-gradient(
111
+ circle at center,
112
+ rgba(253, 255, 147, 1) 0%,
113
+ rgba(253, 255, 147, 0) 70%
114
+ );
115
+ animation: ${Nt} 4s linear infinite;
116
+ animation-timing-function: ease-in-out;
117
+ z-index: 3;
118
+ `,At=theming.keyframes`
119
+ 0% { transform: translate(0px, 0px) }
120
+ 50% { transform: translate(400px, 0px) }
121
+ 100% { transform: translate(0px, 0px) }
122
+ `,nt=theming.styled.div`
123
+ position: absolute;
124
+ width: 1200px;
125
+ height: 1200px;
126
+ left: -600px;
127
+ top: -840px;
105
128
  background: radial-gradient(
106
- circle at left,
107
- #ffccd2,
108
- #ffdbcb,
109
- #ffe9c5,
110
- #fff8c0,
111
- #f2ffd8,
112
- #d2f8e5,
113
- #b3f0f1,
114
- #a1e6f0,
115
- #9fd8df
116
- )
117
- left,
118
- radial-gradient(
119
- circle at right,
120
- #ffccd2,
121
- #ffdbcb,
122
- #ffe9c5,
123
- #fff8c0,
124
- #f2ffd8,
125
- #d2f8e5,
126
- #b3f0f1,
127
- #a1e6f0,
128
- #9fd8df
129
- )
130
- right,
131
- linear-gradient(
132
- 45deg,
133
- #ffccd2,
134
- #ffdbcb,
135
- #ffe9c5,
136
- #fff8c0,
137
- #f2ffd8,
138
- #d2f8e5,
139
- #b3f0f1,
140
- #a1e6f0,
141
- #9fd8df
142
- );
143
- background-size: 300% 300%;
144
- background-repeat: no-repeat;
145
- animation: ${_o} 10s linear infinite;
129
+ circle at center,
130
+ rgba(255, 119, 119, 1) 0%,
131
+ rgba(255, 119, 119, 0) 70%
132
+ );
133
+ animation: ${At} 6s linear infinite;
134
+ animation-timing-function: ease-in-out;
135
+ z-index: 2;
136
+ `,Lt=theming.keyframes`
137
+ 0% { transform: translate(600px, -40px) }
138
+ 50% { transform: translate(600px, -200px) }
139
+ 100% { transform: translate(600px, -40px) }
140
+ `,it=theming.styled.div`
141
+ position: absolute;
142
+ width: 1200px;
143
+ height: 1200px;
144
+ left: -600px;
145
+ top: -840px;
146
+ background: radial-gradient(
147
+ circle at center,
148
+ rgba(119, 255, 247, 0.8) 0%,
149
+ rgba(119, 255, 247, 0) 70%
150
+ );
151
+ animation: ${Lt} 4s linear infinite;
152
+ animation-timing-function: ease-in-out;
153
+ z-index: 4;
154
+ `,v=theming.styled.div`
146
155
  border-radius: 5px;
147
156
  display: flex;
148
157
  flex-direction: column;
149
158
  align-items: center;
150
159
  padding-top: 100px;
151
160
  padding-bottom: 20px;
152
- `,mt=theming.styled(components.Icons)`
161
+ `,st=theming.styled(components.Icons)`
153
162
  margin-left: 2px;
154
163
  height: 10px;
155
- `,ct=theming.styled.button`
164
+ `,pt=theming.styled.button`
156
165
  all: unset;
157
166
  margin-top: 90px;
158
167
  cursor: pointer;
@@ -161,159 +170,6 @@ var Co=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var So=(t,o)=>{f
161
170
  :focus-visible {
162
171
  outline: auto;
163
172
  }
164
- `,ft=theming.styled.h2`
165
- color: #000;
166
- font-weight: 700;
167
- font-size: 20px;
168
- line-height: 20px;
169
- `,ut=theming.styled.p`
170
- font-size: 14px;
171
- font-weight: 400;
172
- line-height: 20px;
173
- color: #454e54;
174
- `;});var yt,ht=a(()=>{D();H();lt();gt();yt=({onSkip:t,onProceed:o})=>e__default.default.createElement(L,{width:540,defaultOpen:!0},({Close:n,Title:r,Description:s})=>e__default.default.createElement(dt,{"data-chromatic":"ignore"},e__default.default.createElement(pt,null),e__default.default.createElement(r,{asChild:!0},e__default.default.createElement(ft,{style:{marginTop:20}},"Welcome to Storybook")),e__default.default.createElement(s,{asChild:!0},e__default.default.createElement(ut,null,"Storybook helps you develop UI components.",e__default.default.createElement("br",null),"Learn the basics in a few simple steps.")),e__default.default.createElement(y,{style:{marginTop:4},onClick:o},"Start your 3 minute tour"),e__default.default.createElement(n,{asChild:!0},e__default.default.createElement(ct,{onClick:t},"Skip tour",e__default.default.createElement(mt,{icon:"arrowright"})))));});var bt,xt,Ct,St,wt,O,vt=a(()=>{bt=theming.styled.div`
175
- display: flex;
176
- flex-direction: row;
177
- max-height: 85vh;
178
- `,xt=theming.styled.div`
179
- flex: 1;
180
- display: flex;
181
- flex-direction: column;
182
- font-family: ${({theme:t})=>t.typography.fonts.base};
183
- `,Ct=theming.styled.div`
184
- display: flex;
185
- justify-content: space-between;
186
- align-items: center;
187
- color: ${({theme:t})=>t.color.darkest};
188
- padding: 1em;
189
- border-bottom: 1px solid ${({theme:t})=>t.appBorderColor};
190
-
191
- h2 {
192
- margin: 0;
193
- padding: 0;
194
- display: flex;
195
- align-items: center;
196
- font-size: 13px;
197
- font-weight: bold;
198
- }
199
-
200
- svg {
201
- margin-right: 0.5em;
202
- }
203
- `,St=theming.styled.div`
204
- font-size: 13px;
205
- padding: 1em;
206
- flex: 1;
207
- display: flex;
208
- flex-direction: column;
209
- align-items: flex-end;
210
- justify-content: space-between;
211
- color: #454e54;
212
-
213
- h3 {
214
- font-size: 13px;
215
- font-weight: bold;
216
- padding: 0;
217
- margin: 0;
218
- }
219
- `,theming.styled.div`
220
- display: flex;
221
- flex-direction: column;
222
- `,wt=theming.styled.span`
223
- color: ${({theme:t})=>t.color.secondary};
224
- display: inline-block;
225
- border-radius: 4px;
226
- padding: 0.2em 0.4em;
227
- opacity: 0.8;
228
- background-color: ${({theme:t})=>t.color.secondary}20;
229
- font-weight: bold;
230
- `,O=theming.styled.img`
231
- max-width: 100%;
232
- margin-top: 1em;
233
- `;});var Pt,Bt,Dt,Tt=a(()=>{Pt=theming.styled(framerMotion.motion.div)`
234
- position: relative;
235
- z-index: 2;
236
- `,Bt=theming.styled.div`
237
- position: relative;
238
- box-sizing: border-box;
239
- background: #171c23;
240
- width: ${({width:t})=>t};
241
- height: 100%;
242
- overflow: hidden;
243
- padding-left: 15px;
244
- padding-right: 15px;
245
- padding-top: 6px;
246
-
247
- && {
248
- pre {
249
- background: transparent !important;
250
- margin: 0 !important;
251
- padding: 0 !important;
252
- }
253
- }
254
- `,Dt=theming.styled(framerMotion.motion.div)`
255
- background: #143046;
256
- position: absolute;
257
- z-index: 1;
258
- left: 0;
259
- width: 100%;
260
- height: 200px;
261
- `;});var It,Lt=a(()=>{It=theming.styled(framerMotion.motion.div)`
262
- position: relative;
263
- padding-top: 12px;
264
- padding-bottom: 12px;
265
- `;});var Jo,Ot,Wt=a(()=>{Lt();Jo={default:{filter:"grayscale(1)",opacity:.5},active:{filter:"grayscale(0)",opacity:1}},Ot=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(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__default.default.createElement(e__default.default.Fragment,null,s===void 0&&e__default.default.createElement(components.SyntaxHighlighter,{key:p,language:"javascript",customStyle:{fontSize:"0.8rem"}},i),s&&!n&&e__default.default.createElement(components.SyntaxHighlighter,{key:p,language:"javascript",customStyle:{fontSize:"0.8rem"}}," // ..."),s&&n&&e__default.default.createElement(framerMotion.motion.div,{key:p,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"}}},i)))))));});var Y,zt,Mt=a(()=>{Tt();Wt();Y=49,zt=({activeStep:t,contents:o,width:n})=>{let[r,s]=e__default.default.useState([]),i=e.useMemo(()=>o.map(()=>e__default.default.createRef()),[o]),p=l=>{let d=0;for(let c=0;c<l;c++)d-=i[c].current.getBoundingClientRect().height;return d},f=e.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 e.useEffect(()=>{let l=new ResizeObserver(()=>{f();});return i.forEach(d=>{l.observe(d.current);}),()=>{l.disconnect();}},[]),e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement(Bt,{width:n},e__default.default.createElement(Pt,{animate:{y:r[t]?.yPos??0},transition:{ease:"easeInOut",duration:.6}},o.map((l,d)=>e__default.default.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__default.default.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=theming.styled.ul(()=>({display:"flex",flexDirection:"column",rowGap:16,padding:0,margin:0}));});var Nt,jt=a(()=>{At();Nt=({children:t})=>e__default.default.createElement(Et,null,t);});var _t,Ht,Gt,Ft=a(()=>{_t=theming.styled.li(()=>({display:"flex",alignItems:"flex-start",columnGap:12})),Ht=theming.styled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,color:t.color.darker,fontSize:"13px"})),Gt=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 z,Yt=a(()=>{Ft();z=({children:t,index:o,isCompleted:n})=>e__default.default.createElement(_t,null,e__default.default.createElement(Gt,{"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(Ht,null,t));});function Qt(){let[t,o]=e.useState(null);return e.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]=e.useState(null);return e.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]=e.useState(null),s=document.querySelector(`.${t}`);return e.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 = {
266
- title: 'Example/Button',
267
- component: Button,
268
- // ...
269
- };
270
-
271
- export default meta;`}],[{content:"export const Primary = {"},{content:`args: {
272
- primary: true,
273
- label: 'Click',
274
- background: 'red'
275
- }`,toggle:!0},{content:"};"}],[{content:`// Copy the code below
276
- export const Warning = {
277
- args: {
278
- backgroundColor: 'red',
279
- label: 'Delete now'
280
- }
281
- };`}]];});var no,io=a(()=>{no=[[{content:"// Button.stories.tsx"}],[{content:`import type { Meta, StoryObj } from '@storybook/react';
282
-
283
- import { Button } from './Button';`}],[{content:`const meta: Meta<typeof Button> = {
284
- title: 'Example/Button',
285
- component: Button,
286
- // ...
287
- };
288
-
289
- export default meta;`}],[{content:"export const Primary: Story = {"},{content:`args: {
290
- primary: true,
291
- label: 'Click',
292
- background: 'red'
293
- }`,toggle:!0},{content:"};"}],[{content:`// Copy the code below
294
- export const Warning: Story = {
295
- args: {
296
- backgroundColor: 'red',
297
- label: 'Delete now'
298
- }
299
- };`}]];});var so,ao=a(()=>{so=[[{content:"// Button.stories.tsx"}],[{content:`import type { Meta, StoryObj } from '@storybook/nextjs';
300
-
301
- import { Button } from './Button';`}],[{content:`const meta: Meta<typeof Button> = {
302
- title: 'Example/Button',
303
- component: Button,
304
- // ...
305
- };
306
-
307
- export default meta;`}],[{content:"export const Primary: Story = {"},{content:`args: {
308
- primary: true,
309
- label: 'Click',
310
- background: 'red'
311
- }`,toggle:!0},{content:"};"}],[{content:`// Copy the code below
312
- export const Warning: Story = {
313
- args: {
314
- backgroundColor: 'red',
315
- label: 'Delete now'
316
- }
317
- };`}]];});function po(){let[t,o]=e.useState(null);return e.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__default.default.useState("imports"),[r,s]=e__default.default.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__default.default.createElement(L,{width:738,defaultOpen:!0},({Title:w,Description:bo,Close:xo})=>e__default.default.createElement(bt,null,e__default.default.createElement("div",{style:{maxHeight:"450px"}},c?e__default.default.createElement(zt,{activeStep:o==="imports"?1:o==="meta"?2:o==="story"?3:o==="args"?4:o==="customStory"?5:1,contents:c,width:"445px"}):e__default.default.createElement("div",null,"loading..."),f&&!p&&e__default.default.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__default.default.createElement(e__default.default.Fragment,null,"Code copied "):"Copy code")),e__default.default.createElement(xt,null,e__default.default.createElement(Ct,null,e__default.default.createElement(w,null,e__default.default.createElement(components.Icons,{icon:"bookmarkhollow"})," ",e__default.default.createElement("span",null,"How to write a story")),e__default.default.createElement(xo,{asChild:!0},e__default.default.createElement(components.Icons,{style:{cursor:"pointer"},icon:"closeAlt"}))),e__default.default.createElement(bo,{asChild:!0},e__default.default.createElement(St,null,o==="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(y,{style:{marginTop:4},onClick:()=>{n("meta");}},"Next")),o==="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(O,{width:"204",src:Vt})),e__default.default.createElement(y,{style:{marginTop:4},onClick:()=>{n("story");}},"Next")),o==="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(O,{width:"190",src:Rt})),e__default.default.createElement(y,{style:{marginTop:4},onClick:()=>{n("args");}},"Next")),o==="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(O,{width:"253",src:oo})),e__default.default.createElement(y,{style:{marginTop:4},onClick:()=>{n("customStory");}},"Next")),o==="customStory"&&(i.data?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(Nt,null,e__default.default.createElement(z,{isCompleted:r,index:1},"Copy the Warning story"),e__default.default.createElement(z,{isCompleted:p,index:2},"Open"," ",e__default.default.createElement(wt,null,i.data)," in your current working directory"),e__default.default.createElement(z,{isCompleted:p,index:3},"Paste it at the bottom of the file"))),p?e__default.default.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]=e.useState(!0),[r,s]=e.useState(!1),[i,p]=e.useState("1:Welcome"),f=e.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 e.useEffect(()=>{let l;return i==="4:VisitNewStory"&&(l=window.setTimeout(()=>{s(!0),p("5:ConfigureYourProject");},2e3)),()=>{clearTimeout(l);}},[i]),e.useEffect(()=>{t.once(coreEvents.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");});},[]),e.useEffect(()=>{let l=d=>{d==="configure-your-project--docs"&&f();};return t.on(coreEvents.STORY_CHANGED,l),()=>{t.off(coreEvents.STORY_CHANGED,l);}},[]),o?e__default.default.createElement(theming.ThemeProvider,{theme:ye},r&&e__default.default.createElement(B,{numberOfPieces:1e3,initialVelocityY:3,recycle:!1,onConfettiComplete:l=>{l.reset(),s(!1);}}),i==="1:Welcome"&&e__default.default.createElement(yt,{onProceed:()=>{p("2:StorybookTour");},onSkip:f}),(i==="2:StorybookTour"||i==="5:ConfigureYourProject")&&e__default.default.createElement(et,{api:t,isFinalStep:i==="5:ConfigureYourProject",onFirstTourDone:()=>{p("3:WriteYourStory");}}),i==="3:WriteYourStory"&&e__default.default.createElement(co,{onFinish:()=>{t.selectStory("example-button--warning"),p("4:VisitNewStory");}})):null}var ye,ho=a(()=>{rt();ht();fo();M();ye=theming.ensure(theming.themes.light);});var Se=e.lazy(()=>Promise.resolve().then(()=>(ho(),yo)));managerApi.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__default.default.render(e__default.default.createElement(e.Suspense,{fallback:e__default.default.createElement("div",null,"Loading...")},e__default.default.createElement(Se,{api:t})),r);}});
173
+ `;});var at,lt=a(()=>{b();M();I();A();at=({onSkip:t,onProceed:o})=>n__default.default.createElement(w,{width:540,defaultOpen:!0},({Close:e})=>n__default.default.createElement(v,{"data-chromatic":"ignore"},n__default.default.createElement(k,null),n__default.default.createElement(tt,{style:{marginTop:20}},"Welcome to Storybook"),n__default.default.createElement(ot,null,"Storybook helps you develop UI components.",n__default.default.createElement("br",null),"Learn the basics in a few simple steps."),n__default.default.createElement(x,{style:{marginTop:4},onClick:o},"Start your 3 minute tour"),n__default.default.createElement(e,{asChild:!0},n__default.default.createElement(pt,{onClick:t},"Skip tour",n__default.default.createElement(st,{icon:"arrowright"}))),n__default.default.createElement(et,null,n__default.default.createElement(rt,null),n__default.default.createElement(nt,null),n__default.default.createElement(it,null))));});function dt({onFinish:t}){return n__default.default.createElement(w,{width:540,defaultOpen:!0},({Title:o,Description:e})=>n__default.default.createElement(v,{"data-chromatic":"ignore"},n__default.default.createElement(k,null),n__default.default.createElement(o,{style:{marginTop:20}},"Create your first story (WORK IN PROGRESS)"),n__default.default.createElement(e,null,"Now it's your turn. ",n__default.default.createElement("br",null),"See how easy it is to create your first story by following these steps below."),n__default.default.createElement(x,{style:{marginTop:4},onClick:t},"Go to story")))}var mt=a(()=>{b();M();I();A();});var ct={};yt(ct,{default:()=>ft});function ft({api:t}){let[o,e]=n.useState(!0),[r,d]=n.useState(!1),[i,l]=n.useState("1:Welcome"),Y=n.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 n.useEffect(()=>{let s;return i==="4:VisitNewStory"&&(s=window.setTimeout(()=>{d(!0),l("5:ConfigureYourProject");},2e3)),()=>{clearTimeout(s);}},[i]),n.useEffect(()=>{t.once(coreEvents.CURRENT_STORY_WAS_SET,({storyId:s})=>{s!=="example-button--primary"&&t.selectStory("example-button--primary",void 0,{ref:void 0}),t.togglePanel(!0),t.togglePanelPosition("bottom"),t.setSelectedPanel("addon-controls");});},[]),n.useEffect(()=>{let s=P=>{P==="configure-your-project--docs"&&Y();};return t.on(coreEvents.STORY_CHANGED,s),()=>{t.off(coreEvents.STORY_CHANGED,s);}},[]),o?n__default.default.createElement(theming.ThemeProvider,{theme:Ht},r&&n__default.default.createElement(y,{numberOfPieces:1e3,initialVelocityY:3,recycle:!1,onConfettiComplete:s=>{s.reset(),d(!1);}}),i==="1:Welcome"&&n__default.default.createElement(at,{onProceed:()=>{l("2:StorybookTour");},onSkip:Y}),(i==="2:StorybookTour"||i==="5:ConfigureYourProject")&&n__default.default.createElement(q,{api:t,isFinalStep:i==="5:ConfigureYourProject",onFirstTourDone:()=>{l("3:WriteYourStory");}}),i==="3:WriteYourStory"&&n__default.default.createElement(dt,{onFinish:()=>{l("4:VisitNewStory");}})):null}var Ht,gt=a(()=>{Z();lt();mt();T();Ht=theming.ensure(theming.themes.light);});var Vt=n.lazy(()=>Promise.resolve().then(()=>(gt(),ct)));managerApi.addons.register("@storybook/addon-onboarding",async t=>{if(!t.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),Ut__default.default.render(n__default.default.createElement(n.Suspense,{fallback:n__default.default.createElement("div",null,"Loading...")},n__default.default.createElement(Vt,{api:t})),r);}});
318
174
  //# sourceMappingURL=out.js.map
319
175
  //# sourceMappingURL=manager.js.map