@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.
Files changed (5) hide show
  1. package/dist/manager.js +66 -127
  2. package/dist/manager.js.map +1 -1
  3. package/dist/manager.mjs +62 -123
  4. package/dist/manager.mjs.map +1 -1
  5. package/package.json +12 -10
package/dist/manager.js CHANGED
@@ -1,15 +1,15 @@
1
1
  'use strict';
2
2
 
3
3
  var e = require('react');
4
- var No = require('react-confetti');
4
+ var zo = require('react-confetti');
5
5
  var theming = require('@storybook/theming');
6
- var Fe = require('react-dom');
7
- var Xo = require('react-joyride');
6
+ var Me = require('react-dom');
7
+ var Vo = require('react-joyride');
8
8
  var coreEvents = require('@storybook/core-events');
9
- var h = require('@radix-ui/react-dialog');
9
+ var g = require('@radix-ui/react-dialog');
10
10
  var components = require('@storybook/components');
11
11
  var framerMotion = require('framer-motion');
12
- var je = require('react-use-measure');
12
+ var Be = require('react-use-measure');
13
13
  var managerApi = require('@storybook/manager-api');
14
14
 
15
15
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -33,13 +33,13 @@ function _interopNamespace(e) {
33
33
  }
34
34
 
35
35
  var e__default = /*#__PURE__*/_interopDefault(e);
36
- var No__default = /*#__PURE__*/_interopDefault(No);
37
- var Fe__default = /*#__PURE__*/_interopDefault(Fe);
38
- var Xo__default = /*#__PURE__*/_interopDefault(Xo);
39
- var h__namespace = /*#__PURE__*/_interopNamespace(h);
40
- var je__default = /*#__PURE__*/_interopDefault(je);
36
+ var zo__default = /*#__PURE__*/_interopDefault(zo);
37
+ var Me__default = /*#__PURE__*/_interopDefault(Me);
38
+ var Vo__default = /*#__PURE__*/_interopDefault(Vo);
39
+ var g__namespace = /*#__PURE__*/_interopNamespace(g);
40
+ var Be__default = /*#__PURE__*/_interopDefault(Be);
41
41
 
42
- 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 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=`
42
+ 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 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=`
43
43
  @keyframes pulsate {
44
44
  0% {
45
45
  box-shadow: 0 0 0 0 rgba(2, 156, 253, 0.7), 0 0 0 0 rgba(2, 156, 253, 0.4);
@@ -51,7 +51,7 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
51
51
  box-shadow: 0 0 0 0 rgba(2, 156, 253, 0), 0 0 0 0 rgba(2, 156, 253, 0);
52
52
  }
53
53
  }
54
- `,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]=e.useState(()=>{let l=document.createElement("div");return l.setAttribute("id","confetti-container"),l.setAttribute("style","position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999;"),l});return e.useEffect(()=>(document.body.appendChild(s),()=>{document.body.removeChild(s);}),[]),Fe.createPortal(e__default.default.createElement(_o,{top:t,left:o,width:n,height:r},e__default.default.createElement(No__default.default,{...i})),s)}var _o,O=a(()=>{_o=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 f,L=a(()=>{f=theming.styled.button`
54
+ `,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]=e.useState(()=>{let l=document.createElement("div");return l.setAttribute("id","confetti-container"),l.setAttribute("style","position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999;"),l});return e.useEffect(()=>(document.body.appendChild(s),()=>{document.body.removeChild(s);}),[]),Me.createPortal(e__default.default.createElement(Ao,{top:t,left:o,width:n,height:r},e__default.default.createElement(zo__default.default,{...i})),s)}var Ao,_=a(()=>{Ao=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 f,N=a(()=>{f=theming.styled.button`
55
55
  all: unset;
56
56
  border: 0;
57
57
  border-radius: 0.25rem;
@@ -76,36 +76,36 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
76
76
  &:focus {
77
77
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
78
78
  }
79
- `;});var Yo,Ho,Fo,Uo,Vo,R,tt=a(()=>{L();Yo=theming.styled.div`
79
+ `;});var _o,Go,Yo,$o,Ho,R,tt=a(()=>{N();_o=theming.styled.div`
80
80
  background: #fff;
81
81
  width: 260px;
82
82
  padding: 15px;
83
83
  border-radius: 5px;
84
- `,Ho=theming.styled.div`
84
+ `,Go=theming.styled.div`
85
85
  display: flex;
86
86
  flex-direction: column;
87
87
  align-items: flex-start;
88
- `,Fo=theming.styled.div`
88
+ `,Yo=theming.styled.div`
89
89
  font-size: 13px;
90
90
  font-weight: 700;
91
91
  color: ${({theme:t})=>t.color.darkest};
92
- `,Uo=theming.styled.p`
92
+ `,$o=theming.styled.p`
93
93
  font-size: 13px;
94
94
  text-align: start;
95
95
  color: ${({theme:t})=>t.color.mediumdark};
96
96
  margin: 0;
97
97
  margin-top: 5px;
98
- `,Vo=theming.styled.div`
98
+ `,Ho=theming.styled.div`
99
99
  display: flex;
100
100
  justify-content: flex-end;
101
101
  margin-top: 15px;
102
- `,R=({step:t,primaryProps:o,tooltipProps:n})=>e__default.default.createElement(Yo,{...n},e__default.default.createElement(Ho,null,t.title&&e__default.default.createElement(Fo,null,t.title),e__default.default.createElement(Uo,null,t.content)),!t.hideNextButton&&e__default.default.createElement(Vo,{id:"buttonNext"},e__default.default.createElement(f,{...o},"Next")));});function ot({api:t,isFinalStep:o,onFirstTourDone:n}){let[r,i]=e.useState();return e.useEffect(()=>{t.once(coreEvents.STORY_ARGS_UPDATED,()=>{i(3);});},[]),e__default.default.createElement(Xo__default.default,{steps:o?[{target:"#configure-your-project--docs",title:"Continue setting up your project",content:"You nailed the basics. Now get started writing stories for your own components.",placement:"right",disableOverlay:!0,disableBeacon:!0,floaterProps:{disableAnimation:!0},hideNextButton:!0}]:[{target:"#storybook-explorer-tree > div",title:"Storybook is built from stories",content:"Storybook uses stories to represent the key states supported by each of your components. For example: this Button component has four stories.",placement:"right",disableBeacon:!0,styles:{spotlight:{transform:"translateY(30px)"}},floaterProps:{disableAnimation:!0}},{target:"#storybook-preview-iframe",title:"Storybook previews are interactive",content:"Whenever you modify code or stories, Storybook automatically updates how it previews your components.",placement:"bottom"},{target:"#root div[role=main]",title:"Interactive story playground",content: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),e__default.default.createElement("br",null),"Try it out by pressing this button.",e__default.default.createElement(K,{targetSelector:"#control-primary"})),placement:"right",spotlightClicks:!0,floaterProps:{target:"#control-primary"},hideNextButton:!0},{target:"#control-primary",title:"Congratulations!",content:e__default.default.createElement(e__default.default.Fragment,null,"You've learned how to control your stories interactively. Now: let's explore how to write your first story.",e__default.default.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===Xo.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=theming.styled(h__namespace.Overlay)`
102
+ `,R=({step:t,primaryProps:o,tooltipProps:n})=>e__default.default.createElement(_o,{...n},e__default.default.createElement(Go,null,t.title&&e__default.default.createElement(Yo,null,t.title),e__default.default.createElement($o,null,t.content)),!t.hideNextButton&&e__default.default.createElement(Ho,{id:"buttonNext"},e__default.default.createElement(f,{...o},"Next")));});function ot({api:t,isFinalStep:o,onFirstTourDone:n}){let[r,i]=e.useState();return e.useEffect(()=>{t.once(coreEvents.STORY_ARGS_UPDATED,()=>{i(3);});},[]),e__default.default.createElement(Vo__default.default,{steps:o?[{target:"#configure-your-project--docs",title:"Continue setting up your project",content:"You nailed the basics. Now get started writing stories for your own components.",placement:"right",disableOverlay:!0,disableBeacon:!0,floaterProps:{disableAnimation:!0},hideNextButton:!0}]:[{target:"#storybook-explorer-tree > div",title:"Storybook is built from stories",content:"Storybook uses stories to represent the key states supported by each of your components. For example: this Button component has four stories.",placement:"right",disableBeacon:!0,styles:{spotlight:{transform:"translateY(30px)"}},floaterProps:{disableAnimation:!0}},{target:"#storybook-preview-iframe",title:"Storybook previews are interactive",content:"Whenever you modify code or stories, Storybook automatically updates how it previews your components.",placement:"bottom"},{target:"#root div[role=main]",title:"Interactive story playground",content: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),e__default.default.createElement("br",null),"Try it out by pressing this button.",e__default.default.createElement(K,{targetSelector:"#control-primary"})),placement:"right",spotlightClicks:!0,floaterProps:{target:"#control-primary"},hideNextButton:!0},{target:"#control-primary",title:"Congratulations!",content:e__default.default.createElement(e__default.default.Fragment,null,"You've learned how to control your stories interactively. Now: let's explore how to write your first story.",e__default.default.createElement(B,{numberOfPieces:100})),placement:"right",disableOverlay:!0}],continuous:!0,stepIndex:r,spotlightPadding:0,hideBackButton:!0,disableCloseOnEsc:!0,disableOverlayClose:!0,disableScrolling:!0,hideCloseButton:!0,callback:l=>{!o&&l.status===Vo.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=theming.styled(g__namespace.Overlay)`
103
103
  background-color: rgba(27, 28, 29, 0.48);
104
104
  position: fixed;
105
105
  inset: 0px;
106
106
  width: 100%;
107
107
  height: 100%;
108
- `,Ro=theming.styled.div(({width:t,height:o})=>theming.css`
108
+ `,Ko=theming.styled.div(({width:t,height:o})=>theming.css`
109
109
  background-color: white;
110
110
  border-radius: 6px;
111
111
  box-shadow: rgba(14, 18, 22, 0.35) 0px 10px 38px -10px;
@@ -118,7 +118,7 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
118
118
  max-width: calc(100% - 40px);
119
119
  max-height: 85vh;
120
120
  overflow: hidden;
121
- `),it=e__default.default.forwardRef(({width:t,height:o,children:n,...r},i)=>e__default.default.createElement(h__namespace.Content,{ref:i,asChild:!0,...r},e__default.default.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__default.default.createElement(h__namespace.Root,{...s},e__default.default.createElement(h__namespace.Portal,null,e__default.default.createElement(nt,null),e__default.default.createElement(it,{width:o,height:n,onInteractOutside:i,onEscapeKeyDown:r},t({Title:h__namespace.Title,Description:h__namespace.Description,Close:h__namespace.Close}))))}var $=a(()=>{st();});function at(){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 pt=a(()=>{});var lt,dt,mt,ct,ut,ft,gt,oe,ht,ee,xt,re,yt,bt=a(()=>{lt=theming.styled.div`
121
+ `),it=e__default.default.forwardRef(({width:t,height:o,children:n,...r},i)=>e__default.default.createElement(g__namespace.Content,{ref:i,asChild:!0,...r},e__default.default.createElement(Ko,{width:t,height:o},n)));});function I({children:t,width:o,height:n,onEscapeKeyDown:r,onInteractOutside:i=l=>l.preventDefault(),...s}){return e__default.default.createElement(g__namespace.Root,{...s},e__default.default.createElement(g__namespace.Portal,null,e__default.default.createElement(nt,null),e__default.default.createElement(it,{width:o,height:n,onInteractOutside:i,onEscapeKeyDown:r},t({Title:g__namespace.Title,Description:g__namespace.Description,Close:g__namespace.Close}))))}var Y=a(()=>{st();});function at(){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 pt=a(()=>{});var lt,dt,mt,ct,ut,ft,gt,Jo,ht,Ro,yt,te,xt,bt=a(()=>{lt=theming.styled.div`
122
122
  border-radius: 5px;
123
123
  display: flex;
124
124
  flex-direction: column;
@@ -169,7 +169,7 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
169
169
  height: 100%;
170
170
  z-index: -1;
171
171
  overflow: hidden;
172
- `,oe=theming.keyframes`
172
+ `,Jo=theming.keyframes`
173
173
  0% { transform: translate(0px, 0px) }
174
174
  50% { transform: translate(-200px, 0px) }
175
175
  100% { transform: translate(0px, 0px) }
@@ -184,14 +184,14 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
184
184
  rgba(253, 255, 147, 1) 0%,
185
185
  rgba(253, 255, 147, 0) 70%
186
186
  );
187
- animation: ${oe} 4s linear infinite;
187
+ animation: ${Jo} 4s linear infinite;
188
188
  animation-timing-function: ease-in-out;
189
189
  z-index: 3;
190
- `,ee=theming.keyframes`
190
+ `,Ro=theming.keyframes`
191
191
  0% { transform: translate(0px, 0px) }
192
192
  50% { transform: translate(400px, 0px) }
193
193
  100% { transform: translate(0px, 0px) }
194
- `,xt=theming.styled.div`
194
+ `,yt=theming.styled.div`
195
195
  position: absolute;
196
196
  width: 1200px;
197
197
  height: 1200px;
@@ -202,14 +202,14 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
202
202
  rgba(255, 119, 119, 1) 0%,
203
203
  rgba(255, 119, 119, 0) 70%
204
204
  );
205
- animation: ${ee} 6s linear infinite;
205
+ animation: ${Ro} 6s linear infinite;
206
206
  animation-timing-function: ease-in-out;
207
207
  z-index: 2;
208
- `,re=theming.keyframes`
208
+ `,te=theming.keyframes`
209
209
  0% { transform: translate(600px, -40px) }
210
210
  50% { transform: translate(600px, -200px) }
211
211
  100% { transform: translate(600px, -40px) }
212
- `,yt=theming.styled.div`
212
+ `,xt=theming.styled.div`
213
213
  position: absolute;
214
214
  width: 1200px;
215
215
  height: 1200px;
@@ -220,7 +220,7 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
220
220
  rgba(119, 255, 247, 0.8) 0%,
221
221
  rgba(119, 255, 247, 0) 70%
222
222
  );
223
- animation: ${re} 4s linear infinite;
223
+ animation: ${te} 4s linear infinite;
224
224
  animation-timing-function: ease-in-out;
225
225
  z-index: 4;
226
226
  `,theming.styled.h2`
@@ -233,45 +233,44 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
233
233
  font-weight: 400;
234
234
  line-height: 20px;
235
235
  color: #454e54;
236
- `;});var Ct,St=a(()=>{L();$();pt();bt();Ct=({onSkip:t,onProceed:o})=>e__default.default.createElement(D,{width:540,height:430,defaultOpen:!0},({Close:n})=>e__default.default.createElement(lt,{"data-chromatic":"ignore"},e__default.default.createElement(dt,null,e__default.default.createElement(at,null),e__default.default.createElement(mt,null,"Welcome to Storybook"),e__default.default.createElement(ct,null,"Storybook helps you develop UI components. Learn the basics in a few simple steps."),e__default.default.createElement(f,{style:{marginTop:4},onClick:o},"Start your 3 minute tour")),e__default.default.createElement(n,{asChild:!0},e__default.default.createElement(ut,{onClick:t},"Skip tour",e__default.default.createElement(ft,{icon:"arrowright"}))),e__default.default.createElement(gt,null,e__default.default.createElement(ht,null),e__default.default.createElement(xt,null),e__default.default.createElement(yt,null))));});var wt,vt,kt,Pt,Tt,Lt,I,zt,ne,Bt,ie,Dt,se,It,Mt=a(()=>{wt=theming.styled.div`
236
+ `;});var St,Ct=a(()=>{N();Y();pt();bt();St=({onSkip:t,onProceed:o})=>e__default.default.createElement(I,{width:540,height:430,defaultOpen:!0},({Close:n})=>e__default.default.createElement(lt,{"data-chromatic":"ignore"},e__default.default.createElement(dt,null,e__default.default.createElement(at,null),e__default.default.createElement(mt,null,"Welcome to Storybook"),e__default.default.createElement(ct,null,"Storybook helps you develop UI components. Learn the basics in a few simple steps."),e__default.default.createElement(f,{style:{marginTop:4},onClick:o},"Start your 3 minute tour")),e__default.default.createElement(n,{asChild:!0},e__default.default.createElement(ut,{onClick:t},"Skip tour",e__default.default.createElement(ft,{icon:"arrowright"}))),e__default.default.createElement(gt,null,e__default.default.createElement(ht,null),e__default.default.createElement(yt,null),e__default.default.createElement(xt,null))));});var wt,vt,kt,Pt,Dt,E,Tt=a(()=>{wt=theming.styled.div`
237
237
  display: flex;
238
238
  flex-direction: row;
239
- height: 100%;
240
239
  max-height: 85vh;
241
240
  `,vt=theming.styled.div`
242
- position: relative;
243
241
  flex: 1;
244
242
  display: flex;
245
243
  flex-direction: column;
246
244
  font-family: ${({theme:t})=>t.typography.fonts.base};
247
245
  `,kt=theming.styled.div`
248
- box-sizing: border-box;
249
246
  display: flex;
250
247
  justify-content: space-between;
251
248
  align-items: center;
252
- padding: 0 15px;
253
- border-bottom: 1px solid ${({theme:t})=>t.appBorderColor};
254
- height: 40px;
255
- `,Pt=theming.styled.div`
256
- display: flex;
257
- align-items: center;
258
- gap: 5px;
259
- font-size: 13px;
260
- font-weight: bold;
261
249
  color: ${({theme:t})=>t.color.darkest};
250
+ padding: 1em;
251
+ border-bottom: 1px solid ${({theme:t})=>t.appBorderColor};
262
252
 
263
- span {
264
- margin-top: 2px;
253
+ h2 {
254
+ margin: 0;
255
+ padding: 0;
256
+ display: flex;
257
+ align-items: center;
258
+ font-size: 13px;
259
+ font-weight: bold;
260
+ }
261
+
262
+ svg {
263
+ margin-right: 0.5em;
265
264
  }
266
- `,Tt=theming.styled.div`
265
+ `,Pt=theming.styled.div`
267
266
  font-size: 13px;
268
- padding: 15px;
267
+ padding: 1em;
269
268
  flex: 1;
270
269
  display: flex;
271
270
  flex-direction: column;
272
271
  align-items: flex-end;
273
272
  justify-content: space-between;
274
- color: ${({theme:t})=>t.color.darker};
273
+ color: #454e54;
275
274
 
276
275
  h3 {
277
276
  font-size: 13px;
@@ -279,7 +278,10 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
279
278
  padding: 0;
280
279
  margin: 0;
281
280
  }
282
- `,Lt=theming.styled.span`
281
+ `,theming.styled.div`
282
+ display: flex;
283
+ flex-direction: column;
284
+ `,Dt=theming.styled.span`
283
285
  color: ${({theme:t})=>t.color.secondary};
284
286
  display: inline-block;
285
287
  border-radius: 4px;
@@ -287,80 +289,17 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
287
289
  opacity: 0.8;
288
290
  background-color: ${({theme:t})=>t.color.secondary}20;
289
291
  font-weight: bold;
290
- `,I=theming.styled.img`
292
+ `,E=theming.styled.img`
291
293
  max-width: 100%;
292
294
  margin-top: 1em;
293
- `,zt=theming.styled.div`
294
- position: absolute;
295
- top: 0;
296
- left: 0;
297
- width: 100%;
298
- height: 100%;
299
- z-index: -1;
300
- overflow: hidden;
301
- `,ne=theming.keyframes`
302
- 0% { transform: translate(0px, 0px) }
303
- 50% { transform: translate(120px, 0px) }
304
- 100% { transform: translate(0px, 0px) }
305
- `,Bt=theming.styled.div`
306
- position: absolute;
307
- width: 350px;
308
- height: 350px;
309
- left: -160px;
310
- top: -260px;
311
- background: radial-gradient(
312
- circle at center,
313
- rgba(255, 119, 119, 1) 0%,
314
- rgba(255, 119, 119, 0) 70%
315
- );
316
- animation: ${ne} 8s linear infinite;
317
- animation-timing-function: ease-in-out;
318
- z-index: 2;
319
- `,ie=theming.keyframes`
320
- 0% { transform: translate(0px, 0px) }
321
- 33% { transform: translate(-64px, 0px) }
322
- 66% { transform: translate(120px, 0px) }
323
- 100% { transform: translate(0px, 0px) }
324
- `,Dt=theming.styled.div`
325
- position: absolute;
326
- width: 350px;
327
- height: 350px;
328
- left: -54px;
329
- top: -250px;
330
- background: radial-gradient(
331
- circle at center,
332
- rgba(253, 255, 147, 1) 0%,
333
- rgba(253, 255, 147, 0) 70%
334
- );
335
- animation: ${ie} 12s linear infinite;
336
- animation-timing-function: ease-in-out;
337
- z-index: 3;
338
- `,se=theming.keyframes`
339
- 0% { transform: translate(0px, 0px) }
340
- 50% { transform: translate(-120px, 0px) }
341
- 100% { transform: translate(0px, 0px) }
342
- `,It=theming.styled.div`
343
- position: absolute;
344
- width: 350px;
345
- height: 350px;
346
- left: 150px;
347
- top: -220px;
348
- background: radial-gradient(
349
- circle at center,
350
- rgba(119, 255, 247, 0.8) 0%,
351
- rgba(119, 255, 247, 0) 70%
352
- );
353
- animation: ${se} 4s linear infinite;
354
- animation-timing-function: ease-in-out;
355
- z-index: 4;
356
- `;});var Wt,Nt,jt,Ot=a(()=>{Wt=theming.styled(framerMotion.motion.div)`
295
+ `;});var Bt,Nt,Ot,zt=a(()=>{Bt=theming.styled(framerMotion.motion.div)`
357
296
  position: relative;
358
297
  z-index: 2;
359
298
  `,Nt=theming.styled.div`
360
299
  position: relative;
361
300
  box-sizing: border-box;
362
301
  background: #171c23;
363
- width: ${({width:t})=>t}px;
302
+ width: ${({width:t})=>t};
364
303
  height: 100%;
365
304
  overflow: hidden;
366
305
  padding-left: 15px;
@@ -374,72 +313,72 @@ var Mo=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var Eo=(t,o)=>{f
374
313
  padding: 0 !important;
375
314
  }
376
315
  }
377
- `,jt=theming.styled(framerMotion.motion.div)`
316
+ `,Ot=theming.styled(framerMotion.motion.div)`
378
317
  background: #143046;
379
318
  position: absolute;
380
319
  z-index: 1;
381
320
  left: 0;
382
321
  width: 100%;
383
322
  height: 200px;
384
- `;});var At,$t=a(()=>{At=theming.styled(framerMotion.motion.div)`
323
+ `;});var It,Et=a(()=>{It=theming.styled(framerMotion.motion.div)`
385
324
  position: relative;
386
325
  padding-top: 12px;
387
326
  padding-bottom: 12px;
388
- `;});var ge,_t,Gt=a(()=>{$t();ge={default:{filter:"grayscale(1)",opacity:.5},active:{filter:"grayscale(0)",opacity:1}},_t=e.forwardRef(({active:t,content:o,open:n},r)=>{let i={fontSize:"0.8125rem",lineHeight:"1.1875rem"};return e__default.default.createElement(theming.ThemeProvider,{theme:theming.ensure(theming.themes.dark)},e__default.default.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__default.default.createElement(e.Fragment,{key:b},s===void 0&&e__default.default.createElement(components.SyntaxHighlighter,{language:"javascript",customStyle:i},l),s&&!n&&e__default.default.createElement(components.SyntaxHighlighter,{language:"javascript",customStyle:i}," // ..."),s&&n&&e__default.default.createElement(framerMotion.motion.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.4}},e__default.default.createElement(components.SyntaxHighlighter,{language:"javascript",customStyle: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]=e.useState([]),s=e.useMemo(()=>o.map(()=>e.createRef()),[o]),l=p=>{let d=0;for(let c=0;c<p;c++)d-=s[c].current.getBoundingClientRect().height;return d},b=e.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 e.useLayoutEffect(()=>{let p=new ResizeObserver(()=>{b();});return s.forEach(d=>{p.observe(d.current);}),()=>{p.disconnect();}},[]),e__default.default.createElement(Nt,{width:n},e__default.default.createElement(Wt,{animate:{y:r[t]?.yPos??0},transition:{ease:"easeInOut",duration:.6}},o.map((p,d)=>e__default.default.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__default.default.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=theming.styled.ul(()=>({display:"flex",flexDirection:"column",rowGap:16,padding:0,margin:0}));});var Vt,Qt=a(()=>{Ut();Vt=({children:t})=>e__default.default.createElement(Ft,null,t);});var Zt,Xt,Kt,qt=a(()=>{Zt=theming.styled.li(()=>({display:"flex",alignItems:"flex-start",columnGap:12})),Xt=theming.styled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,color:t.color.darker,fontSize:"13px"})),Kt=theming.styled.div(({isCompleted:t,theme:o})=>({display:"flex",alignItems:"center",justifyContent:"center",border:!t&&`1px solid ${o.color.medium}`,minWidth:20,width:20,height:20,borderRadius:"50%",backgroundColor:t?o.color.green:"white",fontFamily:o.typography.fonts.base,fontSize:10,fontWeight:600,color:o.color.dark}));});var W,Jt=a(()=>{qt();W=({children:t,index:o,isCompleted:n})=>e__default.default.createElement(Zt,null,e__default.default.createElement(Kt,{"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(Xt,null,t));});function Rt(){let[t,o]=e.useState(null);return e.useEffect(()=>{(async()=>{try{let s=(await(await fetch("/index.json")).json()).entries["example-button--primary"].importPath;o({data:s,error:null});}catch(r){console.log({e:r}),o({data:null,error:r});}})();},[]),t}var to=a(()=>{});var eo,ro=a(()=>{eo=(t,o,n)=>{let[r,i]=e.useState(null);return e.useEffect(()=>{if(t){let s=()=>{n.getChannel().once(coreEvents.STORY_RENDERED,()=>{o.getData("example-button--warning")&&i({data:!0,error:null});});};return n.getServerChannel().on(coreEvents.STORY_INDEX_INVALIDATED,s),()=>{n.getServerChannel().off(coreEvents.STORY_INDEX_INVALIDATED,s);}}},[t]),r};});var no,io=a(()=>{no=(t,o)=>{let[n,r]=e.useState(null),i=document.querySelector(`.${t}`);return e.useEffect(()=>{if(o){let s=new ResizeObserver(()=>{i&&r({top:i.offsetTop,left:i.offsetLeft,height:i.offsetHeight,width:i.offsetWidth});});return s.observe(i),()=>{s.disconnect();}}},[t,o]),n};});var 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 = {
327
+ `;});var le,Wt,Mt=a(()=>{Et();le={default:{filter:"grayscale(1)",opacity:.5},active:{filter:"grayscale(0)",opacity:1}},Wt=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:le,transition:{ease:"easeInOut",duration:.6}},o.map(({toggle:i,content:s},l)=>e__default.default.createElement(e.Fragment,{key:l},i===void 0&&e__default.default.createElement(components.SyntaxHighlighter,{language:"javascript",customStyle:{fontSize:"0.8rem"}},s),i&&!n&&e__default.default.createElement(components.SyntaxHighlighter,{language:"javascript",customStyle:{fontSize:"0.8rem"}}," // ..."),i&&n&&e__default.default.createElement(framerMotion.motion.div,{initial:{opacity:0},animate:{opacity:1},transition:{delay:.4}},e__default.default.createElement(components.SyntaxHighlighter,{language:"javascript",customStyle:{fontSize:"0.8rem"},codeTagProps:{style:{paddingLeft:"15px"}}},s)))))));});var U,At,jt=a(()=>{zt();Mt();U=49,At=({activeStep:t,contents:o,width:n})=>{let[r,i]=e__default.default.useState([]),s=e.useMemo(()=>o.map(()=>e__default.default.createRef()),[o]),l=p=>{let d=0;for(let m=0;m<p;m++)d-=s[m].current.getBoundingClientRect().height;return d},v=e.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 e.useEffect(()=>{let p=new ResizeObserver(()=>{v();});return s.forEach(d=>{p.observe(d.current);}),()=>{p.disconnect();}},[]),e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement(Nt,{width:n},e__default.default.createElement(Bt,{animate:{y:r[t]?.yPos??0},transition:{ease:"easeInOut",duration:.6}},o.map((p,d)=>e__default.default.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__default.default.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=theming.styled.ul(()=>({display:"flex",flexDirection:"column",rowGap:16,padding:0,margin:0}));});var Yt,$t=a(()=>{Gt();Yt=({children:t})=>e__default.default.createElement(_t,null,t);});var Ht,Ft,Ut,Vt=a(()=>{Ht=theming.styled.li(()=>({display:"flex",alignItems:"flex-start",columnGap:12})),Ft=theming.styled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,color:t.color.darker,fontSize:"13px"})),Ut=theming.styled.div(({isCompleted:t,theme:o})=>({display:"flex",alignItems:"center",justifyContent:"center",border:!t&&`1px solid ${o.color.medium}`,minWidth:20,width:20,height:20,borderRadius:"50%",backgroundColor:t?o.color.green:"white",fontFamily:o.typography.fonts.base,fontSize:10,fontWeight:600,color:o.color.dark}));});var M,Qt=a(()=>{Vt();M=({children:t,index:o,isCompleted:n})=>e__default.default.createElement(Ht,null,e__default.default.createElement(Ut,{"aria-label":n?"complete":"not complete",isCompleted:n},n?e__default.default.createElement(components.Icons,{width:10,height:10,icon:"check",color:"white"}):o),e__default.default.createElement(Ft,null,t));});function Zt(){let[t,o]=e.useState(null);return e.useEffect(()=>{(async()=>{try{let s=(await(await fetch("/index.json")).json()).entries["example-button--primary"].importPath;o({data:s,error:null});}catch(r){console.log({e:r}),o({data:null,error:r});}})();},[]),t}var Xt=a(()=>{});var qt,Jt=a(()=>{qt=(t,o,n)=>{let[r,i]=e.useState(null);return e.useEffect(()=>{if(t){let s=()=>{n.getChannel().once(coreEvents.STORY_RENDERED,()=>{o.getData("example-button--warning")&&i({data:!0,error:null});});};return n.getServerChannel().on(coreEvents.STORY_INDEX_INVALIDATED,s),()=>{n.getServerChannel().off(coreEvents.STORY_INDEX_INVALIDATED,s);}}},[t]),r};});var Rt,to=a(()=>{Rt=(t,o)=>{let[n,r]=e.useState(null),i=document.querySelector(`.${t}`);return e.useEffect(()=>{if(o){let s=new ResizeObserver(()=>{i&&r({top:i.offsetTop,left:i.offsetLeft,height:i.offsetHeight,width:i.offsetWidth});});return s.observe(i),()=>{s.disconnect();}}},[t,o]),n};});var 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 = {
389
328
  title: 'Example/Button',
390
329
  component: Button,
391
330
  // ...
392
331
  };
393
332
 
394
- export default meta;`}],[{code:"export const Primary = {"},{code:`args: {
333
+ export default meta;`}],[{content:"export const Primary = {"},{content:`args: {
395
334
  primary: true,
396
335
  label: 'Click',
397
336
  background: 'red'
398
- }`,toggle:!0},{code:"};"}],[{code:`// Copy the code below
337
+ }`,toggle:!0},{content:"};"}],[{content:`// Copy the code below
399
338
  export const Warning = {
400
339
  args: {
401
340
  primary: true,
402
341
  backgroundColor: 'red',
403
342
  label: 'Delete now'
404
343
  }
405
- };`}]];});var go,ho=a(()=>{go=[[{code:"// Button.stories.tsx"}],[{code:`import type { Meta, StoryObj } from '@storybook/react';
344
+ };`}]];});var lo,mo=a(()=>{lo=[[{content:"// Button.stories.tsx"}],[{content:`import type { Meta, StoryObj } from '@storybook/react';
406
345
 
407
- import { Button } from './Button';`}],[{code:`const meta: Meta<typeof Button> = {
346
+ import { Button } from './Button';`}],[{content:`const meta: Meta<typeof Button> = {
408
347
  title: 'Example/Button',
409
348
  component: Button,
410
349
  // ...
411
350
  };
412
351
 
413
- export default meta;`}],[{code:"export const Primary: Story = {"},{code:`args: {
352
+ export default meta;`}],[{content:"export const Primary: Story = {"},{content:`args: {
414
353
  primary: true,
415
354
  label: 'Click',
416
355
  background: 'red'
417
- }`,toggle:!0},{code:"};"}],[{code:`// Copy the code below
356
+ }`,toggle:!0},{content:"};"}],[{content:`// Copy the code below
418
357
  export const Warning: Story = {
419
358
  args: {
420
359
  primary: true,
421
360
  backgroundColor: 'red',
422
361
  label: 'Delete now'
423
362
  }
424
- };`}]];});var xo,yo=a(()=>{xo=[[{code:"// Button.stories.tsx"}],[{code:`import type { Meta, StoryObj } from '@storybook/nextjs';
363
+ };`}]];});var co,uo=a(()=>{co=[[{content:"// Button.stories.tsx"}],[{content:`import type { Meta, StoryObj } from '@storybook/nextjs';
425
364
 
426
- import { Button } from './Button';`}],[{code:`const meta: Meta<typeof Button> = {
365
+ import { Button } from './Button';`}],[{content:`const meta: Meta<typeof Button> = {
427
366
  title: 'Example/Button',
428
367
  component: Button,
429
368
  // ...
430
369
  };
431
370
 
432
- export default meta;`}],[{code:"export const Primary: Story = {"},{code:`args: {
371
+ export default meta;`}],[{content:"export const Primary: Story = {"},{content:`args: {
433
372
  primary: true,
434
373
  label: 'Click',
435
374
  background: 'red'
436
- }`,toggle:!0},{code:"};"}],[{code:`// Copy the code below
375
+ }`,toggle:!0},{content:"};"}],[{content:`// Copy the code below
437
376
  export const Warning: Story = {
438
377
  args: {
439
378
  primary: true,
440
379
  backgroundColor: 'red',
441
380
  label: 'Delete now'
442
381
  }
443
- };`}]];});function bo(){let[t,o]=e.useState(null);return e.useEffect(()=>{(async()=>{try{let i=await(await fetch("/project.json")).json();o({data:i,error:null});}catch(r){o({data:null,error:r});}})();},[]),t}var Co=a(()=>{});function vo({onFinish:t,api:o,addonsStore:n}){let[r,i]=e.useState("imports"),s={imports:1,meta:2,story:3,args:4,customStory:5},[l,b]=e.useState(!1),[p,d]=je__default.default(),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__default.default.createElement(D,{width:740,height:430,defaultOpen:!0},({Title:j,Description:Do,Close:Io})=>e__default.default.createElement(wt,null,N?e__default.default.createElement(Yt,{activeStep:s[r]||1,data:N,width:480}):null,C&&!x?.data&&e__default.default.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__default.default.createElement(vt,null,e__default.default.createElement(kt,null,e__default.default.createElement(j,{asChild:!0},e__default.default.createElement(Pt,null,e__default.default.createElement(components.Icons,{icon:"bookmarkhollow",width:13}),e__default.default.createElement("span",null,"How to write a story"))),e__default.default.createElement(Io,{asChild:!0},e__default.default.createElement(components.Icons,{style:{cursor:"pointer"},icon:"cross",width:13}))),e__default.default.createElement(Do,{asChild:!0},e__default.default.createElement(Tt,null,r==="imports"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Imports"),e__default.default.createElement("p",null,"First, import Meta and StoryObj for type safety and autocompletion in TypeScript stories."),e__default.default.createElement("p",null,"Next, import a component. In this case, the Button component.")),e__default.default.createElement(f,{style:{marginTop:4},onClick:()=>{i("meta");}},"Next")),r==="meta"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Meta"),e__default.default.createElement("p",null,"The default export, Meta, contains metadata about this component's stories. The title field controls where stories appear in the sidebar."),e__default.default.createElement(I,{width:"204",alt:"Title property pointing to Storybook's sidebar",src:ao})),e__default.default.createElement(f,{style:{marginTop:4},onClick:()=>{i("story");}},"Next")),r==="story"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Story"),e__default.default.createElement("p",null,"Each named export is a story. Its contents specify how the story is rendered in addition to other configuration options."),e__default.default.createElement(I,{width:"190",alt:"Story export pointing to the sidebar entry of the story",src:lo})),e__default.default.createElement(f,{style:{marginTop:4},onClick:()=>{i("args");}},"Next")),r==="args"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Args"),e__default.default.createElement("p",null,"Args are inputs that are passed to the component, which Storybook uses to render the component in different states. In React, args = props. They also specify the initial control settings for the story."),e__default.default.createElement(I,{alt:"Args mapped to their controls in Storybook",width:"253",src:co})),e__default.default.createElement(f,{style:{marginTop:4},onClick:()=>{i("customStory");}},"Next")),r==="customStory"&&(x?.error?null:e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Create your first story"),e__default.default.createElement("p",null,"Now it's your turn. See how easy it is to create your first story by following these steps below."),e__default.default.createElement(Vt,null,e__default.default.createElement(W,{isCompleted:l||x?.data,index:1},"Copy the Warning story"),e__default.default.createElement(W,{isCompleted:x?.data,index:2},"Open"," ",c?.data?e__default.default.createElement(Lt,null,c.data):e__default.default.createElement(e__default.default.Fragment,null,"the Button Story")," ","in your current working directory"),e__default.default.createElement(W,{isCompleted:x?.data,index:3},"Paste it at the bottom of the file"))),x?.data?e__default.default.createElement(f,{onClick:()=>{t();}},"Go to story"):null)))),e__default.default.createElement(zt,null,e__default.default.createElement(Bt,null),e__default.default.createElement(Dt,null),e__default.default.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]=e.useState(!0),[r,i]=e.useState(!1),[s,l]=e.useState("1:Welcome"),b=e.useCallback(()=>{let p=new URL(window.location.href);p.searchParams.delete("onboarding");let d=decodeURIComponent(p.searchParams.get("path"));p.search=`?path=${d}`,history.replaceState({},"",p.href),n(!1);},[n]);return e.useEffect(()=>{let p;return s==="4:VisitNewStory"&&(i(!0),p=window.setTimeout(()=>{l("5:ConfigureYourProject");},2e3)),()=>{clearTimeout(p);}},[s]),e.useEffect(()=>{t.once(coreEvents.CURRENT_STORY_WAS_SET,({storyId:p})=>{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");});},[]),e.useEffect(()=>{let p=d=>{d==="configure-your-project--docs"&&b();};return t.on(coreEvents.STORY_CHANGED,p),()=>{t.off(coreEvents.STORY_CHANGED,p);}},[]),o?e__default.default.createElement(theming.ThemeProvider,{theme:He},r&&e__default.default.createElement(T,{numberOfPieces:1e3,initialVelocityY:3,recycle:!1,onConfettiComplete:p=>{p.reset(),i(!1);}}),s==="1:Welcome"&&e__default.default.createElement(Ct,{onProceed:()=>{l("2:StorybookTour");},onSkip:b}),(s==="2:StorybookTour"||s==="5:ConfigureYourProject")&&e__default.default.createElement(ot,{api:t,isFinalStep:s==="5:ConfigureYourProject",onFirstTourDone:()=>{l("3:WriteYourStory");}}),s==="3:WriteYourStory"&&e__default.default.createElement(vo,{api:t,addonsStore:managerApi.addons,onFinish:()=>{t.selectStory("example-button--warning"),l("4:VisitNewStory");}})):null}var He,zo=a(()=>{et();St();ko();O();He=theming.ensure(theming.themes.light);});var Ze=e.lazy(()=>Promise.resolve().then(()=>(zo(),Lo)));managerApi.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__default.default.render(e__default.default.createElement(e.Suspense,{fallback:e__default.default.createElement("div",null,"Loading...")},e__default.default.createElement(Ze,{api:t})),i);}});
382
+ };`}]];});function fo(){let[t,o]=e.useState(null);return e.useEffect(()=>{(async()=>{try{let i=await(await fetch("/project.json")).json();o({data:i,error:null});}catch(r){o({data:null,error:r});}})();},[]),t}var go=a(()=>{});var w,Q=a(()=>{w="STORYBOOK_ADDON_ONBOARDING_CHANNEL";});function yo({onFinish:t,api:o,addonsStore:n}){let[r,i]=e__default.default.useState("imports"),[s,l]=e__default.default.useState(!1),[v,p]=Be__default.default(),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=e.useCallback(()=>{o.emit(w,{step:"X:SkippedOnboarding",where:`HowToWriteAStoryModal:${r}`});},[o,r]);return e__default.default.createElement(I,{width:738,height:445,defaultOpen:!0},({Title:j,Description:To,Close:Lo})=>e__default.default.createElement(wt,null,e__default.default.createElement("div",{style:{height:"445px",backgroundColor:"#171c23"}},A?e__default.default.createElement(At,{activeStep:Po[r]||1,contents:A,width:"445px"}):null,y&&!m?.data&&e__default.default.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__default.default.createElement(vt,null,e__default.default.createElement(kt,null,e__default.default.createElement(j,null,e__default.default.createElement(components.Icons,{icon:"bookmarkhollow"})," ",e__default.default.createElement("span",null,"How to write a story")),e__default.default.createElement(Lo,{onClick:Do,asChild:!0},e__default.default.createElement(components.Icons,{style:{cursor:"pointer"},icon:"closeAlt"}))),e__default.default.createElement(To,{asChild:!0},e__default.default.createElement(Pt,null,r==="imports"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Imports"),e__default.default.createElement("p",null,"First, import Meta and StoryObj for type safety and autocompletion in TypeScript stories."),e__default.default.createElement("p",null,"Next, import a component. In this case, the Button component.")),e__default.default.createElement(f,{style:{marginTop:4},onClick:()=>{i("meta");}},"Next")),r==="meta"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Meta"),e__default.default.createElement("p",null,"The default export, Meta, contains metadata about this component's stories. The title field controls where stories appear in the sidebar."),e__default.default.createElement(E,{width:"204",alt:"Title property pointing to Storybook's sidebar",src:eo})),e__default.default.createElement(f,{style:{marginTop:4},onClick:()=>{i("story");}},"Next")),r==="story"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Story"),e__default.default.createElement("p",null,"Each named export is a story. Its contents specify how the story is rendered in addition to other configuration options."),e__default.default.createElement(E,{width:"190",alt:"Story export pointing to the sidebar entry of the story",src:no})),e__default.default.createElement(f,{style:{marginTop:4},onClick:()=>{i("args");}},"Next")),r==="args"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Args"),e__default.default.createElement("p",null,"Args are inputs that are passed to the component, which Storybook uses to render the component in different states. In React, args = props. They also specify the initial control settings for the story."),e__default.default.createElement(E,{alt:"Args mapped to their controls in Storybook",width:"253",src:so})),e__default.default.createElement(f,{style:{marginTop:4},onClick:()=>{i("customStory");}},"Next")),r==="customStory"&&(m?.error?null:e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Create your first story"),e__default.default.createElement("p",null,"Now it's your turn. See how easy it is to create your first story by following these steps below."),e__default.default.createElement(Yt,null,e__default.default.createElement(M,{isCompleted:s||m?.data,index:1},"Copy the Warning story"),e__default.default.createElement(M,{isCompleted:m?.data,index:2},"Open"," ",d?.data?e__default.default.createElement(Dt,null,d.data):e__default.default.createElement(e__default.default.Fragment,null,"the Button Story")," ","in your current working directory"),e__default.default.createElement(M,{isCompleted:m?.data,index:3},"Paste it at the bottom of the file"))),m?.data?e__default.default.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]=e.useState(!0),[r,i]=e.useState(!1),[s,l]=e.useState("1:Welcome"),v=e.useCallback(()=>{let p=new URL(window.location.href);p.searchParams.delete("onboarding");let d=decodeURIComponent(p.searchParams.get("path"));p.search=`?path=${d}`,history.replaceState({},"",p.href),n(!1);},[n]);return e.useEffect(()=>{t.once(coreEvents.CURRENT_STORY_WAS_SET,()=>{t.emit(w,{step:"1:Welcome"});});},[]),e.useEffect(()=>{t.emit(w,{step:s});},[t,s]),e.useEffect(()=>{let p;return s==="4:VisitNewStory"&&(i(!0),p=window.setTimeout(()=>{l("5:ConfigureYourProject");},2e3)),()=>{clearTimeout(p);}},[s]),e.useEffect(()=>{t.once(coreEvents.CURRENT_STORY_WAS_SET,({storyId:p})=>{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");});},[]),e.useEffect(()=>{let p=d=>{d==="configure-your-project--docs"&&(v(),t.emit(w,{step:"6:FinishedOnboarding"}));};return t.on(coreEvents.STORY_CHANGED,p),()=>{t.off(coreEvents.STORY_CHANGED,p);}},[]),o?e__default.default.createElement(theming.ThemeProvider,{theme:We},r&&e__default.default.createElement(B,{numberOfPieces:1e3,initialVelocityY:3,recycle:!1,onConfettiComplete:p=>{p.reset(),i(!1);}}),s==="1:Welcome"&&e__default.default.createElement(St,{onProceed:()=>{l("2:StorybookTour");},onSkip:()=>{v(),t.emit(w,{step:"X:SkippedOnboarding",where:"WelcomeModal"});}}),(s==="2:StorybookTour"||s==="5:ConfigureYourProject")&&e__default.default.createElement(ot,{api:t,isFinalStep:s==="5:ConfigureYourProject",onFirstTourDone:()=>{l("3:WriteYourStory");}}),s==="3:WriteYourStory"&&e__default.default.createElement(yo,{api:t,addonsStore:managerApi.addons,onFinish:()=>{t.selectStory("example-button--warning"),l("4:VisitNewStory");}})):null}var We,vo=a(()=>{et();Ct();xo();_();Q();We=theming.ensure(theming.themes.light);});var Ge=e.lazy(()=>Promise.resolve().then(()=>(vo(),wo)));managerApi.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__default.default.render(e__default.default.createElement(e.Suspense,{fallback:e__default.default.createElement("div",null,"Loading...")},e__default.default.createElement(Ge,{api:t})),i);}});
444
383
  //# sourceMappingURL=out.js.map
445
384
  //# sourceMappingURL=manager.js.map