@storybook/addon-interactions 7.0.0-beta.2 → 7.0.0-beta.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.js +1 -1
  2. package/dist/manager.css +1 -1
  3. package/dist/manager.js +3 -3
  4. package/dist/manager.mjs +2 -2
  5. package/dist/preset/checkActionsLoaded.js +1 -1
  6. package/dist/preview.js +1 -1
  7. package/package.json +15 -14
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- var f=Object.defineProperty;var o=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var r=Object.prototype.hasOwnProperty;var u=(t,e)=>{for(var d in e)f(t,d,{get:e[d],enumerable:!0})},x=(t,e,d,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of p(e))!r.call(t,a)&&a!==d&&f(t,a,{get:()=>e[a],enumerable:!(l=o(e,a))||l.enumerable});return t};var b=t=>x(f({},"__esModule",{value:!0}),t);var g={};u(g,{default:()=>c});module.exports=b(g);var c={};0&&(module.exports={});
1
+ var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var src_exports={};__export(src_exports,{default:()=>src_default});module.exports=__toCommonJS(src_exports);var src_default={};0&&(module.exports={});
package/dist/manager.css CHANGED
@@ -1 +1 @@
1
- .Tree-tree-ddba4a1{width:100%;font-family:Menlo,monospace}.Tree-item-776185d{list-style:none}.Tree-group-85df119{margin:0;padding:0;list-style:none}.Tree-group-85df119 .Tree-label-e7fff82{cursor:default;line-height:1.5;width:100%;display:inline-block;outline:0;padding-left:5px}.Tree-group-85df119 .Tree-label-e7fff82:focus{background-color:var(--focusColor,#007feb);color:var(--focusTextColor,undefined)}.Tree-group-85df119 .Tree-label-e7fff82:focus.Tree-focusWhite-6d8eebe *{color:#fff}.Tree-group-85df119 .Tree-label-e7fff82:focus.Tree-focusWhite-6d8eebe .Tree-arrow-45ee476{border-color:transparent transparent transparent #fff}.Tree-group-85df119 .Tree-label-e7fff82.Tree-hover-2d99962:hover:not(:focus){background-color:var(--hoverColor,#f2fafe);border-radius:var(--hoverRadius,0)}.Tree-arrow-45ee476{margin:0 .7em 0 .1em;display:inline-block;width:0;height:0;border-style:solid;border-width:.4em 0 .4em .4em;border-color:transparent transparent transparent var(--arrowColor,#bebec0);vertical-align:baseline}.Tree-arrow-45ee476.Tree-open-8347c0c{transform:rotate(90deg);bottom:-.05em}@media screen and (prefers-reduced-motion:reduce){.Tree-arrow-45ee476{transition:none}}.Tree-dark-81daf71{--focusColor:#235895;--hoverColor:#27272C;--arrowColor:#9D9D9E}.Tree-chrome-8cc5692.Tree-light-f3e136b{--focusColor:#CFE8FC;--hoverColor:#EDF2FC;--arrowColor:#8E8E8E;--hoverRadius:6px}.Tree-chrome-8cc5692.Tree-dark-81daf71{--focusColor:#093D69;--hoverColor:#192538;--arrowColor:#B7B7B7}.ObjectInspector-object-inspector-1712cb3{width:100%;font-family:Menlo,monospace;color:var(--textColor)}.ObjectInspector-object-label-1fe41a1{color:var(--labelColor,#0a66e6)}.ObjectInspector-text-3cabc73{color:var(--textColor)}.ObjectInspector-key-ea9c97a{color:var(--keyColor,#0a66e6)}.ObjectInspector-value-cb224fc{color:var(--valueColor,#e51ebb)}.ObjectInspector-string-34a5aea{color:var(--stringColor,#e51ebb)}.ObjectInspector-regex-dfd0188{color:var(--regexColor,#0a66e6)}.ObjectInspector-error-455933d{color:var(--errorColor,#b30000)}.ObjectInspector-boolean-fc65145{color:var(--booleanColor,#117c04)}.ObjectInspector-number-1e07ddc{color:var(--numberColor,#117c04)}.ObjectInspector-undefined-cacaf4c{color:var(--undefinedColor,#6a6a6a)}.ObjectInspector-null-5e478fb{color:var(--nullColor,#6a6a6a)}.ObjectInspector-function-6ceb32b{color:var(--functionColor,#0a66e6)}.ObjectInspector-function-decorator-9ae56ed{color:var(--functionDecoratorColor,#0a66e6)}.ObjectInspector-prototype-7f234e6{color:var(--prototypeColor,#6a6a6a)}:root{--textColor:#6A6A6A}.ObjectInspector-dark-5256293{--labelColor:#6FB9FF;--textColor:#9D9D9E;--keyColor:#6FB9FF;--valueColor:#EB7ED9;--stringColor:#EB7ED9;--regexColor:#6FB9FF;--errorColor:#FFAED3;--booleanColor:#81DF6C;--numberColor:#81DF6C;--undefinedColor:#9D9D9E;--nullColor:#9D9D9E;--prototypeColor:#9D9D9E;--functionColor:#6FB9FF;--functionDecoratorColor:#6FB9FF}.ObjectInspector-chrome-6fb346b.ObjectInspector-light-9e4a42d{--labelColor:#444444;--textColor:#8E8E8E;--keyColor:#881280;--valueColor:#8E8E8E;--stringColor:#CF4B49;--regexColor:#CF4B49;--errorColor:#FF0000;--booleanColor:#3646B6;--numberColor:#2D0BC9;--undefinedColor:#444444;--nullColor:#444444;--prototypeColor:#BD84C2;--functionColor:#303942;--functionDecoratorColor:#3646B6}.ObjectInspector-chrome-6fb346b.ObjectInspector-dark-5256293{--labelColor:#C8C8C8;--textColor:#EDEEEE;--keyColor:#F6D9F8;--valueColor:#C8C8C8;--stringColor:#EE8953;--regexColor:#EE8953;--errorColor:#FD7E7E;--booleanColor:#987FFD;--numberColor:#987FFD;--undefinedColor:#848484;--nullColor:#848484;--prototypeColor:#AB98AC;--functionColor:#EDEEEE;--functionDecoratorColor:#D0D6FB}
1
+ .Tree-tree-fbbbe38{width:100%;font-family:Menlo,monospace}.Tree-item-353d6f3{list-style:none}.Tree-group-d3c3d8a{margin:0;padding:0;list-style:none}.Tree-group-d3c3d8a .Tree-label-d819155{cursor:default;line-height:1.5;width:100%;display:inline-block;outline:0;padding-left:5px}.Tree-group-d3c3d8a .Tree-label-d819155:focus{background-color:var(--focusColor,#007feb);color:var(--focusTextColor,undefined)}.Tree-group-d3c3d8a .Tree-label-d819155:focus.Tree-focusWhite-f1e00c2 *{color:#fff}.Tree-group-d3c3d8a .Tree-label-d819155:focus.Tree-focusWhite-f1e00c2 .Tree-arrow-03ab2e7{border-color:transparent transparent transparent #fff}.Tree-group-d3c3d8a .Tree-label-d819155.Tree-hover-3cc4e5d:hover:not(:focus){background-color:var(--hoverColor,#f2fafe);border-radius:var(--hoverRadius,0)}.Tree-arrow-03ab2e7{margin:0 .7em 0 .1em;display:inline-block;width:0;height:0;border-style:solid;border-width:.4em 0 .4em .4em;border-color:transparent transparent transparent var(--arrowColor,#bebec0);vertical-align:baseline}.Tree-arrow-03ab2e7.Tree-open-3f1a336{transform:rotate(90deg);bottom:-.05em}@media screen and (prefers-reduced-motion:reduce){.Tree-arrow-03ab2e7{transition:none}}.Tree-dark-1b4aa00{--focusColor:#235895;--hoverColor:#27272C;--arrowColor:#9D9D9E}.Tree-chrome-bcbcac6.Tree-light-09174ee{--focusColor:#CFE8FC;--hoverColor:#EDF2FC;--arrowColor:#8E8E8E;--hoverRadius:6px}.Tree-chrome-bcbcac6.Tree-dark-1b4aa00{--focusColor:#093D69;--hoverColor:#192538;--arrowColor:#B7B7B7}.ObjectInspector-object-inspector-0c33e82{width:100%;font-family:Menlo,monospace;color:var(--textColor)}.ObjectInspector-object-label-b81482b{color:var(--labelColor,#0a66e6)}.ObjectInspector-text-25f57f3{color:var(--textColor)}.ObjectInspector-key-4f712bb{color:var(--keyColor,#0a66e6)}.ObjectInspector-value-f7ec2e5{color:var(--valueColor,#e51ebb)}.ObjectInspector-string-c496000{color:var(--stringColor,#e51ebb)}.ObjectInspector-regex-59d45a3{color:var(--regexColor,#0a66e6)}.ObjectInspector-error-b818698{color:var(--errorColor,#b30000)}.ObjectInspector-boolean-2dd1642{color:var(--booleanColor,#117c04)}.ObjectInspector-number-a6daabb{color:var(--numberColor,#117c04)}.ObjectInspector-undefined-3a68263{color:var(--undefinedColor,#6a6a6a)}.ObjectInspector-null-74acb50{color:var(--nullColor,#6a6a6a)}.ObjectInspector-function-07bbdcd{color:var(--functionColor,#0a66e6)}.ObjectInspector-function-decorator-3d22c24{color:var(--functionDecoratorColor,#0a66e6)}.ObjectInspector-prototype-f2449ee{color:var(--prototypeColor,#6a6a6a)}:root{--textColor:#6A6A6A}.ObjectInspector-dark-0c96c97{--labelColor:#6FB9FF;--textColor:#9D9D9E;--keyColor:#6FB9FF;--valueColor:#EB7ED9;--stringColor:#EB7ED9;--regexColor:#6FB9FF;--errorColor:#FFAED3;--booleanColor:#81DF6C;--numberColor:#81DF6C;--undefinedColor:#9D9D9E;--nullColor:#9D9D9E;--prototypeColor:#9D9D9E;--functionColor:#6FB9FF;--functionDecoratorColor:#6FB9FF}.ObjectInspector-chrome-2f3ca98.ObjectInspector-light-78bef54{--labelColor:#444444;--textColor:#8E8E8E;--keyColor:#881280;--valueColor:#8E8E8E;--stringColor:#CF4B49;--regexColor:#CF4B49;--errorColor:#FF0000;--booleanColor:#3646B6;--numberColor:#2D0BC9;--undefinedColor:#444444;--nullColor:#444444;--prototypeColor:#BD84C2;--functionColor:#303942;--functionDecoratorColor:#3646B6}.ObjectInspector-chrome-2f3ca98.ObjectInspector-dark-0c96c97{--labelColor:#C8C8C8;--textColor:#EDEEEE;--keyColor:#F6D9F8;--valueColor:#C8C8C8;--stringColor:#EE8953;--regexColor:#EE8953;--errorColor:#FD7E7E;--booleanColor:#987FFD;--numberColor:#987FFD;--undefinedColor:#848484;--nullColor:#848484;--prototypeColor:#AB98AC;--functionColor:#EDEEEE;--functionDecoratorColor:#D0D6FB}
package/dist/manager.js CHANGED
@@ -1,4 +1,4 @@
1
- var bo=Object.create;var nt=Object.defineProperty;var ho=Object.getOwnPropertyDescriptor;var Co=Object.getOwnPropertyNames;var So=Object.getPrototypeOf,Eo=Object.prototype.hasOwnProperty;var M=(e,t)=>()=>(t||e((t={exports:{}}).exports,t),t.exports);var xo=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of Co(t))!Eo.call(e,n)&&n!==o&&nt(e,n,{get:()=>t[n],enumerable:!(r=ho(t,n))||r.enumerable});return e};var h=(e,t,o)=>(o=e!=null?bo(So(e)):{},xo(t||!e||!e.__esModule?nt(o,"default",{value:e,enumerable:!0}):o,e));var Ie=M((Hr,He)=>{function ze(){return He.exports=ze=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},ze.apply(this,arguments)}He.exports=ze});var dt=M((Vr,ut)=>{function To(e,t){if(e==null)return{};var o={},r=Object.keys(e),n,s;for(s=0;s<r.length;s++)n=r[s],!(t.indexOf(n)>=0)&&(o[n]=e[n]);return o}ut.exports=To});var ke=M((Gr,mt)=>{var No=dt();function $o(e,t){if(e==null)return{};var o=No(e,t),r,n;if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],!(t.indexOf(r)>=0)&&(!Object.prototype.propertyIsEnumerable.call(e,r)||(o[r]=e[r]))}return o}mt.exports=$o});var gt=M((Ur,yt)=>{function Do(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}yt.exports=Do});var ht=M((Jr,bt)=>{function Lo(e,t){if(e==null)return{};var o={},r=Object.keys(e),n,s;for(s=0;s<r.length;s++)n=r[s],!(t.indexOf(n)>=0)&&(o[n]=e[n]);return o}bt.exports=Lo});var St=M((Xr,Ct)=>{var Mo=ht();function Wo(e,t){if(e==null)return{};var o=Mo(e,t),r,n;if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],!(t.indexOf(r)>=0)&&(!Object.prototype.propertyIsEnumerable.call(e,r)||(o[r]=e[r]))}return o}Ct.exports=Wo});var vt=M((Qr,kt)=>{function Fo(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}kt.exports=Fo});var Pt=M((en,Xe)=>{function Je(){return Xe.exports=Je=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r])}return e},Je.apply(this,arguments)}Xe.exports=Je});var _t=M((tn,jt)=>{function Ro(e,t){if(e==null)return{};var o={},r=Object.keys(e),n,s;for(s=0;s<r.length;s++)n=r[s],!(t.indexOf(n)>=0)&&(o[n]=e[n]);return o}jt.exports=Ro});var Tt=M((on,At)=>{var zo=_t();function Ho(e,t){if(e==null)return{};var o=zo(e,t),r,n;if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],!(t.indexOf(r)>=0)&&(!Object.prototype.propertyIsEnumerable.call(e,r)||(o[r]=e[r]))}return o}At.exports=Ho});var Bt=M((nn,$t)=>{$t.exports={tree:"Tree-tree-ddba4a1",item:"Tree-item-776185d",group:"Tree-group-85df119",label:"Tree-label-e7fff82",focusWhite:"Tree-focusWhite-6d8eebe",arrow:"Tree-arrow-45ee476",hover:"Tree-hover-2d99962",open:"Tree-open-8347c0c",dark:"Tree-dark-81daf71",chrome:"Tree-chrome-8cc5692",light:"Tree-light-f3e136b"}});var je=M((mn,Lt)=>{Lt.exports={"object-inspector":"ObjectInspector-object-inspector-1712cb3",objectInspector:"ObjectInspector-object-inspector-1712cb3","object-label":"ObjectInspector-object-label-1fe41a1",objectLabel:"ObjectInspector-object-label-1fe41a1",text:"ObjectInspector-text-3cabc73",key:"ObjectInspector-key-ea9c97a",value:"ObjectInspector-value-cb224fc",string:"ObjectInspector-string-34a5aea",regex:"ObjectInspector-regex-dfd0188",error:"ObjectInspector-error-455933d",boolean:"ObjectInspector-boolean-fc65145",number:"ObjectInspector-number-1e07ddc",undefined:"ObjectInspector-undefined-cacaf4c",null:"ObjectInspector-null-5e478fb",function:"ObjectInspector-function-6ceb32b","function-decorator":"ObjectInspector-function-decorator-9ae56ed",functionDecorator:"ObjectInspector-function-decorator-9ae56ed",prototype:"ObjectInspector-prototype-7f234e6",dark:"ObjectInspector-dark-5256293",chrome:"ObjectInspector-chrome-6fb346b",light:"ObjectInspector-light-9e4a42d"}});var Se=require("@storybook/manager-api");var Re="storybook/interactions",st=`${Re}/panel`;var De=h(require("global")),C=h(require("react")),Le=require("@storybook/manager-api"),G=require("@storybook/core-events"),B=require("@storybook/instrumenter");var j=h(require("react")),ce=require("@storybook/components"),Be=require("@storybook/instrumenter"),se=require("@storybook/theming"),io=require("polished");var E=h(require("react")),O=require("@storybook/components"),ct=require("@storybook/instrumenter"),W=require("@storybook/theming");var at=h(require("react")),K=require("@storybook/instrumenter"),ie=require("@storybook/theming"),Oo=ie.styled.div(({theme:e,status:t})=>{let o={[K.CallStates.DONE]:e.color.positive,[K.CallStates.ERROR]:e.color.negative,[K.CallStates.ACTIVE]:e.color.warning,[K.CallStates.WAITING]:e.color.warning}[t];return{padding:"4px 6px 4px 8px;",borderRadius:"4px",backgroundColor:o,color:"white",fontFamily:ie.typography.fonts.base,textTransform:"uppercase",fontSize:ie.typography.size.s1,letterSpacing:3,fontWeight:ie.typography.weight.bold,width:65,textAlign:"center"}}),lt=({status:e})=>{let t={[K.CallStates.DONE]:"Pass",[K.CallStates.ERROR]:"Fail",[K.CallStates.ACTIVE]:"Runs",[K.CallStates.WAITING]:"Runs"}[e];return at.default.createElement(Oo,{"aria-label":"Status of the test run",status:e},t)};var wo=W.styled.div(({theme:e})=>({background:e.background.app,borderBottom:`1px solid ${e.appBorderColor}`,position:"sticky",top:0,zIndex:1})),Io=W.styled.nav(({theme:e})=>({height:40,display:"flex",alignItems:"center",justifyContent:"space-between",paddingLeft:15})),ko=(0,W.styled)(O.Button)(({theme:e})=>({borderRadius:4,padding:6,color:e.textMutedColor,"&:not(:disabled)":{"&:hover,&:focus-visible":{color:e.color.secondary}}})),fe=(0,W.styled)(O.TooltipNote)(({theme:e})=>({fontFamily:e.typography.fonts.base})),ye=(0,W.styled)(O.IconButton)(({theme:e})=>({color:e.textMutedColor,margin:"0 3px"})),vo=(0,W.styled)(O.Separator)({marginTop:0}),Po=(0,W.styled)(O.P)(({theme:e})=>({color:e.textMutedColor,justifyContent:"flex-end",textAlign:"right",whiteSpace:"nowrap",marginTop:"auto",marginBottom:1,paddingRight:15,fontSize:13})),it=W.styled.div({display:"flex",alignItems:"center"}),jo=(0,W.styled)(ye)({marginLeft:9}),_o=(0,W.styled)(ko)({marginLeft:9,marginRight:9,marginBottom:1,lineHeight:"12px"}),Ao=(0,W.styled)(ye)(({theme:e,animating:t,disabled:o})=>({opacity:o?.5:1,svg:{animation:t&&`${e.animation.rotate360} 200ms ease-out`}})),pt=({controls:e,controlStates:t,status:o,storyFileName:r,onScrollToEnd:n,isRerunAnimating:s,setIsRerunAnimating:l})=>{let c=o===ct.CallStates.ERROR?"Scroll to error":"Scroll to end";return E.default.createElement(wo,null,E.default.createElement(O.Bar,null,E.default.createElement(Io,null,E.default.createElement(it,null,E.default.createElement(lt,{status:o}),E.default.createElement(_o,{onClick:n,disabled:!n},c),E.default.createElement(vo,null),E.default.createElement(O.WithTooltip,{hasChrome:!1,tooltip:E.default.createElement(fe,{note:"Go to start"})},E.default.createElement(jo,{"aria-label":"Go to start",containsIcon:!0,onClick:e.start,disabled:!t.start},E.default.createElement(O.Icons,{icon:"rewind"}))),E.default.createElement(O.WithTooltip,{hasChrome:!1,tooltip:E.default.createElement(fe,{note:"Go back"})},E.default.createElement(ye,{"aria-label":"Go back",containsIcon:!0,onClick:e.back,disabled:!t.back},E.default.createElement(O.Icons,{icon:"playback"}))),E.default.createElement(O.WithTooltip,{hasChrome:!1,tooltip:E.default.createElement(fe,{note:"Go forward"})},E.default.createElement(ye,{"aria-label":"Go forward",containsIcon:!0,onClick:e.next,disabled:!t.next},E.default.createElement(O.Icons,{icon:"playnext"}))),E.default.createElement(O.WithTooltip,{hasChrome:!1,tooltip:E.default.createElement(fe,{note:"Go to end"})},E.default.createElement(ye,{"aria-label":"Go to end",containsIcon:!0,onClick:e.end,disabled:!t.end},E.default.createElement(O.Icons,{icon:"fastforward"}))),E.default.createElement(O.WithTooltip,{hasChrome:!1,tooltip:E.default.createElement(fe,{note:"Rerun"})},E.default.createElement(Ao,{"aria-label":"Rerun",containsIcon:!0,onClick:e.rerun,onAnimationEnd:()=>l(!1),animating:s,disabled:s},E.default.createElement(O.Icons,{icon:"sync"})))),r&&E.default.createElement(it,null,E.default.createElement(Po,null,r)))))};var I=h(require("react")),te=require("@storybook/components"),ee=require("@storybook/instrumenter"),$=require("@storybook/theming"),ao=require("polished");var x=h(require("react")),Ce=require("@storybook/theming");var Ut=h(Ie()),Jt=h(ke()),Z=h(require("react"));function Ve(e){var t,o,r="";if(e)if(typeof e=="object")if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(o=Ve(e[t]))&&(r&&(r+=" "),r+=o);else for(t in e)e[t]&&(o=Ve(t))&&(r&&(r+=" "),r+=o);else typeof e!="boolean"&&!e.call&&(r&&(r+=" "),r+=e);return r}function _(){for(var e=0,t,o="";e<arguments.length;)(t=Ve(arguments[e++]))&&(o&&(o+=" "),o+=t);return o}var Ge=e=>Array.isArray(e)||ArrayBuffer.isView(e)&&!(e instanceof DataView),qe=e=>e!==null&&typeof e=="object"&&!Ge(e)&&!(e instanceof Date)&&!(e instanceof RegExp)&&!(e instanceof Error)&&!(e instanceof WeakMap)&&!(e instanceof WeakSet),Bo=e=>qe(e)||Ge(e)||typeof e=="function"||e instanceof Promise,Ke=e=>{let t=/unique/;return Promise.race([e,t]).then(o=>o===t?["pending"]:["fulfilled",o],o=>["rejected",o])},V=async(e,t,o,r,n,s)=>{let l={key:e,depth:o,value:t,type:"value",parent:void 0};if(t&&Bo(t)&&o<100){let c=[],u="object";if(Ge(t)){for(let d=0;d<t.length;d++)c.push(async()=>{let p=await V(d.toString(),t[d],o+1,r);return p.parent=l,p});u="array"}else{let d=Object.getOwnPropertyNames(t);r&&d.sort();for(let p=0;p<d.length;p++){let b;try{b=t[d[p]]}catch{}c.push(async()=>{let m=await V(d[p],b,o+1,r);return m.parent=l,m})}if(typeof t=="function"&&(u="function"),t instanceof Promise){let[p,b]=await Ke(t);c.push(async()=>{let m=await V("<state>",p,o+1,r);return m.parent=l,m}),p!=="pending"&&c.push(async()=>{let m=await V("<value>",b,o+1,r);return m.parent=l,m}),u="promise"}if(t instanceof Map){let b=Array.from(t.entries()).map(m=>{let[S,H]=m;return{"<key>":S,"<value>":H}});c.push(async()=>{let m=await V("<entries>",b,o+1,r);return m.parent=l,m}),c.push(async()=>{let m=await V("size",t.size,o+1,r);return m.parent=l,m}),u="map"}if(t instanceof Set){let b=Array.from(t.entries()).map(m=>m[1]);c.push(async()=>{let m=await V("<entries>",b,o+1,r);return m.parent=l,m}),c.push(async()=>{let m=await V("size",t.size,o+1,r);return m.parent=l,m}),u="set"}}t!==Object.prototype&&s&&c.push(async()=>{let d=await V("<prototype>",Object.getPrototypeOf(t),o+1,r,!0);return d.parent=l,d}),l.type=u,l.children=c,l.isPrototype=n}return l},ft=(e,t,o)=>V("root",e,0,t===!1?t:!0,void 0,o===!1?o:!0);var Ot=h(gt()),wt=h(St()),ge=h(require("react"));function Et(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),o.push.apply(o,r)}return o}function xt(e){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};t%2?Et(Object(o),!0).forEach(function(r){(0,Ot.default)(e,r,o[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):Et(Object(o)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))})}return e}var Ue=ge.default.createContext({theme:"chrome",colorScheme:"light"});var It=e=>{let{children:t}=e,o=(0,wt.default)(e,["children"]),r=ge.default.useContext(Ue);return ge.default.createElement(Ue.Provider,{value:xt(xt({},r),o)},t)},X=(e,t={})=>{let o=ge.default.useContext(Ue),r=e.theme||o.theme||"chrome",n=e.colorScheme||o.colorScheme||"light",s=_(t[r],t[n]);return{currentColorScheme:n,currentTheme:r,themeClass:s}};var qt=h(vt()),R=h(require("react"));var Pe=h(Pt()),Dt=h(Tt()),w=h(require("react"));var Nt=h(require("react")),Vo=Nt.default.createContext({isChild:!1,depth:0,hasHover:!0}),ve=Vo;var A=h(Bt());var be=e=>{let{theme:t,hover:o,colorScheme:r,children:n,label:s,className:l,onUpdate:c,onSelect:u,open:d}=e,p=(0,Dt.default)(e,["theme","hover","colorScheme","children","label","className","onUpdate","onSelect","open"]),{themeClass:b,currentTheme:m}=X({theme:t,colorScheme:r},A.default),[S,H]=(0,w.useState)(d);(0,w.useEffect)(()=>{H(d)},[d]);let D=i=>{H(i),c&&c(i)},F=w.default.Children.count(n)>0,L=(i,g)=>{if(i.isSameNode(g||null))return;let f=i.querySelector('[tabindex="-1"]');f==null||f.focus(),i.setAttribute("aria-selected","true"),g==null||g.removeAttribute("aria-selected")},oe=(i,g)=>{let f=i;for(;f&&f.parentElement;){if(f.getAttribute("role")===g)return f;f=f.parentElement}return null},U=i=>{let g=oe(i,"tree");return g?Array.from(g.querySelectorAll("li")):[]},Ee=i=>{let g=oe(i,"group"),f=g==null?void 0:g.previousElementSibling;if(f&&f.getAttribute("tabindex")==="-1"){let P=f.parentElement,J=i.parentElement;L(P,J)}},pe=(i,g)=>{let f=U(i);f.forEach(P=>{P.removeAttribute("aria-selected")}),g==="start"&&f[0]&&L(f[0]),g==="end"&&f[f.length-1]&&L(f[f.length-1])},ae=(i,g)=>{let f=U(i)||[];for(let P=0;P<f.length;P++){let J=f[P];if(J.getAttribute("aria-selected")==="true"){g==="up"&&f[P-1]?L(f[P-1],J):g==="down"&&f[P+1]&&L(f[P+1],J);return}}L(f[0])},ue=(i,g)=>{let f=i.target;(i.key==="Enter"||i.key===" ")&&D(!S),i.key==="ArrowRight"&&S&&!g?ae(f,"down"):i.key==="ArrowRight"&&D(!0),i.key==="ArrowLeft"&&(!S||g)?Ee(f):i.key==="ArrowLeft"&&D(!1),i.key==="ArrowDown"&&ae(f,"down"),i.key==="ArrowUp"&&ae(f,"up"),i.key==="Home"&&pe(f,"start"),i.key==="End"&&pe(f,"end")},re=(i,g)=>{let f=i.target,P=oe(f,"treeitem"),J=U(f)||[],ot=!1;for(let Fe=0;Fe<J.length;Fe++){let rt=J[Fe];if(rt.getAttribute("aria-selected")==="true"){P&&(ot=!0,L(P,rt));break}}!ot&&P&&L(P),g||D(!S)},Me=i=>{let g=i.currentTarget;!g.contains(document.activeElement)&&g.getAttribute("role")==="tree"&&g.setAttribute("tabindex","0")},de=i=>{let g=i.target;if(g.getAttribute("role")==="tree"){let f=g.querySelector('[aria-selected="true"]');f?L(f):ae(g,"down"),g.setAttribute("tabindex","-1")}},q=()=>{u==null||u()},xe=i=>{let g=i*.9+.3;return{paddingLeft:`${g}em`,width:`calc(100% - ${g}em)`}},{isChild:Oe,depth:me,hasHover:We}=w.default.useContext(ve),le=We?o:!1;if(!Oe)return w.default.createElement("ul",(0,Pe.default)({role:"tree",tabIndex:0,className:_(A.default.tree,A.default.group,b,l),onFocus:de,onBlur:Me},p),w.default.createElement(ve.Provider,{value:{isChild:!0,depth:0,hasHover:le}},w.default.createElement(be,e)));if(!F)return w.default.createElement("li",(0,Pe.default)({role:"treeitem",className:A.default.item},p),w.default.createElement("div",{role:"button",className:_(A.default.label,{[A.default.hover]:le,[A.default.focusWhite]:m==="firefox"}),tabIndex:-1,style:xe(me),onKeyDown:i=>{ue(i,Oe)},onClick:i=>re(i,!0),onFocus:q},w.default.createElement("span",null,s)));let we=_(A.default.arrow,{[A.default.open]:S});return w.default.createElement("li",{role:"treeitem","aria-expanded":S,className:A.default.item},w.default.createElement("div",{role:"button",tabIndex:-1,className:_(A.default.label,{[A.default.hover]:le,[A.default.focusWhite]:m==="firefox"}),style:xe(me),onClick:i=>re(i),onKeyDown:i=>ue(i),onFocus:q},w.default.createElement("span",null,w.default.createElement("span",{"aria-hidden":!0,className:we}),w.default.createElement("span",null,s))),w.default.createElement("ul",(0,Pe.default)({role:"group",className:_(l,A.default.group)},p),S&&w.default.Children.map(n,i=>w.default.createElement(ve.Provider,{value:{isChild:!0,depth:me+1,hasHover:le}},i))))};be.defaultProps={open:!1,hover:!0};var Mt=h(Ie()),Wt=h(ke()),N=h(require("react"));var k=h(je()),T=(e,t,o,r,n)=>{let s=e.includes("-")?`"${e}"`:e,l=n<=0;return N.default.createElement("span",{className:k.default.text},!l&&r&&N.default.createElement(N.default.Fragment,null,N.default.createElement("span",{className:k.default.key},s),N.default.createElement("span",null,":\xA0")),N.default.createElement("span",{className:o},t))},Ft=e=>{let{ast:t,theme:o,showKey:r,colorScheme:n,className:s}=e,l=(0,Wt.default)(e,["ast","theme","showKey","colorScheme","className"]),{themeClass:c}=X({theme:o,colorScheme:n},k.default),[u,d]=(0,N.useState)(N.default.createElement("span",null)),p=N.default.createElement("span",null);return(0,N.useEffect)(()=>{t.value instanceof Promise&&(async m=>{d(T(t.key,`Promise { "${await Ke(m)}" }`,k.default.key,r,t.depth))})(t.value)},[t,r]),typeof t.value=="number"||typeof t.value=="bigint"?p=T(t.key,String(t.value),k.default.number,r,t.depth):typeof t.value=="boolean"?p=T(t.key,String(t.value),k.default.boolean,r,t.depth):typeof t.value=="string"?p=T(t.key,`"${t.value}"`,k.default.string,r,t.depth):typeof t.value>"u"?p=T(t.key,"undefined",k.default.undefined,r,t.depth):typeof t.value=="symbol"?p=T(t.key,t.value.toString(),k.default.string,r,t.depth):typeof t.value=="function"?p=T(t.key,`${t.value.name}()`,k.default.key,r,t.depth):typeof t.value=="object"&&(t.value===null?p=T(t.key,"null",k.default.null,r,t.depth):Array.isArray(t.value)?p=T(t.key,`Array(${t.value.length})`,k.default.key,r,t.depth):t.value instanceof Date?p=T(t.key,`Date ${t.value.toString()}`,k.default.value,r,t.depth):t.value instanceof RegExp?p=T(t.key,t.value.toString(),k.default.regex,r,t.depth):t.value instanceof Error?p=T(t.key,t.value.toString(),k.default.error,r,t.depth):qe(t.value)?p=T(t.key,"{\u2026}",k.default.key,r,t.depth):p=T(t.key,t.value.constructor.name,k.default.key,r,t.depth)),N.default.createElement("span",(0,Mt.default)({className:_(c,s)},l),u,p)};Ft.defaultProps={showKey:!0};var _e=Ft;var ne=h(Ie()),Rt=h(ke()),y=h(require("react"));var Y=h(je()),he=(e,t,o)=>{let r=[];for(let n=0;n<e.length;n++){let s=e[n];if(s.isPrototype||(r.push(y.default.createElement(_e,{key:s.key,ast:s,showKey:o})),n<e.length-1?r.push(", "):r.push(" ")),s.isPrototype&&n===e.length-1&&(r.pop(),r.push(" ")),n===t-1&&e.length>t){r.push("\u2026 ");break}}return r},Go=(e,t,o,r)=>{let n=e.value.length;return t?y.default.createElement("span",null,"Array(",n,")"):y.default.createElement(y.default.Fragment,null,y.default.createElement("span",null,`${r==="firefox"?"Array":""}(${n}) [ `),he(e.children,o,!1),y.default.createElement("span",null,"]"))},qo=(e,t,o,r)=>e.isPrototype?y.default.createElement("span",null,`Object ${r==="firefox"?"{ \u2026 }":""}`):t?y.default.createElement("span",null,"{\u2026}"):y.default.createElement(y.default.Fragment,null,y.default.createElement("span",null,`${r==="firefox"?"Object ":""}{ `),he(e.children,o,!0),y.default.createElement("span",null,"}")),Ko=(e,t,o)=>t?y.default.createElement("span",null,`Promise { "${String(e.children[0].value)}" }`):y.default.createElement(y.default.Fragment,null,y.default.createElement("span",null,"Promise { "),he(e.children,o,!0),y.default.createElement("span",null,"}")),Uo=(e,t,o,r)=>{let{size:n}=e.value;return t?y.default.createElement("span",null,`Map(${n})`):y.default.createElement(y.default.Fragment,null,y.default.createElement("span",null,`Map${r==="chrome"?`(${n})`:""} { `),he(e.children,o,!0),y.default.createElement("span",null,"}"))},Jo=(e,t,o)=>{let{size:r}=e.value;return t?y.default.createElement("span",null,"Set(",r,")"):y.default.createElement(y.default.Fragment,null,y.default.createElement("span",null,`Set(${e.value.size}) {`),he(e.children,o,!0),y.default.createElement("span",null,"}"))},zt=e=>{let{ast:t,theme:o,previewMax:r,open:n,colorScheme:s,className:l}=e,c=(0,Rt.default)(e,["ast","theme","previewMax","open","colorScheme","className"]),{themeClass:u,currentTheme:d}=X({theme:o,colorScheme:s},Y.default),p=t.isPrototype||!1,b=_(Y.default.objectLabel,u,l,{[Y.default.prototype]:p}),m=t.depth<=0,S=()=>y.default.createElement("span",{className:p?Y.default.prototype:Y.default.key},m?"":`${t.key}: `);return t.type==="array"?y.default.createElement("span",(0,ne.default)({className:b},c),y.default.createElement(S,null),Go(t,n,r,d)):t.type==="function"?y.default.createElement("span",(0,ne.default)({className:b},c),y.default.createElement(S,null),d==="chrome"&&y.default.createElement("span",{className:Y.default.functionDecorator},"\u0192 "),y.default.createElement("span",{className:_({[Y.default.function]:!p})},`${t.value.name}()`)):t.type==="promise"?y.default.createElement("span",(0,ne.default)({className:b},c),y.default.createElement(S,null),Ko(t,n,r)):t.type==="map"?y.default.createElement("span",(0,ne.default)({className:b},c),y.default.createElement(S,null),Uo(t,n,r,d)):t.type==="set"?y.default.createElement("span",(0,ne.default)({className:b},c),y.default.createElement(S,null),Jo(t,n,r)):y.default.createElement("span",(0,ne.default)({className:b},c),y.default.createElement(S,null),qo(t,n,r,d))};zt.defaultProps={previewMax:8,open:!1};var Ht=zt;function Vt(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),o.push.apply(o,r)}return o}function Gt(e){for(var t=1;t<arguments.length;t++){var o=arguments[t]!=null?arguments[t]:{};t%2?Vt(Object(o),!0).forEach(function(r){(0,qt.default)(e,r,o[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):Vt(Object(o)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))})}return e}var Ye=e=>{let{ast:t,expandLevel:o,depth:r}=e,[n,s]=(0,R.useState)(),[l,c]=(0,R.useState)(Boolean(r<o));return(0,R.useEffect)(()=>{(async()=>{if(t.type!=="value"){let d=t.children.map(m=>m()),p=await Promise.all(d),b=Gt(Gt({},t),{},{children:p});s(b)}})()},[t]),n?R.default.createElement(be,{hover:!1,open:l,label:R.default.createElement(Ht,{open:l,ast:n}),onSelect:()=>{var u;(u=e.onSelect)===null||u===void 0||u.call(e,t)},onUpdate:u=>{c(u)}},n.children.map(u=>R.default.createElement(Ye,{key:u.key,ast:u,depth:r+1,expandLevel:o,onSelect:e.onSelect}))):R.default.createElement(be,{hover:!1,label:R.default.createElement(_e,{ast:t}),onSelect:()=>{var u;(u=e.onSelect)===null||u===void 0||u.call(e,t)}})};Ye.defaultProps={expandLevel:0,depth:0};var Kt=Ye;var Ze=h(je()),Ae=e=>{let{data:t,expandLevel:o,sortKeys:r,includePrototypes:n,className:s,theme:l,colorScheme:c,onSelect:u}=e,d=(0,Jt.default)(e,["data","expandLevel","sortKeys","includePrototypes","className","theme","colorScheme","onSelect"]),[p,b]=(0,Z.useState)(void 0),{themeClass:m,currentTheme:S,currentColorScheme:H}=X({theme:l,colorScheme:c},Ze.default);return(0,Z.useEffect)(()=>{(async()=>{b(await ft(t,r,n))})()},[t,r,n]),Z.default.createElement("div",(0,Ut.default)({className:_(Ze.default.objectInspector,s,m)},d),p&&Z.default.createElement(It,{theme:S,colorScheme:H},Z.default.createElement(Kt,{ast:p,expandLevel:o,onSelect:u})))};Ae.defaultProps={expandLevel:0,sortKeys:!0,includePrototypes:!0};var Te=require("@storybook/theming"),a=h(require("react")),Xo={base:"#444",nullish:"#7D99AA",string:"#16B242",number:"#5D40D0",boolean:"#f41840",objectkey:"#698394",instance:"#A15C20",function:"#EA7509",muted:"#7D99AA",tag:{name:"#6F2CAC",suffix:"#1F99E5"},date:"#459D9C",error:{name:"#D43900",message:"#444"},regex:{source:"#A15C20",flags:"#EA7509"},meta:"#EA7509",method:"#0271B6"},Yo={base:"#eee",nullish:"#aaa",string:"#5FE584",number:"#6ba5ff",boolean:"#ff4191",objectkey:"#accfe6",instance:"#E3B551",function:"#E3B551",muted:"#aaa",tag:{name:"#f57bff",suffix:"#8EB5FF"},date:"#70D4D3",error:{name:"#f40",message:"#eee"},regex:{source:"#FAD483",flags:"#E3B551"},meta:"#FAD483",method:"#5EC1FF"},v=()=>{let{base:e}=(0,Te.useTheme)();return e==="dark"?Yo:Xo},Zo=/[^A-Z0-9]/i,Xt=/[\s.,…]+$/gm,Yt=(e,t)=>{if(e.length<=t)return e;for(let o=t-1;o>=0;o-=1)if(Zo.test(e[o])&&o>10)return`${e.slice(0,o).replace(Xt,"")}\u2026`;return`${e.slice(0,t).replace(Xt,"")}\u2026`},Qo=e=>{try{return JSON.stringify(e,null,1)}catch{return String(e)}},Zt=(e,t)=>e.flatMap((o,r)=>r===e.length-1?[o]:[o,a.default.cloneElement(t,{key:`sep${r}`})]),Q=({value:e,nested:t,showObjectInspector:o,callsById:r,...n})=>{switch(!0){case e===null:return a.default.createElement(er,{...n});case e===void 0:return a.default.createElement(tr,{...n});case Array.isArray(e):return a.default.createElement(sr,{...n,value:e,callsById:r});case typeof e=="string":return a.default.createElement(or,{...n,value:e});case typeof e=="number":return a.default.createElement(rr,{...n,value:e});case typeof e=="boolean":return a.default.createElement(nr,{...n,value:e});case Object.prototype.hasOwnProperty.call(e,"__date__"):return a.default.createElement(pr,{...n,...e.__date__});case Object.prototype.hasOwnProperty.call(e,"__error__"):return a.default.createElement(ur,{...n,...e.__error__});case Object.prototype.hasOwnProperty.call(e,"__regexp__"):return a.default.createElement(dr,{...n,...e.__regexp__});case Object.prototype.hasOwnProperty.call(e,"__function__"):return a.default.createElement(ir,{...n,...e.__function__});case Object.prototype.hasOwnProperty.call(e,"__symbol__"):return a.default.createElement(mr,{...n,...e.__symbol__});case Object.prototype.hasOwnProperty.call(e,"__element__"):return a.default.createElement(cr,{...n,...e.__element__});case Object.prototype.hasOwnProperty.call(e,"__class__"):return a.default.createElement(lr,{...n,...e.__class__});case Object.prototype.hasOwnProperty.call(e,"__callId__"):return a.default.createElement(Ne,{call:r.get(e.__callId__),callsById:r});case Object.prototype.toString.call(e)==="[object Object]":return a.default.createElement(ar,{value:e,showInspector:o,...n});default:return a.default.createElement(fr,{value:e,...n})}},er=e=>{let t=v();return a.default.createElement("span",{style:{color:t.nullish},...e},"null")},tr=e=>{let t=v();return a.default.createElement("span",{style:{color:t.nullish},...e},"undefined")},or=({value:e,...t})=>{let o=v();return a.default.createElement("span",{style:{color:o.string},...t},JSON.stringify(Yt(e,50)))},rr=({value:e,...t})=>{let o=v();return a.default.createElement("span",{style:{color:o.number},...t},e)},nr=({value:e,...t})=>{let o=v();return a.default.createElement("span",{style:{color:o.boolean},...t},String(e))},sr=({value:e,nested:t=!1,callsById:o})=>{let r=v();if(t)return a.default.createElement("span",{style:{color:r.base}},"[\u2026]");let n=e.slice(0,3).map(l=>a.default.createElement(Q,{key:JSON.stringify(l),value:l,nested:!0,callsById:o})),s=Zt(n,a.default.createElement("span",null,", "));return e.length<=3?a.default.createElement("span",{style:{color:r.base}},"[",s,"]"):a.default.createElement("span",{style:{color:r.base}},"(",e.length,") [",s,", \u2026]")},ar=({showInspector:e,value:t,nested:o=!1})=>{let r=(0,Te.useTheme)().base==="dark",n=v();if(e)return a.default.createElement(a.default.Fragment,null,a.default.createElement(Ae,{id:"interactions-object-inspector",data:t,includePrototypes:!1,colorScheme:r?"dark":"light"}));if(o)return a.default.createElement("span",{style:{color:n.base}},"{\u2026}");let s=Zt(Object.entries(t).slice(0,2).map(([l,c])=>a.default.createElement(a.Fragment,{key:l},a.default.createElement("span",{style:{color:n.objectkey}},l,": "),a.default.createElement(Q,{value:c,nested:!0}))),a.default.createElement("span",null,", "));return Object.keys(t).length<=2?a.default.createElement("span",{style:{color:n.base}},"{ ",s," }"):a.default.createElement("span",{style:{color:n.base}},"(",Object.keys(t).length,") ","{ ",s,", \u2026 }")},lr=({name:e})=>{let t=v();return a.default.createElement("span",{style:{color:t.instance}},e)},ir=({name:e})=>{let t=v();return e?a.default.createElement("span",{style:{color:t.function}},e):a.default.createElement("span",{style:{color:t.nullish,fontStyle:"italic"}},"anonymous")},cr=({prefix:e,localName:t,id:o,classNames:r=[],innerText:n})=>{let s=e?`${e}:${t}`:t,l=v();return a.default.createElement("span",{style:{wordBreak:"keep-all"}},a.default.createElement("span",{key:`${s}_lt`,style:{color:l.muted}},"<"),a.default.createElement("span",{key:`${s}_tag`,style:{color:l.tag.name}},s),a.default.createElement("span",{key:`${s}_suffix`,style:{color:l.tag.suffix}},o?`#${o}`:r.reduce((c,u)=>`${c}.${u}`,"")),a.default.createElement("span",{key:`${s}_gt`,style:{color:l.muted}},">"),!o&&r.length===0&&n&&a.default.createElement(a.default.Fragment,null,a.default.createElement("span",{key:`${s}_text`},n),a.default.createElement("span",{key:`${s}_close_lt`,style:{color:l.muted}},"<"),a.default.createElement("span",{key:`${s}_close_tag`,style:{color:l.tag.name}},"/",s),a.default.createElement("span",{key:`${s}_close_gt`,style:{color:l.muted}},">")))},pr=({value:e})=>{let[t,o,r]=e.split(/[T.Z]/),n=v();return a.default.createElement("span",{style:{whiteSpace:"nowrap",color:n.date}},t,a.default.createElement("span",{style:{opacity:.7}},"T"),o==="00:00:00"?a.default.createElement("span",{style:{opacity:.7}},o):o,r==="000"?a.default.createElement("span",{style:{opacity:.7}},".",r):`.${r}`,a.default.createElement("span",{style:{opacity:.7}},"Z"))},ur=({name:e,message:t})=>{let o=v();return a.default.createElement("span",{style:{color:o.error.name}},e,t&&": ",t&&a.default.createElement("span",{style:{color:o.error.message},title:t.length>50?t:""},Yt(t,50)))},dr=({flags:e,source:t})=>{let o=v();return a.default.createElement("span",{style:{whiteSpace:"nowrap",color:o.regex.flags}},"/",a.default.createElement("span",{style:{color:o.regex.source}},t),"/",e)},mr=({description:e})=>{let t=v();return a.default.createElement("span",{style:{whiteSpace:"nowrap",color:t.instance}},"Symbol(",e&&a.default.createElement("span",{style:{color:t.meta}},'"',e,'"'),")")},fr=({value:e})=>{let t=v();return a.default.createElement("span",{style:{color:t.meta}},Qo(e))},yr=({label:e})=>{let t=v(),{typography:o}=(0,Te.useTheme)();return a.default.createElement("span",{style:{color:t.base,fontFamily:o.fonts.base,fontSize:o.size.s2-1}},e)},Ne=({call:e,callsById:t})=>{if(!e)return null;if(e.method==="step"&&e.path.length===0)return a.default.createElement(yr,{label:e.args[0]});let o=e.path.flatMap((s,l)=>{let c=s.__callId__;return[c?a.default.createElement(Ne,{key:`elem${l}`,call:t.get(c),callsById:t}):a.default.createElement("span",{key:`elem${l}`},s),a.default.createElement("wbr",{key:`wbr${l}`}),a.default.createElement("span",{key:`dot${l}`},".")]}),r=e.args.flatMap((s,l,c)=>{let u=a.default.createElement(Q,{key:`node${l}`,value:s,callsById:t});return l<c.length-1?[u,a.default.createElement("span",{key:`comma${l}`},",\xA0"),a.default.createElement("wbr",{key:`wbr${l}`})]:[u]}),n=v();return a.default.createElement(a.default.Fragment,null,a.default.createElement("span",{style:{color:n.base}},o),a.default.createElement("span",{style:{color:n.method}},e.method),a.default.createElement("span",{style:{color:n.base}},"(",a.default.createElement("wbr",null),r,a.default.createElement("wbr",null),")"))};var Qt=(e,t=0)=>{for(let o=t,r=1;o<e.length;o+=1)if(e[o]==="("?r+=1:e[o]===")"&&(r-=1),r===0)return e.slice(t,o);return""},Qe=e=>{try{return e==="undefined"?void 0:JSON.parse(e)}catch{return e}},gr=Ce.styled.span(({theme:e})=>({color:e.base==="light"?e.color.positiveText:e.color.positive})),br=Ce.styled.span(({theme:e})=>({color:e.base==="light"?e.color.negativeText:e.color.negative})),et=({value:e,parsed:t})=>t?x.default.createElement(Q,{showObjectInspector:!0,value:e,style:{color:"#D43900"}}):x.default.createElement(br,null,e),tt=({value:e,parsed:t})=>t?typeof e=="string"&&e.startsWith("called with")?x.default.createElement(x.default.Fragment,null,e):x.default.createElement(Q,{showObjectInspector:!0,value:e,style:{color:"#16B242"}}):x.default.createElement(gr,null,e),eo=({message:e})=>{let t=e.split(`
2
- `);return x.default.createElement("pre",{style:{margin:0,padding:"8px 10px 8px 36px",fontSize:Ce.typography.size.s1}},t.flatMap((o,r)=>{if(o.startsWith("expect(")){let d=Qt(o,7),p=d&&7+d.length,b=d&&o.slice(p).match(/\.(to|last|nth)[A-Z]\w+\(/);if(b){let m=p+b.index+b[0].length,S=Qt(o,m);if(S)return["expect(",x.default.createElement(et,{key:`received_${d}`,value:d}),o.slice(p,m),x.default.createElement(tt,{key:`expected_${S}`,value:S}),o.slice(m+S.length),x.default.createElement("br",{key:`br${r}`})]}}if(o.match(/^\s*- /))return[x.default.createElement(tt,{key:o+r,value:o}),x.default.createElement("br",{key:`br${r}`})];if(o.match(/^\s*\+ /))return[x.default.createElement(et,{key:o+r,value:o}),x.default.createElement("br",{key:`br${r}`})];let[,n,s]=o.match(/^(Expected|Received): (.*)$/)||[];if(n&&s)return n==="Expected"?["Expected: ",x.default.createElement(tt,{key:o+r,value:Qe(s),parsed:!0}),x.default.createElement("br",{key:`br${r}`})]:["Received: ",x.default.createElement(et,{key:o+r,value:Qe(s),parsed:!0}),x.default.createElement("br",{key:`br${r}`})];let[,l,c]=o.match(/(Expected number|Received number|Number) of calls: (\d+)$/i)||[];if(l&&c)return[`${l} of calls: `,x.default.createElement(Q,{key:o+r,value:Number(c)}),x.default.createElement("br",{key:`br${r}`})];let[,u]=o.match(/^Received has value: (.+)$/)||[];return u?["Received has value: ",x.default.createElement(Q,{key:o+r,value:Qe(u)}),x.default.createElement("br",{key:`br${r}`})]:[x.default.createElement("span",{key:o+r},o),x.default.createElement("br",{key:`br${r}`})]}))};var oo=h(require("react")),ro=require("@storybook/components"),z=require("@storybook/instrumenter"),no=require("@storybook/theming"),so=require("polished");var hr={pure:{gray:{500:"#CCCCCC"}}},Cr={colors:hr},to=Cr;var{colors:{pure:{gray:Sr}}}=to,Er=(0,no.styled)(ro.Icons)(({theme:e,status:t})=>{let o={[z.CallStates.DONE]:e.color.positive,[z.CallStates.ERROR]:e.color.negative,[z.CallStates.ACTIVE]:e.color.secondary,[z.CallStates.WAITING]:(0,so.transparentize)(.5,Sr[500])}[t];return{width:t===z.CallStates.WAITING?6:12,height:t===z.CallStates.WAITING?6:12,color:o,justifySelf:"center"}}),$e=({status:e,className:t})=>{let o={[z.CallStates.DONE]:"check",[z.CallStates.ERROR]:"stopalt",[z.CallStates.ACTIVE]:"play",[z.CallStates.WAITING]:"circle"}[e];return oo.default.createElement(Er,{"data-testid":`icon-${e}`,status:e,icon:o,className:t})};var xr=$.styled.div(()=>({fontFamily:$.typography.fonts.mono,fontSize:$.typography.size.s1,overflowWrap:"break-word",inlineSize:"calc( 100% - 40px )"})),Or=(0,$.styled)("div",{shouldForwardProp:e=>!["call","pausedAt"].includes(e.toString())})(({theme:e,call:t})=>({position:"relative",display:"flex",flexDirection:"column",borderBottom:`1px solid ${e.appBorderColor}`,fontFamily:$.typography.fonts.base,fontSize:13,...t.status===ee.CallStates.ERROR&&{backgroundColor:e.base==="dark"?(0,ao.transparentize)(.93,e.color.negative):e.background.warning},paddingLeft:t.ancestors.length*20}),({theme:e,call:t,pausedAt:o})=>o===t.id&&{"&::before":{content:'""',position:"absolute",top:-5,zIndex:1,borderTop:"4.5px solid transparent",borderLeft:`7px solid ${e.color.warning}`,borderBottom:"4.5px solid transparent"},"&::after":{content:'""',position:"absolute",top:-1,zIndex:1,width:"100%",borderTop:`1.5px solid ${e.color.warning}`}}),wr=$.styled.div(({theme:e,isInteractive:t})=>({display:"flex","&:hover":t?{}:{background:e.background.hoverable}})),Ir=(0,$.styled)("button",{shouldForwardProp:e=>!["call"].includes(e.toString())})(({theme:e,disabled:t,call:o})=>({flex:1,display:"grid",background:"none",border:0,gridTemplateColumns:"15px 1fr",alignItems:"center",minHeight:40,margin:0,padding:"8px 15px",textAlign:"start",cursor:t||o.status===ee.CallStates.ERROR?"default":"pointer","&:focus-visible":{outline:0,boxShadow:`inset 3px 0 0 0 ${o.status===ee.CallStates.ERROR?e.color.warning:e.color.secondary}`,background:o.status===ee.CallStates.ERROR?"transparent":e.background.hoverable},"& > div":{opacity:o.status===ee.CallStates.WAITING?.5:1}})),kr=$.styled.div({padding:6}),vr=(0,$.styled)(te.IconButton)(({theme:e})=>({color:e.textMutedColor,margin:"0 3px"})),Pr=(0,$.styled)(te.TooltipNote)(({theme:e})=>({fontFamily:e.typography.fonts.base})),jr=(0,$.styled)("div")(({theme:e})=>({padding:"8px 10px 8px 36px",fontSize:$.typography.size.s1,color:e.color.defaultText,pre:{margin:0,padding:0}})),_r=({exception:e})=>{if(e.message.startsWith("expect("))return I.createElement(eo,{...e});let t=e.message.split(`
1
+ var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __commonJS=(cb,mod)=>function(){return mod||(0,cb[__getOwnPropNames(cb)[0]])((mod={exports:{}}).exports,mod),mod.exports};var __copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod));var require_extends=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/extends.js"(exports,module2){function _extends5(){return module2.exports=_extends5=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends5.apply(this,arguments)}module2.exports=_extends5}});var require_objectWithoutPropertiesLoose=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports,module2){function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}module2.exports=_objectWithoutPropertiesLoose}});var require_objectWithoutProperties=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports,module2){var objectWithoutPropertiesLoose=require_objectWithoutPropertiesLoose();function _objectWithoutProperties6(source,excluded){if(source==null)return{};var target=objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}module2.exports=_objectWithoutProperties6}});var require_defineProperty=__commonJS({"../../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/defineProperty.js"(exports,module2){function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}module2.exports=_defineProperty}});var require_objectSpread2=__commonJS({"../../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectSpread2.js"(exports,module2){var defineProperty=require_defineProperty();function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread22(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(source,!0).forEach(function(key){defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}module2.exports=_objectSpread22}});var require_objectWithoutPropertiesLoose2=__commonJS({"../../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports,module2){function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}module2.exports=_objectWithoutPropertiesLoose}});var require_objectWithoutProperties2=__commonJS({"../../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports,module2){var objectWithoutPropertiesLoose=require_objectWithoutPropertiesLoose2();function _objectWithoutProperties6(source,excluded){if(source==null)return{};var target=objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}module2.exports=_objectWithoutProperties6}});var require_defineProperty2=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/defineProperty.js"(exports,module2){function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}module2.exports=_defineProperty}});var require_objectSpread22=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectSpread2.js"(exports,module2){var defineProperty=require_defineProperty2();function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread22(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(source,!0).forEach(function(key){defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}module2.exports=_objectSpread22}});var require_extends2=__commonJS({"../../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/extends.js"(exports,module2){function _extends5(){return module2.exports=_extends5=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends5.apply(this,arguments)}module2.exports=_extends5}});var require_objectWithoutPropertiesLoose3=__commonJS({"../../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports,module2){function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}module2.exports=_objectWithoutPropertiesLoose}});var require_objectWithoutProperties3=__commonJS({"../../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports,module2){var objectWithoutPropertiesLoose=require_objectWithoutPropertiesLoose3();function _objectWithoutProperties6(source,excluded){if(source==null)return{};var target=objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}module2.exports=_objectWithoutProperties6}});var import_manager_api2=require("@storybook/manager-api");var ADDON_ID="storybook/interactions",PANEL_ID=`${ADDON_ID}/panel`;var import_global=require("@storybook/global"),React15=__toESM(require("react")),import_manager_api=require("@storybook/manager-api"),import_core_events=require("@storybook/core-events"),import_instrumenter6=require("@storybook/instrumenter");var React14=__toESM(require("react")),import_components4=require("@storybook/components"),import_instrumenter5=require("@storybook/instrumenter"),import_theming7=require("@storybook/theming"),import_polished3=require("polished");var import_react2=__toESM(require("react")),import_components=require("@storybook/components"),import_instrumenter2=require("@storybook/instrumenter"),import_theming2=require("@storybook/theming");var import_react=__toESM(require("react")),import_instrumenter=require("@storybook/instrumenter"),import_theming=require("@storybook/theming"),StyledBadge=import_theming.styled.div(({theme:theme2,status})=>({padding:"4px 6px 4px 8px;",borderRadius:"4px",backgroundColor:{[import_instrumenter.CallStates.DONE]:theme2.color.positive,[import_instrumenter.CallStates.ERROR]:theme2.color.negative,[import_instrumenter.CallStates.ACTIVE]:theme2.color.warning,[import_instrumenter.CallStates.WAITING]:theme2.color.warning}[status],color:"white",fontFamily:import_theming.typography.fonts.base,textTransform:"uppercase",fontSize:import_theming.typography.size.s1,letterSpacing:3,fontWeight:import_theming.typography.weight.bold,width:65,textAlign:"center"})),StatusBadge=({status})=>{let badgeText={[import_instrumenter.CallStates.DONE]:"Pass",[import_instrumenter.CallStates.ERROR]:"Fail",[import_instrumenter.CallStates.ACTIVE]:"Runs",[import_instrumenter.CallStates.WAITING]:"Runs"}[status];return import_react.default.createElement(StyledBadge,{"aria-label":"Status of the test run",status},badgeText)};var SubnavWrapper=import_theming2.styled.div(({theme:theme2})=>({background:theme2.background.app,borderBottom:`1px solid ${theme2.appBorderColor}`,position:"sticky",top:0,zIndex:1})),StyledSubnav=import_theming2.styled.nav(({theme:theme2})=>({height:40,display:"flex",alignItems:"center",justifyContent:"space-between",paddingLeft:15})),StyledButton=(0,import_theming2.styled)(import_components.Button)(({theme:theme2})=>({borderRadius:4,padding:6,color:theme2.textMutedColor,"&:not(:disabled)":{"&:hover,&:focus-visible":{color:theme2.color.secondary}}})),Note=(0,import_theming2.styled)(import_components.TooltipNote)(({theme:theme2})=>({fontFamily:theme2.typography.fonts.base})),StyledIconButton=(0,import_theming2.styled)(import_components.IconButton)(({theme:theme2})=>({color:theme2.textMutedColor,margin:"0 3px"})),StyledSeparator=(0,import_theming2.styled)(import_components.Separator)({marginTop:0}),StyledLocation=(0,import_theming2.styled)(import_components.P)(({theme:theme2})=>({color:theme2.textMutedColor,justifyContent:"flex-end",textAlign:"right",whiteSpace:"nowrap",marginTop:"auto",marginBottom:1,paddingRight:15,fontSize:13})),Group=import_theming2.styled.div({display:"flex",alignItems:"center"}),RewindButton=(0,import_theming2.styled)(StyledIconButton)({marginLeft:9}),JumpToEndButton=(0,import_theming2.styled)(StyledButton)({marginLeft:9,marginRight:9,marginBottom:1,lineHeight:"12px"}),RerunButton=(0,import_theming2.styled)(StyledIconButton)(({theme:theme2,animating,disabled})=>({opacity:disabled?.5:1,svg:{animation:animating&&`${theme2.animation.rotate360} 200ms ease-out`}})),Subnav=({controls,controlStates,status,storyFileName,onScrollToEnd,isRerunAnimating,setIsRerunAnimating})=>{let buttonText=status===import_instrumenter2.CallStates.ERROR?"Scroll to error":"Scroll to end";return import_react2.default.createElement(SubnavWrapper,null,import_react2.default.createElement(import_components.Bar,null,import_react2.default.createElement(StyledSubnav,null,import_react2.default.createElement(Group,null,import_react2.default.createElement(StatusBadge,{status}),import_react2.default.createElement(JumpToEndButton,{onClick:onScrollToEnd,disabled:!onScrollToEnd},buttonText),import_react2.default.createElement(StyledSeparator,null),import_react2.default.createElement(import_components.WithTooltip,{hasChrome:!1,tooltip:import_react2.default.createElement(Note,{note:"Go to start"})},import_react2.default.createElement(RewindButton,{"aria-label":"Go to start",containsIcon:!0,onClick:controls.start,disabled:!controlStates.start},import_react2.default.createElement(import_components.Icons,{icon:"rewind"}))),import_react2.default.createElement(import_components.WithTooltip,{hasChrome:!1,tooltip:import_react2.default.createElement(Note,{note:"Go back"})},import_react2.default.createElement(StyledIconButton,{"aria-label":"Go back",containsIcon:!0,onClick:controls.back,disabled:!controlStates.back},import_react2.default.createElement(import_components.Icons,{icon:"playback"}))),import_react2.default.createElement(import_components.WithTooltip,{hasChrome:!1,tooltip:import_react2.default.createElement(Note,{note:"Go forward"})},import_react2.default.createElement(StyledIconButton,{"aria-label":"Go forward",containsIcon:!0,onClick:controls.next,disabled:!controlStates.next},import_react2.default.createElement(import_components.Icons,{icon:"playnext"}))),import_react2.default.createElement(import_components.WithTooltip,{hasChrome:!1,tooltip:import_react2.default.createElement(Note,{note:"Go to end"})},import_react2.default.createElement(StyledIconButton,{"aria-label":"Go to end",containsIcon:!0,onClick:controls.end,disabled:!controlStates.end},import_react2.default.createElement(import_components.Icons,{icon:"fastforward"}))),import_react2.default.createElement(import_components.WithTooltip,{hasChrome:!1,tooltip:import_react2.default.createElement(Note,{note:"Rerun"})},import_react2.default.createElement(RerunButton,{"aria-label":"Rerun",containsIcon:!0,onClick:controls.rerun,onAnimationEnd:()=>setIsRerunAnimating(!1),animating:isRerunAnimating,disabled:isRerunAnimating},import_react2.default.createElement(import_components.Icons,{icon:"sync"})))),storyFileName&&import_react2.default.createElement(Group,null,import_react2.default.createElement(StyledLocation,null,storyFileName)))))};var React13=__toESM(require("react")),import_components3=require("@storybook/components"),import_instrumenter4=require("@storybook/instrumenter"),import_theming6=require("@storybook/theming"),import_polished2=require("polished");var import_react11=__toESM(require("react")),import_theming4=require("@storybook/theming");var import_extends4=__toESM(require_extends()),import_objectWithoutProperties5=__toESM(require_objectWithoutProperties()),import_react9=__toESM(require("react"));function toVal(mix){var k,y,str="";if(mix)if(typeof mix=="object")if(Array.isArray(mix))for(k=0;k<mix.length;k++)mix[k]&&(y=toVal(mix[k]))&&(str&&(str+=" "),str+=y);else for(k in mix)mix[k]&&(y=toVal(k))&&(str&&(str+=" "),str+=y);else typeof mix!="boolean"&&!mix.call&&(str&&(str+=" "),str+=mix);return str}function clsx_m_default(){for(var i=0,x,str="";i<arguments.length;)(x=toVal(arguments[i++]))&&(str&&(str+=" "),str+=x);return str}var isArray=val=>Array.isArray(val)||ArrayBuffer.isView(val)&&!(val instanceof DataView),isObject=val=>val!==null&&typeof val=="object"&&!isArray(val)&&!(val instanceof Date)&&!(val instanceof RegExp)&&!(val instanceof Error)&&!(val instanceof WeakMap)&&!(val instanceof WeakSet),isKnownObject=val=>isObject(val)||isArray(val)||typeof val=="function"||val instanceof Promise,getPromiseState=promise=>{let unique=/unique/;return Promise.race([promise,unique]).then(result=>result===unique?["pending"]:["fulfilled",result],e=>["rejected",e])},buildAST=async(key,value,depth,sortKeys,isPrototype,showPrototype)=>{let astNode={key,depth,value,type:"value",parent:void 0};if(value&&isKnownObject(value)&&depth<100){let children=[],t="object";if(isArray(value)){for(let i=0;i<value.length;i++)children.push(async()=>{let child=await buildAST(i.toString(),value[i],depth+1,sortKeys);return child.parent=astNode,child});t="array"}else{let keys=Object.getOwnPropertyNames(value);sortKeys&&keys.sort();for(let i=0;i<keys.length;i++){let safeValue;try{safeValue=value[keys[i]]}catch{}children.push(async()=>{let child=await buildAST(keys[i],safeValue,depth+1,sortKeys);return child.parent=astNode,child})}if(typeof value=="function"&&(t="function"),value instanceof Promise){let[status,result]=await getPromiseState(value);children.push(async()=>{let child=await buildAST("<state>",status,depth+1,sortKeys);return child.parent=astNode,child}),status!=="pending"&&children.push(async()=>{let child=await buildAST("<value>",result,depth+1,sortKeys);return child.parent=astNode,child}),t="promise"}if(value instanceof Map){let parsedEntries=Array.from(value.entries()).map(entry=>{let[entryKey,entryValue]=entry;return{"<key>":entryKey,"<value>":entryValue}});children.push(async()=>{let child=await buildAST("<entries>",parsedEntries,depth+1,sortKeys);return child.parent=astNode,child}),children.push(async()=>{let child=await buildAST("size",value.size,depth+1,sortKeys);return child.parent=astNode,child}),t="map"}if(value instanceof Set){let parsedEntries=Array.from(value.entries()).map(entry=>entry[1]);children.push(async()=>{let child=await buildAST("<entries>",parsedEntries,depth+1,sortKeys);return child.parent=astNode,child}),children.push(async()=>{let child=await buildAST("size",value.size,depth+1,sortKeys);return child.parent=astNode,child}),t="set"}}value!==Object.prototype&&showPrototype&&children.push(async()=>{let child=await buildAST("<prototype>",Object.getPrototypeOf(value),depth+1,sortKeys,!0);return child.parent=astNode,child}),astNode.type=t,astNode.children=children,astNode.isPrototype=isPrototype}return astNode},parse=(data,sortKeys,includePrototypes)=>buildAST("root",data,0,sortKeys===!1?sortKeys:!0,void 0,includePrototypes===!1?includePrototypes:!0);var import_objectSpread2=__toESM(require_objectSpread2()),import_objectWithoutProperties=__toESM(require_objectWithoutProperties2()),import_react3=__toESM(require("react"));var _excluded=["children"];var ThemeContext=import_react3.default.createContext({theme:"chrome",colorScheme:"light"});var ThemeProvider=_ref=>{let{children}=_ref,value=(0,import_objectWithoutProperties.default)(_ref,_excluded),wrappedTheme=import_react3.default.useContext(ThemeContext);return import_react3.default.createElement(ThemeContext.Provider,{value:(0,import_objectSpread2.default)((0,import_objectSpread2.default)({},wrappedTheme),value)},children)},useTheme=(props,styles={})=>{let themeContext=import_react3.default.useContext(ThemeContext),currentTheme=props.theme||themeContext.theme||"chrome",currentColorScheme=props.colorScheme||themeContext.colorScheme||"light",themeClass=clsx_m_default(styles[currentTheme],styles[currentColorScheme]);return{currentColorScheme,currentTheme,themeClass}};var import_objectSpread22=__toESM(require_objectSpread22()),import_react8=__toESM(require("react"));var import_extends=__toESM(require_extends2()),import_objectWithoutProperties2=__toESM(require_objectWithoutProperties3()),import_react5=__toESM(require("react"));var import_react4=__toESM(require("react")),TreeContext=import_react4.default.createContext({isChild:!1,depth:0,hasHover:!0}),TreeContext_default=TreeContext;var Tree_css_default={tree:"Tree-tree-fbbbe38",item:"Tree-item-353d6f3",group:"Tree-group-d3c3d8a",label:"Tree-label-d819155",focusWhite:"Tree-focusWhite-f1e00c2",arrow:"Tree-arrow-03ab2e7",hover:"Tree-hover-3cc4e5d",open:"Tree-open-3f1a336",dark:"Tree-dark-1b4aa00",chrome:"Tree-chrome-bcbcac6",light:"Tree-light-09174ee"};var _excluded2=["theme","hover","colorScheme","children","label","className","onUpdate","onSelect","open"],Tree=props=>{let{theme:theme2,hover,colorScheme,children,label,className,onUpdate,onSelect,open}=props,html=(0,import_objectWithoutProperties2.default)(props,_excluded2),{themeClass,currentTheme}=useTheme({theme:theme2,colorScheme},Tree_css_default),[isOpen,setOpen]=(0,import_react5.useState)(open);(0,import_react5.useEffect)(()=>{setOpen(open)},[open]);let updateState=value=>{setOpen(value),onUpdate&&onUpdate(value)},hasChildren=import_react5.default.Children.count(children)>0,updateFocus=(newNode,previousNode)=>{if(newNode.isSameNode(previousNode||null))return;let focusableNode=newNode.querySelector('[tabindex="-1"]');focusableNode==null||focusableNode.focus(),newNode.setAttribute("aria-selected","true"),previousNode==null||previousNode.removeAttribute("aria-selected")},getParent=(node,role)=>{let parent=node;for(;parent&&parent.parentElement;){if(parent.getAttribute("role")===role)return parent;parent=parent.parentElement}return null},getListElements=node=>{let tree=getParent(node,"tree");return tree?Array.from(tree.querySelectorAll("li")):[]},moveBack=node=>{let group=getParent(node,"group"),toggle=group==null?void 0:group.previousElementSibling;if(toggle&&toggle.getAttribute("tabindex")==="-1"){let toggleParent=toggle.parentElement,nodeParent=node.parentElement;updateFocus(toggleParent,nodeParent)}},moveHome=(node,direction)=>{let elements=getListElements(node);elements.forEach(element=>{element.removeAttribute("aria-selected")}),direction==="start"&&elements[0]&&updateFocus(elements[0]),direction==="end"&&elements[elements.length-1]&&updateFocus(elements[elements.length-1])},moveFocusAdjacent=(node,direction)=>{let elements=getListElements(node)||[];for(let i=0;i<elements.length;i++){let currentNode=elements[i];if(currentNode.getAttribute("aria-selected")==="true"){direction==="up"&&elements[i-1]?updateFocus(elements[i-1],currentNode):direction==="down"&&elements[i+1]&&updateFocus(elements[i+1],currentNode);return}}updateFocus(elements[0])},handleKeypress=(event,isChild2)=>{let node=event.target;(event.key==="Enter"||event.key===" ")&&updateState(!isOpen),event.key==="ArrowRight"&&isOpen&&!isChild2?moveFocusAdjacent(node,"down"):event.key==="ArrowRight"&&updateState(!0),event.key==="ArrowLeft"&&(!isOpen||isChild2)?moveBack(node):event.key==="ArrowLeft"&&updateState(!1),event.key==="ArrowDown"&&moveFocusAdjacent(node,"down"),event.key==="ArrowUp"&&moveFocusAdjacent(node,"up"),event.key==="Home"&&moveHome(node,"start"),event.key==="End"&&moveHome(node,"end")},handleClick=(event,isChild2)=>{let node=event.target,parent=getParent(node,"treeitem"),elements=getListElements(node)||[],found=!1;for(let i=0;i<elements.length;i++){let currentNode=elements[i];if(currentNode.getAttribute("aria-selected")==="true"){parent&&(found=!0,updateFocus(parent,currentNode));break}}!found&&parent&&updateFocus(parent),isChild2||updateState(!isOpen)},handleBlur=event=>{let node=event.currentTarget;!node.contains(document.activeElement)&&node.getAttribute("role")==="tree"&&node.setAttribute("tabindex","0")},handleFocus=event=>{let node=event.target;if(node.getAttribute("role")==="tree"){let selected=node.querySelector('[aria-selected="true"]');selected?updateFocus(selected):moveFocusAdjacent(node,"down"),node.setAttribute("tabindex","-1")}},handleButtonFocus=()=>{onSelect==null||onSelect()},getPaddingStyles=depth2=>{let space=depth2*.9+.3;return{paddingLeft:`${space}em`,width:`calc(100% - ${space}em)`}},{isChild,depth,hasHover}=import_react5.default.useContext(TreeContext_default),showHover=hasHover?hover:!1;if(!isChild)return import_react5.default.createElement("ul",(0,import_extends.default)({role:"tree",tabIndex:0,className:clsx_m_default(Tree_css_default.tree,Tree_css_default.group,themeClass,className),onFocus:handleFocus,onBlur:handleBlur},html),import_react5.default.createElement(TreeContext_default.Provider,{value:{isChild:!0,depth:0,hasHover:showHover}},import_react5.default.createElement(Tree,props)));if(!hasChildren)return import_react5.default.createElement("li",(0,import_extends.default)({role:"treeitem",className:Tree_css_default.item},html),import_react5.default.createElement("div",{role:"button",className:clsx_m_default(Tree_css_default.label,{[Tree_css_default.hover]:showHover,[Tree_css_default.focusWhite]:currentTheme==="firefox"}),tabIndex:-1,style:getPaddingStyles(depth),onKeyDown:e=>{handleKeypress(e,isChild)},onClick:e=>handleClick(e,!0),onFocus:handleButtonFocus},import_react5.default.createElement("span",null,label)));let arrowClass=clsx_m_default(Tree_css_default.arrow,{[Tree_css_default.open]:isOpen});return import_react5.default.createElement("li",{role:"treeitem","aria-expanded":isOpen,className:Tree_css_default.item},import_react5.default.createElement("div",{role:"button",tabIndex:-1,className:clsx_m_default(Tree_css_default.label,{[Tree_css_default.hover]:showHover,[Tree_css_default.focusWhite]:currentTheme==="firefox"}),style:getPaddingStyles(depth),onClick:e=>handleClick(e),onKeyDown:e=>handleKeypress(e),onFocus:handleButtonFocus},import_react5.default.createElement("span",null,import_react5.default.createElement("span",{"aria-hidden":!0,className:arrowClass}),import_react5.default.createElement("span",null,label))),import_react5.default.createElement("ul",(0,import_extends.default)({role:"group",className:clsx_m_default(className,Tree_css_default.group)},html),isOpen&&import_react5.default.Children.map(children,child=>import_react5.default.createElement(TreeContext_default.Provider,{value:{isChild:!0,depth:depth+1,hasHover:showHover}},child))))};Tree.defaultProps={open:!1,hover:!0};var import_extends2=__toESM(require_extends()),import_objectWithoutProperties3=__toESM(require_objectWithoutProperties()),import_react6=__toESM(require("react"));var ObjectInspector_css_default={"object-inspector":"ObjectInspector-object-inspector-0c33e82",objectInspector:"ObjectInspector-object-inspector-0c33e82","object-label":"ObjectInspector-object-label-b81482b",objectLabel:"ObjectInspector-object-label-b81482b",text:"ObjectInspector-text-25f57f3",key:"ObjectInspector-key-4f712bb",value:"ObjectInspector-value-f7ec2e5",string:"ObjectInspector-string-c496000",regex:"ObjectInspector-regex-59d45a3",error:"ObjectInspector-error-b818698",boolean:"ObjectInspector-boolean-2dd1642",number:"ObjectInspector-number-a6daabb",undefined:"ObjectInspector-undefined-3a68263",null:"ObjectInspector-null-74acb50",function:"ObjectInspector-function-07bbdcd","function-decorator":"ObjectInspector-function-decorator-3d22c24",functionDecorator:"ObjectInspector-function-decorator-3d22c24",prototype:"ObjectInspector-prototype-f2449ee",dark:"ObjectInspector-dark-0c96c97",chrome:"ObjectInspector-chrome-2f3ca98",light:"ObjectInspector-light-78bef54"};var _excluded3=["ast","theme","showKey","colorScheme","className"],buildValue=(key,value,valueClass,showKey,depth)=>{let computedKey=key.includes("-")?`"${key}"`:key,isRoot=depth<=0;return import_react6.default.createElement("span",{className:ObjectInspector_css_default.text},!isRoot&&showKey&&import_react6.default.createElement(import_react6.default.Fragment,null,import_react6.default.createElement("span",{className:ObjectInspector_css_default.key},computedKey),import_react6.default.createElement("span",null,":\xA0")),import_react6.default.createElement("span",{className:valueClass},value))},ObjectValue=props=>{let{ast,theme:theme2,showKey,colorScheme,className}=props,html=(0,import_objectWithoutProperties3.default)(props,_excluded3),{themeClass}=useTheme({theme:theme2,colorScheme},ObjectInspector_css_default),[asyncValue,setAsyncValue]=(0,import_react6.useState)(import_react6.default.createElement("span",null)),value=import_react6.default.createElement("span",null);return(0,import_react6.useEffect)(()=>{ast.value instanceof Promise&&(async promise=>{setAsyncValue(buildValue(ast.key,`Promise { "${await getPromiseState(promise)}" }`,ObjectInspector_css_default.key,showKey,ast.depth))})(ast.value)},[ast,showKey]),typeof ast.value=="number"||typeof ast.value=="bigint"?value=buildValue(ast.key,String(ast.value),ObjectInspector_css_default.number,showKey,ast.depth):typeof ast.value=="boolean"?value=buildValue(ast.key,String(ast.value),ObjectInspector_css_default.boolean,showKey,ast.depth):typeof ast.value=="string"?value=buildValue(ast.key,`"${ast.value}"`,ObjectInspector_css_default.string,showKey,ast.depth):typeof ast.value>"u"?value=buildValue(ast.key,"undefined",ObjectInspector_css_default.undefined,showKey,ast.depth):typeof ast.value=="symbol"?value=buildValue(ast.key,ast.value.toString(),ObjectInspector_css_default.string,showKey,ast.depth):typeof ast.value=="function"?value=buildValue(ast.key,`${ast.value.name}()`,ObjectInspector_css_default.key,showKey,ast.depth):typeof ast.value=="object"&&(ast.value===null?value=buildValue(ast.key,"null",ObjectInspector_css_default.null,showKey,ast.depth):Array.isArray(ast.value)?value=buildValue(ast.key,`Array(${ast.value.length})`,ObjectInspector_css_default.key,showKey,ast.depth):ast.value instanceof Date?value=buildValue(ast.key,`Date ${ast.value.toString()}`,ObjectInspector_css_default.value,showKey,ast.depth):ast.value instanceof RegExp?value=buildValue(ast.key,ast.value.toString(),ObjectInspector_css_default.regex,showKey,ast.depth):ast.value instanceof Error?value=buildValue(ast.key,ast.value.toString(),ObjectInspector_css_default.error,showKey,ast.depth):isObject(ast.value)?value=buildValue(ast.key,"{\u2026}",ObjectInspector_css_default.key,showKey,ast.depth):value=buildValue(ast.key,ast.value.constructor.name,ObjectInspector_css_default.key,showKey,ast.depth)),import_react6.default.createElement("span",(0,import_extends2.default)({className:clsx_m_default(themeClass,className)},html),asyncValue,value)};ObjectValue.defaultProps={showKey:!0};var ObjectValue_default=ObjectValue;var import_extends3=__toESM(require_extends()),import_objectWithoutProperties4=__toESM(require_objectWithoutProperties()),import_react7=__toESM(require("react"));var _excluded4=["ast","theme","previewMax","open","colorScheme","className"],buildPreview=(children,previewMax,showKey)=>{let previews=[];for(let i=0;i<children.length;i++){let child=children[i];if(child.isPrototype||(previews.push(import_react7.default.createElement(ObjectValue_default,{key:child.key,ast:child,showKey})),i<children.length-1?previews.push(", "):previews.push(" ")),child.isPrototype&&i===children.length-1&&(previews.pop(),previews.push(" ")),i===previewMax-1&&children.length>previewMax){previews.push("\u2026 ");break}}return previews},getArrayLabel=(ast,open,previewMax,theme2)=>{let l=ast.value.length;return open?import_react7.default.createElement("span",null,"Array(",l,")"):import_react7.default.createElement(import_react7.default.Fragment,null,import_react7.default.createElement("span",null,`${theme2==="firefox"?"Array":""}(${l}) [ `),buildPreview(ast.children,previewMax,!1),import_react7.default.createElement("span",null,"]"))},getObjectLabel=(ast,open,previewMax,theme2)=>ast.isPrototype?import_react7.default.createElement("span",null,`Object ${theme2==="firefox"?"{ \u2026 }":""}`):open?import_react7.default.createElement("span",null,"{\u2026}"):import_react7.default.createElement(import_react7.default.Fragment,null,import_react7.default.createElement("span",null,`${theme2==="firefox"?"Object ":""}{ `),buildPreview(ast.children,previewMax,!0),import_react7.default.createElement("span",null,"}")),getPromiseLabel=(ast,open,previewMax)=>open?import_react7.default.createElement("span",null,`Promise { "${String(ast.children[0].value)}" }`):import_react7.default.createElement(import_react7.default.Fragment,null,import_react7.default.createElement("span",null,"Promise { "),buildPreview(ast.children,previewMax,!0),import_react7.default.createElement("span",null,"}")),getMapLabel=(ast,open,previewMax,theme2)=>{let{size}=ast.value;return open?import_react7.default.createElement("span",null,`Map(${size})`):import_react7.default.createElement(import_react7.default.Fragment,null,import_react7.default.createElement("span",null,`Map${theme2==="chrome"?`(${size})`:""} { `),buildPreview(ast.children,previewMax,!0),import_react7.default.createElement("span",null,"}"))},getSetLabel=(ast,open,previewMax)=>{let{size}=ast.value;return open?import_react7.default.createElement("span",null,"Set(",size,")"):import_react7.default.createElement(import_react7.default.Fragment,null,import_react7.default.createElement("span",null,`Set(${ast.value.size}) {`),buildPreview(ast.children,previewMax,!0),import_react7.default.createElement("span",null,"}"))},ObjectLabel=props=>{let{ast,theme:theme2,previewMax,open,colorScheme,className}=props,html=(0,import_objectWithoutProperties4.default)(props,_excluded4),{themeClass,currentTheme}=useTheme({theme:theme2,colorScheme},ObjectInspector_css_default),isPrototype=ast.isPrototype||!1,classes=clsx_m_default(ObjectInspector_css_default.objectLabel,themeClass,className,{[ObjectInspector_css_default.prototype]:isPrototype}),isRoot=ast.depth<=0,Key=()=>import_react7.default.createElement("span",{className:isPrototype?ObjectInspector_css_default.prototype:ObjectInspector_css_default.key},isRoot?"":`${ast.key}: `);return ast.type==="array"?import_react7.default.createElement("span",(0,import_extends3.default)({className:classes},html),import_react7.default.createElement(Key,null),getArrayLabel(ast,open,previewMax,currentTheme)):ast.type==="function"?import_react7.default.createElement("span",(0,import_extends3.default)({className:classes},html),import_react7.default.createElement(Key,null),currentTheme==="chrome"&&import_react7.default.createElement("span",{className:ObjectInspector_css_default.functionDecorator},"\u0192 "),import_react7.default.createElement("span",{className:clsx_m_default({[ObjectInspector_css_default.function]:!isPrototype})},`${ast.value.name}()`)):ast.type==="promise"?import_react7.default.createElement("span",(0,import_extends3.default)({className:classes},html),import_react7.default.createElement(Key,null),getPromiseLabel(ast,open,previewMax)):ast.type==="map"?import_react7.default.createElement("span",(0,import_extends3.default)({className:classes},html),import_react7.default.createElement(Key,null),getMapLabel(ast,open,previewMax,currentTheme)):ast.type==="set"?import_react7.default.createElement("span",(0,import_extends3.default)({className:classes},html),import_react7.default.createElement(Key,null),getSetLabel(ast,open,previewMax)):import_react7.default.createElement("span",(0,import_extends3.default)({className:classes},html),import_react7.default.createElement(Key,null),getObjectLabel(ast,open,previewMax,currentTheme))};ObjectLabel.defaultProps={previewMax:8,open:!1};var ObjectLabel_default=ObjectLabel;var ObjectInspectorItem=props=>{let{ast,expandLevel,depth}=props,[resolved,setResolved]=(0,import_react8.useState)(),[open,setOpen]=(0,import_react8.useState)(Boolean(depth<expandLevel));return(0,import_react8.useEffect)(()=>{(async()=>{if(ast.type!=="value"){let promises=ast.children.map(f=>f()),children=await Promise.all(promises),r=(0,import_objectSpread22.default)((0,import_objectSpread22.default)({},ast),{},{children});setResolved(r)}})()},[ast]),resolved?import_react8.default.createElement(Tree,{hover:!1,open,label:import_react8.default.createElement(ObjectLabel_default,{open,ast:resolved}),onSelect:()=>{var _props$onSelect;(_props$onSelect=props.onSelect)===null||_props$onSelect===void 0||_props$onSelect.call(props,ast)},onUpdate:value=>{setOpen(value)}},resolved.children.map(child=>import_react8.default.createElement(ObjectInspectorItem,{key:child.key,ast:child,depth:depth+1,expandLevel,onSelect:props.onSelect}))):import_react8.default.createElement(Tree,{hover:!1,label:import_react8.default.createElement(ObjectValue_default,{ast}),onSelect:()=>{var _props$onSelect2;(_props$onSelect2=props.onSelect)===null||_props$onSelect2===void 0||_props$onSelect2.call(props,ast)}})};ObjectInspectorItem.defaultProps={expandLevel:0,depth:0};var ObjectInspectorItem_default=ObjectInspectorItem;var _excluded5=["data","expandLevel","sortKeys","includePrototypes","className","theme","colorScheme","onSelect"],ObjectInspector=props=>{let{data,expandLevel,sortKeys,includePrototypes,className,theme:theme2,colorScheme,onSelect}=props,html=(0,import_objectWithoutProperties5.default)(props,_excluded5),[ast,setAST]=(0,import_react9.useState)(void 0),{themeClass,currentTheme,currentColorScheme}=useTheme({theme:theme2,colorScheme},ObjectInspector_css_default);return(0,import_react9.useEffect)(()=>{(async()=>{setAST(await parse(data,sortKeys,includePrototypes))})()},[data,sortKeys,includePrototypes]),import_react9.default.createElement("div",(0,import_extends4.default)({className:clsx_m_default(ObjectInspector_css_default.objectInspector,className,themeClass)},html),ast&&import_react9.default.createElement(ThemeProvider,{theme:currentTheme,colorScheme:currentColorScheme},import_react9.default.createElement(ObjectInspectorItem_default,{ast,expandLevel,onSelect})))};ObjectInspector.defaultProps={expandLevel:0,sortKeys:!0,includePrototypes:!0};var import_theming3=require("@storybook/theming"),import_react10=__toESM(require("react")),colorsLight={base:"#444",nullish:"#7D99AA",string:"#16B242",number:"#5D40D0",boolean:"#f41840",objectkey:"#698394",instance:"#A15C20",function:"#EA7509",muted:"#7D99AA",tag:{name:"#6F2CAC",suffix:"#1F99E5"},date:"#459D9C",error:{name:"#D43900",message:"#444"},regex:{source:"#A15C20",flags:"#EA7509"},meta:"#EA7509",method:"#0271B6"},colorsDark={base:"#eee",nullish:"#aaa",string:"#5FE584",number:"#6ba5ff",boolean:"#ff4191",objectkey:"#accfe6",instance:"#E3B551",function:"#E3B551",muted:"#aaa",tag:{name:"#f57bff",suffix:"#8EB5FF"},date:"#70D4D3",error:{name:"#f40",message:"#eee"},regex:{source:"#FAD483",flags:"#E3B551"},meta:"#FAD483",method:"#5EC1FF"},useThemeColors=()=>{let{base}=(0,import_theming3.useTheme)();return base==="dark"?colorsDark:colorsLight},special=/[^A-Z0-9]/i,trimEnd=/[\s.,…]+$/gm,ellipsize=(string,maxlength)=>{if(string.length<=maxlength)return string;for(let i=maxlength-1;i>=0;i-=1)if(special.test(string[i])&&i>10)return`${string.slice(0,i).replace(trimEnd,"")}\u2026`;return`${string.slice(0,maxlength).replace(trimEnd,"")}\u2026`},stringify=value=>{try{return JSON.stringify(value,null,1)}catch{return String(value)}},interleave=(nodes,separator)=>nodes.flatMap((node,index)=>index===nodes.length-1?[node]:[node,import_react10.default.cloneElement(separator,{key:`sep${index}`})]),Node=({value,nested,showObjectInspector,callsById,...props})=>{switch(!0){case value===null:return import_react10.default.createElement(NullNode,{...props});case value===void 0:return import_react10.default.createElement(UndefinedNode,{...props});case Array.isArray(value):return import_react10.default.createElement(ArrayNode,{...props,value,callsById});case typeof value=="string":return import_react10.default.createElement(StringNode,{...props,value});case typeof value=="number":return import_react10.default.createElement(NumberNode,{...props,value});case typeof value=="boolean":return import_react10.default.createElement(BooleanNode,{...props,value});case Object.prototype.hasOwnProperty.call(value,"__date__"):return import_react10.default.createElement(DateNode,{...props,...value.__date__});case Object.prototype.hasOwnProperty.call(value,"__error__"):return import_react10.default.createElement(ErrorNode,{...props,...value.__error__});case Object.prototype.hasOwnProperty.call(value,"__regexp__"):return import_react10.default.createElement(RegExpNode,{...props,...value.__regexp__});case Object.prototype.hasOwnProperty.call(value,"__function__"):return import_react10.default.createElement(FunctionNode,{...props,...value.__function__});case Object.prototype.hasOwnProperty.call(value,"__symbol__"):return import_react10.default.createElement(SymbolNode,{...props,...value.__symbol__});case Object.prototype.hasOwnProperty.call(value,"__element__"):return import_react10.default.createElement(ElementNode,{...props,...value.__element__});case Object.prototype.hasOwnProperty.call(value,"__class__"):return import_react10.default.createElement(ClassNode,{...props,...value.__class__});case Object.prototype.hasOwnProperty.call(value,"__callId__"):return import_react10.default.createElement(MethodCall,{call:callsById.get(value.__callId__),callsById});case Object.prototype.toString.call(value)==="[object Object]":return import_react10.default.createElement(ObjectNode,{value,showInspector:showObjectInspector,...props});default:return import_react10.default.createElement(OtherNode,{value,...props})}},NullNode=props=>{let colors2=useThemeColors();return import_react10.default.createElement("span",{style:{color:colors2.nullish},...props},"null")},UndefinedNode=props=>{let colors2=useThemeColors();return import_react10.default.createElement("span",{style:{color:colors2.nullish},...props},"undefined")},StringNode=({value,...props})=>{let colors2=useThemeColors();return import_react10.default.createElement("span",{style:{color:colors2.string},...props},JSON.stringify(ellipsize(value,50)))},NumberNode=({value,...props})=>{let colors2=useThemeColors();return import_react10.default.createElement("span",{style:{color:colors2.number},...props},value)},BooleanNode=({value,...props})=>{let colors2=useThemeColors();return import_react10.default.createElement("span",{style:{color:colors2.boolean},...props},String(value))},ArrayNode=({value,nested=!1,callsById})=>{let colors2=useThemeColors();if(nested)return import_react10.default.createElement("span",{style:{color:colors2.base}},"[\u2026]");let nodes=value.slice(0,3).map(v=>import_react10.default.createElement(Node,{key:JSON.stringify(v),value:v,nested:!0,callsById})),nodelist=interleave(nodes,import_react10.default.createElement("span",null,", "));return value.length<=3?import_react10.default.createElement("span",{style:{color:colors2.base}},"[",nodelist,"]"):import_react10.default.createElement("span",{style:{color:colors2.base}},"(",value.length,") [",nodelist,", \u2026]")},ObjectNode=({showInspector,value,nested=!1})=>{let isDarkMode=(0,import_theming3.useTheme)().base==="dark",colors2=useThemeColors();if(showInspector)return import_react10.default.createElement(import_react10.default.Fragment,null,import_react10.default.createElement(ObjectInspector,{id:"interactions-object-inspector",data:value,includePrototypes:!1,colorScheme:isDarkMode?"dark":"light"}));if(nested)return import_react10.default.createElement("span",{style:{color:colors2.base}},"{\u2026}");let nodelist=interleave(Object.entries(value).slice(0,2).map(([k,v])=>import_react10.default.createElement(import_react10.Fragment,{key:k},import_react10.default.createElement("span",{style:{color:colors2.objectkey}},k,": "),import_react10.default.createElement(Node,{value:v,nested:!0}))),import_react10.default.createElement("span",null,", "));return Object.keys(value).length<=2?import_react10.default.createElement("span",{style:{color:colors2.base}},"{ ",nodelist," }"):import_react10.default.createElement("span",{style:{color:colors2.base}},"(",Object.keys(value).length,") ","{ ",nodelist,", \u2026 }")},ClassNode=({name})=>{let colors2=useThemeColors();return import_react10.default.createElement("span",{style:{color:colors2.instance}},name)},FunctionNode=({name})=>{let colors2=useThemeColors();return name?import_react10.default.createElement("span",{style:{color:colors2.function}},name):import_react10.default.createElement("span",{style:{color:colors2.nullish,fontStyle:"italic"}},"anonymous")},ElementNode=({prefix,localName,id,classNames=[],innerText})=>{let name=prefix?`${prefix}:${localName}`:localName,colors2=useThemeColors();return import_react10.default.createElement("span",{style:{wordBreak:"keep-all"}},import_react10.default.createElement("span",{key:`${name}_lt`,style:{color:colors2.muted}},"<"),import_react10.default.createElement("span",{key:`${name}_tag`,style:{color:colors2.tag.name}},name),import_react10.default.createElement("span",{key:`${name}_suffix`,style:{color:colors2.tag.suffix}},id?`#${id}`:classNames.reduce((acc,className)=>`${acc}.${className}`,"")),import_react10.default.createElement("span",{key:`${name}_gt`,style:{color:colors2.muted}},">"),!id&&classNames.length===0&&innerText&&import_react10.default.createElement(import_react10.default.Fragment,null,import_react10.default.createElement("span",{key:`${name}_text`},innerText),import_react10.default.createElement("span",{key:`${name}_close_lt`,style:{color:colors2.muted}},"<"),import_react10.default.createElement("span",{key:`${name}_close_tag`,style:{color:colors2.tag.name}},"/",name),import_react10.default.createElement("span",{key:`${name}_close_gt`,style:{color:colors2.muted}},">")))},DateNode=({value})=>{let[date,time,ms]=value.split(/[T.Z]/),colors2=useThemeColors();return import_react10.default.createElement("span",{style:{whiteSpace:"nowrap",color:colors2.date}},date,import_react10.default.createElement("span",{style:{opacity:.7}},"T"),time==="00:00:00"?import_react10.default.createElement("span",{style:{opacity:.7}},time):time,ms==="000"?import_react10.default.createElement("span",{style:{opacity:.7}},".",ms):`.${ms}`,import_react10.default.createElement("span",{style:{opacity:.7}},"Z"))},ErrorNode=({name,message})=>{let colors2=useThemeColors();return import_react10.default.createElement("span",{style:{color:colors2.error.name}},name,message&&": ",message&&import_react10.default.createElement("span",{style:{color:colors2.error.message},title:message.length>50?message:""},ellipsize(message,50)))},RegExpNode=({flags,source})=>{let colors2=useThemeColors();return import_react10.default.createElement("span",{style:{whiteSpace:"nowrap",color:colors2.regex.flags}},"/",import_react10.default.createElement("span",{style:{color:colors2.regex.source}},source),"/",flags)},SymbolNode=({description})=>{let colors2=useThemeColors();return import_react10.default.createElement("span",{style:{whiteSpace:"nowrap",color:colors2.instance}},"Symbol(",description&&import_react10.default.createElement("span",{style:{color:colors2.meta}},'"',description,'"'),")")},OtherNode=({value})=>{let colors2=useThemeColors();return import_react10.default.createElement("span",{style:{color:colors2.meta}},stringify(value))},StepNode=({label})=>{let colors2=useThemeColors(),{typography:typography4}=(0,import_theming3.useTheme)();return import_react10.default.createElement("span",{style:{color:colors2.base,fontFamily:typography4.fonts.base,fontSize:typography4.size.s2-1}},label)},MethodCall=({call,callsById})=>{if(!call)return null;if(call.method==="step"&&call.path.length===0)return import_react10.default.createElement(StepNode,{label:call.args[0]});let path=call.path.flatMap((elem,index)=>{let callId=elem.__callId__;return[callId?import_react10.default.createElement(MethodCall,{key:`elem${index}`,call:callsById.get(callId),callsById}):import_react10.default.createElement("span",{key:`elem${index}`},elem),import_react10.default.createElement("wbr",{key:`wbr${index}`}),import_react10.default.createElement("span",{key:`dot${index}`},".")]}),args=call.args.flatMap((arg,index,array)=>{let node=import_react10.default.createElement(Node,{key:`node${index}`,value:arg,callsById});return index<array.length-1?[node,import_react10.default.createElement("span",{key:`comma${index}`},",\xA0"),import_react10.default.createElement("wbr",{key:`wbr${index}`})]:[node]}),colors2=useThemeColors();return import_react10.default.createElement(import_react10.default.Fragment,null,import_react10.default.createElement("span",{style:{color:colors2.base}},path),import_react10.default.createElement("span",{style:{color:colors2.method}},call.method),import_react10.default.createElement("span",{style:{color:colors2.base}},"(",import_react10.default.createElement("wbr",null),args,import_react10.default.createElement("wbr",null),")"))};var getParams=(line,fromIndex=0)=>{for(let i=fromIndex,depth=1;i<line.length;i+=1)if(line[i]==="("?depth+=1:line[i]===")"&&(depth-=1),depth===0)return line.slice(fromIndex,i);return""},parseValue=value=>{try{return value==="undefined"?void 0:JSON.parse(value)}catch{return value}},StyledExpected=import_theming4.styled.span(({theme:theme2})=>({color:theme2.base==="light"?theme2.color.positiveText:theme2.color.positive})),StyledReceived=import_theming4.styled.span(({theme:theme2})=>({color:theme2.base==="light"?theme2.color.negativeText:theme2.color.negative})),Received=({value,parsed})=>parsed?import_react11.default.createElement(Node,{showObjectInspector:!0,value,style:{color:"#D43900"}}):import_react11.default.createElement(StyledReceived,null,value),Expected=({value,parsed})=>parsed?typeof value=="string"&&value.startsWith("called with")?import_react11.default.createElement(import_react11.default.Fragment,null,value):import_react11.default.createElement(Node,{showObjectInspector:!0,value,style:{color:"#16B242"}}):import_react11.default.createElement(StyledExpected,null,value),MatcherResult=({message})=>{let lines=message.split(`
2
+ `);return import_react11.default.createElement("pre",{style:{margin:0,padding:"8px 10px 8px 36px",fontSize:import_theming4.typography.size.s1}},lines.flatMap((line,index)=>{if(line.startsWith("expect(")){let received=getParams(line,7),remainderIndex=received&&7+received.length,matcher=received&&line.slice(remainderIndex).match(/\.(to|last|nth)[A-Z]\w+\(/);if(matcher){let expectedIndex=remainderIndex+matcher.index+matcher[0].length,expected=getParams(line,expectedIndex);if(expected)return["expect(",import_react11.default.createElement(Received,{key:`received_${received}`,value:received}),line.slice(remainderIndex,expectedIndex),import_react11.default.createElement(Expected,{key:`expected_${expected}`,value:expected}),line.slice(expectedIndex+expected.length),import_react11.default.createElement("br",{key:`br${index}`})]}}if(line.match(/^\s*- /))return[import_react11.default.createElement(Expected,{key:line+index,value:line}),import_react11.default.createElement("br",{key:`br${index}`})];if(line.match(/^\s*\+ /))return[import_react11.default.createElement(Received,{key:line+index,value:line}),import_react11.default.createElement("br",{key:`br${index}`})];let[,assertionLabel,assertionValue]=line.match(/^(Expected|Received): (.*)$/)||[];if(assertionLabel&&assertionValue)return assertionLabel==="Expected"?["Expected: ",import_react11.default.createElement(Expected,{key:line+index,value:parseValue(assertionValue),parsed:!0}),import_react11.default.createElement("br",{key:`br${index}`})]:["Received: ",import_react11.default.createElement(Received,{key:line+index,value:parseValue(assertionValue),parsed:!0}),import_react11.default.createElement("br",{key:`br${index}`})];let[,prefix,numberOfCalls]=line.match(/(Expected number|Received number|Number) of calls: (\d+)$/i)||[];if(prefix&&numberOfCalls)return[`${prefix} of calls: `,import_react11.default.createElement(Node,{key:line+index,value:Number(numberOfCalls)}),import_react11.default.createElement("br",{key:`br${index}`})];let[,receivedValue]=line.match(/^Received has value: (.+)$/)||[];return receivedValue?["Received has value: ",import_react11.default.createElement(Node,{key:line+index,value:parseValue(receivedValue)}),import_react11.default.createElement("br",{key:`br${index}`})]:[import_react11.default.createElement("span",{key:line+index},line),import_react11.default.createElement("br",{key:`br${index}`})]}))};var import_react12=__toESM(require("react")),import_components2=require("@storybook/components"),import_instrumenter3=require("@storybook/instrumenter"),import_theming5=require("@storybook/theming"),import_polished=require("polished");var colors={pure:{gray:{500:"#CCCCCC"}}},theme={colors},theme_default=theme;var{colors:{pure:{gray}}}=theme_default,StyledStatusIcon=(0,import_theming5.styled)(import_components2.Icons)(({theme:theme2,status})=>{let color={[import_instrumenter3.CallStates.DONE]:theme2.color.positive,[import_instrumenter3.CallStates.ERROR]:theme2.color.negative,[import_instrumenter3.CallStates.ACTIVE]:theme2.color.secondary,[import_instrumenter3.CallStates.WAITING]:(0,import_polished.transparentize)(.5,gray[500])}[status];return{width:status===import_instrumenter3.CallStates.WAITING?6:12,height:status===import_instrumenter3.CallStates.WAITING?6:12,color,justifySelf:"center"}}),StatusIcon=({status,className})=>{let icon={[import_instrumenter3.CallStates.DONE]:"check",[import_instrumenter3.CallStates.ERROR]:"stopalt",[import_instrumenter3.CallStates.ACTIVE]:"play",[import_instrumenter3.CallStates.WAITING]:"circle"}[status];return import_react12.default.createElement(StyledStatusIcon,{"data-testid":`icon-${status}`,status,icon,className})};var MethodCallWrapper=import_theming6.styled.div(()=>({fontFamily:import_theming6.typography.fonts.mono,fontSize:import_theming6.typography.size.s1,overflowWrap:"break-word",inlineSize:"calc( 100% - 40px )"})),RowContainer=(0,import_theming6.styled)("div",{shouldForwardProp:prop=>!["call","pausedAt"].includes(prop.toString())})(({theme:theme2,call})=>({position:"relative",display:"flex",flexDirection:"column",borderBottom:`1px solid ${theme2.appBorderColor}`,fontFamily:import_theming6.typography.fonts.base,fontSize:13,...call.status===import_instrumenter4.CallStates.ERROR&&{backgroundColor:theme2.base==="dark"?(0,import_polished2.transparentize)(.93,theme2.color.negative):theme2.background.warning},paddingLeft:call.ancestors.length*20}),({theme:theme2,call,pausedAt})=>pausedAt===call.id&&{"&::before":{content:'""',position:"absolute",top:-5,zIndex:1,borderTop:"4.5px solid transparent",borderLeft:`7px solid ${theme2.color.warning}`,borderBottom:"4.5px solid transparent"},"&::after":{content:'""',position:"absolute",top:-1,zIndex:1,width:"100%",borderTop:`1.5px solid ${theme2.color.warning}`}}),RowHeader=import_theming6.styled.div(({theme:theme2,isInteractive})=>({display:"flex","&:hover":isInteractive?{}:{background:theme2.background.hoverable}})),RowLabel=(0,import_theming6.styled)("button",{shouldForwardProp:prop=>!["call"].includes(prop.toString())})(({theme:theme2,disabled,call})=>({flex:1,display:"grid",background:"none",border:0,gridTemplateColumns:"15px 1fr",alignItems:"center",minHeight:40,margin:0,padding:"8px 15px",textAlign:"start",cursor:disabled||call.status===import_instrumenter4.CallStates.ERROR?"default":"pointer","&:focus-visible":{outline:0,boxShadow:`inset 3px 0 0 0 ${call.status===import_instrumenter4.CallStates.ERROR?theme2.color.warning:theme2.color.secondary}`,background:call.status===import_instrumenter4.CallStates.ERROR?"transparent":theme2.background.hoverable},"& > div":{opacity:call.status===import_instrumenter4.CallStates.WAITING?.5:1}})),RowActions=import_theming6.styled.div({padding:6}),StyledIconButton2=(0,import_theming6.styled)(import_components3.IconButton)(({theme:theme2})=>({color:theme2.textMutedColor,margin:"0 3px"})),Note2=(0,import_theming6.styled)(import_components3.TooltipNote)(({theme:theme2})=>({fontFamily:theme2.typography.fonts.base})),RowMessage=(0,import_theming6.styled)("div")(({theme:theme2})=>({padding:"8px 10px 8px 36px",fontSize:import_theming6.typography.size.s1,color:theme2.color.defaultText,pre:{margin:0,padding:0}})),Exception=({exception})=>{if(exception.message.startsWith("expect("))return React13.createElement(MatcherResult,{...exception});let paragraphs=exception.message.split(`
3
3
 
4
- `),o=t.length>1;return I.createElement(jr,null,I.createElement("pre",null,t[0]),o&&I.createElement("p",null,"See the full stack trace in the browser console."))},lo=({call:e,callsById:t,controls:o,controlStates:r,childCallIds:n,isHidden:s,isCollapsed:l,toggleCollapsed:c,pausedAt:u})=>{var m;let[d,p]=I.useState(!1),b=!r.goto||!e.interceptable||!!e.ancestors.length;return s?null:I.createElement(Or,{call:e,pausedAt:u},I.createElement(wr,{isInteractive:b},I.createElement(Ir,{"aria-label":"Interaction step",call:e,onClick:()=>o.goto(e.id),disabled:b,onMouseEnter:()=>r.goto&&p(!0),onMouseLeave:()=>r.goto&&p(!1)},I.createElement($e,{status:d?ee.CallStates.ACTIVE:e.status}),I.createElement(xr,{style:{marginLeft:6,marginBottom:1}},I.createElement(Ne,{call:e,callsById:t}))),I.createElement(kr,null,(n==null?void 0:n.length)>0&&I.createElement(te.WithTooltip,{hasChrome:!1,tooltip:I.createElement(Pr,{note:`${l?"Show":"Hide"} interactions`})},I.createElement(vr,{containsIcon:!0,onClick:c},I.createElement(te.Icons,{icon:"listunordered"}))))),e.status===ee.CallStates.ERROR&&((m=e.exception)==null?void 0:m.callId)===e.id&&I.createElement(_r,{exception:e.exception}))};var Ar=se.styled.div(({theme:e,withException:t})=>({minHeight:"100%",background:e.background.content,...t&&{backgroundColor:e.base==="dark"?(0,io.transparentize)(.93,e.color.negative):e.background.warning}})),Tr=se.styled.div(({theme:e})=>({padding:15,fontSize:e.typography.size.s2-1,lineHeight:"19px"})),Nr=se.styled.code(({theme:e})=>({margin:"0 1px",padding:3,fontSize:e.typography.size.s1-1,lineHeight:1,verticalAlign:"top",background:"rgba(0, 0, 0, 0.05)",border:`1px solid ${e.appBorderColor}`,borderRadius:3})),$r=se.styled.div({paddingBottom:4,fontWeight:"bold"}),Br=se.styled.p({margin:0,padding:"0 0 20px"}),Dr=se.styled.pre(({theme:e})=>({margin:0,padding:0,fontSize:e.typography.size.s1-1})),co=j.memo(function({calls:t,controls:o,controlStates:r,interactions:n,fileName:s,hasException:l,caughtException:c,isPlaying:u,pausedAt:d,onScrollToEnd:p,endRef:b,isRerunAnimating:m,setIsRerunAnimating:S,...H}){var D;return j.createElement(ce.AddonPanel,{...H},j.createElement(Ar,{withException:!!c},r.debugger&&(n.length>0||l||m)&&j.createElement(pt,{controls:o,controlStates:r,status:u?Be.CallStates.ACTIVE:l?Be.CallStates.ERROR:Be.CallStates.DONE,storyFileName:s,onScrollToEnd:p,isRerunAnimating:m,setIsRerunAnimating:S}),j.createElement("div",{"aria-label":"Interactions list"},n.map(F=>j.createElement(lo,{key:F.id,call:F,callsById:t,controls:o,controlStates:r,childCallIds:F.childCallIds,isHidden:F.isHidden,isCollapsed:F.isCollapsed,toggleCollapsed:F.toggleCollapsed,pausedAt:d}))),c&&!((D=c.message)!=null&&D.startsWith("ignoredException"))&&j.createElement(Tr,null,j.createElement($r,null,"Caught exception in ",j.createElement(Nr,null,"play")," function"),j.createElement(Br,null,"This story threw an error after it finished rendering which means your interactions couldn' t be run.Go to this story' s play function in ",s," to fix."),j.createElement(Dr,{"data-chromatic":"ignore"},c.stack||`${c.name}: ${c.message}`)),j.createElement("div",{ref:b}),!u&&!c&&n.length===0&&j.createElement(ce.Placeholder,null,"No interactions found",j.createElement(ce.Link,{href:"https://storybook.js.org/docs/react/writing-stories/play-function",target:"_blank",withArrow:!0},"Learn how to add interactions to your story"))))});var po=require("@storybook/theming"),uo=h(require("react-dom"));var mo=({children:e})=>{let t=global.document.getElementById("tabbutton-interactions");return t&&uo.default.createPortal(e,t)},fo=(0,po.styled)($e)({marginLeft:5});var Lr={debugger:!1,start:!1,back:!1,goto:!1,next:!1,end:!1},yo=({log:e,calls:t,collapsed:o,setCollapsed:r})=>{let n=new Map,s=new Map;return e.map(({callId:l,ancestors:c,status:u})=>{let d=!1;return c.forEach(p=>{o.has(p)&&(d=!0),s.set(p,(s.get(p)||[]).concat(l))}),{...t.get(l),status:u,isHidden:d}}).map(l=>{var u;let c=l.status===B.CallStates.ERROR&&((u=n.get(l.ancestors.slice(-1)[0]))==null?void 0:u.status)===B.CallStates.ACTIVE?B.CallStates.ACTIVE:l.status;return n.set(l.id,{...l,status:c}),{...l,status:c,childCallIds:s.get(l.id),isCollapsed:o.has(l.id),toggleCollapsed:()=>r(d=>(d.has(l.id)?d.delete(l.id):d.add(l.id),new Set(d)))}})},go=e=>{let[t,o]=C.useState(),[r,n]=C.useState(Lr),[s,l]=C.useState(),[c,u]=C.useState(!1),[d,p]=C.useState(!1),[b,m]=C.useState(!1),[S,H]=C.useState(),[D,F]=C.useState(new Set),[L,oe]=C.useState(),[U,Ee]=C.useState([]),[pe,ae]=C.useState(),ue=C.useRef([]),re=C.useRef(new Map),Me=({status:i,...g})=>re.current.set(g.id,g),de=C.useRef();C.useEffect(()=>{let i;return De.default.window.IntersectionObserver&&(i=new De.default.window.IntersectionObserver(([g])=>H(g.isIntersecting?void 0:g.target),{root:De.default.window.document.querySelector("#panel-tab-content")}),de.current&&i.observe(de.current)),()=>i==null?void 0:i.disconnect()},[]);let q=(0,Le.useChannel)({[B.EVENTS.CALL]:Me,[B.EVENTS.SYNC]:i=>{n(i.controlStates),l(i.pausedAt),Ee(yo({log:i.logItems,calls:re.current,collapsed:D,setCollapsed:F})),ue.current=i.logItems},[G.STORY_RENDER_PHASE_CHANGED]:i=>{o(i.storyId),p(i.newPhase==="playing"),l(void 0),i.newPhase==="rendering"&&(u(!1),oe(void 0))},[G.STORY_THREW_EXCEPTION]:()=>{u(!0)},[G.PLAY_FUNCTION_THREW_EXCEPTION]:i=>{(i==null?void 0:i.message)!==G.IGNORED_EXCEPTION.message?oe(i):oe(void 0)}},[D]);C.useEffect(()=>{Ee(yo({log:ue.current,calls:re.current,collapsed:D,setCollapsed:F}))},[D]),C.useEffect(()=>{d||b||ae(U.filter(({method:i})=>i!=="step").length)},[U,d,b]);let xe=C.useMemo(()=>({start:()=>q(B.EVENTS.START,{storyId:t}),back:()=>q(B.EVENTS.BACK,{storyId:t}),goto:i=>q(B.EVENTS.GOTO,{storyId:t,callId:i}),next:()=>q(B.EVENTS.NEXT,{storyId:t}),end:()=>q(B.EVENTS.END,{storyId:t}),rerun:()=>{m(!0),q(G.FORCE_REMOUNT,{storyId:t})}}),[t]),Oe=(0,Le.useParameter)("fileName",""),[me]=Oe.toString().split("/").slice(-1),We=()=>S==null?void 0:S.scrollIntoView({behavior:"smooth",block:"end"}),le=pe>0||!!L||b,we=!!L||U.some(i=>i.status===B.CallStates.ERROR);return c?C.createElement(C.Fragment,{key:"interactions"}):C.createElement(C.Fragment,{key:"interactions"},C.createElement(mo,null,le&&(we?C.createElement(fo,{status:B.CallStates.ERROR}):` (${pe})`)),C.createElement(co,{calls:re.current,controls:xe,controlStates:r,interactions:U,fileName:me,hasException:we,caughtException:L,isPlaying:d,pausedAt:s,endRef:de,onScrollToEnd:S&&We,isRerunAnimating:b,setIsRerunAnimating:m,...e}))};Se.addons.register(Re,()=>{Se.addons.add(st,{type:Se.types.PANEL,title:"Interactions",match:({viewMode:e})=>e==="story",render:go})});
4
+ `),more=paragraphs.length>1;return React13.createElement(RowMessage,null,React13.createElement("pre",null,paragraphs[0]),more&&React13.createElement("p",null,"See the full stack trace in the browser console."))},Interaction=({call,callsById,controls,controlStates,childCallIds,isHidden,isCollapsed,toggleCollapsed,pausedAt})=>{var _a;let[isHovered,setIsHovered]=React13.useState(!1),isInteractive=!controlStates.goto||!call.interceptable||!!call.ancestors.length;return isHidden?null:React13.createElement(RowContainer,{call,pausedAt},React13.createElement(RowHeader,{isInteractive},React13.createElement(RowLabel,{"aria-label":"Interaction step",call,onClick:()=>controls.goto(call.id),disabled:isInteractive,onMouseEnter:()=>controlStates.goto&&setIsHovered(!0),onMouseLeave:()=>controlStates.goto&&setIsHovered(!1)},React13.createElement(StatusIcon,{status:isHovered?import_instrumenter4.CallStates.ACTIVE:call.status}),React13.createElement(MethodCallWrapper,{style:{marginLeft:6,marginBottom:1}},React13.createElement(MethodCall,{call,callsById}))),React13.createElement(RowActions,null,(childCallIds==null?void 0:childCallIds.length)>0&&React13.createElement(import_components3.WithTooltip,{hasChrome:!1,tooltip:React13.createElement(Note2,{note:`${isCollapsed?"Show":"Hide"} interactions`})},React13.createElement(StyledIconButton2,{containsIcon:!0,onClick:toggleCollapsed},React13.createElement(import_components3.Icons,{icon:"listunordered"}))))),call.status===import_instrumenter4.CallStates.ERROR&&((_a=call.exception)==null?void 0:_a.callId)===call.id&&React13.createElement(Exception,{exception:call.exception}))};var Container=import_theming7.styled.div(({theme:theme2,withException})=>({minHeight:"100%",background:theme2.background.content,...withException&&{backgroundColor:theme2.base==="dark"?(0,import_polished3.transparentize)(.93,theme2.color.negative):theme2.background.warning}})),CaughtException=import_theming7.styled.div(({theme:theme2})=>({padding:15,fontSize:theme2.typography.size.s2-1,lineHeight:"19px"})),CaughtExceptionCode=import_theming7.styled.code(({theme:theme2})=>({margin:"0 1px",padding:3,fontSize:theme2.typography.size.s1-1,lineHeight:1,verticalAlign:"top",background:"rgba(0, 0, 0, 0.05)",border:`1px solid ${theme2.appBorderColor}`,borderRadius:3})),CaughtExceptionTitle=import_theming7.styled.div({paddingBottom:4,fontWeight:"bold"}),CaughtExceptionDescription=import_theming7.styled.p({margin:0,padding:"0 0 20px"}),CaughtExceptionStack=import_theming7.styled.pre(({theme:theme2})=>({margin:0,padding:0,fontSize:theme2.typography.size.s1-1})),InteractionsPanel=React14.memo(function({calls,controls,controlStates,interactions,fileName,hasException,caughtException,isPlaying,pausedAt,onScrollToEnd,endRef,isRerunAnimating,setIsRerunAnimating,...panelProps}){var _a;return React14.createElement(import_components4.AddonPanel,{...panelProps},React14.createElement(Container,{withException:!!caughtException},controlStates.debugger&&(interactions.length>0||hasException||isRerunAnimating)&&React14.createElement(Subnav,{controls,controlStates,status:isPlaying?import_instrumenter5.CallStates.ACTIVE:hasException?import_instrumenter5.CallStates.ERROR:import_instrumenter5.CallStates.DONE,storyFileName:fileName,onScrollToEnd,isRerunAnimating,setIsRerunAnimating}),React14.createElement("div",{"aria-label":"Interactions list"},interactions.map(call=>React14.createElement(Interaction,{key:call.id,call,callsById:calls,controls,controlStates,childCallIds:call.childCallIds,isHidden:call.isHidden,isCollapsed:call.isCollapsed,toggleCollapsed:call.toggleCollapsed,pausedAt}))),caughtException&&!((_a=caughtException.message)!=null&&_a.startsWith("ignoredException"))&&React14.createElement(CaughtException,null,React14.createElement(CaughtExceptionTitle,null,"Caught exception in ",React14.createElement(CaughtExceptionCode,null,"play")," function"),React14.createElement(CaughtExceptionDescription,null,"This story threw an error after it finished rendering which means your interactions couldn' t be run.Go to this story' s play function in ",fileName," to fix."),React14.createElement(CaughtExceptionStack,{"data-chromatic":"ignore"},caughtException.stack||`${caughtException.name}: ${caughtException.message}`)),React14.createElement("div",{ref:endRef}),!isPlaying&&!caughtException&&interactions.length===0&&React14.createElement(import_components4.Placeholder,null,"No interactions found",React14.createElement(import_components4.Link,{href:"https://storybook.js.org/docs/react/writing-stories/play-function",target:"_blank",withArrow:!0},"Learn how to add interactions to your story"))))});var import_theming8=require("@storybook/theming"),import_react_dom=__toESM(require("react-dom"));var TabStatus=({children})=>{let container=global.document.getElementById("tabbutton-interactions");return container&&import_react_dom.default.createPortal(children,container)},TabIcon=(0,import_theming8.styled)(StatusIcon)({marginLeft:5});var INITIAL_CONTROL_STATES={debugger:!1,start:!1,back:!1,goto:!1,next:!1,end:!1},getInteractions=({log,calls,collapsed,setCollapsed})=>{let callsById=new Map,childCallMap=new Map;return log.map(({callId,ancestors,status})=>{let isHidden=!1;return ancestors.forEach(ancestor=>{collapsed.has(ancestor)&&(isHidden=!0),childCallMap.set(ancestor,(childCallMap.get(ancestor)||[]).concat(callId))}),{...calls.get(callId),status,isHidden}}).map(call=>{var _a;let status=call.status===import_instrumenter6.CallStates.ERROR&&((_a=callsById.get(call.ancestors.slice(-1)[0]))==null?void 0:_a.status)===import_instrumenter6.CallStates.ACTIVE?import_instrumenter6.CallStates.ACTIVE:call.status;return callsById.set(call.id,{...call,status}),{...call,status,childCallIds:childCallMap.get(call.id),isCollapsed:collapsed.has(call.id),toggleCollapsed:()=>setCollapsed(ids=>(ids.has(call.id)?ids.delete(call.id):ids.add(call.id),new Set(ids)))}})},Panel=props=>{let[storyId,setStoryId]=React15.useState(),[controlStates,setControlStates]=React15.useState(INITIAL_CONTROL_STATES),[pausedAt,setPausedAt]=React15.useState(),[isErrored,setErrored]=React15.useState(!1),[isPlaying,setPlaying]=React15.useState(!1),[isRerunAnimating,setIsRerunAnimating]=React15.useState(!1),[scrollTarget,setScrollTarget]=React15.useState(),[collapsed,setCollapsed]=React15.useState(new Set),[caughtException,setCaughtException]=React15.useState(),[interactions,setInteractions]=React15.useState([]),[interactionsCount,setInteractionsCount]=React15.useState(),log=React15.useRef([]),calls=React15.useRef(new Map),setCall=({status,...call})=>calls.current.set(call.id,call),endRef=React15.useRef();React15.useEffect(()=>{let observer;return import_global.global.IntersectionObserver&&(observer=new import_global.global.IntersectionObserver(([end])=>setScrollTarget(end.isIntersecting?void 0:end.target),{root:import_global.global.document.querySelector("#panel-tab-content")}),endRef.current&&observer.observe(endRef.current)),()=>observer==null?void 0:observer.disconnect()},[]);let emit=(0,import_manager_api.useChannel)({[import_instrumenter6.EVENTS.CALL]:setCall,[import_instrumenter6.EVENTS.SYNC]:payload=>{setControlStates(payload.controlStates),setPausedAt(payload.pausedAt),setInteractions(getInteractions({log:payload.logItems,calls:calls.current,collapsed,setCollapsed})),log.current=payload.logItems},[import_core_events.STORY_RENDER_PHASE_CHANGED]:event=>{setStoryId(event.storyId),setPlaying(event.newPhase==="playing"),setPausedAt(void 0),event.newPhase==="rendering"&&(setErrored(!1),setCaughtException(void 0))},[import_core_events.STORY_THREW_EXCEPTION]:()=>{setErrored(!0)},[import_core_events.PLAY_FUNCTION_THREW_EXCEPTION]:e=>{(e==null?void 0:e.message)!==import_core_events.IGNORED_EXCEPTION.message?setCaughtException(e):setCaughtException(void 0)}},[collapsed]);React15.useEffect(()=>{setInteractions(getInteractions({log:log.current,calls:calls.current,collapsed,setCollapsed}))},[collapsed]),React15.useEffect(()=>{isPlaying||isRerunAnimating||setInteractionsCount(interactions.filter(({method})=>method!=="step").length)},[interactions,isPlaying,isRerunAnimating]);let controls=React15.useMemo(()=>({start:()=>emit(import_instrumenter6.EVENTS.START,{storyId}),back:()=>emit(import_instrumenter6.EVENTS.BACK,{storyId}),goto:callId=>emit(import_instrumenter6.EVENTS.GOTO,{storyId,callId}),next:()=>emit(import_instrumenter6.EVENTS.NEXT,{storyId}),end:()=>emit(import_instrumenter6.EVENTS.END,{storyId}),rerun:()=>{setIsRerunAnimating(!0),emit(import_core_events.FORCE_REMOUNT,{storyId})}}),[storyId]),storyFilePath=(0,import_manager_api.useParameter)("fileName",""),[fileName]=storyFilePath.toString().split("/").slice(-1),scrollToTarget=()=>scrollTarget==null?void 0:scrollTarget.scrollIntoView({behavior:"smooth",block:"end"}),showStatus=interactionsCount>0||!!caughtException||isRerunAnimating,hasException=!!caughtException||interactions.some(v=>v.status===import_instrumenter6.CallStates.ERROR);return isErrored?React15.createElement(React15.Fragment,{key:"interactions"}):React15.createElement(React15.Fragment,{key:"interactions"},React15.createElement(TabStatus,null,showStatus&&(hasException?React15.createElement(TabIcon,{status:import_instrumenter6.CallStates.ERROR}):` (${interactionsCount})`)),React15.createElement(InteractionsPanel,{calls:calls.current,controls,controlStates,interactions,fileName,hasException,caughtException,isPlaying,pausedAt,endRef,onScrollToEnd:scrollTarget&&scrollToTarget,isRerunAnimating,setIsRerunAnimating,...props}))};import_manager_api2.addons.register(ADDON_ID,()=>{import_manager_api2.addons.add(PANEL_ID,{type:import_manager_api2.types.PANEL,title:"Interactions",match:({viewMode})=>viewMode==="story",render:Panel})});
package/dist/manager.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import{__commonJS,__toESM}from"./chunk-NNAAFZ4U.mjs";var require_extends=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/extends.js"(exports,module){function _extends5(){return module.exports=_extends5=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends5.apply(this,arguments)}module.exports=_extends5}});var require_objectWithoutPropertiesLoose=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports,module){function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}module.exports=_objectWithoutPropertiesLoose}});var require_objectWithoutProperties=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports,module){var objectWithoutPropertiesLoose=require_objectWithoutPropertiesLoose();function _objectWithoutProperties6(source,excluded){if(source==null)return{};var target=objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}module.exports=_objectWithoutProperties6}});var require_defineProperty=__commonJS({"../../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/defineProperty.js"(exports,module){function _defineProperty3(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}module.exports=_defineProperty3}});var require_objectWithoutPropertiesLoose2=__commonJS({"../../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports,module){function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}module.exports=_objectWithoutPropertiesLoose}});var require_objectWithoutProperties2=__commonJS({"../../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports,module){var objectWithoutPropertiesLoose=require_objectWithoutPropertiesLoose2();function _objectWithoutProperties6(source,excluded){if(source==null)return{};var target=objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}module.exports=_objectWithoutProperties6}});var require_defineProperty2=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/defineProperty.js"(exports,module){function _defineProperty3(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}module.exports=_defineProperty3}});var require_extends2=__commonJS({"../../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/extends.js"(exports,module){function _extends5(){return module.exports=_extends5=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends5.apply(this,arguments)}module.exports=_extends5}});var require_objectWithoutPropertiesLoose3=__commonJS({"../../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports,module){function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}module.exports=_objectWithoutPropertiesLoose}});var require_objectWithoutProperties3=__commonJS({"../../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports,module){var objectWithoutPropertiesLoose=require_objectWithoutPropertiesLoose3();function _objectWithoutProperties6(source,excluded){if(source==null)return{};var target=objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&(!Object.prototype.propertyIsEnumerable.call(source,key)||(target[key]=source[key]))}return target}module.exports=_objectWithoutProperties6}});var require_Tree_css=__commonJS({"../../node_modules/@devtools-ds/tree/dist/esm/Tree.css.js"(exports,module){module.exports={tree:"Tree-tree-ddba4a1",item:"Tree-item-776185d",group:"Tree-group-85df119",label:"Tree-label-e7fff82",focusWhite:"Tree-focusWhite-6d8eebe",arrow:"Tree-arrow-45ee476",hover:"Tree-hover-2d99962",open:"Tree-open-8347c0c",dark:"Tree-dark-81daf71",chrome:"Tree-chrome-8cc5692",light:"Tree-light-f3e136b"}}});var require_ObjectInspector_css=__commonJS({"../../node_modules/@devtools-ds/object-inspector/dist/esm/ObjectInspector.css.js"(exports,module){module.exports={"object-inspector":"ObjectInspector-object-inspector-1712cb3",objectInspector:"ObjectInspector-object-inspector-1712cb3","object-label":"ObjectInspector-object-label-1fe41a1",objectLabel:"ObjectInspector-object-label-1fe41a1",text:"ObjectInspector-text-3cabc73",key:"ObjectInspector-key-ea9c97a",value:"ObjectInspector-value-cb224fc",string:"ObjectInspector-string-34a5aea",regex:"ObjectInspector-regex-dfd0188",error:"ObjectInspector-error-455933d",boolean:"ObjectInspector-boolean-fc65145",number:"ObjectInspector-number-1e07ddc",undefined:"ObjectInspector-undefined-cacaf4c",null:"ObjectInspector-null-5e478fb",function:"ObjectInspector-function-6ceb32b","function-decorator":"ObjectInspector-function-decorator-9ae56ed",functionDecorator:"ObjectInspector-function-decorator-9ae56ed",prototype:"ObjectInspector-prototype-7f234e6",dark:"ObjectInspector-dark-5256293",chrome:"ObjectInspector-chrome-6fb346b",light:"ObjectInspector-light-9e4a42d"}}});import{addons,types}from"@storybook/manager-api";var ADDON_ID="storybook/interactions",PANEL_ID=`${ADDON_ID}/panel`;import global2 from"global";import*as React15 from"react";import{useChannel,useParameter}from"@storybook/manager-api";import{FORCE_REMOUNT,IGNORED_EXCEPTION,STORY_RENDER_PHASE_CHANGED,STORY_THREW_EXCEPTION,PLAY_FUNCTION_THREW_EXCEPTION}from"@storybook/core-events";import{EVENTS,CallStates as CallStates6}from"@storybook/instrumenter";import*as React14 from"react";import{AddonPanel,Link,Placeholder}from"@storybook/components";import{CallStates as CallStates5}from"@storybook/instrumenter";import{styled as styled6}from"@storybook/theming";import{transparentize as transparentize3}from"polished";import React2 from"react";import{Button,IconButton,Icons,Separator,P,TooltipNote,WithTooltip,Bar}from"@storybook/components";import{CallStates as CallStates2}from"@storybook/instrumenter";import{styled as styled2}from"@storybook/theming";import React from"react";import{CallStates}from"@storybook/instrumenter";import{styled,typography}from"@storybook/theming";var StyledBadge=styled.div(({theme:theme2,status})=>{let backgroundColor={[CallStates.DONE]:theme2.color.positive,[CallStates.ERROR]:theme2.color.negative,[CallStates.ACTIVE]:theme2.color.warning,[CallStates.WAITING]:theme2.color.warning}[status];return{padding:"4px 6px 4px 8px;",borderRadius:"4px",backgroundColor,color:"white",fontFamily:typography.fonts.base,textTransform:"uppercase",fontSize:typography.size.s1,letterSpacing:3,fontWeight:typography.weight.bold,width:65,textAlign:"center"}}),StatusBadge=({status})=>{let badgeText={[CallStates.DONE]:"Pass",[CallStates.ERROR]:"Fail",[CallStates.ACTIVE]:"Runs",[CallStates.WAITING]:"Runs"}[status];return React.createElement(StyledBadge,{"aria-label":"Status of the test run",status},badgeText)};var SubnavWrapper=styled2.div(({theme:theme2})=>({background:theme2.background.app,borderBottom:`1px solid ${theme2.appBorderColor}`,position:"sticky",top:0,zIndex:1})),StyledSubnav=styled2.nav(({theme:theme2})=>({height:40,display:"flex",alignItems:"center",justifyContent:"space-between",paddingLeft:15})),StyledButton=styled2(Button)(({theme:theme2})=>({borderRadius:4,padding:6,color:theme2.textMutedColor,"&:not(:disabled)":{"&:hover,&:focus-visible":{color:theme2.color.secondary}}})),Note=styled2(TooltipNote)(({theme:theme2})=>({fontFamily:theme2.typography.fonts.base})),StyledIconButton=styled2(IconButton)(({theme:theme2})=>({color:theme2.textMutedColor,margin:"0 3px"})),StyledSeparator=styled2(Separator)({marginTop:0}),StyledLocation=styled2(P)(({theme:theme2})=>({color:theme2.textMutedColor,justifyContent:"flex-end",textAlign:"right",whiteSpace:"nowrap",marginTop:"auto",marginBottom:1,paddingRight:15,fontSize:13})),Group=styled2.div({display:"flex",alignItems:"center"}),RewindButton=styled2(StyledIconButton)({marginLeft:9}),JumpToEndButton=styled2(StyledButton)({marginLeft:9,marginRight:9,marginBottom:1,lineHeight:"12px"}),RerunButton=styled2(StyledIconButton)(({theme:theme2,animating,disabled})=>({opacity:disabled?.5:1,svg:{animation:animating&&`${theme2.animation.rotate360} 200ms ease-out`}})),Subnav=({controls,controlStates,status,storyFileName,onScrollToEnd,isRerunAnimating,setIsRerunAnimating})=>{let buttonText=status===CallStates2.ERROR?"Scroll to error":"Scroll to end";return React2.createElement(SubnavWrapper,null,React2.createElement(Bar,null,React2.createElement(StyledSubnav,null,React2.createElement(Group,null,React2.createElement(StatusBadge,{status}),React2.createElement(JumpToEndButton,{onClick:onScrollToEnd,disabled:!onScrollToEnd},buttonText),React2.createElement(StyledSeparator,null),React2.createElement(WithTooltip,{hasChrome:!1,tooltip:React2.createElement(Note,{note:"Go to start"})},React2.createElement(RewindButton,{"aria-label":"Go to start",containsIcon:!0,onClick:controls.start,disabled:!controlStates.start},React2.createElement(Icons,{icon:"rewind"}))),React2.createElement(WithTooltip,{hasChrome:!1,tooltip:React2.createElement(Note,{note:"Go back"})},React2.createElement(StyledIconButton,{"aria-label":"Go back",containsIcon:!0,onClick:controls.back,disabled:!controlStates.back},React2.createElement(Icons,{icon:"playback"}))),React2.createElement(WithTooltip,{hasChrome:!1,tooltip:React2.createElement(Note,{note:"Go forward"})},React2.createElement(StyledIconButton,{"aria-label":"Go forward",containsIcon:!0,onClick:controls.next,disabled:!controlStates.next},React2.createElement(Icons,{icon:"playnext"}))),React2.createElement(WithTooltip,{hasChrome:!1,tooltip:React2.createElement(Note,{note:"Go to end"})},React2.createElement(StyledIconButton,{"aria-label":"Go to end",containsIcon:!0,onClick:controls.end,disabled:!controlStates.end},React2.createElement(Icons,{icon:"fastforward"}))),React2.createElement(WithTooltip,{hasChrome:!1,tooltip:React2.createElement(Note,{note:"Rerun"})},React2.createElement(RerunButton,{"aria-label":"Rerun",containsIcon:!0,onClick:controls.rerun,onAnimationEnd:()=>setIsRerunAnimating(!1),animating:isRerunAnimating,disabled:isRerunAnimating},React2.createElement(Icons,{icon:"sync"})))),storyFileName&&React2.createElement(Group,null,React2.createElement(StyledLocation,null,storyFileName)))))};import*as React13 from"react";import{IconButton as IconButton2,Icons as Icons3,TooltipNote as TooltipNote2,WithTooltip as WithTooltip2}from"@storybook/components";import{CallStates as CallStates4}from"@storybook/instrumenter";import{styled as styled5,typography as typography3}from"@storybook/theming";import{transparentize as transparentize2}from"polished";import React11 from"react";import{styled as styled3,typography as typography2}from"@storybook/theming";var import_extends4=__toESM(require_extends()),import_objectWithoutProperties5=__toESM(require_objectWithoutProperties());import React9,{useEffect as useEffect4,useState as useState4}from"react";function toVal(mix){var k,y,str="";if(mix)if(typeof mix=="object")if(Array.isArray(mix))for(k=0;k<mix.length;k++)mix[k]&&(y=toVal(mix[k]))&&(str&&(str+=" "),str+=y);else for(k in mix)mix[k]&&(y=toVal(k))&&(str&&(str+=" "),str+=y);else typeof mix!="boolean"&&!mix.call&&(str&&(str+=" "),str+=mix);return str}function clsx_m_default(){for(var i=0,x,str="";i<arguments.length;)(x=toVal(arguments[i++]))&&(str&&(str+=" "),str+=x);return str}var isArray=val=>Array.isArray(val)||ArrayBuffer.isView(val)&&!(val instanceof DataView),isObject=val=>val!==null&&typeof val=="object"&&!isArray(val)&&!(val instanceof Date)&&!(val instanceof RegExp)&&!(val instanceof Error)&&!(val instanceof WeakMap)&&!(val instanceof WeakSet),isKnownObject=val=>isObject(val)||isArray(val)||typeof val=="function"||val instanceof Promise,getPromiseState=promise=>{let unique=/unique/;return Promise.race([promise,unique]).then(result=>result===unique?["pending"]:["fulfilled",result],e=>["rejected",e])},buildAST=async(key,value,depth,sortKeys,isPrototype,showPrototype)=>{let astNode={key,depth,value,type:"value",parent:void 0};if(value&&isKnownObject(value)&&depth<100){let children=[],t="object";if(isArray(value)){for(let i=0;i<value.length;i++)children.push(async()=>{let child=await buildAST(i.toString(),value[i],depth+1,sortKeys);return child.parent=astNode,child});t="array"}else{let keys=Object.getOwnPropertyNames(value);sortKeys&&keys.sort();for(let i=0;i<keys.length;i++){let safeValue;try{safeValue=value[keys[i]]}catch{}children.push(async()=>{let child=await buildAST(keys[i],safeValue,depth+1,sortKeys);return child.parent=astNode,child})}if(typeof value=="function"&&(t="function"),value instanceof Promise){let[status,result]=await getPromiseState(value);children.push(async()=>{let child=await buildAST("<state>",status,depth+1,sortKeys);return child.parent=astNode,child}),status!=="pending"&&children.push(async()=>{let child=await buildAST("<value>",result,depth+1,sortKeys);return child.parent=astNode,child}),t="promise"}if(value instanceof Map){let parsedEntries=Array.from(value.entries()).map(entry=>{let[entryKey,entryValue]=entry;return{"<key>":entryKey,"<value>":entryValue}});children.push(async()=>{let child=await buildAST("<entries>",parsedEntries,depth+1,sortKeys);return child.parent=astNode,child}),children.push(async()=>{let child=await buildAST("size",value.size,depth+1,sortKeys);return child.parent=astNode,child}),t="map"}if(value instanceof Set){let parsedEntries=Array.from(value.entries()).map(entry=>entry[1]);children.push(async()=>{let child=await buildAST("<entries>",parsedEntries,depth+1,sortKeys);return child.parent=astNode,child}),children.push(async()=>{let child=await buildAST("size",value.size,depth+1,sortKeys);return child.parent=astNode,child}),t="set"}}value!==Object.prototype&&showPrototype&&children.push(async()=>{let child=await buildAST("<prototype>",Object.getPrototypeOf(value),depth+1,sortKeys,!0);return child.parent=astNode,child}),astNode.type=t,astNode.children=children,astNode.isPrototype=isPrototype}return astNode},parse=(data,sortKeys,includePrototypes)=>buildAST("root",data,0,sortKeys===!1?sortKeys:!0,void 0,includePrototypes===!1?includePrototypes:!0);var import_defineProperty=__toESM(require_defineProperty()),import_objectWithoutProperties=__toESM(require_objectWithoutProperties2());import React3 from"react";function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach(function(key){(0,import_defineProperty.default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}var ThemeContext=React3.createContext({theme:"chrome",colorScheme:"light"});var ThemeProvider=_ref=>{let{children}=_ref,value=(0,import_objectWithoutProperties.default)(_ref,["children"]),wrappedTheme=React3.useContext(ThemeContext);return React3.createElement(ThemeContext.Provider,{value:_objectSpread(_objectSpread({},wrappedTheme),value)},children)},useTheme=(props,styles5={})=>{let themeContext=React3.useContext(ThemeContext),currentTheme=props.theme||themeContext.theme||"chrome",currentColorScheme=props.colorScheme||themeContext.colorScheme||"light",themeClass=clsx_m_default(styles5[currentTheme],styles5[currentColorScheme]);return{currentColorScheme,currentTheme,themeClass}};var import_defineProperty2=__toESM(require_defineProperty2());import React8,{useEffect as useEffect3,useState as useState3}from"react";var import_extends=__toESM(require_extends2()),import_objectWithoutProperties2=__toESM(require_objectWithoutProperties3());import React5,{useState,useEffect}from"react";import React4 from"react";var TreeContext=React4.createContext({isChild:!1,depth:0,hasHover:!0}),TreeContext_default=TreeContext;var import_Tree=__toESM(require_Tree_css());var Tree=props=>{let{theme:theme2,hover,colorScheme,children,label,className,onUpdate,onSelect,open}=props,html=(0,import_objectWithoutProperties2.default)(props,["theme","hover","colorScheme","children","label","className","onUpdate","onSelect","open"]),{themeClass,currentTheme}=useTheme({theme:theme2,colorScheme},import_Tree.default),[isOpen,setOpen]=useState(open);useEffect(()=>{setOpen(open)},[open]);let updateState=value=>{setOpen(value),onUpdate&&onUpdate(value)},hasChildren=React5.Children.count(children)>0,updateFocus=(newNode,previousNode)=>{if(newNode.isSameNode(previousNode||null))return;let focusableNode=newNode.querySelector('[tabindex="-1"]');focusableNode?.focus(),newNode.setAttribute("aria-selected","true"),previousNode?.removeAttribute("aria-selected")},getParent=(node,role)=>{let parent=node;for(;parent&&parent.parentElement;){if(parent.getAttribute("role")===role)return parent;parent=parent.parentElement}return null},getListElements=node=>{let tree=getParent(node,"tree");return tree?Array.from(tree.querySelectorAll("li")):[]},moveBack=node=>{let group=getParent(node,"group"),toggle=group?.previousElementSibling;if(toggle&&toggle.getAttribute("tabindex")==="-1"){let toggleParent=toggle.parentElement,nodeParent=node.parentElement;updateFocus(toggleParent,nodeParent)}},moveHome=(node,direction)=>{let elements=getListElements(node);elements.forEach(element=>{element.removeAttribute("aria-selected")}),direction==="start"&&elements[0]&&updateFocus(elements[0]),direction==="end"&&elements[elements.length-1]&&updateFocus(elements[elements.length-1])},moveFocusAdjacent=(node,direction)=>{let elements=getListElements(node)||[];for(let i=0;i<elements.length;i++){let currentNode=elements[i];if(currentNode.getAttribute("aria-selected")==="true"){direction==="up"&&elements[i-1]?updateFocus(elements[i-1],currentNode):direction==="down"&&elements[i+1]&&updateFocus(elements[i+1],currentNode);return}}updateFocus(elements[0])},handleKeypress=(event,isChild2)=>{let node=event.target;(event.key==="Enter"||event.key===" ")&&updateState(!isOpen),event.key==="ArrowRight"&&isOpen&&!isChild2?moveFocusAdjacent(node,"down"):event.key==="ArrowRight"&&updateState(!0),event.key==="ArrowLeft"&&(!isOpen||isChild2)?moveBack(node):event.key==="ArrowLeft"&&updateState(!1),event.key==="ArrowDown"&&moveFocusAdjacent(node,"down"),event.key==="ArrowUp"&&moveFocusAdjacent(node,"up"),event.key==="Home"&&moveHome(node,"start"),event.key==="End"&&moveHome(node,"end")},handleClick=(event,isChild2)=>{let node=event.target,parent=getParent(node,"treeitem"),elements=getListElements(node)||[],found=!1;for(let i=0;i<elements.length;i++){let currentNode=elements[i];if(currentNode.getAttribute("aria-selected")==="true"){parent&&(found=!0,updateFocus(parent,currentNode));break}}!found&&parent&&updateFocus(parent),isChild2||updateState(!isOpen)},handleBlur=event=>{let node=event.currentTarget;!node.contains(document.activeElement)&&node.getAttribute("role")==="tree"&&node.setAttribute("tabindex","0")},handleFocus=event=>{let node=event.target;if(node.getAttribute("role")==="tree"){let selected=node.querySelector('[aria-selected="true"]');selected?updateFocus(selected):moveFocusAdjacent(node,"down"),node.setAttribute("tabindex","-1")}},handleButtonFocus=()=>{onSelect?.()},getPaddingStyles=depth2=>{let space=depth2*.9+.3;return{paddingLeft:`${space}em`,width:`calc(100% - ${space}em)`}},{isChild,depth,hasHover}=React5.useContext(TreeContext_default),showHover=hasHover?hover:!1;if(!isChild)return React5.createElement("ul",(0,import_extends.default)({role:"tree",tabIndex:0,className:clsx_m_default(import_Tree.default.tree,import_Tree.default.group,themeClass,className),onFocus:handleFocus,onBlur:handleBlur},html),React5.createElement(TreeContext_default.Provider,{value:{isChild:!0,depth:0,hasHover:showHover}},React5.createElement(Tree,props)));if(!hasChildren)return React5.createElement("li",(0,import_extends.default)({role:"treeitem",className:import_Tree.default.item},html),React5.createElement("div",{role:"button",className:clsx_m_default(import_Tree.default.label,{[import_Tree.default.hover]:showHover,[import_Tree.default.focusWhite]:currentTheme==="firefox"}),tabIndex:-1,style:getPaddingStyles(depth),onKeyDown:e=>{handleKeypress(e,isChild)},onClick:e=>handleClick(e,!0),onFocus:handleButtonFocus},React5.createElement("span",null,label)));let arrowClass=clsx_m_default(import_Tree.default.arrow,{[import_Tree.default.open]:isOpen});return React5.createElement("li",{role:"treeitem","aria-expanded":isOpen,className:import_Tree.default.item},React5.createElement("div",{role:"button",tabIndex:-1,className:clsx_m_default(import_Tree.default.label,{[import_Tree.default.hover]:showHover,[import_Tree.default.focusWhite]:currentTheme==="firefox"}),style:getPaddingStyles(depth),onClick:e=>handleClick(e),onKeyDown:e=>handleKeypress(e),onFocus:handleButtonFocus},React5.createElement("span",null,React5.createElement("span",{"aria-hidden":!0,className:arrowClass}),React5.createElement("span",null,label))),React5.createElement("ul",(0,import_extends.default)({role:"group",className:clsx_m_default(className,import_Tree.default.group)},html),isOpen&&React5.Children.map(children,child=>React5.createElement(TreeContext_default.Provider,{value:{isChild:!0,depth:depth+1,hasHover:showHover}},child))))};Tree.defaultProps={open:!1,hover:!0};var import_extends2=__toESM(require_extends()),import_objectWithoutProperties3=__toESM(require_objectWithoutProperties());import React6,{useState as useState2,useEffect as useEffect2}from"react";var import_ObjectInspector=__toESM(require_ObjectInspector_css()),buildValue=(key,value,valueClass,showKey,depth)=>{let computedKey=key.includes("-")?`"${key}"`:key,isRoot=depth<=0;return React6.createElement("span",{className:import_ObjectInspector.default.text},!isRoot&&showKey&&React6.createElement(React6.Fragment,null,React6.createElement("span",{className:import_ObjectInspector.default.key},computedKey),React6.createElement("span",null,":\xA0")),React6.createElement("span",{className:valueClass},value))},ObjectValue=props=>{let{ast,theme:theme2,showKey,colorScheme,className}=props,html=(0,import_objectWithoutProperties3.default)(props,["ast","theme","showKey","colorScheme","className"]),{themeClass}=useTheme({theme:theme2,colorScheme},import_ObjectInspector.default),[asyncValue,setAsyncValue]=useState2(React6.createElement("span",null)),value=React6.createElement("span",null);return useEffect2(()=>{ast.value instanceof Promise&&(async promise=>{setAsyncValue(buildValue(ast.key,`Promise { "${await getPromiseState(promise)}" }`,import_ObjectInspector.default.key,showKey,ast.depth))})(ast.value)},[ast,showKey]),typeof ast.value=="number"||typeof ast.value=="bigint"?value=buildValue(ast.key,String(ast.value),import_ObjectInspector.default.number,showKey,ast.depth):typeof ast.value=="boolean"?value=buildValue(ast.key,String(ast.value),import_ObjectInspector.default.boolean,showKey,ast.depth):typeof ast.value=="string"?value=buildValue(ast.key,`"${ast.value}"`,import_ObjectInspector.default.string,showKey,ast.depth):typeof ast.value>"u"?value=buildValue(ast.key,"undefined",import_ObjectInspector.default.undefined,showKey,ast.depth):typeof ast.value=="symbol"?value=buildValue(ast.key,ast.value.toString(),import_ObjectInspector.default.string,showKey,ast.depth):typeof ast.value=="function"?value=buildValue(ast.key,`${ast.value.name}()`,import_ObjectInspector.default.key,showKey,ast.depth):typeof ast.value=="object"&&(ast.value===null?value=buildValue(ast.key,"null",import_ObjectInspector.default.null,showKey,ast.depth):Array.isArray(ast.value)?value=buildValue(ast.key,`Array(${ast.value.length})`,import_ObjectInspector.default.key,showKey,ast.depth):ast.value instanceof Date?value=buildValue(ast.key,`Date ${ast.value.toString()}`,import_ObjectInspector.default.value,showKey,ast.depth):ast.value instanceof RegExp?value=buildValue(ast.key,ast.value.toString(),import_ObjectInspector.default.regex,showKey,ast.depth):ast.value instanceof Error?value=buildValue(ast.key,ast.value.toString(),import_ObjectInspector.default.error,showKey,ast.depth):isObject(ast.value)?value=buildValue(ast.key,"{\u2026}",import_ObjectInspector.default.key,showKey,ast.depth):value=buildValue(ast.key,ast.value.constructor.name,import_ObjectInspector.default.key,showKey,ast.depth)),React6.createElement("span",(0,import_extends2.default)({className:clsx_m_default(themeClass,className)},html),asyncValue,value)};ObjectValue.defaultProps={showKey:!0};var ObjectValue_default=ObjectValue;var import_extends3=__toESM(require_extends()),import_objectWithoutProperties4=__toESM(require_objectWithoutProperties());import React7 from"react";var import_ObjectInspector2=__toESM(require_ObjectInspector_css()),buildPreview=(children,previewMax,showKey)=>{let previews=[];for(let i=0;i<children.length;i++){let child=children[i];if(child.isPrototype||(previews.push(React7.createElement(ObjectValue_default,{key:child.key,ast:child,showKey})),i<children.length-1?previews.push(", "):previews.push(" ")),child.isPrototype&&i===children.length-1&&(previews.pop(),previews.push(" ")),i===previewMax-1&&children.length>previewMax){previews.push("\u2026 ");break}}return previews},getArrayLabel=(ast,open,previewMax,theme2)=>{let l=ast.value.length;return open?React7.createElement("span",null,"Array(",l,")"):React7.createElement(React7.Fragment,null,React7.createElement("span",null,`${theme2==="firefox"?"Array":""}(${l}) [ `),buildPreview(ast.children,previewMax,!1),React7.createElement("span",null,"]"))},getObjectLabel=(ast,open,previewMax,theme2)=>ast.isPrototype?React7.createElement("span",null,`Object ${theme2==="firefox"?"{ \u2026 }":""}`):open?React7.createElement("span",null,"{\u2026}"):React7.createElement(React7.Fragment,null,React7.createElement("span",null,`${theme2==="firefox"?"Object ":""}{ `),buildPreview(ast.children,previewMax,!0),React7.createElement("span",null,"}")),getPromiseLabel=(ast,open,previewMax)=>open?React7.createElement("span",null,`Promise { "${String(ast.children[0].value)}" }`):React7.createElement(React7.Fragment,null,React7.createElement("span",null,"Promise { "),buildPreview(ast.children,previewMax,!0),React7.createElement("span",null,"}")),getMapLabel=(ast,open,previewMax,theme2)=>{let{size}=ast.value;return open?React7.createElement("span",null,`Map(${size})`):React7.createElement(React7.Fragment,null,React7.createElement("span",null,`Map${theme2==="chrome"?`(${size})`:""} { `),buildPreview(ast.children,previewMax,!0),React7.createElement("span",null,"}"))},getSetLabel=(ast,open,previewMax)=>{let{size}=ast.value;return open?React7.createElement("span",null,"Set(",size,")"):React7.createElement(React7.Fragment,null,React7.createElement("span",null,`Set(${ast.value.size}) {`),buildPreview(ast.children,previewMax,!0),React7.createElement("span",null,"}"))},ObjectLabel=props=>{let{ast,theme:theme2,previewMax,open,colorScheme,className}=props,html=(0,import_objectWithoutProperties4.default)(props,["ast","theme","previewMax","open","colorScheme","className"]),{themeClass,currentTheme}=useTheme({theme:theme2,colorScheme},import_ObjectInspector2.default),isPrototype=ast.isPrototype||!1,classes=clsx_m_default(import_ObjectInspector2.default.objectLabel,themeClass,className,{[import_ObjectInspector2.default.prototype]:isPrototype}),isRoot=ast.depth<=0,Key=()=>React7.createElement("span",{className:isPrototype?import_ObjectInspector2.default.prototype:import_ObjectInspector2.default.key},isRoot?"":`${ast.key}: `);return ast.type==="array"?React7.createElement("span",(0,import_extends3.default)({className:classes},html),React7.createElement(Key,null),getArrayLabel(ast,open,previewMax,currentTheme)):ast.type==="function"?React7.createElement("span",(0,import_extends3.default)({className:classes},html),React7.createElement(Key,null),currentTheme==="chrome"&&React7.createElement("span",{className:import_ObjectInspector2.default.functionDecorator},"\u0192 "),React7.createElement("span",{className:clsx_m_default({[import_ObjectInspector2.default.function]:!isPrototype})},`${ast.value.name}()`)):ast.type==="promise"?React7.createElement("span",(0,import_extends3.default)({className:classes},html),React7.createElement(Key,null),getPromiseLabel(ast,open,previewMax)):ast.type==="map"?React7.createElement("span",(0,import_extends3.default)({className:classes},html),React7.createElement(Key,null),getMapLabel(ast,open,previewMax,currentTheme)):ast.type==="set"?React7.createElement("span",(0,import_extends3.default)({className:classes},html),React7.createElement(Key,null),getSetLabel(ast,open,previewMax)):React7.createElement("span",(0,import_extends3.default)({className:classes},html),React7.createElement(Key,null),getObjectLabel(ast,open,previewMax,currentTheme))};ObjectLabel.defaultProps={previewMax:8,open:!1};var ObjectLabel_default=ObjectLabel;function ownKeys2(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys2(Object(source),!0).forEach(function(key){(0,import_defineProperty2.default)(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys2(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}var ObjectInspectorItem=props=>{let{ast,expandLevel,depth}=props,[resolved,setResolved]=useState3(),[open,setOpen]=useState3(Boolean(depth<expandLevel));return useEffect3(()=>{(async()=>{if(ast.type!=="value"){let promises=ast.children.map(f=>f()),children=await Promise.all(promises),r=_objectSpread2(_objectSpread2({},ast),{},{children});setResolved(r)}})()},[ast]),resolved?React8.createElement(Tree,{hover:!1,open,label:React8.createElement(ObjectLabel_default,{open,ast:resolved}),onSelect:()=>{var _props$onSelect;(_props$onSelect=props.onSelect)===null||_props$onSelect===void 0||_props$onSelect.call(props,ast)},onUpdate:value=>{setOpen(value)}},resolved.children.map(child=>React8.createElement(ObjectInspectorItem,{key:child.key,ast:child,depth:depth+1,expandLevel,onSelect:props.onSelect}))):React8.createElement(Tree,{hover:!1,label:React8.createElement(ObjectValue_default,{ast}),onSelect:()=>{var _props$onSelect2;(_props$onSelect2=props.onSelect)===null||_props$onSelect2===void 0||_props$onSelect2.call(props,ast)}})};ObjectInspectorItem.defaultProps={expandLevel:0,depth:0};var ObjectInspectorItem_default=ObjectInspectorItem;var import_ObjectInspector3=__toESM(require_ObjectInspector_css()),ObjectInspector=props=>{let{data,expandLevel,sortKeys,includePrototypes,className,theme:theme2,colorScheme,onSelect}=props,html=(0,import_objectWithoutProperties5.default)(props,["data","expandLevel","sortKeys","includePrototypes","className","theme","colorScheme","onSelect"]),[ast,setAST]=useState4(void 0),{themeClass,currentTheme,currentColorScheme}=useTheme({theme:theme2,colorScheme},import_ObjectInspector3.default);return useEffect4(()=>{(async()=>{setAST(await parse(data,sortKeys,includePrototypes))})()},[data,sortKeys,includePrototypes]),React9.createElement("div",(0,import_extends4.default)({className:clsx_m_default(import_ObjectInspector3.default.objectInspector,className,themeClass)},html),ast&&React9.createElement(ThemeProvider,{theme:currentTheme,colorScheme:currentColorScheme},React9.createElement(ObjectInspectorItem_default,{ast,expandLevel,onSelect})))};ObjectInspector.defaultProps={expandLevel:0,sortKeys:!0,includePrototypes:!0};import{useTheme as useTheme2}from"@storybook/theming";import React10,{Fragment}from"react";var colorsLight={base:"#444",nullish:"#7D99AA",string:"#16B242",number:"#5D40D0",boolean:"#f41840",objectkey:"#698394",instance:"#A15C20",function:"#EA7509",muted:"#7D99AA",tag:{name:"#6F2CAC",suffix:"#1F99E5"},date:"#459D9C",error:{name:"#D43900",message:"#444"},regex:{source:"#A15C20",flags:"#EA7509"},meta:"#EA7509",method:"#0271B6"},colorsDark={base:"#eee",nullish:"#aaa",string:"#5FE584",number:"#6ba5ff",boolean:"#ff4191",objectkey:"#accfe6",instance:"#E3B551",function:"#E3B551",muted:"#aaa",tag:{name:"#f57bff",suffix:"#8EB5FF"},date:"#70D4D3",error:{name:"#f40",message:"#eee"},regex:{source:"#FAD483",flags:"#E3B551"},meta:"#FAD483",method:"#5EC1FF"},useThemeColors=()=>{let{base}=useTheme2();return base==="dark"?colorsDark:colorsLight},special=/[^A-Z0-9]/i,trimEnd=/[\s.,…]+$/gm,ellipsize=(string,maxlength)=>{if(string.length<=maxlength)return string;for(let i=maxlength-1;i>=0;i-=1)if(special.test(string[i])&&i>10)return`${string.slice(0,i).replace(trimEnd,"")}\u2026`;return`${string.slice(0,maxlength).replace(trimEnd,"")}\u2026`},stringify=value=>{try{return JSON.stringify(value,null,1)}catch{return String(value)}},interleave=(nodes,separator)=>nodes.flatMap((node,index)=>index===nodes.length-1?[node]:[node,React10.cloneElement(separator,{key:`sep${index}`})]),Node=({value,nested,showObjectInspector,callsById,...props})=>{switch(!0){case value===null:return React10.createElement(NullNode,{...props});case value===void 0:return React10.createElement(UndefinedNode,{...props});case Array.isArray(value):return React10.createElement(ArrayNode,{...props,value,callsById});case typeof value=="string":return React10.createElement(StringNode,{...props,value});case typeof value=="number":return React10.createElement(NumberNode,{...props,value});case typeof value=="boolean":return React10.createElement(BooleanNode,{...props,value});case Object.prototype.hasOwnProperty.call(value,"__date__"):return React10.createElement(DateNode,{...props,...value.__date__});case Object.prototype.hasOwnProperty.call(value,"__error__"):return React10.createElement(ErrorNode,{...props,...value.__error__});case Object.prototype.hasOwnProperty.call(value,"__regexp__"):return React10.createElement(RegExpNode,{...props,...value.__regexp__});case Object.prototype.hasOwnProperty.call(value,"__function__"):return React10.createElement(FunctionNode,{...props,...value.__function__});case Object.prototype.hasOwnProperty.call(value,"__symbol__"):return React10.createElement(SymbolNode,{...props,...value.__symbol__});case Object.prototype.hasOwnProperty.call(value,"__element__"):return React10.createElement(ElementNode,{...props,...value.__element__});case Object.prototype.hasOwnProperty.call(value,"__class__"):return React10.createElement(ClassNode,{...props,...value.__class__});case Object.prototype.hasOwnProperty.call(value,"__callId__"):return React10.createElement(MethodCall,{call:callsById.get(value.__callId__),callsById});case Object.prototype.toString.call(value)==="[object Object]":return React10.createElement(ObjectNode,{value,showInspector:showObjectInspector,...props});default:return React10.createElement(OtherNode,{value,...props})}},NullNode=props=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.nullish},...props},"null")},UndefinedNode=props=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.nullish},...props},"undefined")},StringNode=({value,...props})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.string},...props},JSON.stringify(ellipsize(value,50)))},NumberNode=({value,...props})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.number},...props},value)},BooleanNode=({value,...props})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.boolean},...props},String(value))},ArrayNode=({value,nested=!1,callsById})=>{let colors2=useThemeColors();if(nested)return React10.createElement("span",{style:{color:colors2.base}},"[\u2026]");let nodes=value.slice(0,3).map(v=>React10.createElement(Node,{key:JSON.stringify(v),value:v,nested:!0,callsById})),nodelist=interleave(nodes,React10.createElement("span",null,", "));return value.length<=3?React10.createElement("span",{style:{color:colors2.base}},"[",nodelist,"]"):React10.createElement("span",{style:{color:colors2.base}},"(",value.length,") [",nodelist,", \u2026]")},ObjectNode=({showInspector,value,nested=!1})=>{let isDarkMode=useTheme2().base==="dark",colors2=useThemeColors();if(showInspector)return React10.createElement(React10.Fragment,null,React10.createElement(ObjectInspector,{id:"interactions-object-inspector",data:value,includePrototypes:!1,colorScheme:isDarkMode?"dark":"light"}));if(nested)return React10.createElement("span",{style:{color:colors2.base}},"{\u2026}");let nodelist=interleave(Object.entries(value).slice(0,2).map(([k,v])=>React10.createElement(Fragment,{key:k},React10.createElement("span",{style:{color:colors2.objectkey}},k,": "),React10.createElement(Node,{value:v,nested:!0}))),React10.createElement("span",null,", "));return Object.keys(value).length<=2?React10.createElement("span",{style:{color:colors2.base}},"{ ",nodelist," }"):React10.createElement("span",{style:{color:colors2.base}},"(",Object.keys(value).length,") ","{ ",nodelist,", \u2026 }")},ClassNode=({name})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.instance}},name)},FunctionNode=({name})=>{let colors2=useThemeColors();return name?React10.createElement("span",{style:{color:colors2.function}},name):React10.createElement("span",{style:{color:colors2.nullish,fontStyle:"italic"}},"anonymous")},ElementNode=({prefix,localName,id,classNames=[],innerText})=>{let name=prefix?`${prefix}:${localName}`:localName,colors2=useThemeColors();return React10.createElement("span",{style:{wordBreak:"keep-all"}},React10.createElement("span",{key:`${name}_lt`,style:{color:colors2.muted}},"<"),React10.createElement("span",{key:`${name}_tag`,style:{color:colors2.tag.name}},name),React10.createElement("span",{key:`${name}_suffix`,style:{color:colors2.tag.suffix}},id?`#${id}`:classNames.reduce((acc,className)=>`${acc}.${className}`,"")),React10.createElement("span",{key:`${name}_gt`,style:{color:colors2.muted}},">"),!id&&classNames.length===0&&innerText&&React10.createElement(React10.Fragment,null,React10.createElement("span",{key:`${name}_text`},innerText),React10.createElement("span",{key:`${name}_close_lt`,style:{color:colors2.muted}},"<"),React10.createElement("span",{key:`${name}_close_tag`,style:{color:colors2.tag.name}},"/",name),React10.createElement("span",{key:`${name}_close_gt`,style:{color:colors2.muted}},">")))},DateNode=({value})=>{let[date,time,ms]=value.split(/[T.Z]/),colors2=useThemeColors();return React10.createElement("span",{style:{whiteSpace:"nowrap",color:colors2.date}},date,React10.createElement("span",{style:{opacity:.7}},"T"),time==="00:00:00"?React10.createElement("span",{style:{opacity:.7}},time):time,ms==="000"?React10.createElement("span",{style:{opacity:.7}},".",ms):`.${ms}`,React10.createElement("span",{style:{opacity:.7}},"Z"))},ErrorNode=({name,message})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.error.name}},name,message&&": ",message&&React10.createElement("span",{style:{color:colors2.error.message},title:message.length>50?message:""},ellipsize(message,50)))},RegExpNode=({flags,source})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{whiteSpace:"nowrap",color:colors2.regex.flags}},"/",React10.createElement("span",{style:{color:colors2.regex.source}},source),"/",flags)},SymbolNode=({description})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{whiteSpace:"nowrap",color:colors2.instance}},"Symbol(",description&&React10.createElement("span",{style:{color:colors2.meta}},'"',description,'"'),")")},OtherNode=({value})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.meta}},stringify(value))},StepNode=({label})=>{let colors2=useThemeColors(),{typography:typography4}=useTheme2();return React10.createElement("span",{style:{color:colors2.base,fontFamily:typography4.fonts.base,fontSize:typography4.size.s2-1}},label)},MethodCall=({call,callsById})=>{if(!call)return null;if(call.method==="step"&&call.path.length===0)return React10.createElement(StepNode,{label:call.args[0]});let path=call.path.flatMap((elem,index)=>{let callId=elem.__callId__;return[callId?React10.createElement(MethodCall,{key:`elem${index}`,call:callsById.get(callId),callsById}):React10.createElement("span",{key:`elem${index}`},elem),React10.createElement("wbr",{key:`wbr${index}`}),React10.createElement("span",{key:`dot${index}`},".")]}),args=call.args.flatMap((arg,index,array)=>{let node=React10.createElement(Node,{key:`node${index}`,value:arg,callsById});return index<array.length-1?[node,React10.createElement("span",{key:`comma${index}`},",\xA0"),React10.createElement("wbr",{key:`wbr${index}`})]:[node]}),colors2=useThemeColors();return React10.createElement(React10.Fragment,null,React10.createElement("span",{style:{color:colors2.base}},path),React10.createElement("span",{style:{color:colors2.method}},call.method),React10.createElement("span",{style:{color:colors2.base}},"(",React10.createElement("wbr",null),args,React10.createElement("wbr",null),")"))};var getParams=(line,fromIndex=0)=>{for(let i=fromIndex,depth=1;i<line.length;i+=1)if(line[i]==="("?depth+=1:line[i]===")"&&(depth-=1),depth===0)return line.slice(fromIndex,i);return""},parseValue=value=>{try{return value==="undefined"?void 0:JSON.parse(value)}catch{return value}},StyledExpected=styled3.span(({theme:theme2})=>({color:theme2.base==="light"?theme2.color.positiveText:theme2.color.positive})),StyledReceived=styled3.span(({theme:theme2})=>({color:theme2.base==="light"?theme2.color.negativeText:theme2.color.negative})),Received=({value,parsed})=>parsed?React11.createElement(Node,{showObjectInspector:!0,value,style:{color:"#D43900"}}):React11.createElement(StyledReceived,null,value),Expected=({value,parsed})=>parsed?typeof value=="string"&&value.startsWith("called with")?React11.createElement(React11.Fragment,null,value):React11.createElement(Node,{showObjectInspector:!0,value,style:{color:"#16B242"}}):React11.createElement(StyledExpected,null,value),MatcherResult=({message})=>{let lines=message.split(`
1
+ import{__commonJS,__toESM}from"./chunk-NNAAFZ4U.mjs";var require_extends=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/extends.js"(exports,module){function _extends5(){return module.exports=_extends5=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends5.apply(this,arguments)}module.exports=_extends5}});var require_objectWithoutPropertiesLoose=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports,module){function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}module.exports=_objectWithoutPropertiesLoose}});var require_objectWithoutProperties=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports,module){var objectWithoutPropertiesLoose=require_objectWithoutPropertiesLoose();function _objectWithoutProperties6(source,excluded){if(source==null)return{};var target=objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}module.exports=_objectWithoutProperties6}});var require_defineProperty=__commonJS({"../../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/defineProperty.js"(exports,module){function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}module.exports=_defineProperty}});var require_objectSpread2=__commonJS({"../../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectSpread2.js"(exports,module){var defineProperty=require_defineProperty();function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread22(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(source,!0).forEach(function(key){defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}module.exports=_objectSpread22}});var require_objectWithoutPropertiesLoose2=__commonJS({"../../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports,module){function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}module.exports=_objectWithoutPropertiesLoose}});var require_objectWithoutProperties2=__commonJS({"../../node_modules/@devtools-ds/themes/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports,module){var objectWithoutPropertiesLoose=require_objectWithoutPropertiesLoose2();function _objectWithoutProperties6(source,excluded){if(source==null)return{};var target=objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}module.exports=_objectWithoutProperties6}});var require_defineProperty2=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/defineProperty.js"(exports,module){function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}module.exports=_defineProperty}});var require_objectSpread22=__commonJS({"../../node_modules/@devtools-ds/object-inspector/node_modules/@babel/runtime/helpers/objectSpread2.js"(exports,module){var defineProperty=require_defineProperty2();function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread22(target){for(var i=1;i<arguments.length;i++){var source=arguments[i]!=null?arguments[i]:{};i%2?ownKeys(source,!0).forEach(function(key){defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(source).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))})}return target}module.exports=_objectSpread22}});var require_extends2=__commonJS({"../../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/extends.js"(exports,module){function _extends5(){return module.exports=_extends5=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends5.apply(this,arguments)}module.exports=_extends5}});var require_objectWithoutPropertiesLoose3=__commonJS({"../../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/objectWithoutPropertiesLoose.js"(exports,module){function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={},sourceKeys=Object.keys(source),key,i;for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],!(excluded.indexOf(key)>=0)&&(target[key]=source[key]);return target}module.exports=_objectWithoutPropertiesLoose}});var require_objectWithoutProperties3=__commonJS({"../../node_modules/@devtools-ds/tree/node_modules/@babel/runtime/helpers/objectWithoutProperties.js"(exports,module){var objectWithoutPropertiesLoose=require_objectWithoutPropertiesLoose3();function _objectWithoutProperties6(source,excluded){if(source==null)return{};var target=objectWithoutPropertiesLoose(source,excluded),key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],!(excluded.indexOf(key)>=0)&&Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}module.exports=_objectWithoutProperties6}});import{addons,types}from"@storybook/manager-api";var ADDON_ID="storybook/interactions",PANEL_ID=`${ADDON_ID}/panel`;import{global as global2}from"@storybook/global";import*as React15 from"react";import{useChannel,useParameter}from"@storybook/manager-api";import{FORCE_REMOUNT,IGNORED_EXCEPTION,STORY_RENDER_PHASE_CHANGED,STORY_THREW_EXCEPTION,PLAY_FUNCTION_THREW_EXCEPTION}from"@storybook/core-events";import{EVENTS,CallStates as CallStates6}from"@storybook/instrumenter";import*as React14 from"react";import{AddonPanel,Link,Placeholder}from"@storybook/components";import{CallStates as CallStates5}from"@storybook/instrumenter";import{styled as styled6}from"@storybook/theming";import{transparentize as transparentize3}from"polished";import React2 from"react";import{Button,IconButton,Icons,Separator,P,TooltipNote,WithTooltip,Bar}from"@storybook/components";import{CallStates as CallStates2}from"@storybook/instrumenter";import{styled as styled2}from"@storybook/theming";import React from"react";import{CallStates}from"@storybook/instrumenter";import{styled,typography}from"@storybook/theming";var StyledBadge=styled.div(({theme:theme2,status})=>({padding:"4px 6px 4px 8px;",borderRadius:"4px",backgroundColor:{[CallStates.DONE]:theme2.color.positive,[CallStates.ERROR]:theme2.color.negative,[CallStates.ACTIVE]:theme2.color.warning,[CallStates.WAITING]:theme2.color.warning}[status],color:"white",fontFamily:typography.fonts.base,textTransform:"uppercase",fontSize:typography.size.s1,letterSpacing:3,fontWeight:typography.weight.bold,width:65,textAlign:"center"})),StatusBadge=({status})=>{let badgeText={[CallStates.DONE]:"Pass",[CallStates.ERROR]:"Fail",[CallStates.ACTIVE]:"Runs",[CallStates.WAITING]:"Runs"}[status];return React.createElement(StyledBadge,{"aria-label":"Status of the test run",status},badgeText)};var SubnavWrapper=styled2.div(({theme:theme2})=>({background:theme2.background.app,borderBottom:`1px solid ${theme2.appBorderColor}`,position:"sticky",top:0,zIndex:1})),StyledSubnav=styled2.nav(({theme:theme2})=>({height:40,display:"flex",alignItems:"center",justifyContent:"space-between",paddingLeft:15})),StyledButton=styled2(Button)(({theme:theme2})=>({borderRadius:4,padding:6,color:theme2.textMutedColor,"&:not(:disabled)":{"&:hover,&:focus-visible":{color:theme2.color.secondary}}})),Note=styled2(TooltipNote)(({theme:theme2})=>({fontFamily:theme2.typography.fonts.base})),StyledIconButton=styled2(IconButton)(({theme:theme2})=>({color:theme2.textMutedColor,margin:"0 3px"})),StyledSeparator=styled2(Separator)({marginTop:0}),StyledLocation=styled2(P)(({theme:theme2})=>({color:theme2.textMutedColor,justifyContent:"flex-end",textAlign:"right",whiteSpace:"nowrap",marginTop:"auto",marginBottom:1,paddingRight:15,fontSize:13})),Group=styled2.div({display:"flex",alignItems:"center"}),RewindButton=styled2(StyledIconButton)({marginLeft:9}),JumpToEndButton=styled2(StyledButton)({marginLeft:9,marginRight:9,marginBottom:1,lineHeight:"12px"}),RerunButton=styled2(StyledIconButton)(({theme:theme2,animating,disabled})=>({opacity:disabled?.5:1,svg:{animation:animating&&`${theme2.animation.rotate360} 200ms ease-out`}})),Subnav=({controls,controlStates,status,storyFileName,onScrollToEnd,isRerunAnimating,setIsRerunAnimating})=>{let buttonText=status===CallStates2.ERROR?"Scroll to error":"Scroll to end";return React2.createElement(SubnavWrapper,null,React2.createElement(Bar,null,React2.createElement(StyledSubnav,null,React2.createElement(Group,null,React2.createElement(StatusBadge,{status}),React2.createElement(JumpToEndButton,{onClick:onScrollToEnd,disabled:!onScrollToEnd},buttonText),React2.createElement(StyledSeparator,null),React2.createElement(WithTooltip,{hasChrome:!1,tooltip:React2.createElement(Note,{note:"Go to start"})},React2.createElement(RewindButton,{"aria-label":"Go to start",containsIcon:!0,onClick:controls.start,disabled:!controlStates.start},React2.createElement(Icons,{icon:"rewind"}))),React2.createElement(WithTooltip,{hasChrome:!1,tooltip:React2.createElement(Note,{note:"Go back"})},React2.createElement(StyledIconButton,{"aria-label":"Go back",containsIcon:!0,onClick:controls.back,disabled:!controlStates.back},React2.createElement(Icons,{icon:"playback"}))),React2.createElement(WithTooltip,{hasChrome:!1,tooltip:React2.createElement(Note,{note:"Go forward"})},React2.createElement(StyledIconButton,{"aria-label":"Go forward",containsIcon:!0,onClick:controls.next,disabled:!controlStates.next},React2.createElement(Icons,{icon:"playnext"}))),React2.createElement(WithTooltip,{hasChrome:!1,tooltip:React2.createElement(Note,{note:"Go to end"})},React2.createElement(StyledIconButton,{"aria-label":"Go to end",containsIcon:!0,onClick:controls.end,disabled:!controlStates.end},React2.createElement(Icons,{icon:"fastforward"}))),React2.createElement(WithTooltip,{hasChrome:!1,tooltip:React2.createElement(Note,{note:"Rerun"})},React2.createElement(RerunButton,{"aria-label":"Rerun",containsIcon:!0,onClick:controls.rerun,onAnimationEnd:()=>setIsRerunAnimating(!1),animating:isRerunAnimating,disabled:isRerunAnimating},React2.createElement(Icons,{icon:"sync"})))),storyFileName&&React2.createElement(Group,null,React2.createElement(StyledLocation,null,storyFileName)))))};import*as React13 from"react";import{IconButton as IconButton2,Icons as Icons3,TooltipNote as TooltipNote2,WithTooltip as WithTooltip2}from"@storybook/components";import{CallStates as CallStates4}from"@storybook/instrumenter";import{styled as styled5,typography as typography3}from"@storybook/theming";import{transparentize as transparentize2}from"polished";import React11 from"react";import{styled as styled3,typography as typography2}from"@storybook/theming";var import_extends4=__toESM(require_extends()),import_objectWithoutProperties5=__toESM(require_objectWithoutProperties());import React9,{useEffect as useEffect4,useState as useState4}from"react";function toVal(mix){var k,y,str="";if(mix)if(typeof mix=="object")if(Array.isArray(mix))for(k=0;k<mix.length;k++)mix[k]&&(y=toVal(mix[k]))&&(str&&(str+=" "),str+=y);else for(k in mix)mix[k]&&(y=toVal(k))&&(str&&(str+=" "),str+=y);else typeof mix!="boolean"&&!mix.call&&(str&&(str+=" "),str+=mix);return str}function clsx_m_default(){for(var i=0,x,str="";i<arguments.length;)(x=toVal(arguments[i++]))&&(str&&(str+=" "),str+=x);return str}var isArray=val=>Array.isArray(val)||ArrayBuffer.isView(val)&&!(val instanceof DataView),isObject=val=>val!==null&&typeof val=="object"&&!isArray(val)&&!(val instanceof Date)&&!(val instanceof RegExp)&&!(val instanceof Error)&&!(val instanceof WeakMap)&&!(val instanceof WeakSet),isKnownObject=val=>isObject(val)||isArray(val)||typeof val=="function"||val instanceof Promise,getPromiseState=promise=>{let unique=/unique/;return Promise.race([promise,unique]).then(result=>result===unique?["pending"]:["fulfilled",result],e=>["rejected",e])},buildAST=async(key,value,depth,sortKeys,isPrototype,showPrototype)=>{let astNode={key,depth,value,type:"value",parent:void 0};if(value&&isKnownObject(value)&&depth<100){let children=[],t="object";if(isArray(value)){for(let i=0;i<value.length;i++)children.push(async()=>{let child=await buildAST(i.toString(),value[i],depth+1,sortKeys);return child.parent=astNode,child});t="array"}else{let keys=Object.getOwnPropertyNames(value);sortKeys&&keys.sort();for(let i=0;i<keys.length;i++){let safeValue;try{safeValue=value[keys[i]]}catch{}children.push(async()=>{let child=await buildAST(keys[i],safeValue,depth+1,sortKeys);return child.parent=astNode,child})}if(typeof value=="function"&&(t="function"),value instanceof Promise){let[status,result]=await getPromiseState(value);children.push(async()=>{let child=await buildAST("<state>",status,depth+1,sortKeys);return child.parent=astNode,child}),status!=="pending"&&children.push(async()=>{let child=await buildAST("<value>",result,depth+1,sortKeys);return child.parent=astNode,child}),t="promise"}if(value instanceof Map){let parsedEntries=Array.from(value.entries()).map(entry=>{let[entryKey,entryValue]=entry;return{"<key>":entryKey,"<value>":entryValue}});children.push(async()=>{let child=await buildAST("<entries>",parsedEntries,depth+1,sortKeys);return child.parent=astNode,child}),children.push(async()=>{let child=await buildAST("size",value.size,depth+1,sortKeys);return child.parent=astNode,child}),t="map"}if(value instanceof Set){let parsedEntries=Array.from(value.entries()).map(entry=>entry[1]);children.push(async()=>{let child=await buildAST("<entries>",parsedEntries,depth+1,sortKeys);return child.parent=astNode,child}),children.push(async()=>{let child=await buildAST("size",value.size,depth+1,sortKeys);return child.parent=astNode,child}),t="set"}}value!==Object.prototype&&showPrototype&&children.push(async()=>{let child=await buildAST("<prototype>",Object.getPrototypeOf(value),depth+1,sortKeys,!0);return child.parent=astNode,child}),astNode.type=t,astNode.children=children,astNode.isPrototype=isPrototype}return astNode},parse=(data,sortKeys,includePrototypes)=>buildAST("root",data,0,sortKeys===!1?sortKeys:!0,void 0,includePrototypes===!1?includePrototypes:!0);var import_objectSpread2=__toESM(require_objectSpread2()),import_objectWithoutProperties=__toESM(require_objectWithoutProperties2());import React3 from"react";var _excluded=["children"];var ThemeContext=React3.createContext({theme:"chrome",colorScheme:"light"});var ThemeProvider=_ref=>{let{children}=_ref,value=(0,import_objectWithoutProperties.default)(_ref,_excluded),wrappedTheme=React3.useContext(ThemeContext);return React3.createElement(ThemeContext.Provider,{value:(0,import_objectSpread2.default)((0,import_objectSpread2.default)({},wrappedTheme),value)},children)},useTheme=(props,styles={})=>{let themeContext=React3.useContext(ThemeContext),currentTheme=props.theme||themeContext.theme||"chrome",currentColorScheme=props.colorScheme||themeContext.colorScheme||"light",themeClass=clsx_m_default(styles[currentTheme],styles[currentColorScheme]);return{currentColorScheme,currentTheme,themeClass}};var import_objectSpread22=__toESM(require_objectSpread22());import React8,{useEffect as useEffect3,useState as useState3}from"react";var import_extends=__toESM(require_extends2()),import_objectWithoutProperties2=__toESM(require_objectWithoutProperties3());import React5,{useState,useEffect}from"react";import React4 from"react";var TreeContext=React4.createContext({isChild:!1,depth:0,hasHover:!0}),TreeContext_default=TreeContext;var Tree_css_default={tree:"Tree-tree-fbbbe38",item:"Tree-item-353d6f3",group:"Tree-group-d3c3d8a",label:"Tree-label-d819155",focusWhite:"Tree-focusWhite-f1e00c2",arrow:"Tree-arrow-03ab2e7",hover:"Tree-hover-3cc4e5d",open:"Tree-open-3f1a336",dark:"Tree-dark-1b4aa00",chrome:"Tree-chrome-bcbcac6",light:"Tree-light-09174ee"};var _excluded2=["theme","hover","colorScheme","children","label","className","onUpdate","onSelect","open"],Tree=props=>{let{theme:theme2,hover,colorScheme,children,label,className,onUpdate,onSelect,open}=props,html=(0,import_objectWithoutProperties2.default)(props,_excluded2),{themeClass,currentTheme}=useTheme({theme:theme2,colorScheme},Tree_css_default),[isOpen,setOpen]=useState(open);useEffect(()=>{setOpen(open)},[open]);let updateState=value=>{setOpen(value),onUpdate&&onUpdate(value)},hasChildren=React5.Children.count(children)>0,updateFocus=(newNode,previousNode)=>{if(newNode.isSameNode(previousNode||null))return;let focusableNode=newNode.querySelector('[tabindex="-1"]');focusableNode?.focus(),newNode.setAttribute("aria-selected","true"),previousNode?.removeAttribute("aria-selected")},getParent=(node,role)=>{let parent=node;for(;parent&&parent.parentElement;){if(parent.getAttribute("role")===role)return parent;parent=parent.parentElement}return null},getListElements=node=>{let tree=getParent(node,"tree");return tree?Array.from(tree.querySelectorAll("li")):[]},moveBack=node=>{let group=getParent(node,"group"),toggle=group?.previousElementSibling;if(toggle&&toggle.getAttribute("tabindex")==="-1"){let toggleParent=toggle.parentElement,nodeParent=node.parentElement;updateFocus(toggleParent,nodeParent)}},moveHome=(node,direction)=>{let elements=getListElements(node);elements.forEach(element=>{element.removeAttribute("aria-selected")}),direction==="start"&&elements[0]&&updateFocus(elements[0]),direction==="end"&&elements[elements.length-1]&&updateFocus(elements[elements.length-1])},moveFocusAdjacent=(node,direction)=>{let elements=getListElements(node)||[];for(let i=0;i<elements.length;i++){let currentNode=elements[i];if(currentNode.getAttribute("aria-selected")==="true"){direction==="up"&&elements[i-1]?updateFocus(elements[i-1],currentNode):direction==="down"&&elements[i+1]&&updateFocus(elements[i+1],currentNode);return}}updateFocus(elements[0])},handleKeypress=(event,isChild2)=>{let node=event.target;(event.key==="Enter"||event.key===" ")&&updateState(!isOpen),event.key==="ArrowRight"&&isOpen&&!isChild2?moveFocusAdjacent(node,"down"):event.key==="ArrowRight"&&updateState(!0),event.key==="ArrowLeft"&&(!isOpen||isChild2)?moveBack(node):event.key==="ArrowLeft"&&updateState(!1),event.key==="ArrowDown"&&moveFocusAdjacent(node,"down"),event.key==="ArrowUp"&&moveFocusAdjacent(node,"up"),event.key==="Home"&&moveHome(node,"start"),event.key==="End"&&moveHome(node,"end")},handleClick=(event,isChild2)=>{let node=event.target,parent=getParent(node,"treeitem"),elements=getListElements(node)||[],found=!1;for(let i=0;i<elements.length;i++){let currentNode=elements[i];if(currentNode.getAttribute("aria-selected")==="true"){parent&&(found=!0,updateFocus(parent,currentNode));break}}!found&&parent&&updateFocus(parent),isChild2||updateState(!isOpen)},handleBlur=event=>{let node=event.currentTarget;!node.contains(document.activeElement)&&node.getAttribute("role")==="tree"&&node.setAttribute("tabindex","0")},handleFocus=event=>{let node=event.target;if(node.getAttribute("role")==="tree"){let selected=node.querySelector('[aria-selected="true"]');selected?updateFocus(selected):moveFocusAdjacent(node,"down"),node.setAttribute("tabindex","-1")}},handleButtonFocus=()=>{onSelect?.()},getPaddingStyles=depth2=>{let space=depth2*.9+.3;return{paddingLeft:`${space}em`,width:`calc(100% - ${space}em)`}},{isChild,depth,hasHover}=React5.useContext(TreeContext_default),showHover=hasHover?hover:!1;if(!isChild)return React5.createElement("ul",(0,import_extends.default)({role:"tree",tabIndex:0,className:clsx_m_default(Tree_css_default.tree,Tree_css_default.group,themeClass,className),onFocus:handleFocus,onBlur:handleBlur},html),React5.createElement(TreeContext_default.Provider,{value:{isChild:!0,depth:0,hasHover:showHover}},React5.createElement(Tree,props)));if(!hasChildren)return React5.createElement("li",(0,import_extends.default)({role:"treeitem",className:Tree_css_default.item},html),React5.createElement("div",{role:"button",className:clsx_m_default(Tree_css_default.label,{[Tree_css_default.hover]:showHover,[Tree_css_default.focusWhite]:currentTheme==="firefox"}),tabIndex:-1,style:getPaddingStyles(depth),onKeyDown:e=>{handleKeypress(e,isChild)},onClick:e=>handleClick(e,!0),onFocus:handleButtonFocus},React5.createElement("span",null,label)));let arrowClass=clsx_m_default(Tree_css_default.arrow,{[Tree_css_default.open]:isOpen});return React5.createElement("li",{role:"treeitem","aria-expanded":isOpen,className:Tree_css_default.item},React5.createElement("div",{role:"button",tabIndex:-1,className:clsx_m_default(Tree_css_default.label,{[Tree_css_default.hover]:showHover,[Tree_css_default.focusWhite]:currentTheme==="firefox"}),style:getPaddingStyles(depth),onClick:e=>handleClick(e),onKeyDown:e=>handleKeypress(e),onFocus:handleButtonFocus},React5.createElement("span",null,React5.createElement("span",{"aria-hidden":!0,className:arrowClass}),React5.createElement("span",null,label))),React5.createElement("ul",(0,import_extends.default)({role:"group",className:clsx_m_default(className,Tree_css_default.group)},html),isOpen&&React5.Children.map(children,child=>React5.createElement(TreeContext_default.Provider,{value:{isChild:!0,depth:depth+1,hasHover:showHover}},child))))};Tree.defaultProps={open:!1,hover:!0};var import_extends2=__toESM(require_extends()),import_objectWithoutProperties3=__toESM(require_objectWithoutProperties());import React6,{useState as useState2,useEffect as useEffect2}from"react";var ObjectInspector_css_default={"object-inspector":"ObjectInspector-object-inspector-0c33e82",objectInspector:"ObjectInspector-object-inspector-0c33e82","object-label":"ObjectInspector-object-label-b81482b",objectLabel:"ObjectInspector-object-label-b81482b",text:"ObjectInspector-text-25f57f3",key:"ObjectInspector-key-4f712bb",value:"ObjectInspector-value-f7ec2e5",string:"ObjectInspector-string-c496000",regex:"ObjectInspector-regex-59d45a3",error:"ObjectInspector-error-b818698",boolean:"ObjectInspector-boolean-2dd1642",number:"ObjectInspector-number-a6daabb",undefined:"ObjectInspector-undefined-3a68263",null:"ObjectInspector-null-74acb50",function:"ObjectInspector-function-07bbdcd","function-decorator":"ObjectInspector-function-decorator-3d22c24",functionDecorator:"ObjectInspector-function-decorator-3d22c24",prototype:"ObjectInspector-prototype-f2449ee",dark:"ObjectInspector-dark-0c96c97",chrome:"ObjectInspector-chrome-2f3ca98",light:"ObjectInspector-light-78bef54"};var _excluded3=["ast","theme","showKey","colorScheme","className"],buildValue=(key,value,valueClass,showKey,depth)=>{let computedKey=key.includes("-")?`"${key}"`:key,isRoot=depth<=0;return React6.createElement("span",{className:ObjectInspector_css_default.text},!isRoot&&showKey&&React6.createElement(React6.Fragment,null,React6.createElement("span",{className:ObjectInspector_css_default.key},computedKey),React6.createElement("span",null,":\xA0")),React6.createElement("span",{className:valueClass},value))},ObjectValue=props=>{let{ast,theme:theme2,showKey,colorScheme,className}=props,html=(0,import_objectWithoutProperties3.default)(props,_excluded3),{themeClass}=useTheme({theme:theme2,colorScheme},ObjectInspector_css_default),[asyncValue,setAsyncValue]=useState2(React6.createElement("span",null)),value=React6.createElement("span",null);return useEffect2(()=>{ast.value instanceof Promise&&(async promise=>{setAsyncValue(buildValue(ast.key,`Promise { "${await getPromiseState(promise)}" }`,ObjectInspector_css_default.key,showKey,ast.depth))})(ast.value)},[ast,showKey]),typeof ast.value=="number"||typeof ast.value=="bigint"?value=buildValue(ast.key,String(ast.value),ObjectInspector_css_default.number,showKey,ast.depth):typeof ast.value=="boolean"?value=buildValue(ast.key,String(ast.value),ObjectInspector_css_default.boolean,showKey,ast.depth):typeof ast.value=="string"?value=buildValue(ast.key,`"${ast.value}"`,ObjectInspector_css_default.string,showKey,ast.depth):typeof ast.value>"u"?value=buildValue(ast.key,"undefined",ObjectInspector_css_default.undefined,showKey,ast.depth):typeof ast.value=="symbol"?value=buildValue(ast.key,ast.value.toString(),ObjectInspector_css_default.string,showKey,ast.depth):typeof ast.value=="function"?value=buildValue(ast.key,`${ast.value.name}()`,ObjectInspector_css_default.key,showKey,ast.depth):typeof ast.value=="object"&&(ast.value===null?value=buildValue(ast.key,"null",ObjectInspector_css_default.null,showKey,ast.depth):Array.isArray(ast.value)?value=buildValue(ast.key,`Array(${ast.value.length})`,ObjectInspector_css_default.key,showKey,ast.depth):ast.value instanceof Date?value=buildValue(ast.key,`Date ${ast.value.toString()}`,ObjectInspector_css_default.value,showKey,ast.depth):ast.value instanceof RegExp?value=buildValue(ast.key,ast.value.toString(),ObjectInspector_css_default.regex,showKey,ast.depth):ast.value instanceof Error?value=buildValue(ast.key,ast.value.toString(),ObjectInspector_css_default.error,showKey,ast.depth):isObject(ast.value)?value=buildValue(ast.key,"{\u2026}",ObjectInspector_css_default.key,showKey,ast.depth):value=buildValue(ast.key,ast.value.constructor.name,ObjectInspector_css_default.key,showKey,ast.depth)),React6.createElement("span",(0,import_extends2.default)({className:clsx_m_default(themeClass,className)},html),asyncValue,value)};ObjectValue.defaultProps={showKey:!0};var ObjectValue_default=ObjectValue;var import_extends3=__toESM(require_extends()),import_objectWithoutProperties4=__toESM(require_objectWithoutProperties());import React7 from"react";var _excluded4=["ast","theme","previewMax","open","colorScheme","className"],buildPreview=(children,previewMax,showKey)=>{let previews=[];for(let i=0;i<children.length;i++){let child=children[i];if(child.isPrototype||(previews.push(React7.createElement(ObjectValue_default,{key:child.key,ast:child,showKey})),i<children.length-1?previews.push(", "):previews.push(" ")),child.isPrototype&&i===children.length-1&&(previews.pop(),previews.push(" ")),i===previewMax-1&&children.length>previewMax){previews.push("\u2026 ");break}}return previews},getArrayLabel=(ast,open,previewMax,theme2)=>{let l=ast.value.length;return open?React7.createElement("span",null,"Array(",l,")"):React7.createElement(React7.Fragment,null,React7.createElement("span",null,`${theme2==="firefox"?"Array":""}(${l}) [ `),buildPreview(ast.children,previewMax,!1),React7.createElement("span",null,"]"))},getObjectLabel=(ast,open,previewMax,theme2)=>ast.isPrototype?React7.createElement("span",null,`Object ${theme2==="firefox"?"{ \u2026 }":""}`):open?React7.createElement("span",null,"{\u2026}"):React7.createElement(React7.Fragment,null,React7.createElement("span",null,`${theme2==="firefox"?"Object ":""}{ `),buildPreview(ast.children,previewMax,!0),React7.createElement("span",null,"}")),getPromiseLabel=(ast,open,previewMax)=>open?React7.createElement("span",null,`Promise { "${String(ast.children[0].value)}" }`):React7.createElement(React7.Fragment,null,React7.createElement("span",null,"Promise { "),buildPreview(ast.children,previewMax,!0),React7.createElement("span",null,"}")),getMapLabel=(ast,open,previewMax,theme2)=>{let{size}=ast.value;return open?React7.createElement("span",null,`Map(${size})`):React7.createElement(React7.Fragment,null,React7.createElement("span",null,`Map${theme2==="chrome"?`(${size})`:""} { `),buildPreview(ast.children,previewMax,!0),React7.createElement("span",null,"}"))},getSetLabel=(ast,open,previewMax)=>{let{size}=ast.value;return open?React7.createElement("span",null,"Set(",size,")"):React7.createElement(React7.Fragment,null,React7.createElement("span",null,`Set(${ast.value.size}) {`),buildPreview(ast.children,previewMax,!0),React7.createElement("span",null,"}"))},ObjectLabel=props=>{let{ast,theme:theme2,previewMax,open,colorScheme,className}=props,html=(0,import_objectWithoutProperties4.default)(props,_excluded4),{themeClass,currentTheme}=useTheme({theme:theme2,colorScheme},ObjectInspector_css_default),isPrototype=ast.isPrototype||!1,classes=clsx_m_default(ObjectInspector_css_default.objectLabel,themeClass,className,{[ObjectInspector_css_default.prototype]:isPrototype}),isRoot=ast.depth<=0,Key=()=>React7.createElement("span",{className:isPrototype?ObjectInspector_css_default.prototype:ObjectInspector_css_default.key},isRoot?"":`${ast.key}: `);return ast.type==="array"?React7.createElement("span",(0,import_extends3.default)({className:classes},html),React7.createElement(Key,null),getArrayLabel(ast,open,previewMax,currentTheme)):ast.type==="function"?React7.createElement("span",(0,import_extends3.default)({className:classes},html),React7.createElement(Key,null),currentTheme==="chrome"&&React7.createElement("span",{className:ObjectInspector_css_default.functionDecorator},"\u0192 "),React7.createElement("span",{className:clsx_m_default({[ObjectInspector_css_default.function]:!isPrototype})},`${ast.value.name}()`)):ast.type==="promise"?React7.createElement("span",(0,import_extends3.default)({className:classes},html),React7.createElement(Key,null),getPromiseLabel(ast,open,previewMax)):ast.type==="map"?React7.createElement("span",(0,import_extends3.default)({className:classes},html),React7.createElement(Key,null),getMapLabel(ast,open,previewMax,currentTheme)):ast.type==="set"?React7.createElement("span",(0,import_extends3.default)({className:classes},html),React7.createElement(Key,null),getSetLabel(ast,open,previewMax)):React7.createElement("span",(0,import_extends3.default)({className:classes},html),React7.createElement(Key,null),getObjectLabel(ast,open,previewMax,currentTheme))};ObjectLabel.defaultProps={previewMax:8,open:!1};var ObjectLabel_default=ObjectLabel;var ObjectInspectorItem=props=>{let{ast,expandLevel,depth}=props,[resolved,setResolved]=useState3(),[open,setOpen]=useState3(Boolean(depth<expandLevel));return useEffect3(()=>{(async()=>{if(ast.type!=="value"){let promises=ast.children.map(f=>f()),children=await Promise.all(promises),r=(0,import_objectSpread22.default)((0,import_objectSpread22.default)({},ast),{},{children});setResolved(r)}})()},[ast]),resolved?React8.createElement(Tree,{hover:!1,open,label:React8.createElement(ObjectLabel_default,{open,ast:resolved}),onSelect:()=>{var _props$onSelect;(_props$onSelect=props.onSelect)===null||_props$onSelect===void 0||_props$onSelect.call(props,ast)},onUpdate:value=>{setOpen(value)}},resolved.children.map(child=>React8.createElement(ObjectInspectorItem,{key:child.key,ast:child,depth:depth+1,expandLevel,onSelect:props.onSelect}))):React8.createElement(Tree,{hover:!1,label:React8.createElement(ObjectValue_default,{ast}),onSelect:()=>{var _props$onSelect2;(_props$onSelect2=props.onSelect)===null||_props$onSelect2===void 0||_props$onSelect2.call(props,ast)}})};ObjectInspectorItem.defaultProps={expandLevel:0,depth:0};var ObjectInspectorItem_default=ObjectInspectorItem;var _excluded5=["data","expandLevel","sortKeys","includePrototypes","className","theme","colorScheme","onSelect"],ObjectInspector=props=>{let{data,expandLevel,sortKeys,includePrototypes,className,theme:theme2,colorScheme,onSelect}=props,html=(0,import_objectWithoutProperties5.default)(props,_excluded5),[ast,setAST]=useState4(void 0),{themeClass,currentTheme,currentColorScheme}=useTheme({theme:theme2,colorScheme},ObjectInspector_css_default);return useEffect4(()=>{(async()=>{setAST(await parse(data,sortKeys,includePrototypes))})()},[data,sortKeys,includePrototypes]),React9.createElement("div",(0,import_extends4.default)({className:clsx_m_default(ObjectInspector_css_default.objectInspector,className,themeClass)},html),ast&&React9.createElement(ThemeProvider,{theme:currentTheme,colorScheme:currentColorScheme},React9.createElement(ObjectInspectorItem_default,{ast,expandLevel,onSelect})))};ObjectInspector.defaultProps={expandLevel:0,sortKeys:!0,includePrototypes:!0};import{useTheme as useTheme2}from"@storybook/theming";import React10,{Fragment}from"react";var colorsLight={base:"#444",nullish:"#7D99AA",string:"#16B242",number:"#5D40D0",boolean:"#f41840",objectkey:"#698394",instance:"#A15C20",function:"#EA7509",muted:"#7D99AA",tag:{name:"#6F2CAC",suffix:"#1F99E5"},date:"#459D9C",error:{name:"#D43900",message:"#444"},regex:{source:"#A15C20",flags:"#EA7509"},meta:"#EA7509",method:"#0271B6"},colorsDark={base:"#eee",nullish:"#aaa",string:"#5FE584",number:"#6ba5ff",boolean:"#ff4191",objectkey:"#accfe6",instance:"#E3B551",function:"#E3B551",muted:"#aaa",tag:{name:"#f57bff",suffix:"#8EB5FF"},date:"#70D4D3",error:{name:"#f40",message:"#eee"},regex:{source:"#FAD483",flags:"#E3B551"},meta:"#FAD483",method:"#5EC1FF"},useThemeColors=()=>{let{base}=useTheme2();return base==="dark"?colorsDark:colorsLight},special=/[^A-Z0-9]/i,trimEnd=/[\s.,…]+$/gm,ellipsize=(string,maxlength)=>{if(string.length<=maxlength)return string;for(let i=maxlength-1;i>=0;i-=1)if(special.test(string[i])&&i>10)return`${string.slice(0,i).replace(trimEnd,"")}\u2026`;return`${string.slice(0,maxlength).replace(trimEnd,"")}\u2026`},stringify=value=>{try{return JSON.stringify(value,null,1)}catch{return String(value)}},interleave=(nodes,separator)=>nodes.flatMap((node,index)=>index===nodes.length-1?[node]:[node,React10.cloneElement(separator,{key:`sep${index}`})]),Node=({value,nested,showObjectInspector,callsById,...props})=>{switch(!0){case value===null:return React10.createElement(NullNode,{...props});case value===void 0:return React10.createElement(UndefinedNode,{...props});case Array.isArray(value):return React10.createElement(ArrayNode,{...props,value,callsById});case typeof value=="string":return React10.createElement(StringNode,{...props,value});case typeof value=="number":return React10.createElement(NumberNode,{...props,value});case typeof value=="boolean":return React10.createElement(BooleanNode,{...props,value});case Object.prototype.hasOwnProperty.call(value,"__date__"):return React10.createElement(DateNode,{...props,...value.__date__});case Object.prototype.hasOwnProperty.call(value,"__error__"):return React10.createElement(ErrorNode,{...props,...value.__error__});case Object.prototype.hasOwnProperty.call(value,"__regexp__"):return React10.createElement(RegExpNode,{...props,...value.__regexp__});case Object.prototype.hasOwnProperty.call(value,"__function__"):return React10.createElement(FunctionNode,{...props,...value.__function__});case Object.prototype.hasOwnProperty.call(value,"__symbol__"):return React10.createElement(SymbolNode,{...props,...value.__symbol__});case Object.prototype.hasOwnProperty.call(value,"__element__"):return React10.createElement(ElementNode,{...props,...value.__element__});case Object.prototype.hasOwnProperty.call(value,"__class__"):return React10.createElement(ClassNode,{...props,...value.__class__});case Object.prototype.hasOwnProperty.call(value,"__callId__"):return React10.createElement(MethodCall,{call:callsById.get(value.__callId__),callsById});case Object.prototype.toString.call(value)==="[object Object]":return React10.createElement(ObjectNode,{value,showInspector:showObjectInspector,...props});default:return React10.createElement(OtherNode,{value,...props})}},NullNode=props=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.nullish},...props},"null")},UndefinedNode=props=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.nullish},...props},"undefined")},StringNode=({value,...props})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.string},...props},JSON.stringify(ellipsize(value,50)))},NumberNode=({value,...props})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.number},...props},value)},BooleanNode=({value,...props})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.boolean},...props},String(value))},ArrayNode=({value,nested=!1,callsById})=>{let colors2=useThemeColors();if(nested)return React10.createElement("span",{style:{color:colors2.base}},"[\u2026]");let nodes=value.slice(0,3).map(v=>React10.createElement(Node,{key:JSON.stringify(v),value:v,nested:!0,callsById})),nodelist=interleave(nodes,React10.createElement("span",null,", "));return value.length<=3?React10.createElement("span",{style:{color:colors2.base}},"[",nodelist,"]"):React10.createElement("span",{style:{color:colors2.base}},"(",value.length,") [",nodelist,", \u2026]")},ObjectNode=({showInspector,value,nested=!1})=>{let isDarkMode=useTheme2().base==="dark",colors2=useThemeColors();if(showInspector)return React10.createElement(React10.Fragment,null,React10.createElement(ObjectInspector,{id:"interactions-object-inspector",data:value,includePrototypes:!1,colorScheme:isDarkMode?"dark":"light"}));if(nested)return React10.createElement("span",{style:{color:colors2.base}},"{\u2026}");let nodelist=interleave(Object.entries(value).slice(0,2).map(([k,v])=>React10.createElement(Fragment,{key:k},React10.createElement("span",{style:{color:colors2.objectkey}},k,": "),React10.createElement(Node,{value:v,nested:!0}))),React10.createElement("span",null,", "));return Object.keys(value).length<=2?React10.createElement("span",{style:{color:colors2.base}},"{ ",nodelist," }"):React10.createElement("span",{style:{color:colors2.base}},"(",Object.keys(value).length,") ","{ ",nodelist,", \u2026 }")},ClassNode=({name})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.instance}},name)},FunctionNode=({name})=>{let colors2=useThemeColors();return name?React10.createElement("span",{style:{color:colors2.function}},name):React10.createElement("span",{style:{color:colors2.nullish,fontStyle:"italic"}},"anonymous")},ElementNode=({prefix,localName,id,classNames=[],innerText})=>{let name=prefix?`${prefix}:${localName}`:localName,colors2=useThemeColors();return React10.createElement("span",{style:{wordBreak:"keep-all"}},React10.createElement("span",{key:`${name}_lt`,style:{color:colors2.muted}},"<"),React10.createElement("span",{key:`${name}_tag`,style:{color:colors2.tag.name}},name),React10.createElement("span",{key:`${name}_suffix`,style:{color:colors2.tag.suffix}},id?`#${id}`:classNames.reduce((acc,className)=>`${acc}.${className}`,"")),React10.createElement("span",{key:`${name}_gt`,style:{color:colors2.muted}},">"),!id&&classNames.length===0&&innerText&&React10.createElement(React10.Fragment,null,React10.createElement("span",{key:`${name}_text`},innerText),React10.createElement("span",{key:`${name}_close_lt`,style:{color:colors2.muted}},"<"),React10.createElement("span",{key:`${name}_close_tag`,style:{color:colors2.tag.name}},"/",name),React10.createElement("span",{key:`${name}_close_gt`,style:{color:colors2.muted}},">")))},DateNode=({value})=>{let[date,time,ms]=value.split(/[T.Z]/),colors2=useThemeColors();return React10.createElement("span",{style:{whiteSpace:"nowrap",color:colors2.date}},date,React10.createElement("span",{style:{opacity:.7}},"T"),time==="00:00:00"?React10.createElement("span",{style:{opacity:.7}},time):time,ms==="000"?React10.createElement("span",{style:{opacity:.7}},".",ms):`.${ms}`,React10.createElement("span",{style:{opacity:.7}},"Z"))},ErrorNode=({name,message})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.error.name}},name,message&&": ",message&&React10.createElement("span",{style:{color:colors2.error.message},title:message.length>50?message:""},ellipsize(message,50)))},RegExpNode=({flags,source})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{whiteSpace:"nowrap",color:colors2.regex.flags}},"/",React10.createElement("span",{style:{color:colors2.regex.source}},source),"/",flags)},SymbolNode=({description})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{whiteSpace:"nowrap",color:colors2.instance}},"Symbol(",description&&React10.createElement("span",{style:{color:colors2.meta}},'"',description,'"'),")")},OtherNode=({value})=>{let colors2=useThemeColors();return React10.createElement("span",{style:{color:colors2.meta}},stringify(value))},StepNode=({label})=>{let colors2=useThemeColors(),{typography:typography4}=useTheme2();return React10.createElement("span",{style:{color:colors2.base,fontFamily:typography4.fonts.base,fontSize:typography4.size.s2-1}},label)},MethodCall=({call,callsById})=>{if(!call)return null;if(call.method==="step"&&call.path.length===0)return React10.createElement(StepNode,{label:call.args[0]});let path=call.path.flatMap((elem,index)=>{let callId=elem.__callId__;return[callId?React10.createElement(MethodCall,{key:`elem${index}`,call:callsById.get(callId),callsById}):React10.createElement("span",{key:`elem${index}`},elem),React10.createElement("wbr",{key:`wbr${index}`}),React10.createElement("span",{key:`dot${index}`},".")]}),args=call.args.flatMap((arg,index,array)=>{let node=React10.createElement(Node,{key:`node${index}`,value:arg,callsById});return index<array.length-1?[node,React10.createElement("span",{key:`comma${index}`},",\xA0"),React10.createElement("wbr",{key:`wbr${index}`})]:[node]}),colors2=useThemeColors();return React10.createElement(React10.Fragment,null,React10.createElement("span",{style:{color:colors2.base}},path),React10.createElement("span",{style:{color:colors2.method}},call.method),React10.createElement("span",{style:{color:colors2.base}},"(",React10.createElement("wbr",null),args,React10.createElement("wbr",null),")"))};var getParams=(line,fromIndex=0)=>{for(let i=fromIndex,depth=1;i<line.length;i+=1)if(line[i]==="("?depth+=1:line[i]===")"&&(depth-=1),depth===0)return line.slice(fromIndex,i);return""},parseValue=value=>{try{return value==="undefined"?void 0:JSON.parse(value)}catch{return value}},StyledExpected=styled3.span(({theme:theme2})=>({color:theme2.base==="light"?theme2.color.positiveText:theme2.color.positive})),StyledReceived=styled3.span(({theme:theme2})=>({color:theme2.base==="light"?theme2.color.negativeText:theme2.color.negative})),Received=({value,parsed})=>parsed?React11.createElement(Node,{showObjectInspector:!0,value,style:{color:"#D43900"}}):React11.createElement(StyledReceived,null,value),Expected=({value,parsed})=>parsed?typeof value=="string"&&value.startsWith("called with")?React11.createElement(React11.Fragment,null,value):React11.createElement(Node,{showObjectInspector:!0,value,style:{color:"#16B242"}}):React11.createElement(StyledExpected,null,value),MatcherResult=({message})=>{let lines=message.split(`
2
2
  `);return React11.createElement("pre",{style:{margin:0,padding:"8px 10px 8px 36px",fontSize:typography2.size.s1}},lines.flatMap((line,index)=>{if(line.startsWith("expect(")){let received=getParams(line,7),remainderIndex=received&&7+received.length,matcher=received&&line.slice(remainderIndex).match(/\.(to|last|nth)[A-Z]\w+\(/);if(matcher){let expectedIndex=remainderIndex+matcher.index+matcher[0].length,expected=getParams(line,expectedIndex);if(expected)return["expect(",React11.createElement(Received,{key:`received_${received}`,value:received}),line.slice(remainderIndex,expectedIndex),React11.createElement(Expected,{key:`expected_${expected}`,value:expected}),line.slice(expectedIndex+expected.length),React11.createElement("br",{key:`br${index}`})]}}if(line.match(/^\s*- /))return[React11.createElement(Expected,{key:line+index,value:line}),React11.createElement("br",{key:`br${index}`})];if(line.match(/^\s*\+ /))return[React11.createElement(Received,{key:line+index,value:line}),React11.createElement("br",{key:`br${index}`})];let[,assertionLabel,assertionValue]=line.match(/^(Expected|Received): (.*)$/)||[];if(assertionLabel&&assertionValue)return assertionLabel==="Expected"?["Expected: ",React11.createElement(Expected,{key:line+index,value:parseValue(assertionValue),parsed:!0}),React11.createElement("br",{key:`br${index}`})]:["Received: ",React11.createElement(Received,{key:line+index,value:parseValue(assertionValue),parsed:!0}),React11.createElement("br",{key:`br${index}`})];let[,prefix,numberOfCalls]=line.match(/(Expected number|Received number|Number) of calls: (\d+)$/i)||[];if(prefix&&numberOfCalls)return[`${prefix} of calls: `,React11.createElement(Node,{key:line+index,value:Number(numberOfCalls)}),React11.createElement("br",{key:`br${index}`})];let[,receivedValue]=line.match(/^Received has value: (.+)$/)||[];return receivedValue?["Received has value: ",React11.createElement(Node,{key:line+index,value:parseValue(receivedValue)}),React11.createElement("br",{key:`br${index}`})]:[React11.createElement("span",{key:line+index},line),React11.createElement("br",{key:`br${index}`})]}))};import React12 from"react";import{Icons as Icons2}from"@storybook/components";import{CallStates as CallStates3}from"@storybook/instrumenter";import{styled as styled4}from"@storybook/theming";import{transparentize}from"polished";var colors={pure:{gray:{500:"#CCCCCC"}}},theme={colors},theme_default=theme;var{colors:{pure:{gray}}}=theme_default,StyledStatusIcon=styled4(Icons2)(({theme:theme2,status})=>{let color={[CallStates3.DONE]:theme2.color.positive,[CallStates3.ERROR]:theme2.color.negative,[CallStates3.ACTIVE]:theme2.color.secondary,[CallStates3.WAITING]:transparentize(.5,gray[500])}[status];return{width:status===CallStates3.WAITING?6:12,height:status===CallStates3.WAITING?6:12,color,justifySelf:"center"}}),StatusIcon=({status,className})=>{let icon={[CallStates3.DONE]:"check",[CallStates3.ERROR]:"stopalt",[CallStates3.ACTIVE]:"play",[CallStates3.WAITING]:"circle"}[status];return React12.createElement(StyledStatusIcon,{"data-testid":`icon-${status}`,status,icon,className})};var MethodCallWrapper=styled5.div(()=>({fontFamily:typography3.fonts.mono,fontSize:typography3.size.s1,overflowWrap:"break-word",inlineSize:"calc( 100% - 40px )"})),RowContainer=styled5("div",{shouldForwardProp:prop=>!["call","pausedAt"].includes(prop.toString())})(({theme:theme2,call})=>({position:"relative",display:"flex",flexDirection:"column",borderBottom:`1px solid ${theme2.appBorderColor}`,fontFamily:typography3.fonts.base,fontSize:13,...call.status===CallStates4.ERROR&&{backgroundColor:theme2.base==="dark"?transparentize2(.93,theme2.color.negative):theme2.background.warning},paddingLeft:call.ancestors.length*20}),({theme:theme2,call,pausedAt})=>pausedAt===call.id&&{"&::before":{content:'""',position:"absolute",top:-5,zIndex:1,borderTop:"4.5px solid transparent",borderLeft:`7px solid ${theme2.color.warning}`,borderBottom:"4.5px solid transparent"},"&::after":{content:'""',position:"absolute",top:-1,zIndex:1,width:"100%",borderTop:`1.5px solid ${theme2.color.warning}`}}),RowHeader=styled5.div(({theme:theme2,isInteractive})=>({display:"flex","&:hover":isInteractive?{}:{background:theme2.background.hoverable}})),RowLabel=styled5("button",{shouldForwardProp:prop=>!["call"].includes(prop.toString())})(({theme:theme2,disabled,call})=>({flex:1,display:"grid",background:"none",border:0,gridTemplateColumns:"15px 1fr",alignItems:"center",minHeight:40,margin:0,padding:"8px 15px",textAlign:"start",cursor:disabled||call.status===CallStates4.ERROR?"default":"pointer","&:focus-visible":{outline:0,boxShadow:`inset 3px 0 0 0 ${call.status===CallStates4.ERROR?theme2.color.warning:theme2.color.secondary}`,background:call.status===CallStates4.ERROR?"transparent":theme2.background.hoverable},"& > div":{opacity:call.status===CallStates4.WAITING?.5:1}})),RowActions=styled5.div({padding:6}),StyledIconButton2=styled5(IconButton2)(({theme:theme2})=>({color:theme2.textMutedColor,margin:"0 3px"})),Note2=styled5(TooltipNote2)(({theme:theme2})=>({fontFamily:theme2.typography.fonts.base})),RowMessage=styled5("div")(({theme:theme2})=>({padding:"8px 10px 8px 36px",fontSize:typography3.size.s1,color:theme2.color.defaultText,pre:{margin:0,padding:0}})),Exception=({exception})=>{if(exception.message.startsWith("expect("))return React13.createElement(MatcherResult,{...exception});let paragraphs=exception.message.split(`
3
3
 
4
- `),more=paragraphs.length>1;return React13.createElement(RowMessage,null,React13.createElement("pre",null,paragraphs[0]),more&&React13.createElement("p",null,"See the full stack trace in the browser console."))},Interaction=({call,callsById,controls,controlStates,childCallIds,isHidden,isCollapsed,toggleCollapsed,pausedAt})=>{let[isHovered,setIsHovered]=React13.useState(!1),isInteractive=!controlStates.goto||!call.interceptable||!!call.ancestors.length;return isHidden?null:React13.createElement(RowContainer,{call,pausedAt},React13.createElement(RowHeader,{isInteractive},React13.createElement(RowLabel,{"aria-label":"Interaction step",call,onClick:()=>controls.goto(call.id),disabled:isInteractive,onMouseEnter:()=>controlStates.goto&&setIsHovered(!0),onMouseLeave:()=>controlStates.goto&&setIsHovered(!1)},React13.createElement(StatusIcon,{status:isHovered?CallStates4.ACTIVE:call.status}),React13.createElement(MethodCallWrapper,{style:{marginLeft:6,marginBottom:1}},React13.createElement(MethodCall,{call,callsById}))),React13.createElement(RowActions,null,childCallIds?.length>0&&React13.createElement(WithTooltip2,{hasChrome:!1,tooltip:React13.createElement(Note2,{note:`${isCollapsed?"Show":"Hide"} interactions`})},React13.createElement(StyledIconButton2,{containsIcon:!0,onClick:toggleCollapsed},React13.createElement(Icons3,{icon:"listunordered"}))))),call.status===CallStates4.ERROR&&call.exception?.callId===call.id&&React13.createElement(Exception,{exception:call.exception}))};var Container=styled6.div(({theme:theme2,withException})=>({minHeight:"100%",background:theme2.background.content,...withException&&{backgroundColor:theme2.base==="dark"?transparentize3(.93,theme2.color.negative):theme2.background.warning}})),CaughtException=styled6.div(({theme:theme2})=>({padding:15,fontSize:theme2.typography.size.s2-1,lineHeight:"19px"})),CaughtExceptionCode=styled6.code(({theme:theme2})=>({margin:"0 1px",padding:3,fontSize:theme2.typography.size.s1-1,lineHeight:1,verticalAlign:"top",background:"rgba(0, 0, 0, 0.05)",border:`1px solid ${theme2.appBorderColor}`,borderRadius:3})),CaughtExceptionTitle=styled6.div({paddingBottom:4,fontWeight:"bold"}),CaughtExceptionDescription=styled6.p({margin:0,padding:"0 0 20px"}),CaughtExceptionStack=styled6.pre(({theme:theme2})=>({margin:0,padding:0,fontSize:theme2.typography.size.s1-1})),InteractionsPanel=React14.memo(function({calls,controls,controlStates,interactions,fileName,hasException,caughtException,isPlaying,pausedAt,onScrollToEnd,endRef,isRerunAnimating,setIsRerunAnimating,...panelProps}){return React14.createElement(AddonPanel,{...panelProps},React14.createElement(Container,{withException:!!caughtException},controlStates.debugger&&(interactions.length>0||hasException||isRerunAnimating)&&React14.createElement(Subnav,{controls,controlStates,status:isPlaying?CallStates5.ACTIVE:hasException?CallStates5.ERROR:CallStates5.DONE,storyFileName:fileName,onScrollToEnd,isRerunAnimating,setIsRerunAnimating}),React14.createElement("div",{"aria-label":"Interactions list"},interactions.map(call=>React14.createElement(Interaction,{key:call.id,call,callsById:calls,controls,controlStates,childCallIds:call.childCallIds,isHidden:call.isHidden,isCollapsed:call.isCollapsed,toggleCollapsed:call.toggleCollapsed,pausedAt}))),caughtException&&!caughtException.message?.startsWith("ignoredException")&&React14.createElement(CaughtException,null,React14.createElement(CaughtExceptionTitle,null,"Caught exception in ",React14.createElement(CaughtExceptionCode,null,"play")," function"),React14.createElement(CaughtExceptionDescription,null,"This story threw an error after it finished rendering which means your interactions couldn' t be run.Go to this story' s play function in ",fileName," to fix."),React14.createElement(CaughtExceptionStack,{"data-chromatic":"ignore"},caughtException.stack||`${caughtException.name}: ${caughtException.message}`)),React14.createElement("div",{ref:endRef}),!isPlaying&&!caughtException&&interactions.length===0&&React14.createElement(Placeholder,null,"No interactions found",React14.createElement(Link,{href:"https://storybook.js.org/docs/react/writing-stories/play-function",target:"_blank",withArrow:!0},"Learn how to add interactions to your story"))))});import{styled as styled7}from"@storybook/theming";import ReactDOM from"react-dom";var TabStatus=({children})=>{let container=global.document.getElementById("tabbutton-interactions");return container&&ReactDOM.createPortal(children,container)},TabIcon=styled7(StatusIcon)({marginLeft:5});var INITIAL_CONTROL_STATES={debugger:!1,start:!1,back:!1,goto:!1,next:!1,end:!1},getInteractions=({log,calls,collapsed,setCollapsed})=>{let callsById=new Map,childCallMap=new Map;return log.map(({callId,ancestors,status})=>{let isHidden=!1;return ancestors.forEach(ancestor=>{collapsed.has(ancestor)&&(isHidden=!0),childCallMap.set(ancestor,(childCallMap.get(ancestor)||[]).concat(callId))}),{...calls.get(callId),status,isHidden}}).map(call=>{let status=call.status===CallStates6.ERROR&&callsById.get(call.ancestors.slice(-1)[0])?.status===CallStates6.ACTIVE?CallStates6.ACTIVE:call.status;return callsById.set(call.id,{...call,status}),{...call,status,childCallIds:childCallMap.get(call.id),isCollapsed:collapsed.has(call.id),toggleCollapsed:()=>setCollapsed(ids=>(ids.has(call.id)?ids.delete(call.id):ids.add(call.id),new Set(ids)))}})},Panel=props=>{let[storyId,setStoryId]=React15.useState(),[controlStates,setControlStates]=React15.useState(INITIAL_CONTROL_STATES),[pausedAt,setPausedAt]=React15.useState(),[isErrored,setErrored]=React15.useState(!1),[isPlaying,setPlaying]=React15.useState(!1),[isRerunAnimating,setIsRerunAnimating]=React15.useState(!1),[scrollTarget,setScrollTarget]=React15.useState(),[collapsed,setCollapsed]=React15.useState(new Set),[caughtException,setCaughtException]=React15.useState(),[interactions,setInteractions]=React15.useState([]),[interactionsCount,setInteractionsCount]=React15.useState(),log=React15.useRef([]),calls=React15.useRef(new Map),setCall=({status,...call})=>calls.current.set(call.id,call),endRef=React15.useRef();React15.useEffect(()=>{let observer;return global2.window.IntersectionObserver&&(observer=new global2.window.IntersectionObserver(([end])=>setScrollTarget(end.isIntersecting?void 0:end.target),{root:global2.window.document.querySelector("#panel-tab-content")}),endRef.current&&observer.observe(endRef.current)),()=>observer?.disconnect()},[]);let emit=useChannel({[EVENTS.CALL]:setCall,[EVENTS.SYNC]:payload=>{setControlStates(payload.controlStates),setPausedAt(payload.pausedAt),setInteractions(getInteractions({log:payload.logItems,calls:calls.current,collapsed,setCollapsed})),log.current=payload.logItems},[STORY_RENDER_PHASE_CHANGED]:event=>{setStoryId(event.storyId),setPlaying(event.newPhase==="playing"),setPausedAt(void 0),event.newPhase==="rendering"&&(setErrored(!1),setCaughtException(void 0))},[STORY_THREW_EXCEPTION]:()=>{setErrored(!0)},[PLAY_FUNCTION_THREW_EXCEPTION]:e=>{e?.message!==IGNORED_EXCEPTION.message?setCaughtException(e):setCaughtException(void 0)}},[collapsed]);React15.useEffect(()=>{setInteractions(getInteractions({log:log.current,calls:calls.current,collapsed,setCollapsed}))},[collapsed]),React15.useEffect(()=>{isPlaying||isRerunAnimating||setInteractionsCount(interactions.filter(({method})=>method!=="step").length)},[interactions,isPlaying,isRerunAnimating]);let controls=React15.useMemo(()=>({start:()=>emit(EVENTS.START,{storyId}),back:()=>emit(EVENTS.BACK,{storyId}),goto:callId=>emit(EVENTS.GOTO,{storyId,callId}),next:()=>emit(EVENTS.NEXT,{storyId}),end:()=>emit(EVENTS.END,{storyId}),rerun:()=>{setIsRerunAnimating(!0),emit(FORCE_REMOUNT,{storyId})}}),[storyId]),storyFilePath=useParameter("fileName",""),[fileName]=storyFilePath.toString().split("/").slice(-1),scrollToTarget=()=>scrollTarget?.scrollIntoView({behavior:"smooth",block:"end"}),showStatus=interactionsCount>0||!!caughtException||isRerunAnimating,hasException=!!caughtException||interactions.some(v=>v.status===CallStates6.ERROR);return isErrored?React15.createElement(React15.Fragment,{key:"interactions"}):React15.createElement(React15.Fragment,{key:"interactions"},React15.createElement(TabStatus,null,showStatus&&(hasException?React15.createElement(TabIcon,{status:CallStates6.ERROR}):` (${interactionsCount})`)),React15.createElement(InteractionsPanel,{calls:calls.current,controls,controlStates,interactions,fileName,hasException,caughtException,isPlaying,pausedAt,endRef,onScrollToEnd:scrollTarget&&scrollToTarget,isRerunAnimating,setIsRerunAnimating,...props}))};addons.register(ADDON_ID,()=>{addons.add(PANEL_ID,{type:types.PANEL,title:"Interactions",match:({viewMode})=>viewMode==="story",render:Panel})});
4
+ `),more=paragraphs.length>1;return React13.createElement(RowMessage,null,React13.createElement("pre",null,paragraphs[0]),more&&React13.createElement("p",null,"See the full stack trace in the browser console."))},Interaction=({call,callsById,controls,controlStates,childCallIds,isHidden,isCollapsed,toggleCollapsed,pausedAt})=>{let[isHovered,setIsHovered]=React13.useState(!1),isInteractive=!controlStates.goto||!call.interceptable||!!call.ancestors.length;return isHidden?null:React13.createElement(RowContainer,{call,pausedAt},React13.createElement(RowHeader,{isInteractive},React13.createElement(RowLabel,{"aria-label":"Interaction step",call,onClick:()=>controls.goto(call.id),disabled:isInteractive,onMouseEnter:()=>controlStates.goto&&setIsHovered(!0),onMouseLeave:()=>controlStates.goto&&setIsHovered(!1)},React13.createElement(StatusIcon,{status:isHovered?CallStates4.ACTIVE:call.status}),React13.createElement(MethodCallWrapper,{style:{marginLeft:6,marginBottom:1}},React13.createElement(MethodCall,{call,callsById}))),React13.createElement(RowActions,null,childCallIds?.length>0&&React13.createElement(WithTooltip2,{hasChrome:!1,tooltip:React13.createElement(Note2,{note:`${isCollapsed?"Show":"Hide"} interactions`})},React13.createElement(StyledIconButton2,{containsIcon:!0,onClick:toggleCollapsed},React13.createElement(Icons3,{icon:"listunordered"}))))),call.status===CallStates4.ERROR&&call.exception?.callId===call.id&&React13.createElement(Exception,{exception:call.exception}))};var Container=styled6.div(({theme:theme2,withException})=>({minHeight:"100%",background:theme2.background.content,...withException&&{backgroundColor:theme2.base==="dark"?transparentize3(.93,theme2.color.negative):theme2.background.warning}})),CaughtException=styled6.div(({theme:theme2})=>({padding:15,fontSize:theme2.typography.size.s2-1,lineHeight:"19px"})),CaughtExceptionCode=styled6.code(({theme:theme2})=>({margin:"0 1px",padding:3,fontSize:theme2.typography.size.s1-1,lineHeight:1,verticalAlign:"top",background:"rgba(0, 0, 0, 0.05)",border:`1px solid ${theme2.appBorderColor}`,borderRadius:3})),CaughtExceptionTitle=styled6.div({paddingBottom:4,fontWeight:"bold"}),CaughtExceptionDescription=styled6.p({margin:0,padding:"0 0 20px"}),CaughtExceptionStack=styled6.pre(({theme:theme2})=>({margin:0,padding:0,fontSize:theme2.typography.size.s1-1})),InteractionsPanel=React14.memo(function({calls,controls,controlStates,interactions,fileName,hasException,caughtException,isPlaying,pausedAt,onScrollToEnd,endRef,isRerunAnimating,setIsRerunAnimating,...panelProps}){return React14.createElement(AddonPanel,{...panelProps},React14.createElement(Container,{withException:!!caughtException},controlStates.debugger&&(interactions.length>0||hasException||isRerunAnimating)&&React14.createElement(Subnav,{controls,controlStates,status:isPlaying?CallStates5.ACTIVE:hasException?CallStates5.ERROR:CallStates5.DONE,storyFileName:fileName,onScrollToEnd,isRerunAnimating,setIsRerunAnimating}),React14.createElement("div",{"aria-label":"Interactions list"},interactions.map(call=>React14.createElement(Interaction,{key:call.id,call,callsById:calls,controls,controlStates,childCallIds:call.childCallIds,isHidden:call.isHidden,isCollapsed:call.isCollapsed,toggleCollapsed:call.toggleCollapsed,pausedAt}))),caughtException&&!caughtException.message?.startsWith("ignoredException")&&React14.createElement(CaughtException,null,React14.createElement(CaughtExceptionTitle,null,"Caught exception in ",React14.createElement(CaughtExceptionCode,null,"play")," function"),React14.createElement(CaughtExceptionDescription,null,"This story threw an error after it finished rendering which means your interactions couldn' t be run.Go to this story' s play function in ",fileName," to fix."),React14.createElement(CaughtExceptionStack,{"data-chromatic":"ignore"},caughtException.stack||`${caughtException.name}: ${caughtException.message}`)),React14.createElement("div",{ref:endRef}),!isPlaying&&!caughtException&&interactions.length===0&&React14.createElement(Placeholder,null,"No interactions found",React14.createElement(Link,{href:"https://storybook.js.org/docs/react/writing-stories/play-function",target:"_blank",withArrow:!0},"Learn how to add interactions to your story"))))});import{styled as styled7}from"@storybook/theming";import ReactDOM from"react-dom";var TabStatus=({children})=>{let container=global.document.getElementById("tabbutton-interactions");return container&&ReactDOM.createPortal(children,container)},TabIcon=styled7(StatusIcon)({marginLeft:5});var INITIAL_CONTROL_STATES={debugger:!1,start:!1,back:!1,goto:!1,next:!1,end:!1},getInteractions=({log,calls,collapsed,setCollapsed})=>{let callsById=new Map,childCallMap=new Map;return log.map(({callId,ancestors,status})=>{let isHidden=!1;return ancestors.forEach(ancestor=>{collapsed.has(ancestor)&&(isHidden=!0),childCallMap.set(ancestor,(childCallMap.get(ancestor)||[]).concat(callId))}),{...calls.get(callId),status,isHidden}}).map(call=>{let status=call.status===CallStates6.ERROR&&callsById.get(call.ancestors.slice(-1)[0])?.status===CallStates6.ACTIVE?CallStates6.ACTIVE:call.status;return callsById.set(call.id,{...call,status}),{...call,status,childCallIds:childCallMap.get(call.id),isCollapsed:collapsed.has(call.id),toggleCollapsed:()=>setCollapsed(ids=>(ids.has(call.id)?ids.delete(call.id):ids.add(call.id),new Set(ids)))}})},Panel=props=>{let[storyId,setStoryId]=React15.useState(),[controlStates,setControlStates]=React15.useState(INITIAL_CONTROL_STATES),[pausedAt,setPausedAt]=React15.useState(),[isErrored,setErrored]=React15.useState(!1),[isPlaying,setPlaying]=React15.useState(!1),[isRerunAnimating,setIsRerunAnimating]=React15.useState(!1),[scrollTarget,setScrollTarget]=React15.useState(),[collapsed,setCollapsed]=React15.useState(new Set),[caughtException,setCaughtException]=React15.useState(),[interactions,setInteractions]=React15.useState([]),[interactionsCount,setInteractionsCount]=React15.useState(),log=React15.useRef([]),calls=React15.useRef(new Map),setCall=({status,...call})=>calls.current.set(call.id,call),endRef=React15.useRef();React15.useEffect(()=>{let observer;return global2.IntersectionObserver&&(observer=new global2.IntersectionObserver(([end])=>setScrollTarget(end.isIntersecting?void 0:end.target),{root:global2.document.querySelector("#panel-tab-content")}),endRef.current&&observer.observe(endRef.current)),()=>observer?.disconnect()},[]);let emit=useChannel({[EVENTS.CALL]:setCall,[EVENTS.SYNC]:payload=>{setControlStates(payload.controlStates),setPausedAt(payload.pausedAt),setInteractions(getInteractions({log:payload.logItems,calls:calls.current,collapsed,setCollapsed})),log.current=payload.logItems},[STORY_RENDER_PHASE_CHANGED]:event=>{setStoryId(event.storyId),setPlaying(event.newPhase==="playing"),setPausedAt(void 0),event.newPhase==="rendering"&&(setErrored(!1),setCaughtException(void 0))},[STORY_THREW_EXCEPTION]:()=>{setErrored(!0)},[PLAY_FUNCTION_THREW_EXCEPTION]:e=>{e?.message!==IGNORED_EXCEPTION.message?setCaughtException(e):setCaughtException(void 0)}},[collapsed]);React15.useEffect(()=>{setInteractions(getInteractions({log:log.current,calls:calls.current,collapsed,setCollapsed}))},[collapsed]),React15.useEffect(()=>{isPlaying||isRerunAnimating||setInteractionsCount(interactions.filter(({method})=>method!=="step").length)},[interactions,isPlaying,isRerunAnimating]);let controls=React15.useMemo(()=>({start:()=>emit(EVENTS.START,{storyId}),back:()=>emit(EVENTS.BACK,{storyId}),goto:callId=>emit(EVENTS.GOTO,{storyId,callId}),next:()=>emit(EVENTS.NEXT,{storyId}),end:()=>emit(EVENTS.END,{storyId}),rerun:()=>{setIsRerunAnimating(!0),emit(FORCE_REMOUNT,{storyId})}}),[storyId]),storyFilePath=useParameter("fileName",""),[fileName]=storyFilePath.toString().split("/").slice(-1),scrollToTarget=()=>scrollTarget?.scrollIntoView({behavior:"smooth",block:"end"}),showStatus=interactionsCount>0||!!caughtException||isRerunAnimating,hasException=!!caughtException||interactions.some(v=>v.status===CallStates6.ERROR);return isErrored?React15.createElement(React15.Fragment,{key:"interactions"}):React15.createElement(React15.Fragment,{key:"interactions"},React15.createElement(TabStatus,null,showStatus&&(hasException?React15.createElement(TabIcon,{status:CallStates6.ERROR}):` (${interactionsCount})`)),React15.createElement(InteractionsPanel,{calls:calls.current,controls,controlStates,interactions,fileName,hasException,caughtException,isPlaying,pausedAt,endRef,onScrollToEnd:scrollTarget&&scrollToTarget,isRerunAnimating,setIsRerunAnimating,...props}))};addons.register(ADDON_ID,()=>{addons.add(PANEL_ID,{type:types.PANEL,title:"Interactions",match:({viewMode})=>viewMode==="story",render:Panel})});
package/dist/preset/checkActionsLoaded.js CHANGED
@@ -1 +1 @@
1
- var c=Object.create;var t=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var l=Object.getPrototypeOf,p=Object.prototype.hasOwnProperty;var b=(o,e)=>{for(var n in e)t(o,n,{get:e[n],enumerable:!0})},d=(o,e,n,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of f(e))!p.call(o,s)&&s!==n&&t(o,s,{get:()=>e[s],enumerable:!(a=m(e,s))||a.enumerable});return o};var k=(o,e,n)=>(n=o!=null?c(l(o)):{},d(e||!o||!o.__esModule?t(n,"default",{value:o,enumerable:!0}):n,o)),h=o=>d(t({},"__esModule",{value:!0}),o);var A={};b(A,{checkActionsLoaded:()=>u});module.exports=h(A);var r=require("@storybook/core-common"),i=k(require("path")),u=o=>{(0,r.checkAddonOrder)({before:{name:"@storybook/addon-actions",inEssentials:!0},after:{name:"@storybook/addon-interactions",inEssentials:!1},configFile:i.default.isAbsolute(o)?i.default.join(o,"main"):i.default.join(process.cwd(),o,"main"),getConfig:e=>(0,r.serverRequire)(e)})};0&&(module.exports={checkActionsLoaded});
1
+ var __create=Object.create;var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __getProtoOf=Object.getPrototypeOf,__hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toESM=(mod,isNodeMode,target)=>(target=mod!=null?__create(__getProtoOf(mod)):{},__copyProps(isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target,mod)),__toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var checkActionsLoaded_exports={};__export(checkActionsLoaded_exports,{checkActionsLoaded:()=>checkActionsLoaded});module.exports=__toCommonJS(checkActionsLoaded_exports);var import_core_common=require("@storybook/core-common"),import_path=__toESM(require("path")),checkActionsLoaded=configDir=>{(0,import_core_common.checkAddonOrder)({before:{name:"@storybook/addon-actions",inEssentials:!0},after:{name:"@storybook/addon-interactions",inEssentials:!1},configFile:import_path.default.isAbsolute(configDir)?import_path.default.join(configDir,"main"):import_path.default.join(process.cwd(),configDir,"main"),getConfig:configFile=>(0,import_core_common.serverRequire)(configFile)})};0&&(module.exports={checkActionsLoaded});
package/dist/preview.js CHANGED
@@ -1 +1 @@
1
- var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var E=Object.getOwnPropertyNames;var h=Object.prototype.hasOwnProperty;var g=(e,t)=>{for(var n in t)i(e,n,{get:t[n],enumerable:!0})},A=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of E(t))!h.call(e,o)&&o!==n&&i(e,o,{get:()=>t[o],enumerable:!(r=l(t,o))||r.enumerable});return e};var O=e=>A(i({},"__esModule",{value:!0}),e);var j={};g(j,{argsEnhancers:()=>C,parameters:()=>R,runStep:()=>F});module.exports=O(j);var u=require("@storybook/preview-api"),s=require("@storybook/core-events"),p=require("@storybook/instrumenter"),b=require("jest-mock"),f=new b.ModuleMocker(global),P=f.fn.bind(f),{action:S}=(0,p.instrument)({action:P},{retain:!0}),d=u.addons.getChannel(),y=new Set,c=[];d.on(s.FORCE_REMOUNT,()=>c.forEach(e=>{var t;return(t=e==null?void 0:e.mockClear)==null?void 0:t.call(e)}));d.on(s.STORY_RENDER_PHASE_CHANGED,({newPhase:e})=>{e==="loading"&&c.forEach(t=>{var n;return(n=t==null?void 0:t.mockClear)==null?void 0:n.call(t)})});var a=(e,t,n)=>{if(y.has(t))return t;y.add(t);try{if(Object.prototype.toString.call(t)==="[object Object]"){for(let[r,o]of Object.entries(t))t[r]=a(e,o,r);return t}if(Array.isArray(t))return t.map((r,o)=>a(e,r,`${n}[${o}]`));if(typeof t=="function"&&t.isAction){Object.defineProperty(t,"name",{value:n,writable:!1}),Object.defineProperty(t,"__storyId__",{value:e,writable:!1});let r=S(t);return c.push(r),r}}catch{}return t},_=({id:e,initialArgs:t})=>a(e,t),C=[_],{step:F}=(0,p.instrument)({step:(e,t,n)=>t(n)},{intercept:!0}),R={throwPlayFunctionExceptions:!1};0&&(module.exports={argsEnhancers,parameters,runStep});
1
+ var __defProp=Object.defineProperty;var __getOwnPropDesc=Object.getOwnPropertyDescriptor;var __getOwnPropNames=Object.getOwnPropertyNames;var __hasOwnProp=Object.prototype.hasOwnProperty;var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0})},__copyProps=(to,from,except,desc)=>{if(from&&typeof from=="object"||typeof from=="function")for(let key of __getOwnPropNames(from))!__hasOwnProp.call(to,key)&&key!==except&&__defProp(to,key,{get:()=>from[key],enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable});return to};var __toCommonJS=mod=>__copyProps(__defProp({},"__esModule",{value:!0}),mod);var preview_exports={};__export(preview_exports,{argsEnhancers:()=>argsEnhancers,parameters:()=>parameters,runStep:()=>runStep});module.exports=__toCommonJS(preview_exports);var import_preview_api=require("@storybook/preview-api"),import_core_events=require("@storybook/core-events"),import_instrumenter=require("@storybook/instrumenter"),import_jest_mock=require("jest-mock"),JestMock=new import_jest_mock.ModuleMocker(global),fn=JestMock.fn.bind(JestMock),{action}=(0,import_instrumenter.instrument)({action:fn},{retain:!0}),channel=import_preview_api.addons.getChannel(),seen=new Set,spies=[];channel.on(import_core_events.FORCE_REMOUNT,()=>spies.forEach(mock=>{var _a;return(_a=mock==null?void 0:mock.mockClear)==null?void 0:_a.call(mock)}));channel.on(import_core_events.STORY_RENDER_PHASE_CHANGED,({newPhase})=>{newPhase==="loading"&&spies.forEach(mock=>{var _a;return(_a=mock==null?void 0:mock.mockClear)==null?void 0:_a.call(mock)})});var addSpies=(id,val,key)=>{if(seen.has(val))return val;seen.add(val);try{if(Object.prototype.toString.call(val)==="[object Object]"){for(let[k,v]of Object.entries(val))val[k]=addSpies(id,v,k);return val}if(Array.isArray(val))return val.map((item,index)=>addSpies(id,item,`${key}[${index}]`));if(typeof val=="function"&&val.isAction){Object.defineProperty(val,"name",{value:key,writable:!1}),Object.defineProperty(val,"__storyId__",{value:id,writable:!1});let spy=action(val);return spies.push(spy),spy}}catch{}return val},addActionsFromArgTypes=({id,initialArgs})=>addSpies(id,initialArgs),argsEnhancers=[addActionsFromArgTypes],{step:runStep}=(0,import_instrumenter.instrument)({step:(label,play,context)=>play(context)},{intercept:!0}),parameters={throwPlayFunctionExceptions:!1};0&&(module.exports={argsEnhancers,parameters,runStep});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/addon-interactions",
3
- "version": "7.0.0-beta.2",
3
+ "version": "7.0.0-beta.21",
4
4
  "description": "Automate, test and debug user interactions",
5
5
  "keywords": [
6
6
  "storybook-addons",
@@ -23,6 +23,7 @@
23
23
  "license": "MIT",
24
24
  "exports": {
25
25
  ".": {
26
+ "node": "./dist/index.js",
26
27
  "require": "./dist/index.js",
27
28
  "import": "./dist/index.mjs",
28
29
  "types": "./dist/index.d.ts"
@@ -71,24 +72,24 @@
71
72
  "prep": "../../../scripts/prepare/bundle.ts"
72
73
  },
73
74
  "dependencies": {
74
- "@storybook/client-logger": "7.0.0-beta.2",
75
- "@storybook/components": "7.0.0-beta.2",
76
- "@storybook/core-common": "7.0.0-beta.2",
77
- "@storybook/core-events": "7.0.0-beta.2",
78
- "@storybook/instrumenter": "7.0.0-beta.2",
79
- "@storybook/manager-api": "7.0.0-beta.2",
80
- "@storybook/preview-api": "7.0.0-beta.2",
81
- "@storybook/theming": "7.0.0-beta.2",
82
- "@storybook/types": "7.0.0-beta.2",
83
- "global": "^4.4.0",
75
+ "@storybook/client-logger": "7.0.0-beta.21",
76
+ "@storybook/components": "7.0.0-beta.21",
77
+ "@storybook/core-common": "7.0.0-beta.21",
78
+ "@storybook/core-events": "7.0.0-beta.21",
79
+ "@storybook/global": "^5.0.0",
80
+ "@storybook/instrumenter": "7.0.0-beta.21",
81
+ "@storybook/manager-api": "7.0.0-beta.21",
82
+ "@storybook/preview-api": "7.0.0-beta.21",
83
+ "@storybook/theming": "7.0.0-beta.21",
84
+ "@storybook/types": "7.0.0-beta.21",
84
85
  "jest-mock": "^27.0.6",
85
86
  "polished": "^4.2.2",
86
87
  "ts-dedent": "^2.2.0"
87
88
  },
88
89
  "devDependencies": {
89
90
  "@devtools-ds/object-inspector": "^1.1.2",
90
- "@storybook/jest": "^0.0.10",
91
- "@storybook/testing-library": "0.0.14-next.0",
91
+ "@storybook/jest": "next",
92
+ "@storybook/testing-library": "next",
92
93
  "@types/node": "^16.0.0",
93
94
  "formik": "^2.2.9",
94
95
  "typescript": "~4.9.3"
@@ -117,7 +118,7 @@
117
118
  ],
118
119
  "platform": "node"
119
120
  },
120
- "gitHead": "66a0d588184add900c48d49f3a62743fa9cc5185",
121
+ "gitHead": "fb45d854842e10fa119a65c628333e3a5d495e77",
121
122
  "storybook": {
122
123
  "displayName": "Interactions",
123
124
  "unsupportedFrameworks": [