@storybook/addon-onboarding 1.0.8 → 1.0.9-canary.78.623d2b2.0

package/dist/manager.mjs

@@ -236,7 +236,7 @@ var J0=Object.create;var mo=Object.defineProperty;var eb=Object.getOwnPropertyDe
   margin-top: 4px;
 `,Zf=styled.div`
   margin-bottom: 4px;
-`;});function Qf({api:e,isFinalStep:t,onFirstTourDone:r,onLastTourDone:n,codeSnippets:o}){let[i,a]=useState(),s=useTheme();useEffect(()=>{e.once(UPDATE_STORY_ARGS,()=>{a(3);});},[]);let l=t?[{target:"#example-button--warning",title:"Congratulations!",content:O__default.createElement(O__default.Fragment,null,"You just created your first story. Continue setting up your project to write stories for your own components."),placement:"right",disableOverlay:!0,disableBeacon:!0,floaterProps:{disableAnimation:!0},onNextButtonClick(){n();}}]:[{target:"#storybook-explorer-tree > div",title:"Storybook is built from stories",content:O__default.createElement(O__default.Fragment,null,"Storybook stories represent the key states of each of your components.",O__default.createElement("br",null),O__default.createElement("br",null),o?.filename&&O__default.createElement(O__default.Fragment,null,"We automatically added four stories for this Button component in this example file:",O__default.createElement("br",null),O__default.createElement(Pr,null,o.filename))),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",styles:{spotlight:{borderRadius:0}}},{target:"#root div[role=main]",title:"Interactive story playground",content:O__default.createElement(O__default.Fragment,null,"See how a story renders with different data and state without touching code.",O__default.createElement("br",null),O__default.createElement("br",null),"Try it out by pressing this button.",O__default.createElement(Nf,{targetSelector:"#control-primary"})),placement:"right",spotlightClicks:!0,floaterProps:{target:"#control-primary",options:{preventOverflow:{boundariesElement:"window"}}},hideNextButton:!0},{target:"#control-primary",title:"Congratulations!",content:O__default.createElement(O__default.Fragment,null,"You learned how to control your stories interactively. Now let's explore how to write your first story.",O__default.createElement(Wo,{numberOfPieces:800,recycle:!1,tweenDuration:2e4})),placement:"right",floaterProps:{options:{preventOverflow:{boundariesElement:"window"}}},disableOverlay:!0}];return O__default.createElement(ms,{steps:l,continuous:!0,stepIndex:i,spotlightPadding:0,hideBackButton:!0,disableCloseOnEsc:!0,disableOverlayClose:!0,disableScrolling:!0,hideCloseButton:!0,callback:u=>{!t&&u.status===W.FINISHED&&r();},floaterProps:{options:{offset:{offset:"0, 6"}},styles:{floater:{padding:0,paddingLeft:8,paddingTop:8,filter:s.base==="light"?"drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))":"drop-shadow(#fff5 0px 0px 0.5px) drop-shadow(#fff5 0px 0px 0.5px)"}}},tooltipComponent:jf,styles:{overlay:{mixBlendMode:"unset",backgroundColor:"none"},spotlight:{backgroundColor:"none",border:`solid 2px ${s.color.secondary}`,boxShadow:"0px 0px 0px 9999px rgba(0,0,0,0.4)"},options:{zIndex:1e4,primaryColor:s.color.secondary,arrowColor:s.base==="dark"?"#292A2C":s.color.lightest}}})}var Jf=v(()=>{kf();Vf();hs();Bf();gs();});function te(){return te=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);}return e},te.apply(this,arguments)}var Yt=v(()=>{});function dt(e,t,{checkForDefaultPrevented:r=!0}={}){return function(o){if(e?.(o),r===!1||!o.defaultPrevented)return t?.(o)}}var ys=v(()=>{});function n1(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t);}function bs(...e){return t=>e.forEach(r=>n1(r,t))}function mt(...e){return useCallback(bs(...e),e)}var Tr=v(()=>{});function rp(e,t){let r=createContext(t);function n(i){let{children:a,...s}=i,l=useMemo(()=>s,Object.values(s));return createElement(r.Provider,{value:l},a)}function o(i){let a=useContext(r);if(a)return a;if(t!==void 0)return t;throw new Error(`\`${i}\` must be used within \`${e}\``)}return n.displayName=e+"Provider",[n,o]}function np(e,t=[]){let r=[];function n(i,a){let s=createContext(a),l=r.length;r=[...r,a];function u(f){let{scope:p,children:d,...m}=f,h=p?.[e][l]||s,g=useMemo(()=>m,Object.values(m));return createElement(h.Provider,{value:g},d)}function c(f,p){let d=p?.[e][l]||s,m=useContext(d);if(m)return m;if(a!==void 0)return a;throw new Error(`\`${f}\` must be used within \`${i}\``)}return u.displayName=i+"Provider",[u,c]}let o=()=>{let i=r.map(a=>createContext(a));return function(s){let l=s?.[e]||i;return useMemo(()=>({[`__scope${e}`]:{...s,[e]:l}}),[s,l])}};return o.scopeName=e,[n,o1(o,...t)]}function o1(...e){let t=e[0];if(e.length===1)return t;let r=()=>{let n=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(i){let a=n.reduce((s,{useScope:l,scopeName:u})=>{let f=l(i)[`__scope${u}`];return {...s,...f}},{});return useMemo(()=>({[`__scope${t.scopeName}`]:a}),[a])}};return r.scopeName=t.scopeName,r}var op=v(()=>{});var En,Ss=v(()=>{En=globalThis?.document?useLayoutEffect:()=>{};});function Go(e){let[t,r]=O.useState(a1());return En(()=>{e||r(n=>n??String(s1++));},[e]),e||(t?`radix-${t}`:"")}var a1,s1,ip=v(()=>{Ss();a1=O["useId".toString()]||(()=>{}),s1=0;});function Ge(e){let t=useRef(e);return useEffect(()=>{t.current=e;}),useMemo(()=>(...r)=>{var n;return (n=t.current)===null||n===void 0?void 0:n.call(t,...r)},[])}var Pn=v(()=>{});function ap({prop:e,defaultProp:t,onChange:r=()=>{}}){let[n,o]=h1({defaultProp:t,onChange:r}),i=e!==void 0,a=i?e:n,s=Ge(r),l=useCallback(u=>{if(i){let f=typeof u=="function"?u(e):u;f!==e&&s(f);}else o(u);},[i,e,o,s]);return [a,l]}function h1({defaultProp:e,onChange:t}){let r=useState(e),[n]=r,o=useRef(n),i=Ge(t);return useEffect(()=>{o.current!==n&&(i(n),o.current=n);},[n,o,i]),r}var sp=v(()=>{Pn();});function y1(e){return isValidElement(e)&&e.type===g1}function b1(e,t){let r={...t};for(let n in t){let o=e[n],i=t[n];/^on[A-Z]/.test(n)?o&&i?r[n]=(...s)=>{i(...s),o(...s);}:o&&(r[n]=o):n==="style"?r[n]={...o,...i}:n==="className"&&(r[n]=[o,i].filter(Boolean).join(" "));}return {...e,...r}}var On,Es,g1,Ps=v(()=>{Yt();Tr();On=forwardRef((e,t)=>{let{children:r,...n}=e,o=Children.toArray(r),i=o.find(y1);if(i){let a=i.props.children,s=o.map(l=>l===i?Children.count(a)>1?Children.only(null):isValidElement(a)?a.props.children:null:l);return createElement(Es,te({},n,{ref:t}),isValidElement(a)?cloneElement(a,void 0,s):null)}return createElement(Es,te({},n,{ref:t}),r)});On.displayName="Slot";Es=forwardRef((e,t)=>{let{children:r,...n}=e;return isValidElement(r)?cloneElement(r,{...b1(n,r.props),ref:t?bs(t,r.ref):r.ref}):Children.count(r)>1?Children.only(null):null});Es.displayName="SlotClone";g1=({children:e})=>createElement(Fragment,null,e);});function cp(e,t){e&&flushSync(()=>e.dispatchEvent(t));}var E1,qe,An=v(()=>{Yt();Ps();E1=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],qe=E1.reduce((e,t)=>{let r=forwardRef((n,o)=>{let{asChild:i,...a}=n,s=i?On:t;return useEffect(()=>{window[Symbol.for("radix-ui")]=!0;},[]),createElement(s,te({},a,{ref:o}))});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});});function fp(e,t=globalThis?.document){let r=Ge(e);useEffect(()=>{let n=o=>{o.key==="Escape"&&r(o);};return t.addEventListener("keydown",n),()=>t.removeEventListener("keydown",n)},[r,t]);}var pp=v(()=>{Pn();});function D1(e,t=globalThis?.document){let r=Ge(e),n=useRef(!1),o=useRef(()=>{});return useEffect(()=>{let i=s=>{if(s.target&&!n.current){let u=function(){gp(R1,r,l,{discrete:!0});},l={originalEvent:s};s.pointerType==="touch"?(t.removeEventListener("click",o.current),o.current=u,t.addEventListener("click",o.current,{once:!0})):u();}n.current=!1;},a=window.setTimeout(()=>{t.addEventListener("pointerdown",i);},0);return ()=>{window.clearTimeout(a),t.removeEventListener("pointerdown",i),t.removeEventListener("click",o.current);}},[t,r]),{onPointerDownCapture:()=>n.current=!0}}function L1(e,t=globalThis?.document){let r=Ge(e),n=useRef(!1);return useEffect(()=>{let o=i=>{i.target&&!n.current&&gp(_1,r,{originalEvent:i},{discrete:!1});};return t.addEventListener("focusin",o),()=>t.removeEventListener("focusin",o)},[t,r]),{onFocusCapture:()=>n.current=!0,onBlurCapture:()=>n.current=!1}}function hp(){let e=new CustomEvent(Os);document.dispatchEvent(e);}function gp(e,t,r,{discrete:n}){let o=r.originalEvent.target,i=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),n?cp(o,i):o.dispatchEvent(i);}var Os,R1,_1,mp,M1,vp,yp=v(()=>{Yt();ys();An();Tr();Pn();pp();Os="dismissableLayer.update",R1="dismissableLayer.pointerDownOutside",_1="dismissableLayer.focusOutside",M1=createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),vp=forwardRef((e,t)=>{var r;let{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:o,onPointerDownOutside:i,onFocusOutside:a,onInteractOutside:s,onDismiss:l,...u}=e,c=useContext(M1),[f,p]=useState(null),d=(r=f?.ownerDocument)!==null&&r!==void 0?r:globalThis?.document,[,m]=useState({}),h=mt(t,_=>p(_)),g=Array.from(c.layers),[b]=[...c.layersWithOutsidePointerEventsDisabled].slice(-1),y=g.indexOf(b),x=f?g.indexOf(f):-1,w=c.layersWithOutsidePointerEventsDisabled.size>0,C=x>=y,P=D1(_=>{let L=_.target,B=[...c.branches].some(Y=>Y.contains(L));!C||B||(i?.(_),s?.(_),_.defaultPrevented||l?.());},d),D=L1(_=>{let L=_.target;[...c.branches].some(Y=>Y.contains(L))||(a?.(_),s?.(_),_.defaultPrevented||l?.());},d);return fp(_=>{x===c.layers.size-1&&(o?.(_),!_.defaultPrevented&&l&&(_.preventDefault(),l()));},d),useEffect(()=>{if(f)return n&&(c.layersWithOutsidePointerEventsDisabled.size===0&&(mp=d.body.style.pointerEvents,d.body.style.pointerEvents="none"),c.layersWithOutsidePointerEventsDisabled.add(f)),c.layers.add(f),hp(),()=>{n&&c.layersWithOutsidePointerEventsDisabled.size===1&&(d.body.style.pointerEvents=mp);}},[f,d,n,c]),useEffect(()=>()=>{f&&(c.layers.delete(f),c.layersWithOutsidePointerEventsDisabled.delete(f),hp());},[f,c]),useEffect(()=>{let _=()=>m({});return document.addEventListener(Os,_),()=>document.removeEventListener(Os,_)},[]),createElement(qe.div,te({},u,{ref:h,style:{pointerEvents:w?C?"auto":"none":void 0,...e.style},onFocusCapture:dt(e.onFocusCapture,D.onFocusCapture),onBlurCapture:dt(e.onBlurCapture,D.onBlurCapture),onPointerDownCapture:dt(e.onPointerDownCapture,P.onPointerDownCapture)}))});});function F1(e,{select:t=!1}={}){let r=document.activeElement;for(let n of e)if(Dt(n,{select:t}),document.activeElement!==r)return}function j1(e){let t=Tp(e),r=wp(t,e),n=wp(t.reverse(),e);return [r,n]}function Tp(e){let t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:n=>{let o=n.tagName==="INPUT"&&n.type==="hidden";return n.disabled||n.hidden||o?NodeFilter.FILTER_SKIP:n.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function wp(e,t){for(let r of e)if(!B1(r,{upTo:t}))return r}function B1(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return !0;for(;e;){if(t!==void 0&&e===t)return !1;if(getComputedStyle(e).display==="none")return !0;e=e.parentElement;}return !1}function W1(e){return e instanceof HTMLInputElement&&"select"in e}function Dt(e,{select:t=!1}={}){if(e&&e.focus){let r=document.activeElement;e.focus({preventScroll:!0}),e!==r&&W1(e)&&t&&e.select();}}function U1(){let e=[];return {add(t){let r=e[0];t!==r&&r?.pause(),e=Ep(e,t),e.unshift(t);},remove(t){var r;e=Ep(e,t),(r=e[0])===null||r===void 0||r.resume();}}}function Ep(e,t){let r=[...e],n=r.indexOf(t);return n!==-1&&r.splice(n,1),r}function H1(e){return e.filter(t=>t.tagName!=="A")}var As,$s,Sp,Pp,Cp,Op=v(()=>{Yt();Tr();An();Pn();As="focusScope.autoFocusOnMount",$s="focusScope.autoFocusOnUnmount",Sp={bubbles:!1,cancelable:!0},Pp=forwardRef((e,t)=>{let{loop:r=!1,trapped:n=!1,onMountAutoFocus:o,onUnmountAutoFocus:i,...a}=e,[s,l]=useState(null),u=Ge(o),c=Ge(i),f=useRef(null),p=mt(t,h=>l(h)),d=useRef({paused:!1,pause(){this.paused=!0;},resume(){this.paused=!1;}}).current;useEffect(()=>{if(n){let h=function(x){if(d.paused||!s)return;let w=x.target;s.contains(w)?f.current=w:Dt(f.current,{select:!0});},g=function(x){if(d.paused||!s)return;let w=x.relatedTarget;w!==null&&(s.contains(w)||Dt(f.current,{select:!0}));},b=function(x){let w=document.activeElement;for(let C of x)C.removedNodes.length>0&&(s!=null&&s.contains(w)||Dt(s));};document.addEventListener("focusin",h),document.addEventListener("focusout",g);let y=new MutationObserver(b);return s&&y.observe(s,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",h),document.removeEventListener("focusout",g),y.disconnect();}}},[n,s,d.paused]),useEffect(()=>{if(s){Cp.add(d);let h=document.activeElement;if(!s.contains(h)){let b=new CustomEvent(As,Sp);s.addEventListener(As,u),s.dispatchEvent(b),b.defaultPrevented||(F1(H1(Tp(s)),{select:!0}),document.activeElement===h&&Dt(s));}return ()=>{s.removeEventListener(As,u),setTimeout(()=>{let b=new CustomEvent($s,Sp);s.addEventListener($s,c),s.dispatchEvent(b),b.defaultPrevented||Dt(h??document.body,{select:!0}),s.removeEventListener($s,c),Cp.remove(d);},0);}}},[s,u,c,d]);let m=useCallback(h=>{if(!r&&!n||d.paused)return;let g=h.key==="Tab"&&!h.altKey&&!h.ctrlKey&&!h.metaKey,b=document.activeElement;if(g&&b){let y=h.currentTarget,[x,w]=j1(y);x&&w?!h.shiftKey&&b===w?(h.preventDefault(),r&&Dt(x,{select:!0})):h.shiftKey&&b===x&&(h.preventDefault(),r&&Dt(w,{select:!0})):b===y&&h.preventDefault();}},[r,n,d.paused]);return createElement(qe.div,te({tabIndex:-1},a,{ref:p,onKeyDown:m}))});Cp=U1();});var Ap,$p=v(()=>{Yt();An();Ap=forwardRef((e,t)=>{var r;let{container:n=globalThis==null||(r=globalThis.document)===null||r===void 0?void 0:r.body,...o}=e;return n?Lo.createPortal(createElement(qe.div,te({},o,{ref:t})),n):null});});function tw(e,t){return useReducer((r,n)=>{let o=t[r][n];return o??r},e)}function rw(e){let[t,r]=useState(),n=useRef({}),o=useRef(e),i=useRef("none"),a=e?"mounted":"unmounted",[s,l]=tw(a,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return useEffect(()=>{let u=Ko(n.current);i.current=s==="mounted"?u:"none";},[s]),En(()=>{let u=n.current,c=o.current;if(c!==e){let p=i.current,d=Ko(u);e?l("MOUNT"):d==="none"||u?.display==="none"?l("UNMOUNT"):l(c&&p!==d?"ANIMATION_OUT":"UNMOUNT"),o.current=e;}},[e,l]),En(()=>{if(t){let u=f=>{let d=Ko(n.current).includes(f.animationName);f.target===t&&d&&flushSync(()=>l("ANIMATION_END"));},c=f=>{f.target===t&&(i.current=Ko(n.current));};return t.addEventListener("animationstart",c),t.addEventListener("animationcancel",u),t.addEventListener("animationend",u),()=>{t.removeEventListener("animationstart",c),t.removeEventListener("animationcancel",u),t.removeEventListener("animationend",u);}}else l("ANIMATION_END");},[t,l]),{isPresent:["mounted","unmountSuspended"].includes(s),ref:useCallback(u=>{u&&(n.current=getComputedStyle(u)),r(u);},[])}}function Ko(e){return e?.animationName||"none"}var Rn,Rp=v(()=>{Tr();Ss();Rn=e=>{let{present:t,children:r}=e,n=rw(t),o=typeof r=="function"?r({present:n.isPresent}):Children.only(r),i=mt(n.ref,o.ref);return typeof r=="function"||n.isPresent?cloneElement(o,{ref:i}):null};Rn.displayName="Presence";});function Mp(){useEffect(()=>{var e,t;let r=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",(e=r[0])!==null&&e!==void 0?e:_p()),document.body.insertAdjacentElement("beforeend",(t=r[1])!==null&&t!==void 0?t:_p()),_s++,()=>{_s===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(n=>n.remove()),_s--;}},[]);}function _p(){let e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.cssText="outline: none; opacity: 0; position: fixed; pointer-events: none",e}var _s,Dp=v(()=>{_s=0;});function Yo(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");Ms(e,t);function r(){this.constructor=e;}e.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r);}function Q(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r}function H(e,t){var r=typeof Symbol=="function"&&e[Symbol.iterator];if(!r)return e;var n=r.call(e),o,i=[],a;try{for(;(t===void 0||t-- >0)&&!(o=n.next()).done;)i.push(o.value);}catch(s){a={error:s};}finally{try{o&&!o.done&&(r=n.return)&&r.call(n);}finally{if(a)throw a.error}}return i}function ce(e,t,r){if(r||arguments.length===2)for(var n=0,o=t.length,i;n<o;n++)(i||!(n in t))&&(i||(i=Array.prototype.slice.call(t,0,n)),i[n]=t[n]);return e.concat(i||Array.prototype.slice.call(t))}var Ms,S,V=v(()=>{Ms=function(e,t){return Ms=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,n){r.__proto__=n;}||function(r,n){for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(r[o]=n[o]);},Ms(e,t)};S=function(){return S=Object.assign||function(t){for(var r,n=1,o=arguments.length;n<o;n++){r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i]);}return t},S.apply(this,arguments)};});var Xt,Zt,Ds,Ls,Xo=v(()=>{Xt="right-scroll-bar-position",Zt="width-before-scroll-bar",Ds="with-scroll-bars-hidden",Ls="--removed-body-scroll-bar-size";});function Lp(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}var Ip=v(()=>{});function kp(e,t){var r=useState(function(){return {value:e,callback:t,facade:{get current(){return r.value},set current(n){var o=r.value;o!==n&&(r.value=n,r.callback(n,o));}}}})[0];return r.callback=t,r.facade}var Np=v(()=>{});function Is(e,t){return kp(t||null,function(r){return e.forEach(function(n){return Lp(n,r)})})}var Vp=v(()=>{Ip();Np();});var Fp=v(()=>{Vp();});function iw(e){return e}function aw(e,t){t===void 0&&(t=iw);var r=[],n=!1,o={read:function(){if(n)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return r.length?r[r.length-1]:e},useMedium:function(i){var a=t(i,n);return r.push(a),function(){r=r.filter(function(s){return s!==a});}},assignSyncMedium:function(i){for(n=!0;r.length;){var a=r;r=[],a.forEach(i);}r={push:function(s){return i(s)},filter:function(){return r}};},assignMedium:function(i){n=!0;var a=[];if(r.length){var s=r;r=[],s.forEach(i),a=r;}var l=function(){var c=a;a=[],c.forEach(i);},u=function(){return Promise.resolve().then(l)};u(),r={push:function(c){a.push(c),u();},filter:function(c){return a=a.filter(c),r}};}};return o}function ks(e){e===void 0&&(e={});var t=aw(null);return t.options=S({async:!0,ssr:!1},e),t}var jp=v(()=>{V();});function Ns(e,t){return e.useMedium(t),Wp}var Wp,Up=v(()=>{V();Wp=function(e){var t=e.sideCar,r=Q(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var n=t.read();if(!n)throw new Error("Sidecar medium not found");return O.createElement(n,S({},r))};Wp.isSideCarExport=!0;});var Vs=v(()=>{jp();Up();});var Zo,Fs=v(()=>{Vs();Zo=ks();});var js,_n,Hp=v(()=>{V();Xo();Fp();Fs();js=function(){},_n=O.forwardRef(function(e,t){var r=O.useRef(null),n=O.useState({onScrollCapture:js,onWheelCapture:js,onTouchMoveCapture:js}),o=n[0],i=n[1],a=e.forwardProps,s=e.children,l=e.className,u=e.removeScrollBar,c=e.enabled,f=e.shards,p=e.sideCar,d=e.noIsolation,m=e.inert,h=e.allowPinchZoom,g=e.as,b=g===void 0?"div":g,y=Q(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),x=p,w=Is([r,t]),C=S(S({},y),o);return O.createElement(O.Fragment,null,c&&O.createElement(x,{sideCar:Zo,removeScrollBar:u,shards:f,noIsolation:d,inert:m,setCallbacks:i,allowPinchZoom:!!h,lockRef:r}),a?O.cloneElement(O.Children.only(s),S(S({},C),{ref:w})):O.createElement(b,S({},C,{className:l,ref:w}),s))});_n.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};_n.classNames={fullWidth:Zt,zeroRight:Xt};});var Gp,qp=v(()=>{Gp=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};});function sw(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=Gp();return t&&e.setAttribute("nonce",t),e}function lw(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t));}function uw(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e);}var Bs,Ws=v(()=>{qp();Bs=function(){var e=0,t=null;return {add:function(r){e==0&&(t=sw())&&(lw(t,r),uw(t)),e++;},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null);}}};});var Us,Hs=v(()=>{Ws();Us=function(){var e=Bs();return function(t,r){O.useEffect(function(){return e.add(t),function(){e.remove();}},[t&&r]);}};});var Mn,Yp=v(()=>{Hs();Mn=function(){var e=Us(),t=function(r){var n=r.styles,o=r.dynamic;return e(n,o),null};return t};});var zs=v(()=>{Yp();Ws();Hs();});var cw,Gs,fw,qs,Ks=v(()=>{cw={left:0,top:0,right:0,gap:0},Gs=function(e){return parseInt(e||"",10)||0},fw=function(e){var t=window.getComputedStyle(document.body),r=t[e==="padding"?"paddingLeft":"marginLeft"],n=t[e==="padding"?"paddingTop":"marginTop"],o=t[e==="padding"?"paddingRight":"marginRight"];return [Gs(r),Gs(n),Gs(o)]},qs=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return cw;var t=fw(e),r=document.documentElement.clientWidth,n=window.innerWidth;return {left:t[0],top:t[1],right:t[2],gap:Math.max(0,n-r+t[2]-t[0])}};});var pw,dw,Ys,Xp=v(()=>{zs();Xo();Ks();pw=Mn(),dw=function(e,t,r,n){var o=e.left,i=e.top,a=e.right,s=e.gap;return r===void 0&&(r="margin"),`
+`;});function Qf({api:e,isFinalStep:t,onFirstTourDone:r,onLastTourDone:n,codeSnippets:o}){let[i,a]=useState(),s=useTheme();useEffect(()=>{e.once(UPDATE_STORY_ARGS,()=>{a(3);});},[]);let l=t?[{target:"#example-button--warning",title:"Congratulations!",content:O__default.createElement(O__default.Fragment,null,"You just created your first story. Continue setting up your project to write stories for your own components."),placement:"right",disableOverlay:!0,disableBeacon:!0,floaterProps:{disableAnimation:!0},onNextButtonClick(){n();}}]:[{target:"#storybook-explorer-tree > div",title:"Storybook is built from stories",content:O__default.createElement(O__default.Fragment,null,"Storybook stories represent the key states of each of your components.",O__default.createElement("br",null),O__default.createElement("br",null),o?.filename&&O__default.createElement(O__default.Fragment,null,"We automatically added four stories for this Button component in this example file:",O__default.createElement("br",null),O__default.createElement(Pr,null,o.filename))),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",styles:{spotlight:{borderRadius:0}}},{target:"#root > div",title:"Interactive story playground",content:O__default.createElement(O__default.Fragment,null,"See how a story renders with different data and state without touching code.",O__default.createElement("br",null),O__default.createElement("br",null),"Try it out by pressing this button.",O__default.createElement(Nf,{targetSelector:"#control-primary"})),placement:"right",spotlightClicks:!0,floaterProps:{target:"#control-primary",options:{preventOverflow:{boundariesElement:"window"}}},hideNextButton:!0},{target:"#control-primary",title:"Congratulations!",content:O__default.createElement(O__default.Fragment,null,"You learned how to control your stories interactively. Now let's explore how to write your first story.",O__default.createElement(Wo,{numberOfPieces:800,recycle:!1,tweenDuration:2e4})),placement:"right",floaterProps:{options:{preventOverflow:{boundariesElement:"window"}}},disableOverlay:!0}];return O__default.createElement(ms,{steps:l,continuous:!0,stepIndex:i,spotlightPadding:0,hideBackButton:!0,disableCloseOnEsc:!0,disableOverlayClose:!0,disableScrolling:!0,hideCloseButton:!0,callback:u=>{!t&&u.status===W.FINISHED&&r();},floaterProps:{options:{offset:{offset:"0, 6"}},styles:{floater:{padding:0,paddingLeft:8,paddingTop:8,filter:s.base==="light"?"drop-shadow(0px 5px 5px rgba(0,0,0,0.05)) drop-shadow(0 1px 3px rgba(0,0,0,0.1))":"drop-shadow(#fff5 0px 0px 0.5px) drop-shadow(#fff5 0px 0px 0.5px)"}}},tooltipComponent:jf,styles:{overlay:{mixBlendMode:"unset",backgroundColor:"none"},spotlight:{backgroundColor:"none",border:`solid 2px ${s.color.secondary}`,boxShadow:"0px 0px 0px 9999px rgba(0,0,0,0.4)"},options:{zIndex:1e4,primaryColor:s.color.secondary,arrowColor:s.base==="dark"?"#292A2C":s.color.lightest}}})}var Jf=v(()=>{kf();Vf();hs();Bf();gs();});function te(){return te=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);}return e},te.apply(this,arguments)}var Yt=v(()=>{});function dt(e,t,{checkForDefaultPrevented:r=!0}={}){return function(o){if(e?.(o),r===!1||!o.defaultPrevented)return t?.(o)}}var ys=v(()=>{});function n1(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t);}function bs(...e){return t=>e.forEach(r=>n1(r,t))}function mt(...e){return useCallback(bs(...e),e)}var Tr=v(()=>{});function rp(e,t){let r=createContext(t);function n(i){let{children:a,...s}=i,l=useMemo(()=>s,Object.values(s));return createElement(r.Provider,{value:l},a)}function o(i){let a=useContext(r);if(a)return a;if(t!==void 0)return t;throw new Error(`\`${i}\` must be used within \`${e}\``)}return n.displayName=e+"Provider",[n,o]}function np(e,t=[]){let r=[];function n(i,a){let s=createContext(a),l=r.length;r=[...r,a];function u(f){let{scope:p,children:d,...m}=f,h=p?.[e][l]||s,g=useMemo(()=>m,Object.values(m));return createElement(h.Provider,{value:g},d)}function c(f,p){let d=p?.[e][l]||s,m=useContext(d);if(m)return m;if(a!==void 0)return a;throw new Error(`\`${f}\` must be used within \`${i}\``)}return u.displayName=i+"Provider",[u,c]}let o=()=>{let i=r.map(a=>createContext(a));return function(s){let l=s?.[e]||i;return useMemo(()=>({[`__scope${e}`]:{...s,[e]:l}}),[s,l])}};return o.scopeName=e,[n,o1(o,...t)]}function o1(...e){let t=e[0];if(e.length===1)return t;let r=()=>{let n=e.map(o=>({useScope:o(),scopeName:o.scopeName}));return function(i){let a=n.reduce((s,{useScope:l,scopeName:u})=>{let f=l(i)[`__scope${u}`];return {...s,...f}},{});return useMemo(()=>({[`__scope${t.scopeName}`]:a}),[a])}};return r.scopeName=t.scopeName,r}var op=v(()=>{});var En,Ss=v(()=>{En=globalThis?.document?useLayoutEffect:()=>{};});function Go(e){let[t,r]=O.useState(a1());return En(()=>{e||r(n=>n??String(s1++));},[e]),e||(t?`radix-${t}`:"")}var a1,s1,ip=v(()=>{Ss();a1=O["useId".toString()]||(()=>{}),s1=0;});function Ge(e){let t=useRef(e);return useEffect(()=>{t.current=e;}),useMemo(()=>(...r)=>{var n;return (n=t.current)===null||n===void 0?void 0:n.call(t,...r)},[])}var Pn=v(()=>{});function ap({prop:e,defaultProp:t,onChange:r=()=>{}}){let[n,o]=h1({defaultProp:t,onChange:r}),i=e!==void 0,a=i?e:n,s=Ge(r),l=useCallback(u=>{if(i){let f=typeof u=="function"?u(e):u;f!==e&&s(f);}else o(u);},[i,e,o,s]);return [a,l]}function h1({defaultProp:e,onChange:t}){let r=useState(e),[n]=r,o=useRef(n),i=Ge(t);return useEffect(()=>{o.current!==n&&(i(n),o.current=n);},[n,o,i]),r}var sp=v(()=>{Pn();});function y1(e){return isValidElement(e)&&e.type===g1}function b1(e,t){let r={...t};for(let n in t){let o=e[n],i=t[n];/^on[A-Z]/.test(n)?o&&i?r[n]=(...s)=>{i(...s),o(...s);}:o&&(r[n]=o):n==="style"?r[n]={...o,...i}:n==="className"&&(r[n]=[o,i].filter(Boolean).join(" "));}return {...e,...r}}var On,Es,g1,Ps=v(()=>{Yt();Tr();On=forwardRef((e,t)=>{let{children:r,...n}=e,o=Children.toArray(r),i=o.find(y1);if(i){let a=i.props.children,s=o.map(l=>l===i?Children.count(a)>1?Children.only(null):isValidElement(a)?a.props.children:null:l);return createElement(Es,te({},n,{ref:t}),isValidElement(a)?cloneElement(a,void 0,s):null)}return createElement(Es,te({},n,{ref:t}),r)});On.displayName="Slot";Es=forwardRef((e,t)=>{let{children:r,...n}=e;return isValidElement(r)?cloneElement(r,{...b1(n,r.props),ref:t?bs(t,r.ref):r.ref}):Children.count(r)>1?Children.only(null):null});Es.displayName="SlotClone";g1=({children:e})=>createElement(Fragment,null,e);});function cp(e,t){e&&flushSync(()=>e.dispatchEvent(t));}var E1,qe,An=v(()=>{Yt();Ps();E1=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","span","svg","ul"],qe=E1.reduce((e,t)=>{let r=forwardRef((n,o)=>{let{asChild:i,...a}=n,s=i?On:t;return useEffect(()=>{window[Symbol.for("radix-ui")]=!0;},[]),createElement(s,te({},a,{ref:o}))});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});});function fp(e,t=globalThis?.document){let r=Ge(e);useEffect(()=>{let n=o=>{o.key==="Escape"&&r(o);};return t.addEventListener("keydown",n),()=>t.removeEventListener("keydown",n)},[r,t]);}var pp=v(()=>{Pn();});function D1(e,t=globalThis?.document){let r=Ge(e),n=useRef(!1),o=useRef(()=>{});return useEffect(()=>{let i=s=>{if(s.target&&!n.current){let u=function(){gp(R1,r,l,{discrete:!0});},l={originalEvent:s};s.pointerType==="touch"?(t.removeEventListener("click",o.current),o.current=u,t.addEventListener("click",o.current,{once:!0})):u();}n.current=!1;},a=window.setTimeout(()=>{t.addEventListener("pointerdown",i);},0);return ()=>{window.clearTimeout(a),t.removeEventListener("pointerdown",i),t.removeEventListener("click",o.current);}},[t,r]),{onPointerDownCapture:()=>n.current=!0}}function L1(e,t=globalThis?.document){let r=Ge(e),n=useRef(!1);return useEffect(()=>{let o=i=>{i.target&&!n.current&&gp(_1,r,{originalEvent:i},{discrete:!1});};return t.addEventListener("focusin",o),()=>t.removeEventListener("focusin",o)},[t,r]),{onFocusCapture:()=>n.current=!0,onBlurCapture:()=>n.current=!1}}function hp(){let e=new CustomEvent(Os);document.dispatchEvent(e);}function gp(e,t,r,{discrete:n}){let o=r.originalEvent.target,i=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),n?cp(o,i):o.dispatchEvent(i);}var Os,R1,_1,mp,M1,vp,yp=v(()=>{Yt();ys();An();Tr();Pn();pp();Os="dismissableLayer.update",R1="dismissableLayer.pointerDownOutside",_1="dismissableLayer.focusOutside",M1=createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),vp=forwardRef((e,t)=>{var r;let{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:o,onPointerDownOutside:i,onFocusOutside:a,onInteractOutside:s,onDismiss:l,...u}=e,c=useContext(M1),[f,p]=useState(null),d=(r=f?.ownerDocument)!==null&&r!==void 0?r:globalThis?.document,[,m]=useState({}),h=mt(t,_=>p(_)),g=Array.from(c.layers),[b]=[...c.layersWithOutsidePointerEventsDisabled].slice(-1),y=g.indexOf(b),x=f?g.indexOf(f):-1,w=c.layersWithOutsidePointerEventsDisabled.size>0,C=x>=y,P=D1(_=>{let L=_.target,B=[...c.branches].some(Y=>Y.contains(L));!C||B||(i?.(_),s?.(_),_.defaultPrevented||l?.());},d),D=L1(_=>{let L=_.target;[...c.branches].some(Y=>Y.contains(L))||(a?.(_),s?.(_),_.defaultPrevented||l?.());},d);return fp(_=>{x===c.layers.size-1&&(o?.(_),!_.defaultPrevented&&l&&(_.preventDefault(),l()));},d),useEffect(()=>{if(f)return n&&(c.layersWithOutsidePointerEventsDisabled.size===0&&(mp=d.body.style.pointerEvents,d.body.style.pointerEvents="none"),c.layersWithOutsidePointerEventsDisabled.add(f)),c.layers.add(f),hp(),()=>{n&&c.layersWithOutsidePointerEventsDisabled.size===1&&(d.body.style.pointerEvents=mp);}},[f,d,n,c]),useEffect(()=>()=>{f&&(c.layers.delete(f),c.layersWithOutsidePointerEventsDisabled.delete(f),hp());},[f,c]),useEffect(()=>{let _=()=>m({});return document.addEventListener(Os,_),()=>document.removeEventListener(Os,_)},[]),createElement(qe.div,te({},u,{ref:h,style:{pointerEvents:w?C?"auto":"none":void 0,...e.style},onFocusCapture:dt(e.onFocusCapture,D.onFocusCapture),onBlurCapture:dt(e.onBlurCapture,D.onBlurCapture),onPointerDownCapture:dt(e.onPointerDownCapture,P.onPointerDownCapture)}))});});function F1(e,{select:t=!1}={}){let r=document.activeElement;for(let n of e)if(Dt(n,{select:t}),document.activeElement!==r)return}function j1(e){let t=Tp(e),r=wp(t,e),n=wp(t.reverse(),e);return [r,n]}function Tp(e){let t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:n=>{let o=n.tagName==="INPUT"&&n.type==="hidden";return n.disabled||n.hidden||o?NodeFilter.FILTER_SKIP:n.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function wp(e,t){for(let r of e)if(!B1(r,{upTo:t}))return r}function B1(e,{upTo:t}){if(getComputedStyle(e).visibility==="hidden")return !0;for(;e;){if(t!==void 0&&e===t)return !1;if(getComputedStyle(e).display==="none")return !0;e=e.parentElement;}return !1}function W1(e){return e instanceof HTMLInputElement&&"select"in e}function Dt(e,{select:t=!1}={}){if(e&&e.focus){let r=document.activeElement;e.focus({preventScroll:!0}),e!==r&&W1(e)&&t&&e.select();}}function U1(){let e=[];return {add(t){let r=e[0];t!==r&&r?.pause(),e=Ep(e,t),e.unshift(t);},remove(t){var r;e=Ep(e,t),(r=e[0])===null||r===void 0||r.resume();}}}function Ep(e,t){let r=[...e],n=r.indexOf(t);return n!==-1&&r.splice(n,1),r}function H1(e){return e.filter(t=>t.tagName!=="A")}var As,$s,Sp,Pp,Cp,Op=v(()=>{Yt();Tr();An();Pn();As="focusScope.autoFocusOnMount",$s="focusScope.autoFocusOnUnmount",Sp={bubbles:!1,cancelable:!0},Pp=forwardRef((e,t)=>{let{loop:r=!1,trapped:n=!1,onMountAutoFocus:o,onUnmountAutoFocus:i,...a}=e,[s,l]=useState(null),u=Ge(o),c=Ge(i),f=useRef(null),p=mt(t,h=>l(h)),d=useRef({paused:!1,pause(){this.paused=!0;},resume(){this.paused=!1;}}).current;useEffect(()=>{if(n){let h=function(x){if(d.paused||!s)return;let w=x.target;s.contains(w)?f.current=w:Dt(f.current,{select:!0});},g=function(x){if(d.paused||!s)return;let w=x.relatedTarget;w!==null&&(s.contains(w)||Dt(f.current,{select:!0}));},b=function(x){let w=document.activeElement;for(let C of x)C.removedNodes.length>0&&(s!=null&&s.contains(w)||Dt(s));};document.addEventListener("focusin",h),document.addEventListener("focusout",g);let y=new MutationObserver(b);return s&&y.observe(s,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",h),document.removeEventListener("focusout",g),y.disconnect();}}},[n,s,d.paused]),useEffect(()=>{if(s){Cp.add(d);let h=document.activeElement;if(!s.contains(h)){let b=new CustomEvent(As,Sp);s.addEventListener(As,u),s.dispatchEvent(b),b.defaultPrevented||(F1(H1(Tp(s)),{select:!0}),document.activeElement===h&&Dt(s));}return ()=>{s.removeEventListener(As,u),setTimeout(()=>{let b=new CustomEvent($s,Sp);s.addEventListener($s,c),s.dispatchEvent(b),b.defaultPrevented||Dt(h??document.body,{select:!0}),s.removeEventListener($s,c),Cp.remove(d);},0);}}},[s,u,c,d]);let m=useCallback(h=>{if(!r&&!n||d.paused)return;let g=h.key==="Tab"&&!h.altKey&&!h.ctrlKey&&!h.metaKey,b=document.activeElement;if(g&&b){let y=h.currentTarget,[x,w]=j1(y);x&&w?!h.shiftKey&&b===w?(h.preventDefault(),r&&Dt(x,{select:!0})):h.shiftKey&&b===x&&(h.preventDefault(),r&&Dt(w,{select:!0})):b===y&&h.preventDefault();}},[r,n,d.paused]);return createElement(qe.div,te({tabIndex:-1},a,{ref:p,onKeyDown:m}))});Cp=U1();});var Ap,$p=v(()=>{Yt();An();Ap=forwardRef((e,t)=>{var r;let{container:n=globalThis==null||(r=globalThis.document)===null||r===void 0?void 0:r.body,...o}=e;return n?Lo.createPortal(createElement(qe.div,te({},o,{ref:t})),n):null});});function tw(e,t){return useReducer((r,n)=>{let o=t[r][n];return o??r},e)}function rw(e){let[t,r]=useState(),n=useRef({}),o=useRef(e),i=useRef("none"),a=e?"mounted":"unmounted",[s,l]=tw(a,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return useEffect(()=>{let u=Ko(n.current);i.current=s==="mounted"?u:"none";},[s]),En(()=>{let u=n.current,c=o.current;if(c!==e){let p=i.current,d=Ko(u);e?l("MOUNT"):d==="none"||u?.display==="none"?l("UNMOUNT"):l(c&&p!==d?"ANIMATION_OUT":"UNMOUNT"),o.current=e;}},[e,l]),En(()=>{if(t){let u=f=>{let d=Ko(n.current).includes(f.animationName);f.target===t&&d&&flushSync(()=>l("ANIMATION_END"));},c=f=>{f.target===t&&(i.current=Ko(n.current));};return t.addEventListener("animationstart",c),t.addEventListener("animationcancel",u),t.addEventListener("animationend",u),()=>{t.removeEventListener("animationstart",c),t.removeEventListener("animationcancel",u),t.removeEventListener("animationend",u);}}else l("ANIMATION_END");},[t,l]),{isPresent:["mounted","unmountSuspended"].includes(s),ref:useCallback(u=>{u&&(n.current=getComputedStyle(u)),r(u);},[])}}function Ko(e){return e?.animationName||"none"}var Rn,Rp=v(()=>{Tr();Ss();Rn=e=>{let{present:t,children:r}=e,n=rw(t),o=typeof r=="function"?r({present:n.isPresent}):Children.only(r),i=mt(n.ref,o.ref);return typeof r=="function"||n.isPresent?cloneElement(o,{ref:i}):null};Rn.displayName="Presence";});function Mp(){useEffect(()=>{var e,t;let r=document.querySelectorAll("[data-radix-focus-guard]");return document.body.insertAdjacentElement("afterbegin",(e=r[0])!==null&&e!==void 0?e:_p()),document.body.insertAdjacentElement("beforeend",(t=r[1])!==null&&t!==void 0?t:_p()),_s++,()=>{_s===1&&document.querySelectorAll("[data-radix-focus-guard]").forEach(n=>n.remove()),_s--;}},[]);}function _p(){let e=document.createElement("span");return e.setAttribute("data-radix-focus-guard",""),e.tabIndex=0,e.style.cssText="outline: none; opacity: 0; position: fixed; pointer-events: none",e}var _s,Dp=v(()=>{_s=0;});function Yo(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");Ms(e,t);function r(){this.constructor=e;}e.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r);}function Q(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var o=0,n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]]);return r}function H(e,t){var r=typeof Symbol=="function"&&e[Symbol.iterator];if(!r)return e;var n=r.call(e),o,i=[],a;try{for(;(t===void 0||t-- >0)&&!(o=n.next()).done;)i.push(o.value);}catch(s){a={error:s};}finally{try{o&&!o.done&&(r=n.return)&&r.call(n);}finally{if(a)throw a.error}}return i}function ce(e,t,r){if(r||arguments.length===2)for(var n=0,o=t.length,i;n<o;n++)(i||!(n in t))&&(i||(i=Array.prototype.slice.call(t,0,n)),i[n]=t[n]);return e.concat(i||Array.prototype.slice.call(t))}var Ms,S,V=v(()=>{Ms=function(e,t){return Ms=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,n){r.__proto__=n;}||function(r,n){for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(r[o]=n[o]);},Ms(e,t)};S=function(){return S=Object.assign||function(t){for(var r,n=1,o=arguments.length;n<o;n++){r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i]);}return t},S.apply(this,arguments)};});var Xt,Zt,Ds,Ls,Xo=v(()=>{Xt="right-scroll-bar-position",Zt="width-before-scroll-bar",Ds="with-scroll-bars-hidden",Ls="--removed-body-scroll-bar-size";});function Lp(e,t){return typeof e=="function"?e(t):e&&(e.current=t),e}var Ip=v(()=>{});function kp(e,t){var r=useState(function(){return {value:e,callback:t,facade:{get current(){return r.value},set current(n){var o=r.value;o!==n&&(r.value=n,r.callback(n,o));}}}})[0];return r.callback=t,r.facade}var Np=v(()=>{});function Is(e,t){return kp(t||null,function(r){return e.forEach(function(n){return Lp(n,r)})})}var Vp=v(()=>{Ip();Np();});var Fp=v(()=>{Vp();});function iw(e){return e}function aw(e,t){t===void 0&&(t=iw);var r=[],n=!1,o={read:function(){if(n)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return r.length?r[r.length-1]:e},useMedium:function(i){var a=t(i,n);return r.push(a),function(){r=r.filter(function(s){return s!==a});}},assignSyncMedium:function(i){for(n=!0;r.length;){var a=r;r=[],a.forEach(i);}r={push:function(s){return i(s)},filter:function(){return r}};},assignMedium:function(i){n=!0;var a=[];if(r.length){var s=r;r=[],s.forEach(i),a=r;}var l=function(){var c=a;a=[],c.forEach(i);},u=function(){return Promise.resolve().then(l)};u(),r={push:function(c){a.push(c),u();},filter:function(c){return a=a.filter(c),r}};}};return o}function ks(e){e===void 0&&(e={});var t=aw(null);return t.options=S({async:!0,ssr:!1},e),t}var jp=v(()=>{V();});function Ns(e,t){return e.useMedium(t),Wp}var Wp,Up=v(()=>{V();Wp=function(e){var t=e.sideCar,r=Q(e,["sideCar"]);if(!t)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var n=t.read();if(!n)throw new Error("Sidecar medium not found");return O.createElement(n,S({},r))};Wp.isSideCarExport=!0;});var Vs=v(()=>{jp();Up();});var Zo,Fs=v(()=>{Vs();Zo=ks();});var js,_n,Hp=v(()=>{V();Xo();Fp();Fs();js=function(){},_n=O.forwardRef(function(e,t){var r=O.useRef(null),n=O.useState({onScrollCapture:js,onWheelCapture:js,onTouchMoveCapture:js}),o=n[0],i=n[1],a=e.forwardProps,s=e.children,l=e.className,u=e.removeScrollBar,c=e.enabled,f=e.shards,p=e.sideCar,d=e.noIsolation,m=e.inert,h=e.allowPinchZoom,g=e.as,b=g===void 0?"div":g,y=Q(e,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noIsolation","inert","allowPinchZoom","as"]),x=p,w=Is([r,t]),C=S(S({},y),o);return O.createElement(O.Fragment,null,c&&O.createElement(x,{sideCar:Zo,removeScrollBar:u,shards:f,noIsolation:d,inert:m,setCallbacks:i,allowPinchZoom:!!h,lockRef:r}),a?O.cloneElement(O.Children.only(s),S(S({},C),{ref:w})):O.createElement(b,S({},C,{className:l,ref:w}),s))});_n.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};_n.classNames={fullWidth:Zt,zeroRight:Xt};});var Gp,qp=v(()=>{Gp=function(){if(typeof __webpack_nonce__<"u")return __webpack_nonce__};});function sw(){if(!document)return null;var e=document.createElement("style");e.type="text/css";var t=Gp();return t&&e.setAttribute("nonce",t),e}function lw(e,t){e.styleSheet?e.styleSheet.cssText=t:e.appendChild(document.createTextNode(t));}function uw(e){var t=document.head||document.getElementsByTagName("head")[0];t.appendChild(e);}var Bs,Ws=v(()=>{qp();Bs=function(){var e=0,t=null;return {add:function(r){e==0&&(t=sw())&&(lw(t,r),uw(t)),e++;},remove:function(){e--,!e&&t&&(t.parentNode&&t.parentNode.removeChild(t),t=null);}}};});var Us,Hs=v(()=>{Ws();Us=function(){var e=Bs();return function(t,r){O.useEffect(function(){return e.add(t),function(){e.remove();}},[t&&r]);}};});var Mn,Yp=v(()=>{Hs();Mn=function(){var e=Us(),t=function(r){var n=r.styles,o=r.dynamic;return e(n,o),null};return t};});var zs=v(()=>{Yp();Ws();Hs();});var cw,Gs,fw,qs,Ks=v(()=>{cw={left:0,top:0,right:0,gap:0},Gs=function(e){return parseInt(e||"",10)||0},fw=function(e){var t=window.getComputedStyle(document.body),r=t[e==="padding"?"paddingLeft":"marginLeft"],n=t[e==="padding"?"paddingTop":"marginTop"],o=t[e==="padding"?"paddingRight":"marginRight"];return [Gs(r),Gs(n),Gs(o)]},qs=function(e){if(e===void 0&&(e="margin"),typeof window>"u")return cw;var t=fw(e),r=document.documentElement.clientWidth,n=window.innerWidth;return {left:t[0],top:t[1],right:t[2],gap:Math.max(0,n-r+t[2]-t[0])}};});var pw,dw,Ys,Xp=v(()=>{zs();Xo();Ks();pw=Mn(),dw=function(e,t,r,n){var o=e.left,i=e.top,a=e.right,s=e.gap;return r===void 0&&(r="margin"),`
   .`.concat(Ds,` {
    overflow: hidden `).concat(n,`;
    padding-right: `).concat(s,"px ").concat(n,`;
@@ -282,6 +282,7 @@ var J0=Object.create;var mo=Object.defineProperty;var eb=Object.getOwnPropertyDe
   inset: 0px;
   width: 100%;
   height: 100%;
+  z-index: 10;
 `,Gw=styled.div(({width:e,height:t})=>css`
     background-color: white;
     border-radius: 6px;
@@ -295,6 +296,7 @@ var J0=Object.create;var mo=Object.defineProperty;var eb=Object.getOwnPropertyDe
     max-width: calc(100% - 40px);
     max-height: 85vh;
     overflow: hidden;
+    z-index: 11;
 
     &:focus-visible {
       outline: none;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/addon-onboarding",
-  "version": "1.0.8",
+  "version": "1.0.9-canary.78.623d2b2.0",
   "description": "Storybook Addon Onboarding - Introduces a new onboarding experience",
   "keywords": [
     "storybook-addons",