@storybook/addon-onboarding 0.0.19--canary.38.3c859a1.0 → 0.0.19--canary.40.e7afff4.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.mjs CHANGED
@@ -1,16 +1,16 @@
1
- import e, { lazy, Suspense, useState, useCallback, useEffect, useMemo, createRef, useLayoutEffect, forwardRef, Fragment } from 'react';
2
- import No from 'react-confetti';
1
+ import e, { lazy, Suspense, useState, useCallback, useEffect, useMemo, forwardRef, Fragment } from 'react';
2
+ import zo from 'react-confetti';
3
3
  import { ThemeProvider, ensure, themes, styled, keyframes, css } from '@storybook/theming';
4
- import Fe, { createPortal } from 'react-dom';
5
- import Xo, { STATUS } from 'react-joyride';
4
+ import Me, { createPortal } from 'react-dom';
5
+ import Vo, { STATUS } from 'react-joyride';
6
6
  import { CURRENT_STORY_WAS_SET, STORY_CHANGED, STORY_ARGS_UPDATED, STORY_INDEX_INVALIDATED, STORY_RENDERED } from '@storybook/core-events';
7
- import * as h from '@radix-ui/react-dialog';
7
+ import * as g from '@radix-ui/react-dialog';
8
8
  import { Icons, SyntaxHighlighter } from '@storybook/components';
9
9
  import { motion } from 'framer-motion';
10
- import je from 'react-use-measure';
10
+ import Be from 'react-use-measure';
11
11
  import { addons } from '@storybook/manager-api';
12
12
 
13
- var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{for(var n in o)Mo(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=`
13
+ var Bo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var No=(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=`
14
14
  @keyframes pulsate {
15
15
  0% {
16
16
  box-shadow: 0 0 0 0 rgba(2, 156, 253, 0.7), 0 0 0 0 rgba(2, 156, 253, 0.4);
@@ -22,7 +22,7 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
22
22
  box-shadow: 0 0 0 0 rgba(2, 156, 253, 0), 0 0 0 0 rgba(2, 156, 253, 0);
23
23
  }
24
24
  }
25
- `,r=document.createElement("style");r.id="sb-onboarding-pulsating-effect",r.innerHTML=n,document.head.appendChild(r);}return ()=>{let n=document.querySelector("#sb-onboarding-pulsating-effect");n&&n.remove(),o&&(o.style.animation="auto");}},[t]),null}var q=a(()=>{});function T({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(_o,{top:t,left:o,width:n,height:r},e.createElement(No,{...i})),s)}var _o,O=a(()=>{_o=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 f,L=a(()=>{f=styled.button`
25
+ `,r=document.createElement("style");r.id="sb-onboarding-pulsating-effect",r.innerHTML=n,document.head.appendChild(r);}return ()=>{let n=document.querySelector("#sb-onboarding-pulsating-effect");n&&n.remove(),o&&(o.style.animation="auto");}},[t]),null}var q=a(()=>{});function B({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(zo,{...i})),s)}var Ao,_=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 f,N=a(()=>{f=styled.button`
26
26
  all: unset;
27
27
  border: 0;
28
28
  border-radius: 0.25rem;
@@ -47,36 +47,36 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
47
47
  &:focus {
48
48
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
49
49
  }
50
- `;});var Yo,Ho,Fo,Uo,Vo,R,tt=a(()=>{L();Yo=styled.div`
50
+ `;});var _o,Go,Yo,$o,Ho,R,tt=a(()=>{N();_o=styled.div`
51
51
  background: #fff;
52
52
  width: 260px;
53
53
  padding: 15px;
54
54
  border-radius: 5px;
55
- `,Ho=styled.div`
55
+ `,Go=styled.div`
56
56
  display: flex;
57
57
  flex-direction: column;
58
58
  align-items: flex-start;
59
- `,Fo=styled.div`
59
+ `,Yo=styled.div`
60
60
  font-size: 13px;
61
61
  font-weight: 700;
62
62
  color: ${({theme:t})=>t.color.darkest};
63
- `,Uo=styled.p`
63
+ `,$o=styled.p`
64
64
  font-size: 13px;
65
65
  text-align: start;
66
66
  color: ${({theme:t})=>t.color.mediumdark};
67
67
  margin: 0;
68
68
  margin-top: 5px;
69
- `,Vo=styled.div`
69
+ `,Ho=styled.div`
70
70
  display: flex;
71
71
  justify-content: flex-end;
72
72
  margin-top: 15px;
73
- `,R=({step:t,primaryProps:o,tooltipProps:n})=>e.createElement(Yo,{...n},e.createElement(Ho,null,t.title&&e.createElement(Fo,null,t.title),e.createElement(Uo,null,t.content)),!t.hideNextButton&&e.createElement(Vo,{id:"buttonNext"},e.createElement(f,{...o},"Next")));});function ot({api:t,isFinalStep:o,onFirstTourDone:n}){let[r,i]=useState();return useEffect(()=>{t.once(STORY_ARGS_UPDATED,()=>{i(3);});},[]),e.createElement(Xo,{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:e.createElement(e.Fragment,null,"See how a story renders with different data and state without touching code.",e.createElement("br",null),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"},hideNextButton:!0},{target:"#control-primary",title:"Congratulations!",content:e.createElement(e.Fragment,null,"You've learned how to control your stories interactively. Now: let's explore how to write your first story.",e.createElement(T,{numberOfPieces:100})),placement:"right",disableOverlay:!0}],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))"}}},tooltipComponent:R,styles:{spotlight:{border:"solid 2px #004c7c"},overlay:{backgroundColor:"rgba(0, 0, 0, 0.48)"},options:{zIndex:1e4,primaryColor:"#029CFD"}}})}var et=a(()=>{q();O();tt();});var nt,Ro,it,st=a(()=>{nt=styled(h.Overlay)`
73
+ `,R=({step:t,primaryProps:o,tooltipProps:n})=>e.createElement(_o,{...n},e.createElement(Go,null,t.title&&e.createElement(Yo,null,t.title),e.createElement($o,null,t.content)),!t.hideNextButton&&e.createElement(Ho,{id:"buttonNext"},e.createElement(f,{...o},"Next")));});function ot({api:t,isFinalStep:o,onFirstTourDone:n}){let[r,i]=useState();return useEffect(()=>{t.once(STORY_ARGS_UPDATED,()=>{i(3);});},[]),e.createElement(Vo,{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:e.createElement(e.Fragment,null,"See how a story renders with different data and state without touching code.",e.createElement("br",null),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"},hideNextButton:!0},{target:"#control-primary",title:"Congratulations!",content:e.createElement(e.Fragment,null,"You've learned how to control your stories interactively. Now: let's explore how to write your first story.",e.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:l=>{!o&&l.status===STATUS.FINISHED&&n();},floaterProps:{styles:{floater:{padding:"8px 0 0 8px",filter:"drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))"}}},tooltipComponent:R,styles:{spotlight:{border:"solid 2px #004c7c"},overlay:{backgroundColor:"rgba(0, 0, 0, 0.48)"},options:{zIndex:1e4,primaryColor:"#029CFD"}}})}var et=a(()=>{q();_();tt();});var nt,Ko,it,st=a(()=>{nt=styled(g.Overlay)`
74
74
  background-color: rgba(27, 28, 29, 0.48);
75
75
  position: fixed;
76
76
  inset: 0px;
77
77
  width: 100%;
78
78
  height: 100%;
79
- `,Ro=styled.div(({width:t,height:o})=>css`
79
+ `,Ko=styled.div(({width:t,height:o})=>css`
80
80
  background-color: white;
81
81
  border-radius: 6px;
82
82
  box-shadow: rgba(14, 18, 22, 0.35) 0px 10px 38px -10px;
@@ -89,7 +89,7 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
89
89
  max-width: calc(100% - 40px);
90
90
  max-height: 85vh;
91
91
  overflow: hidden;
92
- `),it=e.forwardRef(({width:t,height:o,children:n,...r},i)=>e.createElement(h.Content,{ref:i,asChild:!0,...r},e.createElement(Ro,{width:t,height:o},n)));});function D({children:t,width:o,height:n,onEscapeKeyDown:r,onInteractOutside:i=l=>l.preventDefault(),...s}){return e.createElement(h.Root,{...s},e.createElement(h.Portal,null,e.createElement(nt,null),e.createElement(it,{width:o,height:n,onInteractOutside:i,onEscapeKeyDown:r},t({Title:h.Title,Description:h.Description,Close:h.Close}))))}var $=a(()=>{st();});function at(){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 pt=a(()=>{});var lt,dt,mt,ct,ut,ft,gt,oe,ht,ee,xt,re,yt,bt=a(()=>{lt=styled.div`
92
+ `),it=e.forwardRef(({width:t,height:o,children:n,...r},i)=>e.createElement(g.Content,{ref:i,asChild:!0,...r},e.createElement(Ko,{width:t,height:o},n)));});function I({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(nt,null),e.createElement(it,{width:o,height:n,onInteractOutside:i,onEscapeKeyDown:r},t({Title:g.Title,Description:g.Description,Close:g.Close}))))}var Y=a(()=>{st();});function at(){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 pt=a(()=>{});var lt,dt,mt,ct,ut,ft,gt,Jo,ht,Ro,yt,te,xt,bt=a(()=>{lt=styled.div`
93
93
  border-radius: 5px;
94
94
  display: flex;
95
95
  flex-direction: column;
@@ -140,7 +140,7 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
140
140
  height: 100%;
141
141
  z-index: -1;
142
142
  overflow: hidden;
143
- `,oe=keyframes`
143
+ `,Jo=keyframes`
144
144
  0% { transform: translate(0px, 0px) }
145
145
  50% { transform: translate(-200px, 0px) }
146
146
  100% { transform: translate(0px, 0px) }
@@ -155,14 +155,14 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
155
155
  rgba(253, 255, 147, 1) 0%,
156
156
  rgba(253, 255, 147, 0) 70%
157
157
  );
158
- animation: ${oe} 4s linear infinite;
158
+ animation: ${Jo} 4s linear infinite;
159
159
  animation-timing-function: ease-in-out;
160
160
  z-index: 3;
161
- `,ee=keyframes`
161
+ `,Ro=keyframes`
162
162
  0% { transform: translate(0px, 0px) }
163
163
  50% { transform: translate(400px, 0px) }
164
164
  100% { transform: translate(0px, 0px) }
165
- `,xt=styled.div`
165
+ `,yt=styled.div`
166
166
  position: absolute;
167
167
  width: 1200px;
168
168
  height: 1200px;
@@ -173,14 +173,14 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
173
173
  rgba(255, 119, 119, 1) 0%,
174
174
  rgba(255, 119, 119, 0) 70%
175
175
  );
176
- animation: ${ee} 6s linear infinite;
176
+ animation: ${Ro} 6s linear infinite;
177
177
  animation-timing-function: ease-in-out;
178
178
  z-index: 2;
179
- `,re=keyframes`
179
+ `,te=keyframes`
180
180
  0% { transform: translate(600px, -40px) }
181
181
  50% { transform: translate(600px, -200px) }
182
182
  100% { transform: translate(600px, -40px) }
183
- `,yt=styled.div`
183
+ `,xt=styled.div`
184
184
  position: absolute;
185
185
  width: 1200px;
186
186
  height: 1200px;
@@ -191,7 +191,7 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
191
191
  rgba(119, 255, 247, 0.8) 0%,
192
192
  rgba(119, 255, 247, 0) 70%
193
193
  );
194
- animation: ${re} 4s linear infinite;
194
+ animation: ${te} 4s linear infinite;
195
195
  animation-timing-function: ease-in-out;
196
196
  z-index: 4;
197
197
  `,styled.h2`
@@ -204,45 +204,44 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
204
204
  font-weight: 400;
205
205
  line-height: 20px;
206
206
  color: #454e54;
207
- `;});var Ct,St=a(()=>{L();$();pt();bt();Ct=({onSkip:t,onProceed:o})=>e.createElement(D,{width:540,height:430,defaultOpen:!0},({Close:n})=>e.createElement(lt,{"data-chromatic":"ignore"},e.createElement(dt,null,e.createElement(at,null),e.createElement(mt,null,"Welcome to Storybook"),e.createElement(ct,null,"Storybook helps you develop UI components. Learn the basics in a few simple steps."),e.createElement(f,{style:{marginTop:4},onClick:o},"Start your 3 minute tour")),e.createElement(n,{asChild:!0},e.createElement(ut,{onClick:t},"Skip tour",e.createElement(ft,{icon:"arrowright"}))),e.createElement(gt,null,e.createElement(ht,null),e.createElement(xt,null),e.createElement(yt,null))));});var wt,vt,kt,Pt,Tt,Lt,I,zt,ne,Bt,ie,Dt,se,It,Mt=a(()=>{wt=styled.div`
207
+ `;});var St,Ct=a(()=>{N();Y();pt();bt();St=({onSkip:t,onProceed:o})=>e.createElement(I,{width:540,height:430,defaultOpen:!0},({Close:n})=>e.createElement(lt,{"data-chromatic":"ignore"},e.createElement(dt,null,e.createElement(at,null),e.createElement(mt,null,"Welcome to Storybook"),e.createElement(ct,null,"Storybook helps you develop UI components. Learn the basics in a few simple steps."),e.createElement(f,{style:{marginTop:4},onClick:o},"Start your 3 minute tour")),e.createElement(n,{asChild:!0},e.createElement(ut,{onClick:t},"Skip tour",e.createElement(ft,{icon:"arrowright"}))),e.createElement(gt,null,e.createElement(ht,null),e.createElement(yt,null),e.createElement(xt,null))));});var wt,vt,kt,Pt,Dt,E,Tt=a(()=>{wt=styled.div`
208
208
  display: flex;
209
209
  flex-direction: row;
210
- height: 100%;
211
210
  max-height: 85vh;
212
211
  `,vt=styled.div`
213
- position: relative;
214
212
  flex: 1;
215
213
  display: flex;
216
214
  flex-direction: column;
217
215
  font-family: ${({theme:t})=>t.typography.fonts.base};
218
216
  `,kt=styled.div`
219
- box-sizing: border-box;
220
217
  display: flex;
221
218
  justify-content: space-between;
222
219
  align-items: center;
223
- padding: 0 15px;
224
- border-bottom: 1px solid ${({theme:t})=>t.appBorderColor};
225
- height: 40px;
226
- `,Pt=styled.div`
227
- display: flex;
228
- align-items: center;
229
- gap: 5px;
230
- font-size: 13px;
231
- font-weight: bold;
232
220
  color: ${({theme:t})=>t.color.darkest};
221
+ padding: 1em;
222
+ border-bottom: 1px solid ${({theme:t})=>t.appBorderColor};
233
223
 
234
- span {
235
- margin-top: 2px;
224
+ h2 {
225
+ margin: 0;
226
+ padding: 0;
227
+ display: flex;
228
+ align-items: center;
229
+ font-size: 13px;
230
+ font-weight: bold;
231
+ }
232
+
233
+ svg {
234
+ margin-right: 0.5em;
236
235
  }
237
- `,Tt=styled.div`
236
+ `,Pt=styled.div`
238
237
  font-size: 13px;
239
- padding: 15px;
238
+ padding: 1em;
240
239
  flex: 1;
241
240
  display: flex;
242
241
  flex-direction: column;
243
242
  align-items: flex-end;
244
243
  justify-content: space-between;
245
- color: ${({theme:t})=>t.color.darker};
244
+ color: #454e54;
246
245
 
247
246
  h3 {
248
247
  font-size: 13px;
@@ -250,7 +249,10 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
250
249
  padding: 0;
251
250
  margin: 0;
252
251
  }
253
- `,Lt=styled.span`
252
+ `,styled.div`
253
+ display: flex;
254
+ flex-direction: column;
255
+ `,Dt=styled.span`
254
256
  color: ${({theme:t})=>t.color.secondary};
255
257
  display: inline-block;
256
258
  border-radius: 4px;
@@ -258,80 +260,17 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
258
260
  opacity: 0.8;
259
261
  background-color: ${({theme:t})=>t.color.secondary}20;
260
262
  font-weight: bold;
261
- `,I=styled.img`
263
+ `,E=styled.img`
262
264
  max-width: 100%;
263
265
  margin-top: 1em;
264
- `,zt=styled.div`
265
- position: absolute;
266
- top: 0;
267
- left: 0;
268
- width: 100%;
269
- height: 100%;
270
- z-index: -1;
271
- overflow: hidden;
272
- `,ne=keyframes`
273
- 0% { transform: translate(0px, 0px) }
274
- 50% { transform: translate(120px, 0px) }
275
- 100% { transform: translate(0px, 0px) }
276
- `,Bt=styled.div`
277
- position: absolute;
278
- width: 350px;
279
- height: 350px;
280
- left: -160px;
281
- top: -260px;
282
- background: radial-gradient(
283
- circle at center,
284
- rgba(255, 119, 119, 1) 0%,
285
- rgba(255, 119, 119, 0) 70%
286
- );
287
- animation: ${ne} 8s linear infinite;
288
- animation-timing-function: ease-in-out;
289
- z-index: 2;
290
- `,ie=keyframes`
291
- 0% { transform: translate(0px, 0px) }
292
- 33% { transform: translate(-64px, 0px) }
293
- 66% { transform: translate(120px, 0px) }
294
- 100% { transform: translate(0px, 0px) }
295
- `,Dt=styled.div`
296
- position: absolute;
297
- width: 350px;
298
- height: 350px;
299
- left: -54px;
300
- top: -250px;
301
- background: radial-gradient(
302
- circle at center,
303
- rgba(253, 255, 147, 1) 0%,
304
- rgba(253, 255, 147, 0) 70%
305
- );
306
- animation: ${ie} 12s linear infinite;
307
- animation-timing-function: ease-in-out;
308
- z-index: 3;
309
- `,se=keyframes`
310
- 0% { transform: translate(0px, 0px) }
311
- 50% { transform: translate(-120px, 0px) }
312
- 100% { transform: translate(0px, 0px) }
313
- `,It=styled.div`
314
- position: absolute;
315
- width: 350px;
316
- height: 350px;
317
- left: 150px;
318
- top: -220px;
319
- background: radial-gradient(
320
- circle at center,
321
- rgba(119, 255, 247, 0.8) 0%,
322
- rgba(119, 255, 247, 0) 70%
323
- );
324
- animation: ${se} 4s linear infinite;
325
- animation-timing-function: ease-in-out;
326
- z-index: 4;
327
- `;});var Wt,Nt,jt,Ot=a(()=>{Wt=styled(motion.div)`
266
+ `;});var Bt,Nt,Ot,zt=a(()=>{Bt=styled(motion.div)`
328
267
  position: relative;
329
268
  z-index: 2;
330
269
  `,Nt=styled.div`
331
270
  position: relative;
332
271
  box-sizing: border-box;
333
272
  background: #171c23;
334
- width: ${({width:t})=>t}px;
273
+ width: ${({width:t})=>t};
335
274
  height: 100%;
336
275
  overflow: hidden;
337
276
  padding-left: 15px;
@@ -345,72 +284,72 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
345
284
  padding: 0 !important;
346
285
  }
347
286
  }
348
- `,jt=styled(motion.div)`
287
+ `,Ot=styled(motion.div)`
349
288
  background: #143046;
350
289
  position: absolute;
351
290
  z-index: 1;
352
291
  left: 0;
353
292
  width: 100%;
354
293
  height: 200px;
355
- `;});var At,$t=a(()=>{At=styled(motion.div)`
294
+ `;});var It,Et=a(()=>{It=styled(motion.div)`
356
295
  position: relative;
357
296
  padding-top: 12px;
358
297
  padding-bottom: 12px;
359
- `;});var ge,_t,Gt=a(()=>{$t();ge={default:{filter:"grayscale(1)",opacity:.5},active:{filter:"grayscale(0)",opacity:1}},_t=forwardRef(({active:t,content:o,open:n},r)=>{let i={fontSize:"0.8125rem",lineHeight:"1.1875rem"};return e.createElement(ThemeProvider,{theme:ensure(themes.dark)},e.createElement(At,{ref:r,initial:"default",animate:t?"active":"default","aria-hidden":!t,variants:ge,transition:{ease:"easeInOut",duration:.6}},o.map(({toggle:s,code:l},b)=>e.createElement(Fragment,{key:b},s===void 0&&e.createElement(SyntaxHighlighter,{language:"javascript",customStyle:i},l),s&&!n&&e.createElement(SyntaxHighlighter,{language:"javascript",customStyle:i}," // ..."),s&&n&&e.createElement(motion.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.4}},e.createElement(SyntaxHighlighter,{language:"javascript",customStyle:i,codeTagProps:{style:{paddingLeft:"15px"}}},l))))))});});var F,Yt,Ht=a(()=>{Ot();Gt();F=49,Yt=({activeStep:t,data:o,width:n})=>{let[r,i]=useState([]),s=useMemo(()=>o.map(()=>createRef()),[o]),l=p=>{let d=0;for(let c=0;c<p;c++)d-=s[c].current.getBoundingClientRect().height;return d},b=useCallback(()=>{let p=o.flatMap((d,c)=>{let x=s[c].current.getBoundingClientRect().height,C=[{yPos:l(c)+F-7,backdropHeight:x,index:c,open:!1}];return d.length>1&&C.push({yPos:l(c)+F-7,backdropHeight:x,index:c,open:!0}),C});i(p);},[o]);return useLayoutEffect(()=>{let p=new ResizeObserver(()=>{b();});return s.forEach(d=>{p.observe(d.current);}),()=>{p.disconnect();}},[]),e.createElement(Nt,{width:n},e.createElement(Wt,{animate:{y:r[t]?.yPos??0},transition:{ease:"easeInOut",duration:.6}},o.map((p,d)=>e.createElement(_t,{key:d,ref:s[d],active:r[t]?.index===d,open:r[t]?.index>d?!0:r[t]?.open??!1,content:p}))),e.createElement(jt,{animate:{height:r[t]?.backdropHeight??0},transition:{ease:"easeInOut",duration:.6},style:{top:F},className:"syntax-highlighter-backdrop"}))};});var Ft,Ut=a(()=>{Ft=styled.ul(()=>({display:"flex",flexDirection:"column",rowGap:16,padding:0,margin:0}));});var Vt,Qt=a(()=>{Ut();Vt=({children:t})=>e.createElement(Ft,null,t);});var Zt,Xt,Kt,qt=a(()=>{Zt=styled.li(()=>({display:"flex",alignItems:"flex-start",columnGap:12})),Xt=styled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,color:t.color.darker,fontSize:"13px"})),Kt=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,Jt=a(()=>{qt();W=({children:t,index:o,isCompleted:n})=>e.createElement(Zt,null,e.createElement(Kt,{"aria-label":n?"complete":"not complete",isCompleted:n},n?e.createElement(Icons,{width:10,height:10,icon:"check",color:"white"}):o),e.createElement(Xt,null,t));});function Rt(){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 to=a(()=>{});var eo,ro=a(()=>{eo=(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 no,io=a(()=>{no=(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 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 co,mo=a(()=>{co="data:image/png;base64,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";});var uo,fo=a(()=>{uo=[[{code:"// Button.stories.jsx"}],[{code:"import { Button } from './Button';"}],[{code:`const meta = {
298
+ `;});var le,Wt,Mt=a(()=>{Et();le={default:{filter:"grayscale(1)",opacity:.5},active:{filter:"grayscale(0)",opacity:1}},Wt=forwardRef(({active:t,contents:o,open:n},r)=>e.createElement(ThemeProvider,{theme:ensure(themes.dark)},e.createElement(It,{ref:r,initial:"default",animate:t?"active":"default","aria-hidden":!t,variants:le,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,At,jt=a(()=>{zt();Mt();U=49,At=({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},v=useCallback(()=>{let p=o.flatMap((d,m)=>{let y=s[m].current.getBoundingClientRect().height,P=[{yPos:l(m)+U-7,height:y,index:m,open:!1}];return d.length>1&&P.push({yPos:l(m)+U-7,height:y,index:m,open:!0}),P});i(p);},[o]);return useEffect(()=>{let p=new ResizeObserver(()=>{v();});return s.forEach(d=>{p.observe(d.current);}),()=>{p.disconnect();}},[]),e.createElement(e.Fragment,null,e.createElement(Nt,{width:n},e.createElement(Bt,{animate:{y:r[t]?.yPos??0},transition:{ease:"easeInOut",duration:.6}},o.map((p,d)=>e.createElement(Wt,{key:d,ref:s[d],active:r[t]?.index===d,open:r[t]?.index>d?!0:r[t]?.open??!1,contents:p}))),e.createElement(Ot,{animate:{height:r[t]?.height??0},transition:{ease:"easeInOut",duration:.6},style:{top:U},className:"syntax-highlighter-backdrop"})))};});var _t,Gt=a(()=>{_t=styled.ul(()=>({display:"flex",flexDirection:"column",rowGap:16,padding:0,margin:0}));});var Yt,$t=a(()=>{Gt();Yt=({children:t})=>e.createElement(_t,null,t);});var Ht,Ft,Ut,Vt=a(()=>{Ht=styled.li(()=>({display:"flex",alignItems:"flex-start",columnGap:12})),Ft=styled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,color:t.color.darker,fontSize:"13px"})),Ut=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 M,Qt=a(()=>{Vt();M=({children:t,index:o,isCompleted:n})=>e.createElement(Ht,null,e.createElement(Ut,{"aria-label":n?"complete":"not complete",isCompleted:n},n?e.createElement(Icons,{width:10,height:10,icon:"check",color:"white"}):o),e.createElement(Ft,null,t));});function Zt(){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 Xt=a(()=>{});var qt,Jt=a(()=>{qt=(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 Rt,to=a(()=>{Rt=(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 eo,oo=a(()=>{eo="data:image/png;base64,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";});var no,ro=a(()=>{no="data:image/png;base64,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";});var so,io=a(()=>{so="data:image/png;base64,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";});var ao,po=a(()=>{ao=[[{content:"// Button.stories.jsx"}],[{content:"import { Button } from './Button';"}],[{content:`const meta = {
360
299
  title: 'Example/Button',
361
300
  component: Button,
362
301
  // ...
363
302
  };
364
303
 
365
- export default meta;`}],[{code:"export const Primary = {"},{code:`args: {
304
+ export default meta;`}],[{content:"export const Primary = {"},{content:`args: {
366
305
  primary: true,
367
306
  label: 'Click',
368
307
  background: 'red'
369
- }`,toggle:!0},{code:"};"}],[{code:`// Copy the code below
308
+ }`,toggle:!0},{content:"};"}],[{content:`// Copy the code below
370
309
  export const Warning = {
371
310
  args: {
372
311
  primary: true,
373
312
  backgroundColor: 'red',
374
313
  label: 'Delete now'
375
314
  }
376
- };`}]];});var go,ho=a(()=>{go=[[{code:"// Button.stories.tsx"}],[{code:`import type { Meta, StoryObj } from '@storybook/react';
315
+ };`}]];});var lo,mo=a(()=>{lo=[[{content:"// Button.stories.tsx"}],[{content:`import type { Meta, StoryObj } from '@storybook/react';
377
316
 
378
- import { Button } from './Button';`}],[{code:`const meta: Meta<typeof Button> = {
317
+ import { Button } from './Button';`}],[{content:`const meta: Meta<typeof Button> = {
379
318
  title: 'Example/Button',
380
319
  component: Button,
381
320
  // ...
382
321
  };
383
322
 
384
- export default meta;`}],[{code:"export const Primary: Story = {"},{code:`args: {
323
+ export default meta;`}],[{content:"export const Primary: Story = {"},{content:`args: {
385
324
  primary: true,
386
325
  label: 'Click',
387
326
  background: 'red'
388
- }`,toggle:!0},{code:"};"}],[{code:`// Copy the code below
327
+ }`,toggle:!0},{content:"};"}],[{content:`// Copy the code below
389
328
  export const Warning: Story = {
390
329
  args: {
391
330
  primary: true,
392
331
  backgroundColor: 'red',
393
332
  label: 'Delete now'
394
333
  }
395
- };`}]];});var xo,yo=a(()=>{xo=[[{code:"// Button.stories.tsx"}],[{code:`import type { Meta, StoryObj } from '@storybook/nextjs';
334
+ };`}]];});var co,uo=a(()=>{co=[[{content:"// Button.stories.tsx"}],[{content:`import type { Meta, StoryObj } from '@storybook/nextjs';
396
335
 
397
- import { Button } from './Button';`}],[{code:`const meta: Meta<typeof Button> = {
336
+ import { Button } from './Button';`}],[{content:`const meta: Meta<typeof Button> = {
398
337
  title: 'Example/Button',
399
338
  component: Button,
400
339
  // ...
401
340
  };
402
341
 
403
- export default meta;`}],[{code:"export const Primary: Story = {"},{code:`args: {
342
+ export default meta;`}],[{content:"export const Primary: Story = {"},{content:`args: {
404
343
  primary: true,
405
344
  label: 'Click',
406
345
  background: 'red'
407
- }`,toggle:!0},{code:"};"}],[{code:`// Copy the code below
346
+ }`,toggle:!0},{content:"};"}],[{content:`// Copy the code below
408
347
  export const Warning: Story = {
409
348
  args: {
410
349
  primary: true,
411
350
  backgroundColor: 'red',
412
351
  label: 'Delete now'
413
352
  }
414
- };`}]];});function bo(){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 Co=a(()=>{});function vo({onFinish:t,api:o,addonsStore:n}){let[r,i]=useState("imports"),s={imports:1,meta:2,story:3,args:4,customStory:5},[l,b]=useState(!1),[p,d]=je(),c=Rt(),x=eo(r==="customStory",o,n),C=no("syntax-highlighter-backdrop",r==="customStory"),X=bo(),N=X?.data?.language==="javascript"?uo:X?.data?.framework.name==="@storybook/nextjs"?xo:go,Bo=()=>{let j=N[4][0].code;navigator.clipboard.writeText(j.replace("// Copy the code below","")),b(!0);};return e.createElement(D,{width:740,height:430,defaultOpen:!0},({Title:j,Description:Do,Close:Io})=>e.createElement(wt,null,N?e.createElement(Yt,{activeStep:s[r]||1,data:N,width:480}):null,C&&!x?.data&&e.createElement(f,{ref:p,onClick:()=>{Bo();},style:{position:"absolute",top:C.top+C.height-45,left:C.left+C.width-(d.width??0)-10,zIndex:1e3}},l?"Copied to clipboard":"Copy code"),e.createElement(vt,null,e.createElement(kt,null,e.createElement(j,{asChild:!0},e.createElement(Pt,null,e.createElement(Icons,{icon:"bookmarkhollow",width:13}),e.createElement("span",null,"How to write a story"))),e.createElement(Io,{asChild:!0},e.createElement(Icons,{style:{cursor:"pointer"},icon:"cross",width:13}))),e.createElement(Do,{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(f,{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(I,{width:"204",alt:"Title property pointing to Storybook's sidebar",src:ao})),e.createElement(f,{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(I,{width:"190",alt:"Story export pointing to the sidebar entry of the story",src:lo})),e.createElement(f,{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(I,{alt:"Args mapped to their controls in Storybook",width:"253",src:co})),e.createElement(f,{style:{marginTop:4},onClick:()=>{i("customStory");}},"Next")),r==="customStory"&&(x?.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(Vt,null,e.createElement(W,{isCompleted:l||x?.data,index:1},"Copy the Warning story"),e.createElement(W,{isCompleted:x?.data,index:2},"Open"," ",c?.data?e.createElement(Lt,null,c.data):e.createElement(e.Fragment,null,"the Button Story")," ","in your current working directory"),e.createElement(W,{isCompleted:x?.data,index:3},"Paste it at the bottom of the file"))),x?.data?e.createElement(f,{onClick:()=>{t();}},"Go to story"):null)))),e.createElement(zt,null,e.createElement(Bt,null),e.createElement(Dt,null),e.createElement(It,null)))))}var ko=a(()=>{L();$();Mt();Ht();Qt();Jt();to();ro();io();so();po();mo();fo();ho();yo();Co();});var Lo={};Eo(Lo,{default:()=>To});function To({api:t}){let[o,n]=useState(!0),[r,i]=useState(!1),[s,l]=useState("1:Welcome"),b=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})=>{t.setQueryParams({onboarding:"true"}),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"&&b();};return t.on(STORY_CHANGED,p),()=>{t.off(STORY_CHANGED,p);}},[]),o?e.createElement(ThemeProvider,{theme:He},r&&e.createElement(T,{numberOfPieces:1e3,initialVelocityY:3,recycle:!1,onConfettiComplete:p=>{p.reset(),i(!1);}}),s==="1:Welcome"&&e.createElement(Ct,{onProceed:()=>{l("2:StorybookTour");},onSkip:b}),(s==="2:StorybookTour"||s==="5:ConfigureYourProject")&&e.createElement(ot,{api:t,isFinalStep:s==="5:ConfigureYourProject",onFirstTourDone:()=>{l("3:WriteYourStory");}}),s==="3:WriteYourStory"&&e.createElement(vo,{api:t,addonsStore:addons,onFinish:()=>{t.selectStory("example-button--warning"),l("4:VisitNewStory");}})):null}var He,zo=a(()=>{et();St();ko();O();He=ensure(themes.light);});var Ze=lazy(()=>Promise.resolve().then(()=>(zo(),Lo)));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 i=document.createElement("div");i.id="addon-onboarding",document.body.appendChild(i),Fe.render(e.createElement(Suspense,{fallback:e.createElement("div",null,"Loading...")},e.createElement(Ze,{api:t})),i);}});
353
+ };`}]];});function fo(){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 go=a(()=>{});var w,Q=a(()=>{w="STORYBOOK_ADDON_ONBOARDING_CHANNEL";});function yo({onFinish:t,api:o,addonsStore:n}){let[r,i]=e.useState("imports"),[s,l]=e.useState(!1),[v,p]=Be(),d=Zt(),m=qt(r==="customStory",o,n),y=Rt("syntax-highlighter-backdrop",r==="customStory"),P=fo(),A=P?.data?.language==="javascript"?ao:P?.data?.framework.name==="@storybook/nextjs"?co:lo,ko=()=>{let j=A[4][0].content;navigator.clipboard.writeText(j.replace("// Copy the code below","")),l(!0);},Po={imports:1,meta:2,story:3,args:4,customStory:5},Do=useCallback(()=>{o.emit(w,{step:"X:SkippedOnboarding",where:`HowToWriteAStoryModal:${r}`});},[o,r]);return e.createElement(I,{width:738,height:445,defaultOpen:!0},({Title:j,Description:To,Close:Lo})=>e.createElement(wt,null,e.createElement("div",{style:{height:"445px",backgroundColor:"#171c23"}},A?e.createElement(At,{activeStep:Po[r]||1,contents:A,width:"445px"}):null,y&&!m?.data&&e.createElement(f,{ref:v,onClick:()=>{ko();},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.createElement(vt,null,e.createElement(kt,null,e.createElement(j,null,e.createElement(Icons,{icon:"bookmarkhollow"})," ",e.createElement("span",null,"How to write a story")),e.createElement(Lo,{onClick:Do,asChild:!0},e.createElement(Icons,{style:{cursor:"pointer"},icon:"closeAlt"}))),e.createElement(To,{asChild:!0},e.createElement(Pt,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(f,{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(E,{width:"204",alt:"Title property pointing to Storybook's sidebar",src:eo})),e.createElement(f,{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(E,{width:"190",alt:"Story export pointing to the sidebar entry of the story",src:no})),e.createElement(f,{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(E,{alt:"Args mapped to their controls in Storybook",width:"253",src:so})),e.createElement(f,{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(Yt,null,e.createElement(M,{isCompleted:s||m?.data,index:1},"Copy the Warning story"),e.createElement(M,{isCompleted:m?.data,index:2},"Open"," ",d?.data?e.createElement(Dt,null,d.data):e.createElement(e.Fragment,null,"the Button Story")," ","in your current working directory"),e.createElement(M,{isCompleted:m?.data,index:3},"Paste it at the bottom of the file"))),m?.data?e.createElement(f,{onClick:()=>{t();}},"Go to story"):null)))))))}var xo=a(()=>{N();Y();Tt();jt();$t();Qt();Xt();Jt();to();oo();ro();io();po();mo();uo();go();Q();});var wo={};No(wo,{default:()=>Co});function Co({api:t}){let[o,n]=useState(!0),[r,i]=useState(!1),[s,l]=useState("1:Welcome"),v=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(()=>{t.once(CURRENT_STORY_WAS_SET,()=>{t.emit(w,{step:"1:Welcome"});});},[]),useEffect(()=>{t.emit(w,{step:s});},[t,s]),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})=>{t.setQueryParams({onboarding:"true"}),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"&&(v(),t.emit(w,{step:"6:FinishedOnboarding"}));};return t.on(STORY_CHANGED,p),()=>{t.off(STORY_CHANGED,p);}},[]),o?e.createElement(ThemeProvider,{theme:We},r&&e.createElement(B,{numberOfPieces:1e3,initialVelocityY:3,recycle:!1,onConfettiComplete:p=>{p.reset(),i(!1);}}),s==="1:Welcome"&&e.createElement(St,{onProceed:()=>{l("2:StorybookTour");},onSkip:()=>{v(),t.emit(w,{step:"X:SkippedOnboarding",where:"WelcomeModal"});}}),(s==="2:StorybookTour"||s==="5:ConfigureYourProject")&&e.createElement(ot,{api:t,isFinalStep:s==="5:ConfigureYourProject",onFirstTourDone:()=>{l("3:WriteYourStory");}}),s==="3:WriteYourStory"&&e.createElement(yo,{api:t,addonsStore:addons,onFinish:()=>{t.selectStory("example-button--warning"),l("4:VisitNewStory");}})):null}var We,vo=a(()=>{et();Ct();xo();_();Q();We=ensure(themes.light);});var Ge=lazy(()=>Promise.resolve().then(()=>(vo(),wo)));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 i=document.createElement("div");i.id="addon-onboarding",document.body.appendChild(i),Me.render(e.createElement(Suspense,{fallback:e.createElement("div",null,"Loading...")},e.createElement(Ge,{api:t})),i);}});
415
354
  //# sourceMappingURL=out.js.map
416
355
  //# sourceMappingURL=manager.mjs.map