@storybook/addon-onboarding 0.0.22--canary.35a9153.0 → 0.0.22

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/README.md CHANGED
@@ -1,50 +1,62 @@
1
1
  # Storybook Addon Addon Onboarding
2
2
 
3
- This addon provides a guided tour in some of Storybook's features, helping you get to know about the basics of Storybook and learn how to write stories!
3
+ Storybook Addon Onboarding - Introduces a new onboarding experience
4
4
 
5
- ![](./.github/assets/onboarding-intro.png)
5
+ ### Development scripts
6
6
 
7
- ## Triggering the onboarding
7
+ - `yarn start` runs tsup in watch mode and starts Storybook
8
+ - `yarn build` build and package your addon code
9
+ - `yarn storybook:watch` runs nodemon in watch mode so it reruns Storybook on changes. This is useful when testing the actual addon (as we cannot have HMR for addon changes) rather than just stories in Storybook
8
10
 
9
- This addon comes installed by default in Storybook projects and should trigger automatically.
10
- If you want to retrigger the addon, you should make sure that your Storybook still contains the example stories that come when initializing Storybook, and you can then navigate to http://localhost:6006/?path=/onboarding after running Storybook.
11
+ ## Release Management
11
12
 
12
- ## Uninstalling
13
+ ### Setup
13
14
 
14
- This addon serves to provide you a guided experience on the basics of Storybook. Once you are done, the addon is therefore not needed anymore and will not get activated (unless triggered manually), so you can freely remove it. Here's how to do so:
15
+ This project is configured to use [auto](https://github.com/intuit/auto) for release management. It generates a changelog and pushes it to both GitHub and npm. Therefore, you need to configure access to both:
15
16
 
16
- ### 1. Remove the dependency
17
+ - [`NPM_TOKEN`](https://docs.npmjs.com/creating-and-viewing-access-tokens#creating-access-tokens) Create a token with both _Read and Publish_ permissions.
18
+ - [`GH_TOKEN`](https://github.com/settings/tokens) Create a token with the `repo` scope.
17
19
 
18
- yarn:
20
+ Then open your `package.json` and edit the following fields:
19
21
 
20
- ```zsh
21
- yarn remove -D @storybook/addon-onboarding
22
- ```
22
+ - `name`
23
+ - `author`
24
+ - `repository`
25
+
26
+ #### Local
23
27
 
24
- npm:
28
+ To use `auto` locally create a `.env` file at the root of your project and add your tokens to it:
25
29
 
26
- ```zsh
27
- npm uninstall -D @storybook/addon-onboarding
30
+ ```bash
31
+ GH_TOKEN=<value you just got from GitHub>
32
+ NPM_TOKEN=<value you just got from npm>
28
33
  ```
29
34
 
30
- pnpm:
35
+ Lastly, **create labels on GitHub**. You’ll use these labels in the future when making changes to the package.
31
36
 
32
- ```zsh
33
- pnpm remove -D @storybook/addon-onboarding
37
+ ```bash
38
+ npx auto create-labels
34
39
  ```
35
40
 
36
- ### 2. Remove the addon in your `.storybook/main.js` file
37
-
38
- ```diff
39
- const config = {
40
- stories: [
41
- "../stories/**/*.stories.mdx",
42
- "../stories/**/*.stories.@(js|jsx|ts|tsx)",
43
- ],
44
- addons: [
45
- "@storybook/addon-essentials",
46
- - "@storybook/addon-onboarding"
47
- ],
48
- };
49
- export default config;
41
+ If you check on GitHub, you’ll now see a set of labels that `auto` would like you to use. Use these to tag future pull requests.
42
+
43
+ #### GitHub Actions
44
+
45
+ This template comes with GitHub actions already set up to publish your addon anytime someone pushes to your repository.
46
+
47
+ Go to `Settings > Secrets`, click `New repository secret`, and add your `NPM_TOKEN`.
48
+
49
+ ### Creating a release
50
+
51
+ To create a release locally you can run the following command, otherwise the GitHub action will make the release for you.
52
+
53
+ ```sh
54
+ yarn release
50
55
  ```
56
+
57
+ That will:
58
+
59
+ - Build and package the addon code
60
+ - Bump the version
61
+ - Push a release to GitHub and npm
62
+ - Push a changelog to GitHub
package/dist/manager.js CHANGED
@@ -1,15 +1,15 @@
1
1
  'use strict';
2
2
 
3
3
  var e = require('react');
4
- var Go = require('react-confetti');
4
+ var _o = require('react-confetti');
5
5
  var theming = require('@storybook/theming');
6
- var qe = require('react-dom');
7
- var oe = require('react-joyride');
6
+ var Re = require('react-dom');
7
+ var re = require('react-joyride');
8
8
  var coreEvents = require('@storybook/core-events');
9
- var c = require('@radix-ui/react-dialog');
9
+ var u = require('@radix-ui/react-dialog');
10
10
  var framerMotion = require('framer-motion');
11
11
  var components = require('@storybook/components');
12
- var Fe = require('react-use-measure');
12
+ var Ue = 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 Go__default = /*#__PURE__*/_interopDefault(Go);
37
- var qe__default = /*#__PURE__*/_interopDefault(qe);
38
- var oe__default = /*#__PURE__*/_interopDefault(oe);
39
- var c__namespace = /*#__PURE__*/_interopNamespace(c);
40
- var Fe__default = /*#__PURE__*/_interopDefault(Fe);
36
+ var _o__default = /*#__PURE__*/_interopDefault(_o);
37
+ var Re__default = /*#__PURE__*/_interopDefault(Re);
38
+ var re__default = /*#__PURE__*/_interopDefault(re);
39
+ var u__namespace = /*#__PURE__*/_interopNamespace(u);
40
+ var Ue__default = /*#__PURE__*/_interopDefault(Ue);
41
41
 
42
- var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{for(var r in o)Ao(t,r,{get:o[r],enumerable:!0});};function tt({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 r=`
42
+ var jo=Object.defineProperty;var s=(t,o)=>()=>(t&&(o=t(t=0)),o);var Fo=(t,o)=>{for(var r in o)jo(t,r,{get:o[r],enumerable:!0});};function tt({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 r=`
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 Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(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
- `,n=document.createElement("style");n.id="sb-onboarding-pulsating-effect",n.innerHTML=r,document.head.appendChild(n);}return ()=>{let r=document.querySelector("#sb-onboarding-pulsating-effect");r&&r.remove(),o&&(o.style.animation="auto");}},[t]),null}var ot=a(()=>{});function B({top:t=0,left:o=0,width:r=window.innerWidth,height:n=window.innerHeight,...s}){let[i]=e.useState(()=>{let p=document.createElement("div");return p.setAttribute("id","confetti-container"),p.setAttribute("style","position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999;"),p});return e.useEffect(()=>(document.body.appendChild(i),()=>{document.body.removeChild(i);}),[]),qe.createPortal(e__default.default.createElement(Qo,{top:t,left:o,width:r,height:n},e__default.default.createElement(Go__default.default,{...s})),i)}var Qo,$=a(()=>{Qo=theming.styled.div(({width:t,height:o,left:r,top:n})=>({width:`${t}px`,height:`${o}px`,left:`${r}px`,top:`${n}px`,position:"relative",overflow:"hidden"}));});var h,D=a(()=>{h=theming.styled.button`
54
+ `,n=document.createElement("style");n.id="sb-onboarding-pulsating-effect",n.innerHTML=r,document.head.appendChild(n);}return ()=>{let r=document.querySelector("#sb-onboarding-pulsating-effect");r&&r.remove(),o&&(o.style.animation="auto");}},[t]),null}var ot=s(()=>{});function z({top:t=0,left:o=0,width:r=window.innerWidth,height:n=window.innerHeight,colors:a=["#CA90FF","#FC521F","#66BF3C","#FF4785","#FFAE00","#1EA7FD"],...i}){let[l]=e.useState(()=>{let m=document.createElement("div");return m.setAttribute("id","confetti-container"),m.setAttribute("style","position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 9999;"),m});return e.useEffect(()=>(document.body.appendChild(l),()=>{document.body.removeChild(l);}),[]),Re.createPortal(e__default.default.createElement(Qo,{top:t,left:o,width:r,height:n},e__default.default.createElement(_o__default.default,{colors:a,drawShape:Zo,...i})),l)}function Vo(t,o){return Math.floor(Math.random()*(o-t))+t}function Zo(t){switch(this.shape=this.shape||Vo(1,6),this.shape){case 2:{let r=this.w/2,n=this.h/2;t.moveTo(-r+2,-n),t.lineTo(r-2,-n),t.arcTo(r,-n,r,-n+2,2),t.lineTo(r,n-2),t.arcTo(r,n,r-2,n,2),t.lineTo(-r+2,n),t.arcTo(-r,n,-r,n-2,2),t.lineTo(-r,-n+2),t.arcTo(-r,-n,-r+2,-n,2);break}case 3:{t.rect(-4,-4,8,16),t.rect(-12,-4,24,8);break}case 4:{t.rect(-4,-4,8,16),t.rect(-4,-4,24,8);break}case 1:{t.arc(0,0,this.radius,0,2*Math.PI);break}case 5:{t.moveTo(16,4),t.lineTo(4,24),t.lineTo(24,24);break}case 6:{t.arc(4,-4,4,-Math.PI/2,0),t.lineTo(4,0);break}}t.closePath(),t.fill();}var Qo,F=s(()=>{Qo=theming.styled.div(({width:t,height:o,left:r,top:n})=>({width:`${t}px`,height:`${o}px`,left:`${r}px`,top:`${n}px`,position:"relative",overflow:"hidden"}));});var h,B=s(()=>{h=theming.styled.button`
55
55
  all: unset;
56
56
  border: 0;
57
57
  border-radius: 0.25rem;
@@ -76,36 +76,36 @@ var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(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 Zo,Xo,Ko,qo,Jo,rt,nt=a(()=>{D();Zo=theming.styled.div`
79
+ `;});var qo,Ko,Jo,Ro,te,rt,nt=s(()=>{B();qo=theming.styled.div`
80
80
  background: #fff;
81
81
  width: 260px;
82
82
  padding: 15px;
83
83
  border-radius: 5px;
84
- `,Xo=theming.styled.div`
84
+ `,Ko=theming.styled.div`
85
85
  display: flex;
86
86
  flex-direction: column;
87
87
  align-items: flex-start;
88
- `,Ko=theming.styled.div`
88
+ `,Jo=theming.styled.div`
89
89
  font-size: 13px;
90
90
  font-weight: 700;
91
91
  color: ${({theme:t})=>t.color.darkest};
92
- `,qo=theming.styled.p`
92
+ `,Ro=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
- `,Jo=theming.styled.div`
98
+ `,te=theming.styled.div`
99
99
  display: flex;
100
100
  justify-content: flex-end;
101
101
  margin-top: 15px;
102
- `,rt=({step:t,primaryProps:o,tooltipProps:r})=>e__default.default.createElement(Zo,{...r},e__default.default.createElement(Xo,null,t.title&&e__default.default.createElement(Ko,null,t.title),e__default.default.createElement(qo,null,t.content)),!t.hideNextButton&&e__default.default.createElement(Jo,{id:"buttonNext"},e__default.default.createElement(h,{...o},"Next")));});function it({api:t,isFinalStep:o,onFirstTourDone:r}){let[n,s]=e.useState();return e.useEffect(()=>{t.once(coreEvents.STORY_ARGS_UPDATED,()=>{s(3);});},[]),e__default.default.createElement(oe__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(tt,{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:n,spotlightPadding:0,hideBackButton:!0,disableCloseOnEsc:!0,disableOverlayClose:!0,disableScrolling:!0,hideCloseButton:!0,callback:p=>{!o&&p.status===oe.STATUS.FINISHED&&r();},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:rt,styles:{spotlight:{border:"solid 2px #004c7c"},overlay:{backgroundColor:"rgba(0, 0, 0, 0.48)"},options:{zIndex:1e4,primaryColor:"#029CFD"}}})}var st=a(()=>{ot();$();nt();});var dt,ie,mt,ct=a(()=>{M();dt=theming.styled(framerMotion.motion.div)`
102
+ `,rt=({step:t,primaryProps:o,tooltipProps:r})=>e__default.default.createElement(qo,{...r},e__default.default.createElement(Ko,null,t.title&&e__default.default.createElement(Jo,null,t.title),e__default.default.createElement(Ro,null,t.content)),!t.hideNextButton&&e__default.default.createElement(te,{id:"buttonNext"},e__default.default.createElement(h,{...o},"Next")));});function it({api:t,isFinalStep:o,onFirstTourDone:r}){let[n,a]=e.useState();return e.useEffect(()=>{t.once(coreEvents.STORY_ARGS_UPDATED,()=>{a(3);});},[]),e__default.default.createElement(re__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(tt,{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(z,{numberOfPieces:800,recycle:!1,tweenDuration:2e4})),placement:"right",disableOverlay:!0}],continuous:!0,stepIndex:n,spotlightPadding:0,hideBackButton:!0,disableCloseOnEsc:!0,disableOverlayClose:!0,disableScrolling:!0,hideCloseButton:!0,callback:l=>{!o&&l.status===re.STATUS.FINISHED&&r();},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:rt,styles:{spotlight:{border:"solid 2px #004c7c"},overlay:{backgroundColor:"rgba(0, 0, 0, 0.48)"},options:{zIndex:1e4,primaryColor:"#029CFD"}}})}var at=s(()=>{ot();F();nt();});var dt,se,mt,ct=s(()=>{M();dt=theming.styled(framerMotion.motion.div)`
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
- `,ie=theming.styled(framerMotion.motion.div)(({width:t,height:o})=>theming.css`
108
+ `,se=theming.styled(framerMotion.motion.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 Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
118
118
  max-width: calc(100% - 40px);
119
119
  max-height: 85vh;
120
120
  overflow: hidden;
121
- `),mt=e__default.default.forwardRef(({width:t,height:o,children:r,...n},s)=>e__default.default.createElement(c__namespace.Content,{ref:s,asChild:!0,...n},e__default.default.createElement(ie,{width:t,height:o,initial:G,animate:Y,exit:F},r)));});function I({children:t,width:o,height:r,isOpen:n,setOpen:s,onEscapeKeyDown:i,onInteractOutside:p=f=>f.preventDefault()}){return e__default.default.createElement(c__namespace.Root,{open:n,onOpenChange:s},e__default.default.createElement(framerMotion.AnimatePresence,null,n&&e__default.default.createElement(c__namespace.Portal,{forceMount:!0},e__default.default.createElement(c__namespace.Overlay,{asChild:!0},e__default.default.createElement(dt,{initial:G,animate:Y,exit:F})),e__default.default.createElement(mt,{width:o,height:r,onInteractOutside:p,onEscapeKeyDown:i},t({Title:c__namespace.Title,Description:c__namespace.Description,Close:c__namespace.Close})))))}var G,Y,F,M=a(()=>{ct();G={opacity:0},Y={opacity:1,transition:{duration:.3}},F={opacity:0,transition:{duration:.3}};});function ut(){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 ft=a(()=>{});var gt,ht,xt,yt,bt,Ct,wt,pe,St,le,vt,de,kt,Pt=a(()=>{gt=theming.styled.div`
121
+ `),mt=e__default.default.forwardRef(({width:t,height:o,children:r,...n},a)=>e__default.default.createElement(u__namespace.Content,{ref:a,asChild:!0,...n},e__default.default.createElement(se,{width:t,height:o,initial:_,animate:G,exit:H},r)));});function I({children:t,width:o,height:r,isOpen:n,setOpen:a,onEscapeKeyDown:i,onInteractOutside:l=m=>m.preventDefault()}){return e__default.default.createElement(u__namespace.Root,{open:n,onOpenChange:a},e__default.default.createElement(framerMotion.AnimatePresence,null,n&&e__default.default.createElement(u__namespace.Portal,{forceMount:!0},e__default.default.createElement(u__namespace.Overlay,{asChild:!0},e__default.default.createElement(dt,{initial:_,animate:G,exit:H})),e__default.default.createElement(mt,{width:o,height:r,onInteractOutside:l,onEscapeKeyDown:i},t({Title:u__namespace.Title,Description:u__namespace.Description,Close:u__namespace.Close})))))}var _,G,H,M=s(()=>{ct();_={opacity:0},G={opacity:1,transition:{duration:.3}},H={opacity:0,transition:{duration:.3}};});function ut(){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 ft=s(()=>{});var gt,ht,yt,xt,bt,Ct,wt,de,St,me,vt,ce,kt,Pt=s(()=>{gt=theming.styled.div`
122
122
  border-radius: 5px;
123
123
  display: flex;
124
124
  flex-direction: column;
@@ -131,7 +131,7 @@ var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
131
131
  flex-direction: column;
132
132
  align-items: center;
133
133
  justify-content: center;
134
- `,xt=theming.styled.h1`
134
+ `,yt=theming.styled.h1`
135
135
  margin: 0;
136
136
  margin-top: 20px;
137
137
  margin-bottom: 5px;
@@ -139,7 +139,7 @@ var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
139
139
  font-weight: ${({theme:t})=>t.typography.weight.bold};
140
140
  font-size: ${({theme:t})=>t.typography.size.m1}px;
141
141
  line-height: ${({theme:t})=>t.typography.size.m3}px;
142
- `,yt=theming.styled.p`
142
+ `,xt=theming.styled.p`
143
143
  margin: 0;
144
144
  margin-bottom: 20px;
145
145
  max-width: 320px;
@@ -169,7 +169,7 @@ var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
169
169
  height: 100%;
170
170
  z-index: -1;
171
171
  overflow: hidden;
172
- `,pe=theming.keyframes`
172
+ `,de=theming.keyframes`
173
173
  0% { transform: translate(0px, 0px) }
174
174
  50% { transform: translate(-200px, 0px) }
175
175
  100% { transform: translate(0px, 0px) }
@@ -184,10 +184,10 @@ var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
184
184
  rgba(253, 255, 147, 1) 0%,
185
185
  rgba(253, 255, 147, 0) 70%
186
186
  );
187
- animation: ${pe} 4s linear infinite;
187
+ animation: ${de} 4s linear infinite;
188
188
  animation-timing-function: ease-in-out;
189
189
  z-index: 3;
190
- `,le=theming.keyframes`
190
+ `,me=theming.keyframes`
191
191
  0% { transform: translate(0px, 0px) }
192
192
  50% { transform: translate(400px, 0px) }
193
193
  100% { transform: translate(0px, 0px) }
@@ -202,10 +202,10 @@ var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
202
202
  rgba(255, 119, 119, 1) 0%,
203
203
  rgba(255, 119, 119, 0) 70%
204
204
  );
205
- animation: ${le} 6s linear infinite;
205
+ animation: ${me} 6s linear infinite;
206
206
  animation-timing-function: ease-in-out;
207
207
  z-index: 2;
208
- `,de=theming.keyframes`
208
+ `,ce=theming.keyframes`
209
209
  0% { transform: translate(600px, -40px) }
210
210
  50% { transform: translate(600px, -200px) }
211
211
  100% { transform: translate(600px, -40px) }
@@ -220,7 +220,7 @@ var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
220
220
  rgba(119, 255, 247, 0.8) 0%,
221
221
  rgba(119, 255, 247, 0) 70%
222
222
  );
223
- animation: ${de} 4s linear infinite;
223
+ animation: ${ce} 4s linear infinite;
224
224
  animation-timing-function: ease-in-out;
225
225
  z-index: 4;
226
226
  `,theming.styled.h2`
@@ -233,18 +233,18 @@ var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
233
233
  font-weight: 400;
234
234
  line-height: 20px;
235
235
  color: #454e54;
236
- `;});var Tt,Lt=a(()=>{D();M();ft();Pt();Tt=({skipOnboarding:t,onProceed:o,isOpen:r})=>e__default.default.createElement(I,{width:540,height:430,isOpen:r,setOpen:t},({Close:n})=>e__default.default.createElement(gt,{"data-chromatic":"ignore"},e__default.default.createElement(ht,null,e__default.default.createElement(ut,null),e__default.default.createElement(xt,null,"Welcome to Storybook"),e__default.default.createElement(yt,null,"Storybook helps you develop UI components. Learn the basics in a few simple steps."),e__default.default.createElement(h,{style:{marginTop:4},onClick:o},"Start your 3 minute tour")),e__default.default.createElement(n,{asChild:!0},e__default.default.createElement(bt,null,"Skip tour",e__default.default.createElement(Ct,{icon:"arrowright"}))),e__default.default.createElement(wt,null,e__default.default.createElement(St,null),e__default.default.createElement(vt,null),e__default.default.createElement(kt,null))));});var zt,Bt,Dt,Mt,It,Wt,W,Et,me,Ot,ce,Nt,ue,jt,At=a(()=>{zt=theming.styled.div`
236
+ `;});var Tt,Lt=s(()=>{B();M();ft();Pt();Tt=({skipOnboarding:t,onProceed:o,isOpen:r})=>e__default.default.createElement(I,{width:540,height:430,isOpen:r,setOpen:t},({Close:n})=>e__default.default.createElement(gt,{"data-chromatic":"ignore"},e__default.default.createElement(ht,null,e__default.default.createElement(ut,null),e__default.default.createElement(yt,null,"Welcome to Storybook"),e__default.default.createElement(xt,null,"Storybook helps you develop UI components. Learn the basics in a few simple steps."),e__default.default.createElement(h,{style:{marginTop:4},onClick:o},"Start your 3 minute tour")),e__default.default.createElement(n,{asChild:!0},e__default.default.createElement(bt,null,"Skip tour",e__default.default.createElement(Ct,{icon:"arrowright"}))),e__default.default.createElement(wt,null,e__default.default.createElement(St,null),e__default.default.createElement(vt,null),e__default.default.createElement(kt,null))));});var Dt,zt,Bt,Mt,It,Wt,W,Et,ue,Ot,fe,Nt,ge,At,jt=s(()=>{Dt=theming.styled.div`
237
237
  display: flex;
238
238
  flex-direction: row;
239
239
  height: 100%;
240
240
  max-height: 85vh;
241
- `,Bt=theming.styled.div`
241
+ `,zt=theming.styled.div`
242
242
  position: relative;
243
243
  flex: 1;
244
244
  display: flex;
245
245
  flex-direction: column;
246
246
  font-family: ${({theme:t})=>t.typography.fonts.base};
247
- `,Dt=theming.styled.div`
247
+ `,Bt=theming.styled.div`
248
248
  box-sizing: border-box;
249
249
  display: flex;
250
250
  justify-content: space-between;
@@ -298,7 +298,7 @@ var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
298
298
  height: 100%;
299
299
  z-index: -1;
300
300
  overflow: hidden;
301
- `,me=theming.keyframes`
301
+ `,ue=theming.keyframes`
302
302
  0% { transform: translate(0px, 0px) }
303
303
  50% { transform: translate(120px, 0px) }
304
304
  100% { transform: translate(0px, 0px) }
@@ -313,10 +313,10 @@ var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
313
313
  rgba(255, 119, 119, 1) 0%,
314
314
  rgba(255, 119, 119, 0) 70%
315
315
  );
316
- animation: ${me} 8s linear infinite;
316
+ animation: ${ue} 8s linear infinite;
317
317
  animation-timing-function: ease-in-out;
318
318
  z-index: 2;
319
- `,ce=theming.keyframes`
319
+ `,fe=theming.keyframes`
320
320
  0% { transform: translate(0px, 0px) }
321
321
  33% { transform: translate(-64px, 0px) }
322
322
  66% { transform: translate(120px, 0px) }
@@ -332,14 +332,14 @@ var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
332
332
  rgba(253, 255, 147, 1) 0%,
333
333
  rgba(253, 255, 147, 0) 70%
334
334
  );
335
- animation: ${ce} 12s linear infinite;
335
+ animation: ${fe} 12s linear infinite;
336
336
  animation-timing-function: ease-in-out;
337
337
  z-index: 3;
338
- `,ue=theming.keyframes`
338
+ `,ge=theming.keyframes`
339
339
  0% { transform: translate(0px, 0px) }
340
340
  50% { transform: translate(-120px, 0px) }
341
341
  100% { transform: translate(0px, 0px) }
342
- `,jt=theming.styled.div`
342
+ `,At=theming.styled.div`
343
343
  position: absolute;
344
344
  width: 350px;
345
345
  height: 350px;
@@ -350,13 +350,13 @@ var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
350
350
  rgba(119, 255, 247, 0.8) 0%,
351
351
  rgba(119, 255, 247, 0) 70%
352
352
  );
353
- animation: ${ue} 4s linear infinite;
353
+ animation: ${ge} 4s linear infinite;
354
354
  animation-timing-function: ease-in-out;
355
355
  z-index: 4;
356
- `;});var _t,Gt,Yt,Ft=a(()=>{_t=theming.styled(framerMotion.motion.div)`
356
+ `;});var $t,_t,Gt,Ht=s(()=>{$t=theming.styled(framerMotion.motion.div)`
357
357
  position: relative;
358
358
  z-index: 2;
359
- `,Gt=theming.styled.div`
359
+ `,_t=theming.styled.div`
360
360
  position: relative;
361
361
  box-sizing: border-box;
362
362
  background: #171c23;
@@ -374,18 +374,18 @@ var Ao=Object.defineProperty;var a=(t,o)=>()=>(t&&(o=t(t=0)),o);var $o=(t,o)=>{f
374
374
  padding: 0 !important;
375
375
  }
376
376
  }
377
- `,Yt=theming.styled(framerMotion.motion.div)`
377
+ `,Gt=theming.styled(framerMotion.motion.div)`
378
378
  background: #143046;
379
379
  position: absolute;
380
380
  z-index: 1;
381
381
  left: 0;
382
382
  width: 100%;
383
383
  height: 200px;
384
- `;});var Ht,Ut=a(()=>{Ht=theming.styled(framerMotion.motion.div)`
384
+ `;});var Yt,Ut=s(()=>{Yt=theming.styled(framerMotion.motion.div)`
385
385
  position: relative;
386
386
  padding-top: 12px;
387
387
  padding-bottom: 12px;
388
- `;});var Se,Qt,Vt=a(()=>{Ut();Se={default:{filter:"grayscale(1)",opacity:.5},active:{filter:"grayscale(0)",opacity:1}},Qt=e.forwardRef(({active:t,content:o,open:r},n)=>{let s={fontSize:"0.8125rem",lineHeight:"1.1875rem"};return e__default.default.createElement(theming.ThemeProvider,{theme:theming.ensure(theming.themes.dark)},e__default.default.createElement(Ht,{ref:n,initial:"default",animate:t?"active":"default","aria-hidden":!t,variants:Se,transition:{ease:"easeInOut",duration:.6}},o.map(({toggle:i,code:p},f)=>e__default.default.createElement(e.Fragment,{key:f},i===void 0&&e__default.default.createElement(components.SyntaxHighlighter,{language:"javascript",customStyle:s},p),i&&!r&&e__default.default.createElement(components.SyntaxHighlighter,{language:"javascript",customStyle:s}," // ..."),i&&r&&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:s,codeTagProps:{style:{paddingLeft:"15px"}}},p))))))});});var Z,Zt,Xt=a(()=>{Ft();Vt();Z=49,Zt=({activeStep:t,data:o,width:r})=>{let[n,s]=e.useState([]),i=e.useMemo(()=>o.map(()=>e.createRef()),[o]),p=l=>{let d=0;for(let g=0;g<l;g++)d-=i[g].current.getBoundingClientRect().height;return d},f=e.useCallback(()=>{let l=o.flatMap((d,g)=>{let z=i[g].current.getBoundingClientRect().height,k=[{yPos:p(g)+Z-7,backdropHeight:z,index:g,open:!1}];return d.length>1&&k.push({yPos:p(g)+Z-7,backdropHeight:z,index:g,open:!0}),k});s(l);},[o]);return e.useLayoutEffect(()=>{let l=new ResizeObserver(()=>{f();});return i.forEach(d=>{l.observe(d.current);}),()=>{l.disconnect();}},[]),e__default.default.createElement(Gt,{width:r},e__default.default.createElement(_t,{animate:{y:n[t]?.yPos??0},transition:{ease:"easeInOut",duration:.6}},o.map((l,d)=>e__default.default.createElement(Qt,{key:d,ref:i[d],active:n[t]?.index===d,open:n[t]?.index>d?!0:n[t]?.open??!1,content:l}))),e__default.default.createElement(Yt,{animate:{height:n[t]?.backdropHeight??0},transition:{ease:"easeInOut",duration:.6},style:{top:Z},className:"syntax-highlighter-backdrop"}))};});var Kt,qt=a(()=>{Kt=theming.styled.ul(()=>({display:"flex",flexDirection:"column",rowGap:16,padding:0,margin:0}));});var Jt,Rt=a(()=>{qt();Jt=({children:t})=>e__default.default.createElement(Kt,null,t);});var to,oo,eo,ro=a(()=>{to=theming.styled.li(()=>({display:"flex",alignItems:"flex-start",columnGap:12})),oo=theming.styled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,color:t.color.darker,fontSize:"13px"})),eo=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 N,no=a(()=>{ro();N=({children:t,index:o,isCompleted:r})=>e__default.default.createElement(to,null,e__default.default.createElement(eo,{"aria-label":r?"complete":"not complete",isCompleted:r},r?e__default.default.createElement(components.Icons,{width:10,height:10,icon:"check",color:"white"}):o),e__default.default.createElement(oo,null,t));});function io(){let[t,o]=e.useState(null);return e.useEffect(()=>{(async()=>{try{let i=(await(await fetch("/index.json")).json()).entries["example-button--primary"].importPath;o({data:i,error:null});}catch(n){o({data:null,error:n});}})();},[]),t}var so=a(()=>{});var po,lo=a(()=>{po=(t,o,r)=>{let[n,s]=e.useState(null);return e.useEffect(()=>{if(t){let i=()=>{r.getChannel().once(coreEvents.STORY_RENDERED,()=>{o.getData("example-button--warning")&&s({data:!0,error:null});});};return r.getServerChannel().on(coreEvents.STORY_INDEX_INVALIDATED,i),()=>{r.getServerChannel().off(coreEvents.STORY_INDEX_INVALIDATED,i);}}},[t]),n};});var mo,co=a(()=>{mo=(t,o)=>{let[r,n]=e.useState(null),s=document.querySelector(`.${t}`);return e.useEffect(()=>{if(o){let i=new ResizeObserver(()=>{s&&n({top:s.offsetTop,left:s.offsetLeft,height:s.offsetHeight,width:s.offsetWidth});});return i.observe(s),()=>{i.disconnect();}}},[t,o]),r};});var fo,uo=a(()=>{fo="data:image/png;base64,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";});var ho,go=a(()=>{ho="data:image/png;base64,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";});var yo,xo=a(()=>{yo="data:image/png;base64,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";});var bo,Co=a(()=>{bo=[[{code:"// Button.stories.jsx"}],[{code:"import { Button } from './Button';"}],[{code:`export default {
388
+ `;});var ke,Qt,Vt=s(()=>{Ut();ke={default:{filter:"grayscale(1)",opacity:.5},active:{filter:"grayscale(0)",opacity:1}},Qt=e.forwardRef(({active:t,content:o,open:r},n)=>{let a={fontSize:"0.8125rem",lineHeight:"1.1875rem"};return e__default.default.createElement(theming.ThemeProvider,{theme:theming.ensure(theming.themes.dark)},e__default.default.createElement(Yt,{ref:n,initial:"default",animate:t?"active":"default","aria-hidden":!t,variants:ke,transition:{ease:"easeInOut",duration:.6}},o.map(({toggle:i,code:l},m)=>e__default.default.createElement(e.Fragment,{key:m},i===void 0&&e__default.default.createElement(components.SyntaxHighlighter,{language:"javascript",customStyle:a},l),i&&!r&&e__default.default.createElement(components.SyntaxHighlighter,{language:"javascript",customStyle:a}," // ..."),i&&r&&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:a,codeTagProps:{style:{paddingLeft:"15px"}}},l))))))});});var Z,Zt,Xt=s(()=>{Ht();Vt();Z=49,Zt=({activeStep:t,data:o,width:r})=>{let[n,a]=e.useState([]),i=e.useMemo(()=>o.map(()=>e.createRef()),[o]),l=p=>{let d=0;for(let g=0;g<p;g++)d-=i[g].current.getBoundingClientRect().height;return d},m=e.useCallback(()=>{let p=o.flatMap((d,g)=>{let D=i[g].current.getBoundingClientRect().height,k=[{yPos:l(g)+Z-7,backdropHeight:D,index:g,open:!1}];return d.length>1&&k.push({yPos:l(g)+Z-7,backdropHeight:D,index:g,open:!0}),k});a(p);},[o]);return e.useLayoutEffect(()=>{let p=new ResizeObserver(()=>{m();});return i.forEach(d=>{p.observe(d.current);}),()=>{p.disconnect();}},[]),e__default.default.createElement(_t,{width:r},e__default.default.createElement($t,{animate:{y:n[t]?.yPos??0},transition:{ease:"easeInOut",duration:.6}},o.map((p,d)=>e__default.default.createElement(Qt,{key:d,ref:i[d],active:n[t]?.index===d,open:n[t]?.index>d?!0:n[t]?.open??!1,content:p}))),e__default.default.createElement(Gt,{animate:{height:n[t]?.backdropHeight??0},transition:{ease:"easeInOut",duration:.6},style:{top:Z},className:"syntax-highlighter-backdrop"}))};});var qt,Kt=s(()=>{qt=theming.styled.ul(()=>({display:"flex",flexDirection:"column",rowGap:16,padding:0,margin:0}));});var Jt,Rt=s(()=>{Kt();Jt=({children:t})=>e__default.default.createElement(qt,null,t);});var to,oo,eo,ro=s(()=>{to=theming.styled.li(()=>({display:"flex",alignItems:"flex-start",columnGap:12})),oo=theming.styled.div(({theme:t})=>({fontFamily:t.typography.fonts.base,color:t.color.darker,fontSize:"13px"})),eo=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 N,no=s(()=>{ro();N=({children:t,index:o,isCompleted:r})=>e__default.default.createElement(to,null,e__default.default.createElement(eo,{"aria-label":r?"complete":"not complete",isCompleted:r},r?e__default.default.createElement(components.Icons,{width:10,height:10,icon:"check",color:"white"}):o),e__default.default.createElement(oo,null,t));});function io(){let[t,o]=e.useState(null);return e.useEffect(()=>{(async()=>{try{let i=(await(await fetch("/index.json")).json()).entries["example-button--primary"].importPath;o({data:i,error:null});}catch(n){o({data:null,error:n});}})();},[]),t}var ao=s(()=>{});var po,lo=s(()=>{po=(t,o,r)=>{let[n,a]=e.useState(null);return e.useEffect(()=>{if(t){let i=()=>{r.getChannel().once(coreEvents.STORY_RENDERED,()=>{o.getData("example-button--warning")&&a({data:!0,error:null});});};return r.getServerChannel().on(coreEvents.STORY_INDEX_INVALIDATED,i),()=>{r.getServerChannel().off(coreEvents.STORY_INDEX_INVALIDATED,i);}}},[t]),n};});var mo,co=s(()=>{mo=(t,o)=>{let[r,n]=e.useState(null),a=document.querySelector(`.${t}`);return e.useEffect(()=>{if(o){let i=new ResizeObserver(()=>{a&&n({top:a.offsetTop,left:a.offsetLeft,height:a.offsetHeight,width:a.offsetWidth});});return i.observe(a),()=>{i.disconnect();}}},[t,o]),r};});var fo,uo=s(()=>{fo="data:image/png;base64,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";});var ho,go=s(()=>{ho="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXwAAAEICAMAAABrir8vAAAB3VBMVEUAAABzgo3d5enp8fNzgox+ipjt9Pl0hItzgozf6Ovp8fZygoze5urs9Prf5+ve5ut0g4xzgoze5uve5urf5erf5uvd5+rd5erf5Or////3+vzs9Pne5urq7/L7/PxzgowuNDigZsaEkprmlk3V1tfl5ubLzM18gIKWmZu5wcX6+/vs5/Xh1e/y8vNITVHc4OLWw+jvyKTt7/Gws7TLsOH19farec22i9P39/jq6uvoo2Psu47f4OHx1br17ebz4dBBtf2WoanY2dnRueXy8fnBndrL0NPqr3nt+P/m6OljZ2r9/f47QUXa8f/U7v+Azf58ipPU2dtiZ2q/5v/Gp97a29y7lNfM6//L0NSnsbfl9f/Andqlb8k31dPDyc6lcMqkpqjnnFjz+//v8PG1i9Ob6unj4+SJjI9VWl4CnP3m+vnn3vL29PHczOtp396NmaIiqf3MsOGxgtC+v8FS29m9v8Dwzq+NmqG07+/059uxs7TtwppvdHbx9PTl7O/t7e25wMb28/GXmpvg9P+g2v/y28Wxub7rtYRcv/47QUQSo/1E19afqbDm5+iQ1P7h1e7Antqwub9wdHfpqW5wx/4xr/33+fna9/fN9fSo7eyP5+brtYPm9f+w4P/A8vFZOmLPAAAAGXRSTlMA34AghxXvOu86s2bfv3/PyqXv759wn59gUVCBVgAAD1BJREFUeNrsmT+Lo0AUwBcOrji4L/BSPV45FgqioKiFil8gpLmACOkSi6RYCKlShJR7sOV92Xszo8luJnvrwf6R7PyKxJl5M+7+5vmMyd3dt5/fJ5an/Ph290F8s+oNvn+U/R+TCVieMZn8vPsYrHuTyffrrqz8D2Ayue7Kyjex8m8JK384Vv4tYeUPx8q/Jaz84Vj5t4SVPxwr/5aw8odj5X8caSbZwnWi6uvKd0L3vdfySBHdwzUo+rryXfTfey2PqiS5j4mu2vfurfx3lR8Ds6MGnnEDNd8tw+5q9/0CGOHnstsv3FlYClAU61k4c0HT+kK2pwKWvj/D0Pd5hokz5fndnPw0vfBdyOXkPijkEdl46NdyX5C/Ikrlm5dAFlfHRA0xOvO33nZXJeBV8Ypb+2R3lCGazNvuvWO1SznqAIrESz9fvthgHdQYFNIQlsDMUKoMsUQemC9VVMBRiFNQ/EI3QMYHFzsCMFhzb8BBUviTkwhchBjw2DmoVkE+dixekA9EW35NqfJIorqYSNukKCI6Ng3tuFWRakarboH7iJgYVvQIkpSiEWT+DKeF/MfDk/a1dhwiOgC5lhSgr3Yg7+QHCx5z3X+VnTUGjhzO1YSwAPiNoZKPm0Ku1cpdwUDI9HeHlJ0t0Up7I28PaQyak/wYMmr20Mi2l+xVofK6BR6jDCDjVkWZ7kk+X76DG9CqhXQRzIWQCaozX785MirQwWEv//WaH6CAHtSrz7Fg+bqR41StOBtc89OIKmDS/sZ7KT+BVEYcCXpW3ZhHUQqaA+2AiSj9fPlTnDqSEl1glrgJagG99V6S30lhe1p+/qowBxfG8QxdKX+j+0qQjbkYIr+JVBFJtfwGrsrPYCXlx9rrfptlWdOcd0+zapoVQEZ/RnDDDbHHB+0a835kqX2Uqsifs1k2nVeE6Xk9Lc66nc5VzT/L51KEm9IVQ+T/4Vqj5VcvyQeKO/lpRZq+5kPPTh7HdBiF/NzRaAHrs3wtuu3l91fDcPnGsY/+pXxwFzXivB1QdpjB8tOI4gNnfkRwWeEzqjj9ozF81FRazwgMuOwbmc8p+xaZzycz5DPLXzh/Y/lJN4NM+VDRiofHIF+W9DOC7TqnG25+qu+5NiWkJFN+CQYq1jjeoGPI7zf1TeX3trNr8u/Jqygdg/xi3iV6V0/8036EGHbbwVGootZYmvKXKs4kxLUeV8etigzgQn4h9B+B/SUSvo18FgzM0ZCvb7lUjeMJN8egbN11iEru7JzzIdZh6270TkwxyNsp1sKUDwHOjCdcvW1l2+YbX5meT9t1je6lfKcuc4dPUvapINdyh8tPPM+jhl8Oz+SzYIqzpIrMms/siJJxyAf9sFpPVcEXStt8vpTyH+TIb1D4yATcbcoXi9p4wtX9as7D6SR1DpfyxUafvHi61mK4/Io64ufy4RBxZ5VelZ9RsxqJfICl44hrZUOA4xTQUTjOEv4T8WRhnl7AFQo18A68/ANAQvFovlg7Ycq/TSrKrPxPYZvt6HE8Xyl/LfkVUZSOXr7jFnCDZMlhP6IfUyxW/v9g5d8SVv5fdu4YBWEgiqLohATBYKYQwcJxq1m7jQTEwl/IRD/nLOHy6hcnfibix4mfifhx4mfSLf5B/P3iL6b/3n4un7h8efrfy5cyzjde0i9jAQAAAAAA4PdNU2Evw1AIEj8T8ePEz0T8OPEzET9O/EzEjxM/ky/FP15Ojc35OvaLX1tb72zW1mqv+LU92LFjF7dhKI7jQ6dCt5bCg9z94G3uItDkVUsgm7xJi8euN97UkClTlvuPa1t2zrKvOUET4yjvS8ggnAQ+UZ5F9s8kjXreN/qL4H/Z7EmatN98XQT/50b2/aznzY9F8L/Lxv+g/bdF8DdPJM162gh+aoKfU4KfnuDnlOCnJ/g5JfjpCX5OCX56gp9Tgp+e4OeU4Kcn+Dkl+Ok9Br7h0JFC+oUP1FYzV9Q1rCsad+Ka+l54R0Pc9eo1DSlmTVHcV9O/ewh8ho3wqQZUiw0caJQDDI0zsGX0ihBgmW3zvDvjAxN84Cb47nh/+FuK8+CyXefplwQV4Q/fjuYYf9v9TmAu4Su6fo5P/u7xS27g3sCRmIMp4Cf4trukwByftrAL4zvW5P2949POopF1k8uq0qKM8Bm+m09s5/gVsCR+sKdGf6X4v6tzf8aqp6Jt7FMjGvgdIBP5aNGg7tA9HM/wy9PlseOLtpKulwmfcazWif+rLvpUtKVD47XSTr0MXKtoy/HStm6ENZhi/FdjjAWqS/ghTZ+U0Wln0FcU4ftt2xjiDZOjjQ5QBocIn16gPFyMHzKKLuEftm2Xdn5u+L2++mzmO6Cw0YjxADdZ2BhfwYJpgl9rrTvW/5v5ueF3+oo+wdcNfHx21zjnInwy3WXzmU+L42vqKvVq8Rt9RZfxhxP+aXTW9MMQKmBifAVPCfhKt90Sv2RHTZpXesP9OEbIvw98q4fTfkgz3PlOrCL8phT8kJrecAu6Xppd97TesZPw307FXAczZjcsvVLfkT31ea7e3+Mdn2d7b8d96nb/7QT95rHimZ91mq1b8w0377Ra9WnngRP89AQ/pwQ/PcHPKcH/yw4d0wAAADAM8u96FnY3IIGf/BL5P/kl8n/yS+T/5JfI/8kvkf+TXyL/J79E/k9+ifyf/BL5P/kl8seOHauoDkRhHH+OrzvNZGYvzNwiLxCs1jAgTF4gXZJOkDTibdQi18Ji2S3vu96TUdEECRvYZUfJvzAcZ2x+kSHk8034z1SI+FmTXGp2uE1EPoHn6Ofxf6HXrmr2+/17xR/HZPmKmxSdsoXGE/Tz+PPf6NY04LLKD4d9Fz+OuJUkh165E+Ait8LDFAD+S08/WVzxeejiC/gkRegmT0sxxXiYQsBn/bH4MeUT/pfgs/5Y/BWtAKEicFrViFVJhVK5eqON4hkQWyljvztSQvMQ4E0JA7+jnzQZd6yyto/7+M4KViUFTpCENJaMMY4v1pgC2JItUzIz/6PcmtSQRGgFgv/y5wb/sOQO1bKt6uHnMVcYO0MHv3/sxFRqQJi/GlBENYCUIgRWIPjzzx475zZiGD/l6bJD+XWsKEdghYE/H3fm67UxYhCfHHxUAoqiy40IrCDw5xiF7yWLAXz/lc+YCX8Yf47R+LBuCF/TBj47/fOH8Xv2WCRX/N0hu49PV/yoj89ZgzZBmwl/1Lud1+UySZKPKuEO77iLv6WipXXg3jx+cSEuThvX4CStJ/wWf0T/FueOGXDnUVM5MgJASjKqnSPpbU1e19CWijqGNlREtaQCE/4A/qgU+WypNDiR8uBmHh/KEJXAjC9WQ8h2n8KE7/G/JS30dRDifNGnpeBf+z84/mP3n537d00eCAM4TkCJ4KLjTXe8cCYdkqEunR1DlmYXQkEMDm8HlYo4Obwgbu/SH8P7t753Z/AhtbVPGzzk8nyhoU3O5UNIIvWR8PERvksRPj7CdynCx0f4LkX4+AjfpQgfH+G7FOHjI3yXInx8hO9ShF8jC/i9DuFDlvH7vE34kF38LvcJH7KL7/MW4ess4kOdDuFDlvFb3Cd8yC5+u9Ozi3/754592MOq7B9zIYWPOfW7VvHv+dPH+pP94tCYuRAKv+1x3yY+u/lEf/KbmWaAX5mOHlV2Xv2nphQ+Ir/jta3hgz4ePxCH0i2D4usbBELiV+tyz7eHD/p4/HygWhcigJ1J7Aa+0ucta/igj8fXztc59obAR1z3va49fNDH41/p2FsNfNBvce61/LYlfNDH45cfBB+Fo2i7mbN5GDG9GQTZVLIoDzbD6LBoutmoPaphztRRs1IXhWtmJcBH8/c9znnH+0G/fhLnT9/GH4q1+gnTNF6rnVIfCcw4tCzSJBaZFo5FnCRiNzK3BT0tHeUiLF99tfgqv9XvWcR//C6+jIVUhMJ8JUyJX6htLoqN2vXXLJvqjUwzjb8zN+Uo3R2HF60F+PgsXnYe7/D4WaDKUhEyhR8wBvhrrSuEfHdHKLR3IpYMplf0aN3ZGoNv7PH4sSnQhkNNDPij4zkNo0GRlIkw+OXfIitfcL6G4Jf2p/iz1blr/nEcFPDle/xllgoV4JtfIiYRJ34j8Ev7U/znxf6tHv5QFANp3AHfHBl+/R6hEfil/Sn+aj+ZLRYvdfDNhQjwy5Idiwv2ZQ3AB/tqk/H4lbHZYl8L36yVooqfiy3mOdN9/Huwr/a6f2G6txr4ahMPZB5nVfwoFYjnzAbg39589s+UB3bouQY+m+s56WUA+KYQMyTdAPyLJyU7KcE8ZxL+JcI9ZxL+BcK+wSL8ixTFG8QqwncnwsdH+C5F+PgI36UIHx/huxTh4yN8lyL8/+3cMYvbMBTA8XBHhysHBy0HfeBmeloEHgU2aNJkI+xNGDLGoG+Rerg56039sJUcx40TSEV65/OJ9xsU2ZaWf4JIloSj+DGh+OEofkwofjiKHxOKH47ix4Tih6P4MaH44Sh+TJYYf1vVRy9rOMWFnk6vExks2sfH1xftm01RFC9N4cd68jhHAQOGHP4FJSzax8fnGUxVL4e3ALy6oPjvGT/NzuJvxvj+guK/a/w0o/gTs8ZPs5vj89zKkoMnSitZCj3BJBPH+C2Ttu3v5pyXVsBSLCP+pH5VFc7vpvDq6/FbpVhplN9uUVlrsDs8VExi3sfnEmVpcd9v3yslKf5Z/J0+id/UTuNGpzmLz/KB9PE5Wr9RGje2fVSp/BSZG7np41uVgb/V+u3YwYIsI/5Ohx47J/h49ggUMOjQpTZquC39sAdPSr99WX9/tIj4O33jma8M72EOnua8cyvWw1nfv+aYco8pP1/OkbOU+K79jfFx4ONnVqEngCODnpF+3RHFv8Rd+5vjWzjiyqQcoD2NjxKg9Ot6FP8S1zC1qfUYf91sr8WXCo5S7MYVyoCX+fgtthQfgum6qapqGDZwLX4+HPbCRe6n2vgV5SE48/HXymhwdEbxg2yLoy1cjQ8SWSpaiRmsjWpFKqVfwQ0yd9cY2X/JNJ1oS2Up/v/pzFhvbzg4uUFEKQ4/plB1qennzM2tlhaGB6hy7bdT/LeluR5n8BfX04sl+vzxPzGKH47ix4Tih6P4MaH44Sh+TCh+OIofE4ofjuLHhOKHo/gxofjhKH5MKH44ih+TmeI/JUAu/HpazeEu2QE5I5Ifqzl8eUw4kAmePN6vZvHwPfn5uiaj113y7WE1k/unhEx8vV/N5+H5joye+4/9H9E5eAp4eScvAAAAAElFTkSuQmCC";});var xo,yo=s(()=>{xo="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfoAAADkCAMAAABHYBYkAAACClBMVEUAAAAsLCxzgo10g4wkJCSCgpDt9Pl0gYvv9/dwgI/Q0NbT1dd0g43b4+Xe5urT1tjd4uXe5uvs9Prs9PnZ3d7X2ty+wMTV2Nrd5enR1ddzg4x0gI/Q0tTV2dva3d7f5ura3N/W2NvS1dZzg4xzg43V19rQ09bZ3N3Nz9LV19j3+vz////Z3N7s9Pne5uru8vRanTv/AADmlk3Y293X2tzV2Nqoy5tFTlS817PQ48wuNDiDiIuVwIPz4dDU19nR09X17eaBtGtuqVPqr3nj7uRko0ft9fBzgozoo2PeDRGvsrTS1dfuBwnuyKSy0aeJlZ7O0dPsu45uqFPo6eqipqnLzM309fWexo/P0tT29PHq7fCYnJ/Jy83w1bp0en+LundcZGnj7+TMz9Hl5ubJzM53r1+jp6q5vb+Nk5Xa3N3wz6/059vDx8nF3cDFyMrd3+GLkJT29/hRWV/m6Ontwpr5+vra6djy28Xw8fLm7O/ByM2IjZDIy8yOk5XnnFizt7ljZ2rw9vmWmp3rtYT8/Py9wcRqcHXpqW7x1bqmr7aXoqrnnVjq7Ozb4eW5vL/Z6NjG3cDvyKTlQkXiKy/mCg32AwXuyKXh6OvN1NmfqbCpra98ipOAhYpVWl3G3b+vuL798PDi6e374eHvhoh8gIM7QUXgDBDx1LqEkZuEkprzpKbzpKU7QUTZ6dd0VV5XAAAAKnRSTlMABd/PBxDvgCAQEYJ/IN9if8+/r+/gJJFg1FAg8O/Pv7+hUr+vwLKvwcA/a0FOAAAWL0lEQVR42uzWwWrCMBzH8eYiokhFa2UHxyaMgUlOMde8gMdBX6CnnUSGsKvgsQ+9JP+W7ra6ptCW3ydNTKm3r1EjAAAAAAAAAAAAAAAAAAAAeABj9FLd0gIjx6xy5wajbfWKz8AIMYpuw9JK6X11WhF9jFg17JZQ7HJPq7+QfyyothtN0Lv9tGsD09VEDtN6GvXKLN6+bxLRgnLTOnpaazcrxg3jprtx6MYO2voHm7dtnDY7/tOhhrcmPWo/W76I9pQSvryPXzfXJ3MydLnFM25Dl0WPLe36P8Vpg3/9a3k7DNRNrqKemC0TEYJybPg6u9F5kV15Y/fLd65s/tc0Yn+kl/IwWHIS9YMNH7C8V4Y/Z3f+uEsutJ4zxsabXkZ9sHgOF16o31/254z/07U4mk1q4yN9h+JEhFIeek3tRcZbuOZ6t8ep79JShC3v21vmfOftfBg9R/pab8srry7/xVu7uB98pO/IXgROT+WNLjgP0j6OGEP6DiwSEYz6VCrcmSfZaZcynPofds7tN2koDOBTY4y37MVpvMa7sW3iCds62kK5jCKBDLu5OZCQZZQBbizGOCeRIGQTL1GjvvhgMp/0zT/S73Baa7V4ih4MGn7q6Tk9p3358Z1bW/vBGMuBXiAxD+7VCZ4Rt1PHh+pNBnOgF8bhj+UeeMCz4q4K6/uhetYcFthhiccxr97kmfFAPX1gqJ455wRW3LE27ycx4zxDbqoHh+pHRgY36MG7YG3gpmo8Q55A2P+x+vTcOjdQ9E/9yX176Y1GBTeKVRPBRq8Wab29tbBzn+NNLnxjku8RIwVh/4fqReTn+sDGdHjg1J+4vofu3n3rvqIQGoJNUslR1MNfgKg3+J9oyd9o9b7Au/TH6iVxk+sD077BUz+yj+7+sNBFfaOE+dCTesA0P5Fy2bqvt1qtHVnegUOd75VJ9cCAjvUDqd6D+9Fu6ksk07N6a6jn3VmQ5QX+dzBSo7vo6sV0XFyK+OOk9FaM4eLicifkARL1af/HpcDy5lLkLS5J6UCENCE34KRAZMkPrURyl2URCsCjR4+ucT+Rn5lJ+DZmZmaCZjGbfT89nYcfw+pMluPwgcNkV7ent/MM1LNzf4yuvlguVy31pNwuWjVV1eneWtqlhF+rrxkGX0tO8HAADKPWOSTbxi+2dY55iHoUXUFzGooSawHkjyJAxE4RQCTORTUNrUTnEIJmMYQ0uAKlrRv4ESbGLZqtA+bxxo0bt91C3mTGLAYTuASSE7gzwAechhO+l1CxzUA9M/dnaeqbdQVo6JZ6PdcpF0F8BWeajqC33KeMX6tPylNbslw3SEmWk/BraMlAvetOfujyyC66ehSNYVuiaS26IkHw+53TvDkQG0GLXBqXY6LEQappcXIDLboYh5MxTkIRDohrUc5WT+nwIZ/YXuOyz4NO9ZC+z3LhWd97BupZuR/79VjfFpL1UrNZUXKW+pKyVW6XKrqgV5QP7XJFqTrfyTOj/j5N/Rd56mnye/U78k57YUfe6ra8C42Bebp6CesyRQas8P9BfRSqoOEmEjkLK8aRfW4F4Yv9KNCbepJxqs/7ZnE++/hxloF6Ru6FbuoJSUFXoVhVFKIe17QhVfFvoNSpmRdszGkeRP1tmvqO4+/Ut+WpGoT+5y98F/TTntSb1t4Q9WnOTX0E8qA+ZlpdliRp0WyKUMxuLkIawbfCvH79mvOg/rmLeji9GsRM+9b6pf7CbheuX9/zG+pzZUwRLFfL5aai6Kb6nNJIVnXIbCmlMq5puD2wDdHV15zq6/JOEpiSjW7qVU9jvT0+k9Cmqk9rqINodvicRVyD/DJa6WWGD25d1ENike+X+ous1DvH+noD1DvG+nnVXvq7vKCjelDPO9V/kk0WuqlP9UV9GkXTEPUkxMkNLJaQBNX+3tSH3dXng4S/2uEfur5nf/faIxT1uqI0VaFI1G8JGLXahGEemjTdHtzhoAf1r3pVX6dt8+jqLs/qQZpX9VHSw7upl9Airv4z9T6s/pndGTBQz8I8MEZRD9JVGOaJ+jpki2SdV4J/DRWyuuoIeqJ+MmTQ1WM6Q34J1OOKSbzqm+i2nZcZ8zTDj0MKwt54U2//WGz1Npq2Dk1MXrx44T7N23ZXT7LhjvoN3yoD9SzNA1co6tU6rN8+1LH6KnTuOaHS+IDLZUGFVcB8Kacknet6c3F315t6WNA9bcmfQT3/CbKfPn3uFvu1zFUvHT5ahHQdBHpVTxYDm8hNvYg0fAfKDH8WvLqoJ6ffddQHfQlyPsxAPRPz9C0dsnqvt7F6HPuKkKxAWm/ieC8pQK5qX2Vv5KZC3tQbU7L8eX4Kq+e3IC9PzfPuGKFjntSjwLqoYcdO9cuiKEbQEqRxh3rIRP1wxYqb+jiCIk09eH08S3bziHr79Gp+NkHW9e98idWH+Y2X0wzUMzIPG7lUikXVzKlVnTzBU80y5Nze1AD1hQe8NyYmanZ+weC7MR4a9TTNE8G+luZ+VC8hi5hTfTzQucDvpp6LIJGmHnj+zNzNc477G3A2sQbqMasJKIF/BuqZmAcOCIywg34cP7jL3OSZ8qCQOuptmheTpDjXC90voEzyaISDa5zNWjAY/nsPbWnmyU4uW/nWFH+cZ8qrwvERDF09Q/BerpN/51UNME/jIEvzgqke9/g1niWhzOhfVh+X1qM/LOr/HfWeOHCEddSTwT4zyTboQ0d3/V31krXDZ/OfqWcb9vZj2xDTsM9kznl6D9//ll3U+/2bnJP/TT2EPUu+vaGlZ57wrDBgkjf8BAMY3LD/7v/TUEOFuzwj7hUzB4ff3PWDMyzdC1g9cb/wipF5vTD88MqFQfvcEv5az+z1wi2eAU9ShVNHhx9Z94dR9j0+uJ8IFVi4fxIqhM4Pv6//yt7d9aQNxXEcL5lPkYACM+rGxbaLZWkVCQuIiQjMsZEQtAhzddZNz7oYZ9KYgVMMl0vmhffbre90fw92rfGxiqztfh/aI22JN9+0hpqcWjnyz/2WGZ9/uVfrd77aM6b4BR/SG5zanrJbv91nWeuOM6p80Jjs92FWjXv07GHH59UgcyVZk4/ucMqXVBYd8mEunXsVGOng3dyJ0/TJuZLCWqwq3cr+VkuTx+ku3lX6kN5BF33rDLk8vsq2jmxe93/sfy7pqhz19/iEK4XdPFFqRHCIwNPO/vOW1iTFL2VlprZ0tUTz7NBC68mLe0nMffwHP5Zkuq6+Y1H/oA/TI3dHYKgDt3d4Q8uJzy/7CmOaqmkqadFystKg0Urv6EXao8YHjTHlxfXhefvIpDv1hR1Uvl1/9MlIJ674xtzYyfZlv0T5s1lFkWlVZL4oWRqz7b2ywkfaJ8tydPz56FAvHojgDT7S00PLjdCHEd47Tmqaz73hBMHYYxymFQ9A8Rozp9GaXuZ+nzHimWfeh7MbAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACgswbCLp5X46/IgNB9g8OhmOOFxrw4oco/nlwlEIw1pxyvGQsGhAtF3DuN0tkplcJCtwWPdyUX2D0ODnpu3jyryT6hy8ZirihP7WPD3k4/KXRZqCm5RDOE9B0Vm5JcYiqG9EiP9EiP9EjvfkiP9JdBeqRHeqRHetETkB7pL4P0V6dPxUlaPC9/6ZPol+JEvF4ukciJhszXSmONb1YSJCOaR4oN8bx5+ohFhn7XvaZ/3N/7v6WfSaXyNtMvpFIFm+lXGglum97vlcs/z6RPVByQ/tHbB723Sr+8WavpdYlsTtBQz9Ylk65LNnQ5PUnZTE+WbKavJIqZ3PZhMWNsWrrmynsOSC/0U3v76Zd3prkdCj5dox01Gk0f16Wb8Wz6tUSx/W7FTG/lhPS8vd30y+vTq1VJqta+rZ6m13d0V6afWZjN599vGOnTn/KztMGl6Uj6ovS/Dg60a9JTx0PRZE2fKxPzrN+rzM83cmb6lXI51630vL3N9KuUm6tWeXrOjelfx+OFpUI8vtBOPxunjcJ3kWx84UdevTmf/vfi4p92zqS3aSAKwAjEKoRYLggOHODkCBgs4cRSosRO7KQVGEKihKTKdogQqVJKWlqJQw8gWkpV9kUIxCqxiv/Imxm7DsSoTjIpSfs+qfbYnvHl85t547jzYB31BSh4qwelQNppkJLlFPzFHPWFJfmlgKgX4d5bfctVa6vPZXh3cCOa4+r5c7Ee/119XqVbg5hMPT1tcd11kjdpxXA36gulUsH2tiB1qPdI81LyLDSIpR318Cg02u41aPXcfTfqo8HxP9SzU1HYjrdg/H87w9U/DE77NPbfx3p+rHHPLP1/RzSJH5j+1bvMyyk/6ktuNaYezH/d2Hk9d+9f/XhwylN9lmYA0XIG1Ps0PwTqa6qq5onCNDclwCJ5ScqTvEoJk1CH+uLq6qt11Jf8qb/rZgQsPaDmB6j+5HYPkskd/tWD4qin+mrZHevhMfDh6r+rtwzC4OpVCXhHKrTsoHhm+GKiHgK9XT3QGKT6U/2rv+Yd9Xwc4OrpZE844tWHiK48VlWFKO7kTiUaLVsqJ9GL+kl5wZ/6WLv6lfmFhckN7vD3J3fs7X+sn4I/TjkYLAfEI159ndu2/ox6GPIr0Pnb9KK+sCDHfHX483/O6xtyqrCh6rl5/+pzrbK3+oejFvVEZ7uKrd6SgDzdKUT5W73pFFeXl9+v/37m5V/q5z3UP+G1XPVQb1aAeiHmvSd3WSfsZ3KgfsJWnwtOt431orI88ep5n84wSA22c85YX4etqZMEbA0DrgC/JE6FqH4zfG6Xd90xO/gboLRTfUxeiLF9wVFfgExPgHpB5r3f5mVnYJdtQWy3yk6ad4c9EeM5UA+7Ic7wQa8WDqs0uPVQUzHqtnpDa4ZgQs/HAD3fDCmavva0GJVw2Ld6CGg5XWpQnc4IcDfNpu/wLi8tL8F2ktVKpedLsyv2vJ4/MzEB6sWYd9W7ZOAdfqsKI3qGOq4u5pj6XDm4WG61oqCeJYNvcwJ0ilcPJDT7h9swAZSQM9brcBQ2eQaoE8CgF/hxHQ79qgdgpgbEHY+xuP3DrexQaqtlRz1/ZpYEqBdh3ls9yB+fmBi/wRP+iQn4IS9Di1PZiXHwHZ1iVa5FxRgVr94loaqm5KKqNclhjh70wWQkUhBQa4A/2u7dYr/Xjy6iP9XYu9U+1Rhd8AMtVP8vUD2qR/WoHtVLmwJUj+r/BapH9age1aN6aVOA6lH9v0D1qJ6Ci6cBu1B9jxwcnSUTvZfJPbxZFko9sm2D2TciC6Xe/HgAl0duA5dHpu6PnB59dh0G8xvP0VFYFP3gvm0IgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIgiAIsoXZc3iTrKvhgyN7xC6pcvDEmaHnECyks7kXVPG77AouqLLGkc2xjJLfxZYOC1R/4NVoLKP06sC+Tb1unj9O7xK4kM6Zm4GR4NaZg6geVtfbkksmnkD1oB4XSkX1qB7Vo/otAapH9age1aP6LQKqR/XC1X/4/HTsD57+CAwLqH6Q6j89G3t+4Q+ejz37FBgOUP0g1T/78uLcX7z48uxDYCjwpZ7okg/CJCSJJUTC0jqk5IuSL0pOxYgs96r++O6dXan/MQbmO9yPfQ4MBai+C/XHkjt2dqP+6fNzHjx/6tbIRRk3vOXMRHNiLBdfo/p+1AO7wX0X6scueKm/MObWiAY5VU/52WBGjPrLb1B9f+q5e7HqpzLAVLU1M0j1r/uIelOpaCGTHahWWNPyNclGpUdqm3pLSTBtFS1cewxlimLRehV2nd4q3JQocwprqCpztIFi0jr2jWmx6ag/e/v27bPrqi9dLMRm4/FSgQlOx+ONGBR4OT0pRD13L1R9lO0zwYmBqC9eZrs3sLt8szf1dXLFIDp1nyDEgDKxJIqpEXLlCiEJR70ZJooE5Am00DWi2jcIEYBWqxnQnpA8j2pWV2HPjEbyhN5Y5VdouW6rL166dKm4rvq4HFmRgRKU07KcWpFTzP0TVk4LUc/di1YPVN/ysZ+55iUR6i99o9sbyWIg8O1BT+qJngC1TESChXjCICaP9IpJzznqzTq3GbJbOOoNPW9KCdoH6LRCQiehTvV1lT4yFSjXWEOFrK9+vjTpql+5G5MK9yOSNCvHIfYb8hKcjskrEerfUV8olfpQz92LV9+i6qPlYJCH/wyUWtm+1b//VqS725dgU3zzvhf1zI1pGLzLd3WpRDfbx3puHtDsFo56OM15RzSJNdQ61PMmxICtxZ1r66pvJw6mAWY7VZBY7EfopkHLS6BexLyeuxetPht8SA8mMoFodQLMV6vRTHSx2qf6e0meQTxY5rF/uxf13Kctsqaqap5ZU+jWVW+Bec8WtKvn8HZgmJgd6h9JwBXitrOcsX51dVXyoX5+LaW7G6G8lGepc9YvzPak/uR2D5LJHeLUl6eBcjBLO/1FfioXuMOc51r9qT9vu76ZPM/2t5M3es3weR5nGYTCrFVIs109kGfFhNPCUW+0TwO44USH+sSa+jp55GT4/okzx1yzQ5pmA6wHaPSk/tTA1S+Wy+VgawrK1yHyKbArL7LSnX7Uu2F+PnnTVn++L/UwiiuPVVXxVG/pRPVUr3enHq72oj5ml9JyOsKBMwsy7wmEdfj7kzv2iu3wM60yK3NAfbUsIsN3wnyZJ3gzyXs9dPgQtI7oOrdiEcUR6Vq16OBfg6LptPineqOtw8+LiXpX/cV2zSl++qIY9dy86DRvPDhFo/5ahpFjXT/Qf5r3pkjTfBb8xe+9pXlghQtxLFaYNYvl465VqlFjArlzvUO9xYeEGjHcNE/rUM9uBTtnrF9eXi52oT4ix93Td+V5thOjnpsXnuFXqzC0w4Bv87aVY7u+J3cPvoNzHvvfL/U0uWO+mkygQWhYzxGitKXwNXPNV51YrA+vMM8d6hPEqLHr4bU8v0Y61NsX9C4z/Jgb6RH+DLApXpwl/ULUc/PC1cN+HIb2FnWU47k+lB4G+1Z/87L9Fhd2xZ7UGyTctAxmSCF6qKkYdi5vEbgSUgx7Xs9n/HPwTOikruRJvUM9dAu61QwT1sKE+4YsXe9QDwfwLk83elUfgQRvfr7BzhRSUG6kFkSo5+aFqwfKEOe5RZrvt6o52tVXp8vVaVAv/C2uf/XuyzjDchN5hfXVQEgngOZEPWCxuX4iTBt0pHnMPVB/xMpzOq2ldKpPVOhdld7UA5NLMrCSLtCAT0Ex3hCgnpsXqX4ma8u9kaURPzUxPX0NzLNSNnc1C+W+eXO5D/WAqaqm02e7RaaPHnpRc9K8zlvVOm7bwZw6J/VDjKX3nMnIpJBPNY6BeSE/2m4or4vdqheBTqRRwP+nGmC+C/WfvT/V+BkYCgalPhyqSbU8pIejwKA+0Prg/YFWYDgYlPorhFKRRgL8LFOkevOxpViqNBoIV+/y8++PsT8PyUeZ+EUu/gsGqkf1qB7VS1sIVI/qUT2qR/VbBFSP6gVwYnQWTzu0zYtdqL5HDp4ZicUy4af8M97L5B7eWgulHhG4OPKBVyOxXCYslIrLI+PyyH+5P3J6q7DrMJgXydFDZ4aeEwf3bfPkN1yBOqAk6i9ZAAAAAElFTkSuQmCC";});var bo,Co=s(()=>{bo=[[{code:"// Button.stories.jsx"}],[{code:"import { Button } from './Button';"}],[{code:`export default {
389
389
  title: 'Example/Button',
390
390
  component: Button,
391
391
  // ...
@@ -400,7 +400,7 @@ export const Warning = {
400
400
  backgroundColor: 'red',
401
401
  label: 'Delete now'
402
402
  }
403
- };`}]];});var wo,So=a(()=>{wo=[[{code:"// Button.stories.tsx"}],[{code:`import type { Meta, StoryObj } from '@storybook/react';
403
+ };`}]];});var wo,So=s(()=>{wo=[[{code:"// Button.stories.tsx"}],[{code:`import type { Meta, StoryObj } from '@storybook/react';
404
404
 
405
405
  import { Button } from './Button';`}],[{code:`const meta: Meta<typeof Button> = {
406
406
  title: 'Example/Button',
@@ -419,7 +419,7 @@ export const Warning: Story = {
419
419
  backgroundColor: 'red',
420
420
  label: 'Delete now'
421
421
  }
422
- };`}]];});var vo,ko=a(()=>{vo=[[{code:"// Button.stories.tsx"}],[{code:`import type { Meta, StoryObj } from '@storybook/nextjs';
422
+ };`}]];});var vo,ko=s(()=>{vo=[[{code:"// Button.stories.tsx"}],[{code:`import type { Meta, StoryObj } from '@storybook/nextjs';
423
423
 
424
424
  import { Button } from './Button';`}],[{code:`const meta: Meta<typeof Button> = {
425
425
  title: 'Example/Button',
@@ -438,6 +438,6 @@ export const Warning: Story = {
438
438
  backgroundColor: 'red',
439
439
  label: 'Delete now'
440
440
  }
441
- };`}]];});function Po(){let[t,o]=e.useState(null);return e.useEffect(()=>{(async()=>{try{let s=await(await fetch("/project.json")).json();o({data:s,error:null});}catch(n){o({data:null,error:n});}})();},[]),t}var To=a(()=>{});var Bo,Do=a(()=>{D();M();At();Xt();Rt();no();so();lo();co();uo();go();xo();Co();So();ko();To();Bo=({onFinish:t,api:o,addonsStore:r,skipOnboarding:n,isOpen:s})=>{let[i,p]=e.useState("imports"),f={imports:1,meta:2,story:3,args:4,customStory:5},[l,d]=e.useState(!1),[g,z]=Fe__default.default(),k=io(),w=po(i==="customStory",o,r),P=mo("syntax-highlighter-backdrop",i==="customStory"),R=Po(),j=R?.data?.language==="javascript"?bo:R?.data?.framework.name==="@storybook/nextjs"?vo:wo,Oo=()=>{let A=j[4][0].code;navigator.clipboard.writeText(A.replace("// Copy the code below","")),d(!0);};return e__default.default.createElement(I,{width:740,height:430,isOpen:s,setOpen:n},({Title:A,Description:No,Close:jo})=>e__default.default.createElement(zt,null,j?e__default.default.createElement(Zt,{activeStep:f[i]||1,data:j,width:480}):null,P&&!w?.data&&e__default.default.createElement(h,{ref:g,onClick:()=>{Oo();},style:{position:"absolute",top:P.top+P.height-45,left:P.left+P.width-(z.width??0)-10,zIndex:1e3}},l?"Copied to clipboard":"Copy code"),e__default.default.createElement(Bt,null,e__default.default.createElement(Dt,null,e__default.default.createElement(A,{asChild:!0},e__default.default.createElement(Mt,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(jo,{asChild:!0},e__default.default.createElement(components.Icons,{style:{cursor:"pointer"},icon:"cross",width:13}))),e__default.default.createElement(No,{asChild:!0},e__default.default.createElement(It,null,i==="imports"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Imports"),e__default.default.createElement("p",null,"First, import Meta and StoryObj for type safety and autocompletion in TypeScript stories."),e__default.default.createElement("p",null,"Next, import a component. In this case, the Button component.")),e__default.default.createElement(h,{style:{marginTop:4},onClick:()=>{p("meta");}},"Next")),i==="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(W,{width:"204",alt:"Title property pointing to Storybook's sidebar",src:fo})),e__default.default.createElement(h,{style:{marginTop:4},onClick:()=>{p("story");}},"Next")),i==="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(W,{width:"190",alt:"Story export pointing to the sidebar entry of the story",src:ho})),e__default.default.createElement(h,{style:{marginTop:4},onClick:()=>{p("args");}},"Next")),i==="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(W,{alt:"Args mapped to their controls in Storybook",width:"253",src:yo})),e__default.default.createElement(h,{style:{marginTop:4},onClick:()=>{p("customStory");}},"Next")),i==="customStory"&&(w?.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(Jt,null,e__default.default.createElement(N,{isCompleted:l||w?.data,index:1},"Copy the Warning story"),e__default.default.createElement(N,{isCompleted:w?.data,index:2},"Open"," ",k?.data?e__default.default.createElement(Wt,null,k.data):e__default.default.createElement(e__default.default.Fragment,null,"the Button Story")," ","in your current working directory"),e__default.default.createElement(N,{isCompleted:w?.data,index:3},"Paste it at the bottom of the file"))),w?.data?e__default.default.createElement(h,{onClick:()=>{t();}},"Go to story"):null)))),e__default.default.createElement(Et,null,e__default.default.createElement(Ot,null),e__default.default.createElement(Nt,null),e__default.default.createElement(jt,null)))))};});var Wo={};$o(Wo,{default:()=>Io});function Io({api:t}){let[o,r]=e.useState(!0),[n,s]=e.useState(!1),[i,p]=e.useState("1:Welcome"),f=e.useCallback(()=>{let l=new URL(window.location.href),d=decodeURIComponent(l.searchParams.get("path"));l.search=`?path=${d}&onboarding=false`,history.replaceState({},"",l.href),t.setQueryParams({onboarding:"false"}),r(!1);},[r,t]);return e.useEffect(()=>{let l;return i==="4:VisitNewStory"&&(s(!0),l=window.setTimeout(()=>{p("5:ConfigureYourProject");},2e3)),()=>{clearTimeout(l);}},[i]),e.useEffect(()=>{t.once(coreEvents.CURRENT_STORY_WAS_SET,({storyId:l})=>{t.setQueryParams({onboarding:"true"}),l!=="example-button--primary"&&t.selectStory("example-button--primary",void 0,{ref:void 0}),t.togglePanel(!0),t.togglePanelPosition("bottom"),t.setSelectedPanel("addon-controls");});},[]),e.useEffect(()=>{let l=d=>{d==="configure-your-project--docs"&&f();};return t.on(coreEvents.STORY_CHANGED,l),()=>{t.off(coreEvents.STORY_CHANGED,l);}},[]),e__default.default.createElement(theming.ThemeProvider,{theme:Ke},n&&e__default.default.createElement(B,{numberOfPieces:1e3,initialVelocityY:3,recycle:!1,onConfettiComplete:l=>{l.reset(),s(!1);}}),e__default.default.createElement(Tt,{onProceed:()=>p("2:StorybookTour"),isOpen:o&&i==="1:Welcome",skipOnboarding:f}),(i==="2:StorybookTour"||i==="5:ConfigureYourProject")&&e__default.default.createElement(it,{api:t,isFinalStep:i==="5:ConfigureYourProject",onFirstTourDone:()=>{p("3:WriteYourStory");}}),e__default.default.createElement(Bo,{api:t,addonsStore:managerApi.addons,onFinish:()=>{t.selectStory("example-button--warning"),p("4:VisitNewStory");},isOpen:o&&i==="3:WriteYourStory",skipOnboarding:f}))}var Ke,Eo=a(()=>{st();Lt();Do();$();Ke=theming.ensure(theming.themes.light);});var or=e.lazy(()=>Promise.resolve().then(()=>(Eo(),Wo)));managerApi.addons.register("@storybook/addon-onboarding",async t=>{let o=t.getUrlState(),r=o.path==="/onboarding"||o.queryParams.onboarding==="true",n=!1;try{n=!!(await(await fetch("./index.json")).json()).entries["example-button--primary"];}catch{n=!!document.getElementById("example-button--primary");}if(!n){console.warn("[@storybook/addon-onboarding] It seems like you have finished the onboarding experience in Storybook! Therefore this addon is not necessary anymore and will not be loaded. You are free to remove it from your project. More info: https://github.com/storybookjs/addon-onboarding#uninstalling");return}if(!r||window.innerWidth<730)return;let s=document.createElement("div");s.id="addon-onboarding",document.body.appendChild(s),qe__default.default.render(e__default.default.createElement(e.Suspense,{fallback:e__default.default.createElement("div",null,"Loading...")},e__default.default.createElement(or,{api:t})),s);});
441
+ };`}]];});function Po(){let[t,o]=e.useState(null);return e.useEffect(()=>{(async()=>{try{let a=await(await fetch("/project.json")).json();o({data:a,error:null});}catch(n){o({data:null,error:n});}})();},[]),t}var To=s(()=>{});var zo,Bo=s(()=>{B();M();jt();Xt();Rt();no();ao();lo();co();uo();go();yo();Co();So();ko();To();zo=({onFinish:t,api:o,addonsStore:r,skipOnboarding:n,isOpen:a})=>{let[i,l]=e.useState("imports"),m={imports:1,meta:2,story:3,args:4,customStory:5},[p,d]=e.useState(!1),[g,D]=Ue__default.default(),k=io(),w=po(i==="customStory",o,r),P=mo("syntax-highlighter-backdrop",i==="customStory"),R=Po(),A=R?.data?.language==="javascript"?bo:R?.data?.framework.name==="@storybook/nextjs"?vo:wo,Oo=()=>{let j=A[4][0].code;navigator.clipboard.writeText(j.replace("// Copy the code below","")),d(!0);};return e__default.default.createElement(I,{width:740,height:430,isOpen:a,setOpen:n},({Title:j,Description:No,Close:Ao})=>e__default.default.createElement(Dt,null,A?e__default.default.createElement(Zt,{activeStep:m[i]||1,data:A,width:480}):null,P&&!w?.data&&e__default.default.createElement(h,{ref:g,onClick:()=>{Oo();},style:{position:"absolute",top:P.top+P.height-45,left:P.left+P.width-(D.width??0)-10,zIndex:1e3}},p?"Copied to clipboard":"Copy code"),e__default.default.createElement(zt,null,e__default.default.createElement(Bt,null,e__default.default.createElement(j,{asChild:!0},e__default.default.createElement(Mt,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(Ao,{asChild:!0},e__default.default.createElement(components.Icons,{style:{cursor:"pointer"},icon:"cross",width:13}))),e__default.default.createElement(No,{asChild:!0},e__default.default.createElement(It,null,i==="imports"&&e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Imports"),e__default.default.createElement("p",null,"First, import Meta and StoryObj for type safety and autocompletion in TypeScript stories."),e__default.default.createElement("p",null,"Next, import a component. In this case, the Button component.")),e__default.default.createElement(h,{style:{marginTop:4},onClick:()=>{l("meta");}},"Next")),i==="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(W,{width:"204",alt:"Title property pointing to Storybook's sidebar",src:fo})),e__default.default.createElement(h,{style:{marginTop:4},onClick:()=>{l("story");}},"Next")),i==="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(W,{width:"190",alt:"Story export pointing to the sidebar entry of the story",src:ho})),e__default.default.createElement(h,{style:{marginTop:4},onClick:()=>{l("args");}},"Next")),i==="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(W,{alt:"Args mapped to their controls in Storybook",width:"253",src:xo})),e__default.default.createElement(h,{style:{marginTop:4},onClick:()=>{l("customStory");}},"Next")),i==="customStory"&&(w?.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(Jt,null,e__default.default.createElement(N,{isCompleted:p||w?.data,index:1},"Copy the Warning story"),e__default.default.createElement(N,{isCompleted:w?.data,index:2},"Open"," ",k?.data?e__default.default.createElement(Wt,null,k.data):e__default.default.createElement(e__default.default.Fragment,null,"the Button Story")," ","in your current working directory"),e__default.default.createElement(N,{isCompleted:w?.data,index:3},"Paste it at the bottom of the file"))),w?.data?e__default.default.createElement(h,{onClick:()=>{t();}},"Go to story"):null)))),e__default.default.createElement(Et,null,e__default.default.createElement(Ot,null),e__default.default.createElement(Nt,null),e__default.default.createElement(At,null)))))};});var Wo={};Fo(Wo,{default:()=>Io});function Io({api:t}){let[o,r]=e.useState(!0),[n,a]=e.useState(!1),[i,l]=e.useState("1:Welcome"),m=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),r(!1);},[r]);return e.useEffect(()=>{let p;return i==="4:VisitNewStory"&&(a(!0),p=window.setTimeout(()=>{l("5:ConfigureYourProject");},2e3)),()=>{clearTimeout(p);}},[i]),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"&&m();};return t.on(coreEvents.STORY_CHANGED,p),()=>{t.off(coreEvents.STORY_CHANGED,p);}},[]),e__default.default.createElement(theming.ThemeProvider,{theme:Je},n&&e__default.default.createElement(z,{numberOfPieces:800,recycle:!1,tweenDuration:2e4,onConfettiComplete:p=>{p.reset(),a(!1);}}),e__default.default.createElement(Tt,{onProceed:()=>l("2:StorybookTour"),isOpen:o&&i==="1:Welcome",skipOnboarding:m}),(i==="2:StorybookTour"||i==="5:ConfigureYourProject")&&e__default.default.createElement(it,{api:t,isFinalStep:i==="5:ConfigureYourProject",onFirstTourDone:()=>{l("3:WriteYourStory");}}),e__default.default.createElement(zo,{api:t,addonsStore:managerApi.addons,onFinish:()=>{t.selectStory("example-button--warning"),l("4:VisitNewStory");},isOpen:o&&i==="3:WriteYourStory",skipOnboarding:m}))}var Je,Eo=s(()=>{at();Lt();Bo();F();Je=theming.ensure(theming.themes.light);});var rr=e.lazy(()=>Promise.resolve().then(()=>(Eo(),Wo)));managerApi.addons.register("@storybook/addon-onboarding",async t=>{let o=t.getUrlState();if(!(o.path==="/onboarding"||o.queryParams.onboarding==="true"))return;let n=!1;try{n=!!(await(await fetch("./index.json")).json()).entries["example-button--primary"];}catch{}if(n){let a=document.createElement("div");a.id="addon-onboarding",document.body.appendChild(a),Re__default.default.render(e__default.default.createElement(e.Suspense,{fallback:e__default.default.createElement("div",null,"Loading...")},e__default.default.createElement(rr,{api:t})),a);}});
442
442
  //# sourceMappingURL=out.js.map
443
443
  //# sourceMappingURL=manager.js.map