@storybook/react 7.0.0-alpha.3 → 7.0.0-alpha.30

package/dist/chunk-X53CQCCB.mjs

@@ -0,0 +1 @@
+import E from"global";import n,{Component as w,StrictMode as y,Fragment as C,useLayoutEffect as F,useRef as g}from"react";import u,{version as c}from"react-dom";var{FRAMEWORK_OPTIONS:h}=E,s=new Map,P=(t,o)=>{let{id:e,component:r}=o;if(!r)throw new Error(`Unable to render story ${e} as the component annotation is missing from the default export`);return n.createElement(r,{...t})},x=({callback:t,children:o})=>{let e=g(!1);return F(()=>{e.current||(e.current=!0,t())},[t]),o},M=async(t,o)=>{let e=await A(o);return new Promise(r=>{e?e.render(n.createElement(x,{key:Math.random(),callback:()=>r(null)},t)):u.render(t,o,()=>r(null))})},k=c&&(c.startsWith("18")||c.startsWith("0.0.0")),S=h?.legacyRootApi!==!0,d=S&&k,p=t=>{let o=s.get(t);o&&d?(o.unmount(),s.delete(t)):u.unmountComponentAtNode(t)},A=async t=>{if(!d)return null;let o=s.get(t);return o||(o=(await import("react-dom/client")).default.createRoot(t),s.set(t,o)),o},i=class extends w{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:e}=this.state,{showMain:r}=this.props;e||r()}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:r}},l=h?.strictMode?y:C;async function T({storyContext:t,unboundStoryFn:o,showMain:e,showException:r,forceRemount:R},a){let m=n.createElement(i,{showMain:e,showException:r},n.createElement(o,{...t})),f=l?n.createElement(l,null,m):m;return R&&p(a),await M(f,a),()=>p(a)}export{P as a,T as b};

package/dist/config.d.ts

@@ -0,0 +1,24 @@
+import * as lib_docs_tools_dist_types from 'lib/docs-tools/dist/types';
+import * as lib_addons_dist_types from 'lib/addons/dist/types';
+import * as _storybook_csf from '@storybook/csf';
+import { ArgsStoryFn } from '@storybook/csf';
+import { R as ReactFramework, S as StoryFnReactReturnType } from './types-9f8d440a.js';
+import { RenderContext } from '@storybook/store';
+import 'react';
+
+declare const decorators: ((storyFn: _storybook_csf.PartialStoryFn<ReactFramework, _storybook_csf.Args>, context: _storybook_csf.StoryContext<ReactFramework, _storybook_csf.Args>) => StoryFnReactReturnType)[];
+declare const argTypesEnhancers: (<TFramework extends _storybook_csf.AnyFramework>(context: _storybook_csf.StoryContextForEnhancers<TFramework, _storybook_csf.Args>) => _storybook_csf.StrictArgTypes<_storybook_csf.Args> | lib_addons_dist_types.Parameters)[];
+
+declare const render: ArgsStoryFn<ReactFramework>;
+declare function renderToDOM({ storyContext, unboundStoryFn, showMain, showException, forceRemount, }: RenderContext<ReactFramework>, domElement: Element): Promise<() => void>;
+
+declare const parameters: {
+    docs: {
+        inlineStories: boolean;
+        extractArgTypes: lib_docs_tools_dist_types.ArgTypesExtractor;
+        extractComponentDescription: typeof lib_docs_tools_dist_types.extractComponentDescription;
+    };
+    framework: string;
+};
+
+export { argTypesEnhancers, decorators, parameters, render, renderToDOM };

package/dist/config.js

@@ -0,0 +1,7 @@
+"use strict";var st=Object.create;var V=Object.defineProperty;var it=Object.getOwnPropertyDescriptor;var at=Object.getOwnPropertyNames;var pt=Object.getPrototypeOf,ct=Object.prototype.hasOwnProperty;var ut=(e,t)=>{for(var r in t)V(e,r,{get:t[r],enumerable:!0})},le=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of at(t))!ct.call(e,o)&&o!==r&&V(e,o,{get:()=>t[o],enumerable:!(n=it(t,o))||n.enumerable});return e};var l=(e,t,r)=>(r=e!=null?st(pt(e)):{},le(t||!e||!e.__esModule?V(r,"default",{value:e,enumerable:!0}):r,e)),lt=e=>le(V({},"__esModule",{value:!0}),e);var sr={};ut(sr,{argTypesEnhancers:()=>Qe,decorators:()=>ze,parameters:()=>or,render:()=>rt,renderToDOM:()=>ot});module.exports=lt(sr);var z=require("@storybook/docs-tools");var ae=l(require("prop-types")),P=require("@storybook/docs-tools");var C=require("@storybook/docs-tools");function fe(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let o=[];if(r){let s=e.map(a=>{let p=a.getPrettyName(),i=a.getTypeName();return i!=null?`${p}: ${i}`:p});o.push(`(${s.join(", ")})`)}else o.push("()");return n&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function me(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let o=[];return r?o.push("( ... )"):o.push("()"),n&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function ye(e){return e.replace(/,/g,`,\r
+`)}var v="custom",I="object",j="array",Te="class",y="func",T="element";var de=l(require("html-tags"));function A(e){return de.default.includes(e.toLowerCase())}var ge=require("escodegen"),Ee=require("ts-dedent"),Ie={format:{indent:{style:"  "},semicolons:!1}},ft={...Ie,format:{newline:""}},mt={...Ie};function d(e,t=!1){return(0,ge.generate)(e,t?ft:mt)}function k(e,t=!1){return t?yt(e):d(e)}function yt(e){let t=d(e,!0);return t.endsWith(" }")||(t=`${t.slice(0,-1)} }`),t}function Z(e,t=!1){return t?dt(e):Tt(e)}function Tt(e){let t=d(e);return t.endsWith("  }]")&&(t=(0,Ee.dedent)(t)),t}function dt(e){let t=d(e,!0);return t.startsWith("[    ")&&(t=t.replace("[    ","[")),t}var _=e=>e.$$typeof===Symbol.for("react.memo"),he=e=>e.$$typeof===Symbol.for("react.forward_ref");var Ce=require("acorn"),Pe=l(require("acorn-jsx")),R=l(require("acorn-walk"));var ee={...R.base,JSXElement:()=>{}},gt=Ce.Parser.extend((0,Pe.default)());function w(e){return e!=null?e.name:null}function Re(e){return e.filter(t=>t.type==="ObjectExpression"||t.type==="ArrayExpression")}function Oe(e){let t=[];return R.ancestor(e,{ObjectExpression(r,n){t.push(Re(n).length)},ArrayExpression(r,n){t.push(Re(n).length)}},ee),Math.max(...t)}function Et(e){return{inferredType:{type:"Identifier",identifier:w(e)},ast:e}}function It(e){return{inferredType:{type:"Literal"},ast:e}}function ht(e){let t;R.simple(e.body,{JSXElement(s){t=s}},ee);let n={type:t!=null?"Element":"Function",params:e.params,hasParams:e.params.length!==0},o=w(e.id);return o!=null&&(n.identifier=o),{inferredType:n,ast:e}}function Rt(e){let t;return R.simple(e.body,{JSXElement(n){t=n}},ee),{inferredType:{type:t!=null?"Element":"Class",identifier:w(e.id)},ast:e}}function Ct(e){let t={type:"Element"},r=w(e.openingElement.name);return r!=null&&(t.identifier=r),{inferredType:t,ast:e}}function Pt(e){let t=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return w(t)==="shape"?Ne(e.arguments[0]):null}function Ne(e){return{inferredType:{type:"Object",depth:Oe(e)},ast:e}}function Ot(e){return{inferredType:{type:"Array",depth:Oe(e)},ast:e}}function Nt(e){switch(e.type){case"Identifier":return Et(e);case"Literal":return It(e);case"FunctionExpression":case"ArrowFunctionExpression":return ht(e);case"ClassExpression":return Rt(e);case"JSXElement":return Ct(e);case"CallExpression":return Pt(e);case"ObjectExpression":return Ne(e);case"ArrayExpression":return Ot(e);default:return null}}function xe(e){let t=gt.parse(`(${e})`),r={inferredType:{type:"Unknown"},ast:t};if(t.body[0]!=null){let n=t.body[0];switch(n.type){case"ExpressionStatement":{let o=Nt(n.expression);o!=null&&(r=o);break}default:break}}return r}function f(e){try{return{...xe(e)}}catch{}return{inferredType:{type:"Unknown"}}}var xt=150;function c({name:e,short:t,compact:r,full:n,inferredType:o}){return{name:e,short:t,compact:r,full:n??t,inferredType:o}}function be(e){return e.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}function Ae(e){return e.split(/\r?\n/)}function $(e,t=!1){return be(k(e,t))}function Se(e,t=!1){return be(d(e,t))}function At(e){switch(e){case"Object":return I;case"Array":return j;case"Class":return Te;case"Function":return y;case"Element":return T;default:return v}}function je(e,t){let{inferredType:r,ast:n}=f(e),{type:o}=r,s,a,p;switch(o){case"Identifier":case"Literal":s=e,a=e;break;case"Object":{let{depth:i}=r;s=I,a=i===1?$(n,!0):null,p=$(n);break}case"Element":{let{identifier:i}=r;s=i!=null&&!A(i)?i:T,a=Ae(e).length===1?e:null,p=e;break}case"Array":{let{depth:i}=r;s=j,a=i<=2?Se(n,!0):null,p=Se(n);break}default:s=At(o),a=Ae(e).length===1?e:null,p=e;break}return c({name:t,short:s,compact:a,full:p,inferredType:o})}function St({raw:e}){return e!=null?je(e,"custom"):c({name:"custom",short:v,compact:v})}function Ft(e){let{jsDocTags:t}=e;return t!=null&&(t.params!=null||t.returns!=null)?c({name:"func",short:me(t.params,t.returns),compact:null,full:fe(t.params,t.returns)}):c({name:"func",short:y,compact:y})}function Dt(e,t){let r=Object.keys(e.value).map(a=>`${a}: ${S(e.value[a],t).full}`).join(", "),{inferredType:n,ast:o}=f(`{ ${r} }`),{depth:s}=n;return c({name:"shape",short:I,compact:s===1&&o?$(o,!0):null,full:o?$(o):null})}function te(e){return`objectOf(${e})`}function bt(e,t){let{short:r,compact:n,full:o}=S(e.value,t);return c({name:"objectOf",short:te(r),compact:n!=null?te(n):null,full:o&&te(o)})}function jt(e,t){if(Array.isArray(e.value)){let r=e.value.reduce((n,o)=>{let{short:s,compact:a,full:p}=S(o,t);return n.short.push(s),n.compact.push(a),n.full.push(p),n},{short:[],compact:[],full:[]});return c({name:"union",short:r.short.join(" | "),compact:r.compact.every(n=>n!=null)?r.compact.join(" | "):null,full:r.full.join(" | ")})}return c({name:"union",short:e.value,compact:null})}function kt({value:e,computed:t}){return t?je(e,"enumvalue"):c({name:"enumvalue",short:e,compact:e})}function wt(e){if(Array.isArray(e.value)){let t=e.value.reduce((r,n)=>{let{short:o,compact:s,full:a}=kt(n);return r.short.push(o),r.compact.push(s),r.full.push(a),r},{short:[],compact:[],full:[]});return c({name:"enum",short:t.short.join(" | "),compact:t.compact.every(r=>r!=null)?t.compact.join(" | "):null,full:t.full.join(" | ")})}return c({name:"enum",short:e.value,compact:e.value})}function re(e){return`${e}[]`}function Fe(e){return`[${e}]`}function De(e,t,r){return c({name:"arrayOf",short:re(e),compact:t!=null?Fe(t):null,full:r&&Fe(r)})}function Mt(e,t){let{name:r,short:n,compact:o,full:s,inferredType:a}=S(e.value,t);if(r==="custom"){if(a==="Object")return De(n,o,s)}else if(r==="shape")return De(n,o,s);return c({name:"arrayOf",short:re(n),compact:re(n)})}function S(e,t){try{switch(e.name){case"custom":return St(e);case"func":return Ft(t);case"shape":return Dt(e,t);case"instanceOf":return c({name:"instanceOf",short:e.value,compact:e.value});case"objectOf":return bt(e,t);case"union":return jt(e,t);case"enum":return wt(e);case"arrayOf":return Mt(e,t);default:return c({name:e.name,short:e.name,compact:e.name})}}catch(r){console.error(r)}return c({name:"unknown",short:"unknown",compact:"unknown"})}function ke(e){let{type:t}=e.docgenInfo;if(t==null)return null;try{switch(t.name){case"custom":case"shape":case"instanceOf":case"objectOf":case"union":case"enum":case"arrayOf":{let{short:r,compact:n,full:o}=S(t,e);return n!=null&&!(0,C.isTooLongForTypeSummary)(n)?(0,C.createSummaryValue)(n):o?(0,C.createSummaryValue)(r,o):(0,C.createSummaryValue)(r)}case"func":{let{short:r,full:n}=S(t,e),o=r,s;return n&&n.length<xt?o=n:n&&(s=ye(n)),(0,C.createSummaryValue)(o,s)}default:return null}}catch(r){console.error(r)}return null}var g=require("@storybook/docs-tools");var M=require("@storybook/docs-tools");function Y({inferredType:e,ast:t}){let{depth:r}=e;if(r===1){let n=k(t,!0);if(!(0,M.isTooLongForDefaultValueSummary)(n))return(0,M.createSummaryValue)(n)}return(0,M.createSummaryValue)(I,k(t))}var J=require("@storybook/docs-tools");function W({inferredType:e,ast:t}){let{depth:r}=e;if(r<=2){let n=Z(t,!0);if(!(0,J.isTooLongForDefaultValueSummary)(n))return(0,J.createSummaryValue)(n)}return(0,J.createSummaryValue)(j,Z(t))}function L(e,t){return t?`${e}( ... )`:`${e}()`}function F(e){return`<${e} />`}function ne(e){let{type:t,identifier:r}=e;switch(t){case"Function":return L(r,e.hasParams);case"Element":return F(r);default:return r}}function Jt({inferredType:e,ast:t}){let{identifier:r}=e;if(r!=null)return(0,g.createSummaryValue)(ne(e),d(t));let n=d(t,!0);return(0,g.isTooLongForDefaultValueSummary)(n)?(0,g.createSummaryValue)(y,d(t)):(0,g.createSummaryValue)(n)}function Lt(e,t){let{inferredType:r}=t,{identifier:n}=r;if(n!=null&&!A(n)){let o=ne(r);return(0,g.createSummaryValue)(o,e)}return(0,g.isTooLongForDefaultValueSummary)(e)?(0,g.createSummaryValue)(T,e):(0,g.createSummaryValue)(e)}function X(e){try{let t=f(e);switch(t.inferredType.type){case"Object":return Y(t);case"Function":return Jt(t);case"Element":return Lt(e,t);case"Array":return W(t);default:return null}}catch(t){console.error(t)}return null}var we=l(require("lodash/isPlainObject")),oe=l(require("lodash/isFunction")),Me=l(require("lodash/isString")),se=l(require("react-element-to-jsx-string")),m=require("@storybook/docs-tools");function Je(e){return e.$$typeof!=null}function ie(e,t){let{name:r}=e;return r!==""&&r!=="anonymous"&&r!==t?r:null}var Ut=e=>(0,m.createSummaryValue)(JSON.stringify(e));function Vt(e){let{type:t}=e,{displayName:r}=t,n=(0,se.default)(e,{});if(r!=null){let o=F(r);return(0,m.createSummaryValue)(o,n)}if((0,Me.default)(t)&&A(t)){let s=(0,se.default)(e,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!(0,m.isTooLongForDefaultValueSummary)(s))return(0,m.createSummaryValue)(s)}return(0,m.createSummaryValue)(T,n)}var vt=e=>{if(Je(e)&&e.type!=null)return Vt(e);if((0,we.default)(e)){let t=f(JSON.stringify(e));return Y(t)}if(Array.isArray(e)){let t=f(JSON.stringify(e));return W(t)}return(0,m.createSummaryValue)(I)},_t=(e,t)=>{let r=!1,n;if((0,oe.default)(e.render))r=!0;else if(e.prototype!=null&&(0,oe.default)(e.prototype.render))r=!0;else{let s;try{n=f(e.toString());let{hasParams:a,params:p}=n.inferredType;a?p.length===1&&p[0].type==="ObjectPattern"&&(s=e({})):s=e(),s!=null&&Je(s)&&(r=!0)}catch{}}let o=ie(e,t.name);if(o!=null){if(r)return(0,m.createSummaryValue)(F(o));n!=null&&(n=f(e.toString()));let{hasParams:s}=n.inferredType;return(0,m.createSummaryValue)(L(o,s))}return(0,m.createSummaryValue)(r?T:y)},Bt=e=>(0,m.createSummaryValue)(e.toString()),Le={string:Ut,object:vt,function:_t,default:Bt};function Ue(e={}){return{...Le,...e}}function H(e,t,r=Le){try{switch(typeof e){case"string":return r.string(e,t);case"object":return r.object(e,t);case"function":return r.function(e,t);default:return r.default(e,t)}}catch(n){console.error(n)}return null}function Ve(e,t){let{propTypes:r}=t;return r!=null?Object.keys(r).map(n=>e.find(o=>o.name===n)).filter(Boolean):e}var q=require("@storybook/docs-tools");var $t=(e,{name:t,type:r})=>{let n=r.summary==="element"||r.summary==="elementType",o=ie(e,t);if(o!=null){if(n)return(0,q.createSummaryValue)(F(o));let{hasParams:s}=f(e.toString()).inferredType;return(0,q.createSummaryValue)(L(o,s))}return(0,q.createSummaryValue)(n?T:y)},ve=Ue({function:$t});function Yt(e,t){let{propDef:r}=e,n=ke(e);n!=null&&(r.type=n);let{defaultValue:o}=e.docgenInfo;if(o!=null&&o.value!=null){let s=X(o.value);s!=null&&(r.defaultValue=s)}else if(t!=null){let s=H(t,r,ve);s!=null&&(r.defaultValue=s)}return r}function _e(e,t){let r=t.defaultProps!=null?t.defaultProps:{},n=e.map(o=>Yt(o,r[o.propDef.name]));return Ve(n,t)}function Wt(e,t){let{propDef:r}=e,{defaultValue:n}=e.docgenInfo;if(n!=null&&n.value!=null){let o=X(n.value);o!=null&&(r.defaultValue=o)}else if(t!=null){let o=H(t,r);o!=null&&(r.defaultValue=o)}return r}function Be(e){return e.map(t=>Wt(t))}var $e=new Map;Object.keys(ae.default).forEach(e=>{let t=ae.default[e];$e.set(t,e),$e.set(t.isRequired,e)});function Xt(e,t){let r=e;!(0,P.hasDocgen)(e)&&!e.propTypes&&_(e)&&(r=e.type);let n=(0,P.extractComponentProps)(r,t);if(n.length===0)return[];switch(n[0].typeSystem){case P.TypeSystem.JAVASCRIPT:return _e(n,e);case P.TypeSystem.TYPESCRIPT:return Be(n);default:return n.map(o=>o.propDef)}}var Ye=e=>({rows:Xt(e,"props")});var We=e=>{if(e){let{rows:t}=Ye(e);if(t)return t.reduce((r,n)=>{let{name:o,description:s,type:a,sbType:p,defaultValue:i,jsDocTags:h,required:x}=n;return r[o]={name:o,description:s,type:{required:x,...p},table:{type:a,jsDocTags:h,defaultValue:i}},r},{})}return null};var D=l(require("react")),G=l(require("react-element-to-jsx-string")),Xe=require("ts-dedent"),He=l(require("util-deprecate")),K=require("@storybook/addons"),O=require("@storybook/docs-tools"),U=require("@storybook/client-logger");var Ht=(e,t)=>typeof t.onBeforeRender!="function"?e:(0,He.default)(t.onBeforeRender,Xe.dedent`
+      StoryFn.parameters.jsx.onBeforeRender was deprecated.
+      Prefer StoryFn.parameters.jsx.transformSource instead.
+      See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-onbeforerender for details.
+    `)(e),qt=(e,t,r)=>typeof t.transformSource!="function"?e:t.transformSource(e,r),Gt=(e,t)=>{if(typeof e>"u")return U.logger.warn("Too many skip or undefined component"),null;let r=e,n=r.type;for(let i=0;i<t.skip;i+=1){if(typeof r>"u")return U.logger.warn("Cannot skip undefined element"),null;if(D.default.Children.count(r)>1)return U.logger.warn("Trying to skip an array of elements"),null;typeof r.props.children>"u"?(U.logger.warn("Not enough children to skip elements."),typeof r.type=="function"&&r.type.name===""&&(r=D.default.createElement(n,{...r.props}))):typeof r.props.children=="function"?r=r.props.children():r=r.props.children}let a={...typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||(0,O.getDocgenSection)(i.type,"displayName")||(i.type.name!=="_default"?i.type.name:null)||(typeof i.type=="function"?"No Display Name":null)||(he(i.type)?i.type.render.name:null)||(_(i.type)?i.type.type.name:null)||i.type},...{filterProps:(i,h)=>i!==void 0},...t};return D.default.Children.map(e,i=>{let h=typeof i=="number"?i.toString():i,x=typeof G.default=="function"?G.default:G.default.default,E=Ht(x(h,a),t);if(E.indexOf("&quot;")>-1){let ce=E.match(/\S+=\\"([^"]*)\\"/g);ce&&ce.forEach(ue=>{E=E.replace(ue,ue.replace(/&quot;/g,"'"))})}return E}).join(`
+`).replace(/function\s+noRefCheck\(\)\s+\{\}/,"() => {}")},Kt={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},zt=e=>{var n;let t=(n=e==null?void 0:e.parameters.docs)==null?void 0:n.source,r=e==null?void 0:e.parameters.__isArgsStory;return(t==null?void 0:t.type)===O.SourceType.DYNAMIC?!1:!r||(t==null?void 0:t.code)||(t==null?void 0:t.type)===O.SourceType.CODE},Qt=e=>{var t,r;return((t=e.type)==null?void 0:t.displayName)==="MDXCreateElement"&&!!((r=e.props)!=null&&r.mdxType)},qe=e=>{if(!Qt(e))return e;let{mdxType:t,originalType:r,children:n,...o}=e.props,s=[];return n&&(s=(Array.isArray(n)?n:[n]).map(qe)),(0,D.createElement)(r,o,...s)},Ge=(e,t)=>{var x,E;let r=K.addons.getChannel(),n=zt(t),o="";(0,K.useEffect)(()=>{n||r.emit(O.SNIPPET_RENDERED,(t||{}).id,o)});let s=e();if(n)return s;let a={...Kt,...(t==null?void 0:t.parameters.jsx)||{}},p=(E=(x=t==null?void 0:t.parameters.docs)==null?void 0:x.source)!=null&&E.excludeDecorators?t.originalStoryFn(t.args,t):s,i=qe(p),h=Gt(i,a);return h&&(o=qt(h,a,t)),s};var Ke={docs:{inlineStories:!0,extractArgTypes:We,extractComponentDescription:z.extractComponentDescription}},ze=[Ge],Qe=[z.enhanceArgTypes];var tt=l(require("global")),u=l(require("react")),N=l(require("react-dom")),{FRAMEWORK_OPTIONS:b}=tt.default,Q=new Map,rt=(e,t)=>{let{id:r,component:n}=t;if(!n)throw new Error(`Unable to render story ${r} as the component annotation is missing from the default export`);return u.default.createElement(n,{...e})},Zt=({callback:e,children:t})=>{let r=(0,u.useRef)(!1);return(0,u.useLayoutEffect)(()=>{r.current||(r.current=!0,e())},[e]),t},er=async(e,t)=>{let r=await nr(t);return new Promise(n=>{r?r.render(u.default.createElement(Zt,{key:Math.random(),callback:()=>n(null)},e)):N.default.render(e,t,()=>n(null))})},tr=N.version&&(N.version.startsWith("18")||N.version.startsWith("0.0.0")),rr=(b==null?void 0:b.legacyRootApi)!==!0,nt=rr&&tr,Ze=e=>{let t=Q.get(e);t&&nt?(t.unmount(),Q.delete(e)):N.default.unmountComponentAtNode(e)},nr=async e=>{if(!nt)return null;let t=Q.get(e);return t||(t=(await import("react-dom/client")).default.createRoot(e),Q.set(e,t)),t},pe=class extends u.Component{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:r}=this.state,{showMain:n}=this.props;r||n()}componentDidCatch(r){let{showException:n}=this.props;n(r)}render(){let{hasError:r}=this.state,{children:n}=this.props;return r?null:n}},et=b!=null&&b.strictMode?u.StrictMode:u.Fragment;async function ot({storyContext:e,unboundStoryFn:t,showMain:r,showException:n,forceRemount:o},s){let p=u.default.createElement(pe,{showMain:r,showException:n},u.default.createElement(t,{...e})),i=et?u.default.createElement(et,null,p):p;return o&&Ze(s),await er(i,s),()=>Ze(s)}var or={framework:"react",...Ke};0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToDOM});

package/dist/config.mjs

@@ -0,0 +1,7 @@
+import{a as ke,b as Le}from"./chunk-X53CQCCB.mjs";import{extractComponentDescription as $t,enhanceArgTypes as Yt}from"@storybook/docs-tools";import Re from"prop-types";import{hasDocgen as At,extractComponentProps as St,TypeSystem as Ce}from"@storybook/docs-tools";import{createSummaryValue as D,isTooLongForTypeSummary as tt}from"@storybook/docs-tools";function G(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let o=[];if(r){let s=e.map(a=>{let c=a.getPrettyName(),i=a.getTypeName();return i!=null?`${c}: ${i}`:c});o.push(`(${s.join(", ")})`)}else o.push("()");return n&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function z(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let o=[];return r?o.push("( ... )"):o.push("()"),n&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function Q(e){return e.replace(/,/g,`,\r
+`)}var S="custom",d="object",h="array",Z="class",f="func",m="element";import Me from"html-tags";function E(e){return Me.includes(e.toLowerCase())}import{generate as Ve}from"escodegen";import{dedent as Ue}from"ts-dedent";var ee={format:{indent:{style:"  "},semicolons:!1}},_e={...ee,format:{newline:""}},ve={...ee};function y(e,t=!1){return Ve(e,t?_e:ve)}function R(e,t=!1){return t?we(e):y(e)}function we(e){let t=y(e,!0);return t.endsWith(" }")||(t=`${t.slice(0,-1)} }`),t}function _(e,t=!1){return t?$e(e):Be(e)}function Be(e){let t=y(e);return t.endsWith("  }]")&&(t=Ue(t)),t}function $e(e){let t=y(e,!0);return t.startsWith("[    ")&&(t=t.replace("[    ","[")),t}var F=e=>e.$$typeof===Symbol.for("react.memo"),te=e=>e.$$typeof===Symbol.for("react.forward_ref");import{Parser as Ye}from"acorn";import Xe from"acorn-jsx";import*as I from"acorn-walk";var v={...I.base,JSXElement:()=>{}},We=Ye.extend(Xe());function C(e){return e!=null?e.name:null}function re(e){return e.filter(t=>t.type==="ObjectExpression"||t.type==="ArrayExpression")}function ne(e){let t=[];return I.ancestor(e,{ObjectExpression(r,n){t.push(re(n).length)},ArrayExpression(r,n){t.push(re(n).length)}},v),Math.max(...t)}function He(e){return{inferredType:{type:"Identifier",identifier:C(e)},ast:e}}function qe(e){return{inferredType:{type:"Literal"},ast:e}}function Ke(e){let t;I.simple(e.body,{JSXElement(s){t=s}},v);let n={type:t!=null?"Element":"Function",params:e.params,hasParams:e.params.length!==0},o=C(e.id);return o!=null&&(n.identifier=o),{inferredType:n,ast:e}}function Ge(e){let t;return I.simple(e.body,{JSXElement(n){t=n}},v),{inferredType:{type:t!=null?"Element":"Class",identifier:C(e.id)},ast:e}}function ze(e){let t={type:"Element"},r=C(e.openingElement.name);return r!=null&&(t.identifier=r),{inferredType:t,ast:e}}function Qe(e){let t=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return C(t)==="shape"?oe(e.arguments[0]):null}function oe(e){return{inferredType:{type:"Object",depth:ne(e)},ast:e}}function Ze(e){return{inferredType:{type:"Array",depth:ne(e)},ast:e}}function et(e){switch(e.type){case"Identifier":return He(e);case"Literal":return qe(e);case"FunctionExpression":case"ArrowFunctionExpression":return Ke(e);case"ClassExpression":return Ge(e);case"JSXElement":return ze(e);case"CallExpression":return Qe(e);case"ObjectExpression":return oe(e);case"ArrayExpression":return Ze(e);default:return null}}function se(e){let t=We.parse(`(${e})`),r={inferredType:{type:"Unknown"},ast:t};if(t.body[0]!=null){let n=t.body[0];switch(n.type){case"ExpressionStatement":{let o=et(n.expression);o!=null&&(r=o);break}default:break}}return r}function l(e){try{return{...se(e)}}catch{}return{inferredType:{type:"Unknown"}}}var rt=150;function u({name:e,short:t,compact:r,full:n,inferredType:o}){return{name:e,short:t,compact:r,full:n??t,inferredType:o}}function ue(e){return e.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}function ie(e){return e.split(/\r?\n/)}function j(e,t=!1){return ue(R(e,t))}function ae(e,t=!1){return ue(y(e,t))}function nt(e){switch(e){case"Object":return d;case"Array":return h;case"Class":return Z;case"Function":return f;case"Element":return m;default:return S}}function le(e,t){let{inferredType:r,ast:n}=l(e),{type:o}=r,s,a,c;switch(o){case"Identifier":case"Literal":s=e,a=e;break;case"Object":{let{depth:i}=r;s=d,a=i===1?j(n,!0):null,c=j(n);break}case"Element":{let{identifier:i}=r;s=i!=null&&!E(i)?i:m,a=ie(e).length===1?e:null,c=e;break}case"Array":{let{depth:i}=r;s=h,a=i<=2?ae(n,!0):null,c=ae(n);break}default:s=nt(o),a=ie(e).length===1?e:null,c=e;break}return u({name:t,short:s,compact:a,full:c,inferredType:o})}function ot({raw:e}){return e!=null?le(e,"custom"):u({name:"custom",short:S,compact:S})}function st(e){let{jsDocTags:t}=e;return t!=null&&(t.params!=null||t.returns!=null)?u({name:"func",short:z(t.params,t.returns),compact:null,full:G(t.params,t.returns)}):u({name:"func",short:f,compact:f})}function it(e,t){let r=Object.keys(e.value).map(a=>`${a}: ${P(e.value[a],t).full}`).join(", "),{inferredType:n,ast:o}=l(`{ ${r} }`),{depth:s}=n;return u({name:"shape",short:d,compact:s===1&&o?j(o,!0):null,full:o?j(o):null})}function w(e){return`objectOf(${e})`}function at(e,t){let{short:r,compact:n,full:o}=P(e.value,t);return u({name:"objectOf",short:w(r),compact:n!=null?w(n):null,full:o&&w(o)})}function pt(e,t){if(Array.isArray(e.value)){let r=e.value.reduce((n,o)=>{let{short:s,compact:a,full:c}=P(o,t);return n.short.push(s),n.compact.push(a),n.full.push(c),n},{short:[],compact:[],full:[]});return u({name:"union",short:r.short.join(" | "),compact:r.compact.every(n=>n!=null)?r.compact.join(" | "):null,full:r.full.join(" | ")})}return u({name:"union",short:e.value,compact:null})}function ct({value:e,computed:t}){return t?le(e,"enumvalue"):u({name:"enumvalue",short:e,compact:e})}function ut(e){if(Array.isArray(e.value)){let t=e.value.reduce((r,n)=>{let{short:o,compact:s,full:a}=ct(n);return r.short.push(o),r.compact.push(s),r.full.push(a),r},{short:[],compact:[],full:[]});return u({name:"enum",short:t.short.join(" | "),compact:t.compact.every(r=>r!=null)?t.compact.join(" | "):null,full:t.full.join(" | ")})}return u({name:"enum",short:e.value,compact:e.value})}function B(e){return`${e}[]`}function pe(e){return`[${e}]`}function ce(e,t,r){return u({name:"arrayOf",short:B(e),compact:t!=null?pe(t):null,full:r&&pe(r)})}function lt(e,t){let{name:r,short:n,compact:o,full:s,inferredType:a}=P(e.value,t);if(r==="custom"){if(a==="Object")return ce(n,o,s)}else if(r==="shape")return ce(n,o,s);return u({name:"arrayOf",short:B(n),compact:B(n)})}function P(e,t){try{switch(e.name){case"custom":return ot(e);case"func":return st(t);case"shape":return it(e,t);case"instanceOf":return u({name:"instanceOf",short:e.value,compact:e.value});case"objectOf":return at(e,t);case"union":return pt(e,t);case"enum":return ut(e);case"arrayOf":return lt(e,t);default:return u({name:e.name,short:e.name,compact:e.name})}}catch(r){console.error(r)}return u({name:"unknown",short:"unknown",compact:"unknown"})}function fe(e){let{type:t}=e.docgenInfo;if(t==null)return null;try{switch(t.name){case"custom":case"shape":case"instanceOf":case"objectOf":case"union":case"enum":case"arrayOf":{let{short:r,compact:n,full:o}=P(t,e);return n!=null&&!tt(n)?D(n):o?D(r,o):D(r)}case"func":{let{short:r,full:n}=P(t,e),o=r,s;return n&&n.length<rt?o=n:n&&(s=Q(n)),D(o,s)}default:return null}}catch(r){console.error(r)}return null}import{createSummaryValue as N,isTooLongForDefaultValueSummary as Te}from"@storybook/docs-tools";import{createSummaryValue as me,isTooLongForDefaultValueSummary as ft}from"@storybook/docs-tools";function J({inferredType:e,ast:t}){let{depth:r}=e;if(r===1){let n=R(t,!0);if(!ft(n))return me(n)}return me(d,R(t))}import{createSummaryValue as ye,isTooLongForDefaultValueSummary as mt}from"@storybook/docs-tools";function k({inferredType:e,ast:t}){let{depth:r}=e;if(r<=2){let n=_(t,!0);if(!mt(n))return ye(n)}return ye(h,_(t))}function A(e,t){return t?`${e}( ... )`:`${e}()`}function O(e){return`<${e} />`}function $(e){let{type:t,identifier:r}=e;switch(t){case"Function":return A(r,e.hasParams);case"Element":return O(r);default:return r}}function yt({inferredType:e,ast:t}){let{identifier:r}=e;if(r!=null)return N($(e),y(t));let n=y(t,!0);return Te(n)?N(f,y(t)):N(n)}function Tt(e,t){let{inferredType:r}=t,{identifier:n}=r;if(n!=null&&!E(n)){let o=$(r);return N(o,e)}return Te(e)?N(m,e):N(e)}function L(e){try{let t=l(e);switch(t.inferredType.type){case"Object":return J(t);case"Function":return yt(t);case"Element":return Tt(e,t);case"Array":return k(t);default:return null}}catch(t){console.error(t)}return null}import dt from"lodash/isPlainObject";import de from"lodash/isFunction";import gt from"lodash/isString";import ge from"react-element-to-jsx-string";import{createSummaryValue as T,isTooLongForDefaultValueSummary as It}from"@storybook/docs-tools";function Ie(e){return e.$$typeof!=null}function Y(e,t){let{name:r}=e;return r!==""&&r!=="anonymous"&&r!==t?r:null}var Et=e=>T(JSON.stringify(e));function Pt(e){let{type:t}=e,{displayName:r}=t,n=ge(e,{});if(r!=null){let o=O(r);return T(o,n)}if(gt(t)&&E(t)){let s=ge(e,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!It(s))return T(s)}return T(m,n)}var Ot=e=>{if(Ie(e)&&e.type!=null)return Pt(e);if(dt(e)){let t=l(JSON.stringify(e));return J(t)}if(Array.isArray(e)){let t=l(JSON.stringify(e));return k(t)}return T(d)},Nt=(e,t)=>{let r=!1,n;if(de(e.render))r=!0;else if(e.prototype!=null&&de(e.prototype.render))r=!0;else{let s;try{n=l(e.toString());let{hasParams:a,params:c}=n.inferredType;a?c.length===1&&c[0].type==="ObjectPattern"&&(s=e({})):s=e(),s!=null&&Ie(s)&&(r=!0)}catch{}}let o=Y(e,t.name);if(o!=null){if(r)return T(O(o));n!=null&&(n=l(e.toString()));let{hasParams:s}=n.inferredType;return T(A(o,s))}return T(r?m:f)},xt=e=>T(e.toString()),Ee={string:Et,object:Ot,function:Nt,default:xt};function Pe(e={}){return{...Ee,...e}}function M(e,t,r=Ee){try{switch(typeof e){case"string":return r.string(e,t);case"object":return r.object(e,t);case"function":return r.function(e,t);default:return r.default(e,t)}}catch(n){console.error(n)}return null}function Oe(e,t){let{propTypes:r}=t;return r!=null?Object.keys(r).map(n=>e.find(o=>o.name===n)).filter(Boolean):e}import{createSummaryValue as X}from"@storybook/docs-tools";var ht=(e,{name:t,type:r})=>{let n=r.summary==="element"||r.summary==="elementType",o=Y(e,t);if(o!=null){if(n)return X(O(o));let{hasParams:s}=l(e.toString()).inferredType;return X(A(o,s))}return X(n?m:f)},Ne=Pe({function:ht});function Rt(e,t){let{propDef:r}=e,n=fe(e);n!=null&&(r.type=n);let{defaultValue:o}=e.docgenInfo;if(o!=null&&o.value!=null){let s=L(o.value);s!=null&&(r.defaultValue=s)}else if(t!=null){let s=M(t,r,Ne);s!=null&&(r.defaultValue=s)}return r}function xe(e,t){let r=t.defaultProps!=null?t.defaultProps:{},n=e.map(o=>Rt(o,r[o.propDef.name]));return Oe(n,t)}function Ct(e,t){let{propDef:r}=e,{defaultValue:n}=e.docgenInfo;if(n!=null&&n.value!=null){let o=L(n.value);o!=null&&(r.defaultValue=o)}else if(t!=null){let o=M(t,r);o!=null&&(r.defaultValue=o)}return r}function he(e){return e.map(t=>Ct(t))}var Ae=new Map;Object.keys(Re).forEach(e=>{let t=Re[e];Ae.set(t,e),Ae.set(t.isRequired,e)});function Ft(e,t){let r=e;!At(e)&&!e.propTypes&&F(e)&&(r=e.type);let n=St(r,t);if(n.length===0)return[];switch(n[0].typeSystem){case Ce.JAVASCRIPT:return xe(n,e);case Ce.TYPESCRIPT:return he(n);default:return n.map(o=>o.propDef)}}var Se=e=>({rows:Ft(e,"props")});var Fe=e=>{if(e){let{rows:t}=Se(e);if(t)return t.reduce((r,n)=>{let{name:o,description:s,type:a,sbType:c,defaultValue:i,jsDocTags:g,required:U}=n;return r[o]={name:o,description:s,type:{required:U,...c},table:{type:a,jsDocTags:g,defaultValue:i}},r},{})}return null};import W,{createElement as bt}from"react";import H from"react-element-to-jsx-string";import{dedent as Dt}from"ts-dedent";import jt from"util-deprecate";import{addons as Jt,useEffect as kt}from"@storybook/addons";import{SourceType as be,SNIPPET_RENDERED as Lt,getDocgenSection as Mt}from"@storybook/docs-tools";import{logger as V}from"@storybook/client-logger";var Vt=(e,t)=>typeof t.onBeforeRender!="function"?e:jt(t.onBeforeRender,Dt`
+      StoryFn.parameters.jsx.onBeforeRender was deprecated.
+      Prefer StoryFn.parameters.jsx.transformSource instead.
+      See https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-onbeforerender for details.
+    `)(e),Ut=(e,t,r)=>typeof t.transformSource!="function"?e:t.transformSource(e,r),_t=(e,t)=>{if(typeof e>"u")return V.warn("Too many skip or undefined component"),null;let r=e,n=r.type;for(let i=0;i<t.skip;i+=1){if(typeof r>"u")return V.warn("Cannot skip undefined element"),null;if(W.Children.count(r)>1)return V.warn("Trying to skip an array of elements"),null;typeof r.props.children>"u"?(V.warn("Not enough children to skip elements."),typeof r.type=="function"&&r.type.name===""&&(r=W.createElement(n,{...r.props}))):typeof r.props.children=="function"?r=r.props.children():r=r.props.children}let a={...typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||Mt(i.type,"displayName")||(i.type.name!=="_default"?i.type.name:null)||(typeof i.type=="function"?"No Display Name":null)||(te(i.type)?i.type.render.name:null)||(F(i.type)?i.type.type.name:null)||i.type},...{filterProps:(i,g)=>i!==void 0},...t};return W.Children.map(e,i=>{let g=typeof i=="number"?i.toString():i,U=typeof H=="function"?H:H.default,x=Vt(U(g,a),t);if(x.indexOf("&quot;")>-1){let q=x.match(/\S+=\\"([^"]*)\\"/g);q&&q.forEach(K=>{x=x.replace(K,K.replace(/&quot;/g,"'"))})}return x}).join(`
+`).replace(/function\s+noRefCheck\(\)\s+\{\}/,"() => {}")},vt={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},wt=e=>{let t=e?.parameters.docs?.source,r=e?.parameters.__isArgsStory;return t?.type===be.DYNAMIC?!1:!r||t?.code||t?.type===be.CODE},Bt=e=>e.type?.displayName==="MDXCreateElement"&&!!e.props?.mdxType,De=e=>{if(!Bt(e))return e;let{mdxType:t,originalType:r,children:n,...o}=e.props,s=[];return n&&(s=(Array.isArray(n)?n:[n]).map(De)),bt(r,o,...s)},je=(e,t)=>{let r=Jt.getChannel(),n=wt(t),o="";kt(()=>{n||r.emit(Lt,(t||{}).id,o)});let s=e();if(n)return s;let a={...vt,...t?.parameters.jsx||{}},c=t?.parameters.docs?.source?.excludeDecorators?t.originalStoryFn(t.args,t):s,i=De(c),g=_t(i,a);return g&&(o=Ut(g,a,t)),s};var Je={docs:{inlineStories:!0,extractArgTypes:Fe,extractComponentDescription:$t}},Xt=[je],Wt=[Yt];var To={framework:"react",...Je};export{Wt as argTypesEnhancers,Xt as decorators,To as parameters,ke as render,Le as renderToDOM};

package/dist/index.d.ts

@@ -0,0 +1,173 @@
+import { ClientStoryApi, Loadable } from '@storybook/addons';
+import { R as ReactFramework, I as IStorybookSection, S as StoryFnReactReturnType } from './types-9f8d440a.js';
+import * as _storybook_csf from '@storybook/csf';
+import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations, ProjectAnnotations } from '@storybook/csf';
+import { ComponentProps, JSXElementConstructor } from 'react';
+import * as _storybook_store from '@storybook/store';
+import { ComposedStory, CSFExports, StoriesWithPartialProps } from '@storybook/store';
+
+interface ClientApi extends ClientStoryApi<ReactFramework['storyResult']> {
+    setAddon(addon: any): void;
+    configure(loader: Loadable, module: NodeModule): void;
+    getStorybook(): IStorybookSection[];
+    clearDecorators(): void;
+    forceReRender(): void;
+    raw: () => any;
+}
+declare const storiesOf: ClientApi['storiesOf'];
+declare const configure: ClientApi['configure'];
+declare const addDecorator: ClientApi['addDecorator'];
+declare type DecoratorFn = Parameters<typeof addDecorator>[0];
+declare const addParameters: ClientApi['addParameters'];
+declare const clearDecorators: ClientApi['clearDecorators'];
+declare const setAddon: ClientApi['setAddon'];
+declare const forceReRender: ClientApi['forceReRender'];
+declare const getStorybook: ClientApi['getStorybook'];
+declare const raw: ClientApi['raw'];
+
+declare type JSXElement = keyof JSX.IntrinsicElements | JSXElementConstructor<any>;
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+declare type Meta<TArgs = Args> = ComponentAnnotations<ReactFramework, TArgs>;
+/**
+ * Story function that represents a CSFv2 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<ReactFramework, TArgs>;
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+declare type StoryObj<TArgs = Args> = StoryAnnotations<ReactFramework, TArgs>;
+/**
+ * For the common case where a component's stories are simple components that receives args as props:
+ *
+ * ```tsx
+ * export default { ... } as ComponentMeta<typeof Button>;
+ * ```
+ */
+declare type ComponentMeta<T extends JSXElement> = Meta<ComponentProps<T>>;
+/**
+ * For the common case where a (CSFv2) story is a simple component that receives args as props:
+ *
+ * ```tsx
+ * const Template: ComponentStoryFn<typeof Button> = (args) => <Button {...args} />
+ * ```
+ */
+declare type ComponentStoryFn<T extends JSXElement> = StoryFn<ComponentProps<T>>;
+/**
+ * For the common case where a (CSFv3) story is a simple component that receives args as props:
+ *
+ * ```tsx
+ * const MyStory: ComponentStoryObj<typeof Button> = {
+ *   args: { buttonArg1: 'val' },
+ * }
+ * ```
+ */
+declare type ComponentStoryObj<T extends JSXElement> = StoryObj<ComponentProps<T>>;
+/**
+
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+declare type Story<TArgs = Args> = StoryObj<TArgs>;
+/**
+ * For the common case where a (CSFv3) story is a simple component that receives args as props:
+ *
+ * ```tsx
+ * const MyStory: ComponentStory<typeof Button> = {
+ *   args: { buttonArg1: 'val' },
+ * }
+ * ```
+ */ declare type ComponentStory<T extends JSXElement> = ComponentStoryObj<T>;
+
+/** Function that sets the globalConfig of your storybook. The global config is the preview module of your .storybook folder.
+ *
+ * It should be run a single time, so that your global config (e.g. decorators) is applied to your stories when using `composeStories` or `composeStory`.
+ *
+ * Example:
+ *```jsx
+ * // setup.js (for jest)
+ * import { setProjectAnnotations } from '@storybook/react';
+ * import * as projectAnnotations from './.storybook/preview';
+ *
+ * setProjectAnnotations(projectAnnotations);
+ *```
+ *
+ * @param projectAnnotations - e.g. (import * as projectAnnotations from '../.storybook/preview')
+ */
+declare function setProjectAnnotations(projectAnnotations: ProjectAnnotations<ReactFramework> | ProjectAnnotations<ReactFramework>[]): void;
+/** Preserved for users migrating from `@storybook/testing-react`.
+ *
+ * @deprecated Use setProjectAnnotations instead
+ */
+declare function setGlobalConfig(projectAnnotations: ProjectAnnotations<ReactFramework> | ProjectAnnotations<ReactFramework>[]): void;
+/**
+ * Function that will receive a story along with meta (e.g. a default export from a .stories file)
+ * and optionally projectAnnotations e.g. (import * from '../.storybook/preview)
+ * and will return a composed component that has all args/parameters/decorators/etc combined and applied to it.
+ *
+ *
+ * It's very useful for reusing a story in scenarios outside of Storybook like unit testing.
+ *
+ * Example:
+ *```jsx
+ * import { render } from '@testing-library/react';
+ * import { composeStory } from '@storybook/react';
+ * import Meta, { Primary as PrimaryStory } from './Button.stories';
+ *
+ * const Primary = composeStory(PrimaryStory, Meta);
+ *
+ * test('renders primary button with Hello World', () => {
+ *   const { getByText } = render(<Primary>Hello world</Primary>);
+ *   expect(getByText(/Hello world/i)).not.toBeNull();
+ * });
+ *```
+ *
+ * @param story
+ * @param componentAnnotations - e.g. (import Meta from './Button.stories')
+ * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
+ * @param [exportsName] - in case your story does not contain a name and you want it to have a name.
+ */
+declare function composeStory<TArgs = Args>(story: ComposedStory<ReactFramework, TArgs>, componentAnnotations: Meta<TArgs | any>, projectAnnotations?: ProjectAnnotations<ReactFramework>, exportsName?: string): {
+    (extraArgs: Partial<TArgs>): StoryFnReactReturnType;
+    storyName: string;
+    args: Args;
+    play: _storybook_store.ComposedStoryPlayFn;
+    parameters: _storybook_store.Parameters;
+};
+/**
+ * Function that will receive a stories import (e.g. `import * as stories from './Button.stories'`)
+ * and optionally projectAnnotations (e.g. `import * from '../.storybook/preview`)
+ * and will return an object containing all the stories passed, but now as a composed component that has all args/parameters/decorators/etc combined and applied to it.
+ *
+ *
+ * It's very useful for reusing stories in scenarios outside of Storybook like unit testing.
+ *
+ * Example:
+ *```jsx
+ * import { render } from '@testing-library/react';
+ * import { composeStories } from '@storybook/react';
+ * import * as stories from './Button.stories';
+ *
+ * const { Primary, Secondary } = composeStories(stories);
+ *
+ * test('renders primary button with Hello World', () => {
+ *   const { getByText } = render(<Primary>Hello world</Primary>);
+ *   expect(getByText(/Hello world/i)).not.toBeNull();
+ * });
+ *```
+ *
+ * @param csfExports - e.g. (import * as stories from './Button.stories')
+ * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
+ */
+declare function composeStories<TModule extends CSFExports<ReactFramework>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<ReactFramework>): Omit<StoriesWithPartialProps<ReactFramework, TModule>, keyof CSFExports<_storybook_csf.AnyFramework>>;
+
+export { ComponentMeta, ComponentStory, ComponentStoryFn, ComponentStoryObj, DecoratorFn, Meta, Story, StoryFn, StoryObj, addDecorator, addParameters, clearDecorators, composeStories, composeStory, configure, forceReRender, getStorybook, raw, setAddon, setGlobalConfig, setProjectAnnotations, storiesOf };

package/dist/index.js

@@ -0,0 +1 @@
+"use strict";var v=Object.create;var d=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var U=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var N=(o,t)=>{for(var e in t)d(o,e,{get:t[e],enumerable:!0})},R=(o,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of W(t))!L.call(o,s)&&s!==e&&d(o,s,{get:()=>t[s],enumerable:!(r=T(t,s))||r.enumerable});return o};var m=(o,t,e)=>(e=o!=null?v(U(o)):{},R(t||!o||!o.__esModule?d(e,"default",{value:o,enumerable:!0}):e,o)),O=o=>R(d({},"__esModule",{value:!0}),o);var eo={};N(eo,{addDecorator:()=>H,addParameters:()=>J,clearDecorators:()=>Q,composeStories:()=>to,composeStory:()=>D,configure:()=>z,forceReRender:()=>Z,getStorybook:()=>I,raw:()=>K,setAddon:()=>X,setGlobalConfig:()=>_,setProjectAnnotations:()=>b,storiesOf:()=>q});module.exports=O(eo);var C=m(require("global")),{window:w}=C.default;w&&(w.STORYBOOK_ENV="react");var F=require("@storybook/core-client");var x=m(require("global")),n=m(require("react")),i=m(require("react-dom")),{FRAMEWORK_OPTIONS:c}=x.default,l=new Map,f=(o,t)=>{let{id:e,component:r}=t;if(!r)throw new Error(`Unable to render story ${e} as the component annotation is missing from the default export`);return n.default.createElement(r,{...o})},G=({callback:o,children:t})=>{let e=(0,n.useRef)(!1);return(0,n.useLayoutEffect)(()=>{e.current||(e.current=!0,o())},[o]),t},V=async(o,t)=>{let e=await $(t);return new Promise(r=>{e?e.render(n.default.createElement(G,{key:Math.random(),callback:()=>r(null)},o)):i.default.render(o,t,()=>r(null))})},B=i.version&&(i.version.startsWith("18")||i.version.startsWith("0.0.0")),Y=(c==null?void 0:c.legacyRootApi)!==!0,S=Y&&B,k=o=>{let t=l.get(o);t&&S?(t.unmount(),l.delete(o)):i.default.unmountComponentAtNode(o)},$=async o=>{if(!S)return null;let t=l.get(o);return t||(t=(await import("react-dom/client")).default.createRoot(o),l.set(o,t)),t},A=class extends n.Component{constructor(){super(...arguments);this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:e}=this.state,{showMain:r}=this.props;e||r()}componentDidCatch(e){let{showException:r}=this.props;r(e)}render(){let{hasError:e}=this.state,{children:r}=this.props;return e?null:r}},g=c!=null&&c.strictMode?n.StrictMode:n.Fragment;async function h({storyContext:o,unboundStoryFn:t,showMain:e,showException:r,forceRemount:s},u){let y=n.default.createElement(A,{showMain:e,showException:r},n.default.createElement(t,{...o})),j=g?n.default.createElement(g,null,y):y;return s&&k(u),await V(j,u),()=>k(u)}var E="react",a=(0,F.start)(h,{render:f}),q=(o,t)=>a.clientApi.storiesOf(o,t).addParameters({framework:E}),z=(...o)=>a.configure(E,...o),H=a.clientApi.addDecorator,J=a.clientApi.addParameters,Q=a.clientApi.clearDecorators,X=a.clientApi.setAddon,Z=a.forceReRender,I=a.clientApi.getStorybook,K=a.clientApi.raw;var p=require("@storybook/store"),P=require("@storybook/client-logger");function b(o){(0,p.setProjectAnnotations)(o)}function _(o){P.once.warn("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),b(o)}var oo={render:f};function D(o,t,e,r){return(0,p.composeStory)(o,t,e,oo,r)}function to(o,t){return(0,p.composeStories)(o,t,D)}var M;(M=module==null?void 0:module.hot)==null||M.decline();0&&(module.exports={addDecorator,addParameters,clearDecorators,composeStories,composeStory,configure,forceReRender,getStorybook,raw,setAddon,setGlobalConfig,setProjectAnnotations,storiesOf});

package/dist/index.mjs

@@ -0,0 +1 @@
+import{a as r,b as s}from"./chunk-X53CQCCB.mjs";import m from"global";var{window:i}=m;i&&(i.STORYBOOK_ENV="react");import{start as d}from"@storybook/core-client";var p="react",t=d(s,{render:r}),w=(o,e)=>t.clientApi.storiesOf(o,e).addParameters({framework:p}),F=(...o)=>t.configure(p,...o),P=t.clientApi.addDecorator,T=t.clientApi.addParameters,u=t.clientApi.clearDecorators,b=t.clientApi.setAddon,j=t.forceReRender,O=t.clientApi.getStorybook,E=t.clientApi.raw;import{composeStory as A,composeStories as l,setProjectAnnotations as y}from"@storybook/store";import{once as S}from"@storybook/client-logger";function f(o){y(o)}function v(o){S.warn("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),f(o)}var C={render:r};function g(o,e,a,c){return A(o,e,a,C,c)}function W(o,e){return l(o,e,g)}module?.hot?.decline();export{P as addDecorator,T as addParameters,u as clearDecorators,W as composeStories,g as composeStory,F as configure,j as forceReRender,O as getStorybook,E as raw,b as setAddon,v as setGlobalConfig,f as setProjectAnnotations,w as storiesOf};

package/dist/types-9f8d440a.d.ts

@@ -0,0 +1,17 @@
+import { ComponentType, ReactElement } from 'react';
+
+declare type ReactFramework = {
+    component: ComponentType<any>;
+    storyResult: StoryFnReactReturnType;
+};
+declare type StoryFnReactReturnType = ReactElement<unknown>;
+interface IStorybookStory {
+    name: string;
+    render: (context: any) => any;
+}
+interface IStorybookSection {
+    kind: string;
+    stories: IStorybookStory[];
+}
+
+export { IStorybookSection as I, ReactFramework as R, StoryFnReactReturnType as S };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.0.0-alpha.3",
+  "version": "7.0.0-alpha.30",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -19,9 +19,26 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./preview": {
+      "require": "./dist/config.js",
+      "import": "./dist/config.mjs",
+      "types": "./dist/config.d.ts"
+    },
+    "./package.json": {
+      "require": "./package.json",
+      "import": "./package.json",
+      "types": "./package.json"
+    }
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "types/**/*",
@@ -30,40 +47,40 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "node ../../scripts/prepare.js"
+    "check": "tsc --noEmit",
+    "prepare": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.3",
-    "@storybook/client-logger": "7.0.0-alpha.3",
-    "@storybook/core-client": "7.0.0-alpha.3",
-    "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "7.0.0-alpha.3",
-    "@storybook/store": "7.0.0-alpha.3",
+    "@storybook/addons": "7.0.0-alpha.30",
+    "@storybook/client-logger": "7.0.0-alpha.30",
+    "@storybook/core-client": "7.0.0-alpha.30",
+    "@storybook/csf": "0.0.2--canary.0899bb7.0",
+    "@storybook/docs-tools": "7.0.0-alpha.30",
+    "@storybook/store": "7.0.0-alpha.30",
     "@types/estree": "^0.0.51",
     "@types/node": "^14.14.20 || ^16.0.0",
     "acorn": "^7.4.1",
     "acorn-jsx": "^5.3.1",
     "acorn-walk": "^7.2.0",
-    "core-js": "^3.8.2",
     "escodegen": "^2.0.0",
     "global": "^4.4.0",
     "html-tags": "^3.1.0",
     "lodash": "^4.17.21",
     "prop-types": "^15.7.2",
-    "react-element-to-jsx-string": "^14.3.4",
-    "regenerator-runtime": "^0.13.7",
+    "react-element-to-jsx-string": "^15.0.0",
     "ts-dedent": "^2.0.0",
     "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
     "@babel/core": "^7.11.5",
-    "@types/util-deprecate": "^1.0.0"
+    "@types/util-deprecate": "^1.0.0",
+    "jest-specific-snapshot": "^4.0.0",
+    "require-from-string": "^2.0.2",
+    "typescript": "~4.6.3"
   },
   "peerDependencies": {
-    "jest-specific-snapshot": "^4.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
-    "require-from-string": "^2.0.2"
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "peerDependenciesMeta": {
     "typescript": {
@@ -76,5 +93,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "629b056190993bcee6445471b8cb27208eb401a9"
+  "bundler": {
+    "entries": [
+      "./src/index.ts",
+      "./src/config.ts"
+    ],
+    "platform": "browser"
+  },
+  "gitHead": "aabf7b595cb13d8a86dca27ad3d6039205bd55d6"
 }

package/preview.js

@@ -1 +1 @@
-export * from './dist/esm/config';
+export * from './dist/config.mjs';

package/LICENSE

@@ -1,21 +0,0 @@
-The MIT License (MIT)
-
-Copyright (c) 2017 Kadira Inc. <hello@kadira.io>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.

package/dist/cjs/config.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  parameters: true,
-  decorators: true,
-  argTypesEnhancers: true
-};
-Object.defineProperty(exports, "argTypesEnhancers", {
-  enumerable: true,
-  get: function () {
-    return _config.argTypesEnhancers;
-  }
-});
-Object.defineProperty(exports, "decorators", {
-  enumerable: true,
-  get: function () {
-    return _config.decorators;
-  }
-});
-exports.parameters = void 0;
-
-var _config = require("./docs/config");
-
-var _config2 = require("./preview/config");
-
-Object.keys(_config2).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _config2[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _config2[key];
-    }
-  });
-});
-const parameters = Object.assign({
-  framework: 'react'
-}, _config.parameters);
-exports.parameters = parameters;

package/dist/cjs/docs/config.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parameters = exports.decorators = exports.argTypesEnhancers = void 0;
-
-var _docsTools = require("@storybook/docs-tools");
-
-var _extractArgTypes = require("./extractArgTypes");
-
-var _jsxDecorator = require("./jsxDecorator");
-
-const parameters = {
-  docs: {
-    inlineStories: true,
-    extractArgTypes: _extractArgTypes.extractArgTypes,
-    extractComponentDescription: _docsTools.extractComponentDescription
-  }
-};
-exports.parameters = parameters;
-const decorators = [_jsxDecorator.jsxDecorator];
-exports.decorators = decorators;
-const argTypesEnhancers = [_docsTools.enhanceArgTypes];
-exports.argTypesEnhancers = argTypesEnhancers;

package/dist/cjs/docs/extractArgTypes.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractArgTypes = void 0;
-
-var _extractProps = require("./extractProps");
-
-const extractArgTypes = component => {
-  if (component) {
-    const {
-      rows
-    } = (0, _extractProps.extractProps)(component);
-
-    if (rows) {
-      return rows.reduce((acc, row) => {
-        const {
-          name,
-          description,
-          type,
-          sbType,
-          defaultValue: defaultSummary,
-          jsDocTags,
-          required
-        } = row;
-        acc[name] = {
-          name,
-          description,
-          type: Object.assign({
-            required
-          }, sbType),
-          table: {
-            type,
-            jsDocTags,
-            defaultValue: defaultSummary
-          }
-        };
-        return acc;
-      }, {});
-    }
-  }
-
-  return null;
-};
-
-exports.extractArgTypes = extractArgTypes;

package/dist/cjs/docs/extractProps.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractProps = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _docsTools = require("@storybook/docs-tools");
-
-var _handleProp = require("./propTypes/handleProp");
-
-var _handleProp2 = require("./typeScript/handleProp");
-
-var _lib = require("./lib");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const propTypesMap = new Map();
-Object.keys(_propTypes.default).forEach(typeName => {
-  // @ts-ignore
-  const type = _propTypes.default[typeName];
-  propTypesMap.set(type, typeName);
-  propTypesMap.set(type.isRequired, typeName);
-});
-
-function getPropDefs(component, section) {
-  let processedComponent = component; // eslint-disable-next-line react/forbid-foreign-prop-types
-
-  if (!(0, _docsTools.hasDocgen)(component) && !component.propTypes && (0, _lib.isMemo)(component)) {
-    processedComponent = component.type;
-  }
-
-  const extractedProps = (0, _docsTools.extractComponentProps)(processedComponent, section);
-
-  if (extractedProps.length === 0) {
-    return [];
-  }
-
-  switch (extractedProps[0].typeSystem) {
-    case _docsTools.TypeSystem.JAVASCRIPT:
-      return (0, _handleProp.enhancePropTypesProps)(extractedProps, component);
-
-    case _docsTools.TypeSystem.TYPESCRIPT:
-      return (0, _handleProp2.enhanceTypeScriptProps)(extractedProps);
-
-    default:
-      return extractedProps.map(x => x.propDef);
-  }
-}
-
-const extractProps = component => ({
-  rows: getPropDefs(component, 'props')
-});
-
-exports.extractProps = extractProps;