@storybook/react 6.5.9 → 7.0.0-alpha.10

package/README.md

@@ -1,47 +1 @@
-# Storybook for React
-
-Storybook for React is a UI development environment for your React components.
-With it, you can visualize different states of your UI components and develop them interactively.
-
-![Storybook Screenshot](https://github.com/storybookjs/storybook/blob/main/media/storybook-intro.gif)
-
-Storybook runs outside of your app.
-So you can develop UI components in isolation without worrying about app specific dependencies and requirements.
-
-## Getting Started
-
-```sh
-cd my-react-app
-npx sb init
-```
-
-For more information visit: [storybook.js.org](https://storybook.js.org)
-
----
-
-Storybook also comes with a lot of [addons](https://storybook.js.org/addons) and a great API to customize as you wish.
-You can also build a [static version](https://storybook.js.org/docs/react/sharing/publish-storybook) of your Storybook and deploy it anywhere you want.
-
-Here are some featured storybooks that you can reference to see how Storybook works:
-
-- [Demo of Storybook Design System](https://storybook.js.org/design-system) - [source](https://github.com/storybookjs/design-system)
-
-## Create React App
-
-Support for [Create React App](https://create-react-app.dev/) is handled by [`@storybook/preset-create-react-app`](https://github.com/storybookjs/presets/tree/master/packages/preset-create-react-app).
-
-This preset enables support for all Create React App features, including Sass/SCSS and TypeScript.
-
-If you're working on an app that was initialized manually (i.e., without the use of Create React App), ensure that your app has [react-dom](https://www.npmjs.com/package/react-dom) included as a dependency. Failing to do so can lead to unforeseen issues with Storybook and your project.
-
-## Typescript
-
-`@storybook/react` is now exporting its own types to use with Typescript.
-You don't need to have `@types/storybook__react` installed anymore if it was your case.
-But you probably also need to use types from `@types/node @types/react`.
-
-## Docs
-
-- [Basics](https://storybook.js.org/docs/react/get-started/introduction)
-- [Configurations](https://storybook.js.org/docs/react/configure/overview)
-- [Addons](https://storybook.js.org/docs/react/configure/storybook-addons)
+# Storybook React renderer

package/dist/chunk-DGYCFUMN.mjs

@@ -0,0 +1 @@
+var d=Object.defineProperty,M=Object.defineProperties;var b=Object.getOwnPropertyDescriptors;var a=Object.getOwnPropertySymbols;var f=Object.prototype.hasOwnProperty,w=Object.prototype.propertyIsEnumerable;var h=(e,t,o)=>t in e?d(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,z=(e,t)=>{for(var o in t||(t={}))f.call(t,o)&&h(e,o,t[o]);if(a)for(var o of a(t))w.call(t,o)&&h(e,o,t[o]);return e},G=(e,t)=>M(e,b(t)),r=(e,t)=>d(e,"name",{value:t,configurable:!0});var H=(e,t)=>{var o={};for(var n in e)f.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(e!=null&&a)for(var n of a(e))t.indexOf(n)<0&&w.call(e,n)&&(o[n]=e[n]);return o};import v from"global";import c,{Component as U,StrictMode as j,Fragment as A}from"react";import y,{version as u}from"react-dom";function i(){return i=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},i.apply(this,arguments)}r(i,"_extends");var{FRAMEWORK_OPTIONS:s}=v,p=new Map,Y=r((e,t)=>{let{id:o,component:n}=t;if(!n)throw new Error(`Unable to render story ${o} as the component annotation is missing from the default export`);return c.createElement(n,i({},e))},"render"),B=r(async(e,t)=>{let o=await $(t);return new Promise(n=>{o?(o.render(e),setTimeout(()=>{n(null)},0)):y.render(e,t,()=>n(null))})},"renderElement"),N=u&&(u.startsWith("18")||u.startsWith("0.0.0")),V=(s==null?void 0:s.legacyRootApi)!==!0,D=V&&N,g=r(e=>{let t=p.get(e);t&&D?(t.unmount(),p.delete(e)):y.unmountComponentAtNode(e)},"unmountElement"),$=r(async e=>{if(!D)return null;let t=p.get(e);return t||(t=(await import("react-dom/client")).default.createRoot(e),p.set(e,t)),t},"getReactRoot"),q=r(class extends U{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:t}=this.state,{showMain:o}=this.props;t||o()}componentDidCatch(t){let{showException:o}=this.props;o(t)}render(){let{hasError:t}=this.state,{children:o}=this.props;return t?null:o}},"ErrorBoundary"),E=s!=null&&s.strictMode?j:A;async function F({storyContext:e,unboundStoryFn:t,showMain:o,showException:n,forceRemount:x},m){let C=t,l=c.createElement(q,{showMain:o,showException:n},c.createElement(C,i({},e))),R=E?c.createElement(E,null,l):l;return x&&g(m),await B(R,m),()=>g(m)}r(F,"renderToDOM");export{z as a,G as b,r as c,H as d,Y as e,F as f};

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 @@
+var yt=Object.create;var M=Object.defineProperty,ht=Object.defineProperties,Et=Object.getOwnPropertyDescriptor,Tt=Object.getOwnPropertyDescriptors,gt=Object.getOwnPropertyNames,W=Object.getOwnPropertySymbols,Nt=Object.getPrototypeOf,se=Object.prototype.hasOwnProperty,Te=Object.prototype.propertyIsEnumerable;var Ee=(e,t,r)=>t in e?M(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,m=(e,t)=>{for(var r in t||(t={}))se.call(t,r)&&Ee(e,r,t[r]);if(W)for(var r of W(t))Te.call(t,r)&&Ee(e,r,t[r]);return e},H=(e,t)=>ht(e,Tt(t)),o=(e,t)=>M(e,"name",{value:t,configurable:!0});var ge=(e,t)=>{var r={};for(var n in e)se.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(e!=null&&W)for(var n of W(e))t.indexOf(n)<0&&Te.call(e,n)&&(r[n]=e[n]);return r};var Ot=(e,t)=>{for(var r in t)M(e,r,{get:t[r],enumerable:!0})},Ne=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of gt(t))!se.call(e,s)&&s!==r&&M(e,s,{get:()=>t[s],enumerable:!(n=Et(t,s))||n.enumerable});return e};var d=(e,t,r)=>(r=e!=null?yt(Nt(e)):{},Ne(t||!e||!e.__esModule?M(r,"default",{value:e,enumerable:!0}):r,e)),Ct=e=>Ne(M({},"__esModule",{value:!0}),e);var hr={};Ot(hr,{argTypesEnhancers:()=>ut,decorators:()=>it,parameters:()=>yr,render:()=>pt,renderToDOM:()=>dt});module.exports=Ct(hr);var re=require("@storybook/docs-tools");var de=d(require("prop-types")),F=require("@storybook/docs-tools");var x=require("@storybook/docs-tools");function Oe(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let s=[];if(r){let a=e.map(c=>{let p=c.getPrettyName(),i=c.getTypeName();return i!=null?`${p}: ${i}`:p});s.push(`(${a.join(", ")})`)}else s.push("()");return n&&s.push(`=> ${t.getTypeName()}`),s.join(" ")}o(Oe,"generateFuncSignature");function Ce(e,t){let r=e!=null,n=t!=null;if(!r&&!n)return"";let s=[];return r?s.push("( ... )"):s.push("()"),n&&s.push(`=> ${t.getTypeName()}`),s.join(" ")}o(Ce,"generateShortFuncSignature");function Ae(e){return e.replace(/,/g,`,\r
+`)}o(Ae,"toMultilineSignature");var X="custom",S="object",_="array",Se="class",N="func",O="element";var Re=d(require("html-tags"));function U(e){return Re.default.includes(e.toLowerCase())}o(U,"isHtmlTag");var Ie=require("escodegen"),xe=d(require("ts-dedent")),Fe={format:{indent:{style:"  "},semicolons:!1}},At=H(m({},Fe),{format:{newline:""}}),St=m({},Fe);function C(e,t=!1){return(0,Ie.generate)(e,t?At:St)}o(C,"generateCode");function V(e,t=!1){return t?Rt(e):C(e)}o(V,"generateObjectCode");function Rt(e){let t=C(e,!0);return t.endsWith(" }")||(t=`${t.slice(0,-1)} }`),t}o(Rt,"generateCompactObjectCode");function ae(e,t=!1){return t?xt(e):It(e)}o(ae,"generateArrayCode");function It(e){let t=C(e);return t.endsWith("  }]")&&(t=(0,xe.default)(t)),t}o(It,"generateMultilineArrayCode");function xt(e){let t=C(e,!0);return t.startsWith("[    ")&&(t=t.replace("[    ","[")),t}o(xt,"generateCompactArrayCode");var q=o(e=>e.$$typeof===Symbol.for("react.memo"),"isMemo"),be=o(e=>e.$$typeof===Symbol.for("react.forward_ref"),"isForwardRef");var u;(function(e){e.IDENTIFIER="Identifier",e.LITERAL="Literal",e.OBJECT="Object",e.ARRAY="Array",e.FUNCTION="Function",e.CLASS="Class",e.ELEMENT="Element",e.UNKNOWN="Unknown"})(u||(u={}));var Me=require("acorn"),Ue=d(require("acorn-jsx")),I=d(require("acorn-walk"));var ie=H(m({},I.base),{JSXElement:()=>{}}),Ft=Me.Parser.extend((0,Ue.default)());function k(e){return e!=null?e.name:null}o(k,"extractIdentifierName");function je(e){return e.filter(t=>t.type==="ObjectExpression"||t.type==="ArrayExpression")}o(je,"filterAncestors");function Pe(e){let t=[];return I.ancestor(e,{ObjectExpression(r,n){t.push(je(n).length)},ArrayExpression(r,n){t.push(je(n).length)}},ie),Math.max(...t)}o(Pe,"calculateNodeDepth");function bt(e){return{inferredType:{type:u.IDENTIFIER,identifier:k(e)},ast:e}}o(bt,"parseIdentifier");function jt(e){return{inferredType:{type:u.LITERAL},ast:e}}o(jt,"parseLiteral");function Mt(e){let t;I.simple(e.body,{JSXElement(a){t=a}},ie);let n={type:t!=null?u.ELEMENT:u.FUNCTION,params:e.params,hasParams:e.params.length!==0},s=k(e.id);return s!=null&&(n.identifier=s),{inferredType:n,ast:e}}o(Mt,"parseFunction");function Ut(e){let t;return I.simple(e.body,{JSXElement(n){t=n}},ie),{inferredType:{type:t!=null?u.ELEMENT:u.CLASS,identifier:k(e.id)},ast:e}}o(Ut,"parseClass");function Pt(e){let t={type:u.ELEMENT},r=k(e.openingElement.name);return r!=null&&(t.identifier=r),{inferredType:t,ast:e}}o(Pt,"parseJsxElement");function Lt(e){let t=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return k(t)==="shape"?Le(e.arguments[0]):null}o(Lt,"parseCall");function Le(e){return{inferredType:{type:u.OBJECT,depth:Pe(e)},ast:e}}o(Le,"parseObject");function wt(e){return{inferredType:{type:u.ARRAY,depth:Pe(e)},ast:e}}o(wt,"parseArray");function Dt(e){switch(e.type){case"Identifier":return bt(e);case"Literal":return jt(e);case"FunctionExpression":case"ArrowFunctionExpression":return Mt(e);case"ClassExpression":return Ut(e);case"JSXElement":return Pt(e);case"CallExpression":return Lt(e);case"ObjectExpression":return Le(e);case"ArrayExpression":return wt(e);default:return null}}o(Dt,"parseExpression");function we(e){let t=Ft.parse(`(${e})`),r={inferredType:{type:u.UNKNOWN},ast:t};if(t.body[0]!=null){let n=t.body[0];switch(n.type){case"ExpressionStatement":{let s=Dt(n.expression);s!=null&&(r=s);break}default:break}}return r}o(we,"parse");function h(e){try{let t=we(e);return m({},t)}catch{}return{inferredType:{type:u.UNKNOWN}}}o(h,"inspectValue");var Jt=150,l;(function(e){e.CUSTOM="custom",e.ANY="any",e.FUNC="func",e.SHAPE="shape",e.OBJECT="object",e.INSTANCEOF="instanceOf",e.OBJECTOF="objectOf",e.UNION="union",e.ENUM="enum",e.ARRAYOF="arrayOf",e.ELEMENT="element",e.ELEMENTTYPE="elementType",e.NODE="node"})(l||(l={}));function y({name:e,short:t,compact:r,full:n,inferredType:s}){return{name:e,short:t,compact:r,full:n??t,inferredType:s}}o(y,"createTypeDef");function ke(e){return e.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}o(ke,"cleanPropTypes");function De(e){return e.split(/\r?\n/)}o(De,"splitIntoLines");function G(e,t=!1){return ke(V(e,t))}o(G,"prettyObject");function Je(e,t=!1){return ke(C(e,t))}o(Je,"prettyArray");function _t(e){switch(e){case u.OBJECT:return S;case u.ARRAY:return _;case u.CLASS:return Se;case u.FUNCTION:return N;case u.ELEMENT:return O;default:return X}}o(_t,"getCaptionForInspectionType");function ve(e,t){let{inferredType:r,ast:n}=h(e),{type:s}=r,a,c,p;switch(s){case u.IDENTIFIER:case u.LITERAL:a=e,c=e;break;case u.OBJECT:{let{depth:i}=r;a=S,c=i===1?G(n,!0):null,p=G(n);break}case u.ELEMENT:{let{identifier:i}=r;a=i!=null&&!U(i)?i:O,c=De(e).length===1?e:null,p=e;break}case u.ARRAY:{let{depth:i}=r;a=_,c=i<=2?Je(n,!0):null,p=Je(n);break}default:a=_t(s),c=De(e).length===1?e:null,p=e;break}return y({name:t,short:a,compact:c,full:p,inferredType:s})}o(ve,"generateTypeFromString");function Vt({raw:e}){return e!=null?ve(e,l.CUSTOM):y({name:l.CUSTOM,short:X,compact:X})}o(Vt,"generateCustom");function kt(e){let{jsDocTags:t}=e;return t!=null&&(t.params!=null||t.returns!=null)?y({name:l.FUNC,short:Ce(t.params,t.returns),compact:null,full:Oe(t.params,t.returns)}):y({name:l.FUNC,short:N,compact:N})}o(kt,"generateFunc");function vt(e,t){let r=Object.keys(e.value).map(c=>`${c}: ${P(e.value[c],t).full}`).join(", "),{inferredType:n,ast:s}=h(`{ ${r} }`),{depth:a}=n;return y({name:l.SHAPE,short:S,compact:a===1&&s?G(s,!0):null,full:s?G(s):null})}o(vt,"generateShape");function ue(e){return`objectOf(${e})`}o(ue,"objectOf");function Bt(e,t){let{short:r,compact:n,full:s}=P(e.value,t);return y({name:l.OBJECTOF,short:ue(r),compact:n!=null?ue(n):null,full:s&&ue(s)})}o(Bt,"generateObjectOf");function $t(e,t){if(Array.isArray(e.value)){let r=e.value.reduce((n,s)=>{let{short:a,compact:c,full:p}=P(s,t);return n.short.push(a),n.compact.push(c),n.full.push(p),n},{short:[],compact:[],full:[]});return y({name:l.UNION,short:r.short.join(" | "),compact:r.compact.every(n=>n!=null)?r.compact.join(" | "):null,full:r.full.join(" | ")})}return y({name:l.UNION,short:e.value,compact:null})}o($t,"generateUnion");function Yt({value:e,computed:t}){return t?ve(e,"enumvalue"):y({name:"enumvalue",short:e,compact:e})}o(Yt,"generateEnumValue");function Wt(e){if(Array.isArray(e.value)){let t=e.value.reduce((r,n)=>{let{short:s,compact:a,full:c}=Yt(n);return r.short.push(s),r.compact.push(a),r.full.push(c),r},{short:[],compact:[],full:[]});return y({name:l.ENUM,short:t.short.join(" | "),compact:t.compact.every(r=>r!=null)?t.compact.join(" | "):null,full:t.full.join(" | ")})}return y({name:l.ENUM,short:e.value,compact:e.value})}o(Wt,"generateEnum");function ce(e){return`${e}[]`}o(ce,"braceAfter");function _e(e){return`[${e}]`}o(_e,"braceAround");function Ve(e,t,r){return y({name:l.ARRAYOF,short:ce(e),compact:t!=null?_e(t):null,full:r&&_e(r)})}o(Ve,"createArrayOfObjectTypeDef");function Ht(e,t){let{name:r,short:n,compact:s,full:a,inferredType:c}=P(e.value,t);if(r===l.CUSTOM){if(c===u.OBJECT)return Ve(n,s,a)}else if(r===l.SHAPE)return Ve(n,s,a);return y({name:l.ARRAYOF,short:ce(n),compact:ce(n)})}o(Ht,"generateArray");function P(e,t){try{switch(e.name){case l.CUSTOM:return Vt(e);case l.FUNC:return kt(t);case l.SHAPE:return vt(e,t);case l.INSTANCEOF:return y({name:l.INSTANCEOF,short:e.value,compact:e.value});case l.OBJECTOF:return Bt(e,t);case l.UNION:return $t(e,t);case l.ENUM:return Wt(e);case l.ARRAYOF:return Ht(e,t);default:return y({name:e.name,short:e.name,compact:e.name})}}catch(r){console.error(r)}return y({name:"unknown",short:"unknown",compact:"unknown"})}o(P,"generateType");function Be(e){let{type:t}=e.docgenInfo;if(t==null)return null;try{switch(t.name){case l.CUSTOM:case l.SHAPE:case l.INSTANCEOF:case l.OBJECTOF:case l.UNION:case l.ENUM:case l.ARRAYOF:{let{short:r,compact:n,full:s}=P(t,e);return n!=null&&!(0,x.isTooLongForTypeSummary)(n)?(0,x.createSummaryValue)(n):s?(0,x.createSummaryValue)(r,s):(0,x.createSummaryValue)(r)}case l.FUNC:{let{short:r,full:n}=P(t,e),s=r,a;return n&&n.length<Jt?s=n:n&&(a=Ae(n)),(0,x.createSummaryValue)(s,a)}default:return null}}catch(r){console.error(r)}return null}o(Be,"createType");var A=require("@storybook/docs-tools");var v=require("@storybook/docs-tools");function K({inferredType:e,ast:t}){let{depth:r}=e;if(r===1){let n=V(t,!0);if(!(0,v.isTooLongForDefaultValueSummary)(n))return(0,v.createSummaryValue)(n)}return(0,v.createSummaryValue)(S,V(t))}o(K,"generateObject");var B=require("@storybook/docs-tools");function z({inferredType:e,ast:t}){let{depth:r}=e;if(r<=2){let n=ae(t,!0);if(!(0,B.isTooLongForDefaultValueSummary)(n))return(0,B.createSummaryValue)(n)}return(0,B.createSummaryValue)(_,ae(t))}o(z,"generateArray");function $(e,t){return t?`${e}( ... )`:`${e}()`}o($,"getPrettyFuncIdentifier");function L(e){return`<${e} />`}o(L,"getPrettyElementIdentifier");function le(e){let{type:t,identifier:r}=e;switch(t){case u.FUNCTION:return $(r,e.hasParams);case u.ELEMENT:return L(r);default:return r}}o(le,"getPrettyIdentifier");function Xt({inferredType:e,ast:t}){let{identifier:r}=e;if(r!=null)return(0,A.createSummaryValue)(le(e),C(t));let n=C(t,!0);return(0,A.isTooLongForDefaultValueSummary)(n)?(0,A.createSummaryValue)(N,C(t)):(0,A.createSummaryValue)(n)}o(Xt,"generateFunc");function qt(e,t){let{inferredType:r}=t,{identifier:n}=r;if(n!=null&&!U(n)){let s=le(r);return(0,A.createSummaryValue)(s,e)}return(0,A.isTooLongForDefaultValueSummary)(e)?(0,A.createSummaryValue)(O,e):(0,A.createSummaryValue)(e)}o(qt,"generateElement");function Q(e){try{let t=h(e);switch(t.inferredType.type){case u.OBJECT:return K(t);case u.FUNCTION:return Xt(t);case u.ELEMENT:return qt(e,t);case u.ARRAY:return z(t);default:return null}}catch(t){console.error(t)}return null}o(Q,"createDefaultValue");var $e=d(require("lodash/isPlainObject")),fe=d(require("lodash/isFunction")),Ye=d(require("lodash/isString")),pe=d(require("react-element-to-jsx-string")),E=require("@storybook/docs-tools");function We(e){return e.$$typeof!=null}o(We,"isReactElement");function me(e,t){let{name:r}=e;return r!==""&&r!=="anonymous"&&r!==t?r:null}o(me,"extractFunctionName");var Gt=o(e=>(0,E.createSummaryValue)(JSON.stringify(e)),"stringResolver");function Kt(e){let{type:t}=e,{displayName:r}=t,n=(0,pe.default)(e,{});if(r!=null){let s=L(r);return(0,E.createSummaryValue)(s,n)}if((0,Ye.default)(t)&&U(t)){let a=(0,pe.default)(e,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!(0,E.isTooLongForDefaultValueSummary)(a))return(0,E.createSummaryValue)(a)}return(0,E.createSummaryValue)(O,n)}o(Kt,"generateReactObject");var zt=o(e=>{if(We(e)&&e.type!=null)return Kt(e);if((0,$e.default)(e)){let t=h(JSON.stringify(e));return K(t)}if(Array.isArray(e)){let t=h(JSON.stringify(e));return z(t)}return(0,E.createSummaryValue)(S)},"objectResolver"),Qt=o((e,t)=>{let r=!1,n;if((0,fe.default)(e.render))r=!0;else if(e.prototype!=null&&(0,fe.default)(e.prototype.render))r=!0;else{let a;try{n=h(e.toString());let{hasParams:c,params:p}=n.inferredType;c?p.length===1&&p[0].type==="ObjectPattern"&&(a=e({})):a=e(),a!=null&&We(a)&&(r=!0)}catch{}}let s=me(e,t.name);if(s!=null){if(r)return(0,E.createSummaryValue)(L(s));n!=null&&(n=h(e.toString()));let{hasParams:a}=n.inferredType;return(0,E.createSummaryValue)($(s,a))}return(0,E.createSummaryValue)(r?O:N)},"functionResolver"),Zt=o(e=>(0,E.createSummaryValue)(e.toString()),"defaultResolver"),He={string:Gt,object:zt,function:Qt,default:Zt};function Xe(e={}){return m(m({},He),e)}o(Xe,"createTypeResolvers");function Z(e,t,r=He){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}o(Z,"createDefaultValueFromRawDefaultProp");function qe(e,t){let{propTypes:r}=t;return r!=null?Object.keys(r).map(n=>e.find(s=>s.name===n)).filter(Boolean):e}o(qe,"keepOriginalDefinitionOrder");var ee=require("@storybook/docs-tools");var er=o((e,{name:t,type:r})=>{let n=r.summary==="element"||r.summary==="elementType",s=me(e,t);if(s!=null){if(n)return(0,ee.createSummaryValue)(L(s));let{hasParams:a}=h(e.toString()).inferredType;return(0,ee.createSummaryValue)($(s,a))}return(0,ee.createSummaryValue)(n?O:N)},"funcResolver"),Ge=Xe({function:er});function tr(e,t){let{propDef:r}=e,n=Be(e);n!=null&&(r.type=n);let{defaultValue:s}=e.docgenInfo;if(s!=null&&s.value!=null){let a=Q(s.value);a!=null&&(r.defaultValue=a)}else if(t!=null){let a=Z(t,r,Ge);a!=null&&(r.defaultValue=a)}return r}o(tr,"enhancePropTypesProp");function Ke(e,t){let r=t.defaultProps!=null?t.defaultProps:{},n=e.map(s=>tr(s,r[s.propDef.name]));return qe(n,t)}o(Ke,"enhancePropTypesProps");function rr(e,t){let{propDef:r}=e,{defaultValue:n}=e.docgenInfo;if(n!=null&&n.value!=null){let s=Q(n.value);s!=null&&(r.defaultValue=s)}else if(t!=null){let s=Z(t,r);s!=null&&(r.defaultValue=s)}return r}o(rr,"enhanceTypeScriptProp");function ze(e){return e.map(t=>rr(t))}o(ze,"enhanceTypeScriptProps");var Qe=new Map;Object.keys(de.default).forEach(e=>{let t=de.default[e];Qe.set(t,e),Qe.set(t.isRequired,e)});function nr(e,t){let r=e;!(0,F.hasDocgen)(e)&&!e.propTypes&&q(e)&&(r=e.type);let n=(0,F.extractComponentProps)(r,t);if(n.length===0)return[];switch(n[0].typeSystem){case F.TypeSystem.JAVASCRIPT:return Ke(n,e);case F.TypeSystem.TYPESCRIPT:return ze(n);default:return n.map(s=>s.propDef)}}o(nr,"getPropDefs");var Ze=o(e=>({rows:nr(e,"props")}),"extractProps");var et=o(e=>{if(e){let{rows:t}=Ze(e);if(t)return t.reduce((r,n)=>{let{name:s,description:a,type:c,sbType:p,defaultValue:i,jsDocTags:R,required:g}=n;return r[s]={name:s,description:a,type:m({required:g},p),table:{type:c,jsDocTags:R,defaultValue:i}},r},{})}return null},"extractArgTypes");var w=d(require("react")),tt=d(require("react-element-to-jsx-string")),rt=d(require("ts-dedent")),nt=d(require("util-deprecate")),te=require("@storybook/addons"),b=require("@storybook/docs-tools"),Y=require("@storybook/client-logger");function ye(){return ye=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ye.apply(this,arguments)}o(ye,"_extends");var or=o((e,t)=>typeof t.onBeforeRender!="function"?e:(0,nt.default)(t.onBeforeRender,rt.default`
+      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),"applyBeforeRender"),sr=o((e,t,r)=>typeof t.transformSource!="function"?e:t.transformSource(e,r),"applyTransformSource"),ar=o((e,t)=>{if(typeof e>"u")return Y.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 Y.logger.warn("Cannot skip undefined element"),null;if(w.default.Children.count(r)>1)return Y.logger.warn("Trying to skip an array of elements"),null;typeof r.props.children>"u"?(Y.logger.warn("Not enough children to skip elements."),typeof r.type=="function"&&r.type.name===""&&(r=w.default.createElement(n,ye({},r.props)))):typeof r.props.children=="function"?r=r.props.children():r=r.props.children}let s=typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||(0,b.getDocgenSection)(i.type,"displayName")||(i.type.name!=="_default"?i.type.name:null)||(typeof i.type=="function"?"No Display Name":null)||(be(i.type)?i.type.render.name:null)||(q(i.type)?i.type.type.name:null)||i.type},a={filterProps:(i,R)=>i!==void 0},c=m(m(m({},s),a),t);return w.default.Children.map(e,i=>{let R=typeof i=="number"?i.toString():i,g=or((0,tt.default)(R,c),t);if(g.indexOf("&quot;")>-1){let J=g.match(/\S+=\\"([^"]*)\\"/g);J&&J.forEach(he=>{g=g.replace(he,he.replace(/&quot;/g,"'"))})}return g}).join(`
+`).replace(/function\s+noRefCheck\(\)\s+\{\}/,"() => {}")},"renderJsx"),ir={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},ur=o(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)===b.SourceType.DYNAMIC?!1:!r||(t==null?void 0:t.code)||(t==null?void 0:t.type)===b.SourceType.CODE},"skipJsxRender"),cr=o(e=>{var t,r;return((t=e.type)==null?void 0:t.displayName)==="MDXCreateElement"&&!!((r=e.props)!=null&&r.mdxType)},"isMdx"),ot=o(e=>{if(!cr(e))return e;let c=e.props,{mdxType:t,originalType:r,children:n}=c,s=ge(c,["mdxType","originalType","children"]),a=[];return n&&(a=(Array.isArray(n)?n:[n]).map(ot)),(0,w.createElement)(r,s,...a)},"mdxToJsx"),st=o((e,t)=>{var g,J;let r=te.addons.getChannel(),n=ur(t),s="";(0,te.useEffect)(()=>{n||r.emit(b.SNIPPET_RENDERED,(t||{}).id,s)});let a=e();if(n)return a;let c=m(m({},ir),(t==null?void 0:t.parameters.jsx)||{}),p=(J=(g=t==null?void 0:t.parameters.docs)==null?void 0:g.source)!=null&&J.excludeDecorators?t.originalStoryFn(t.args,t):a,i=ot(p),R=ar(i,c);return R&&(s=sr(R,c,t)),a},"jsxDecorator");var at={docs:{inlineStories:!0,extractArgTypes:et,extractComponentDescription:re.extractComponentDescription}},it=[st],ut=[re.enhanceArgTypes];var ft=d(require("global")),T=d(require("react")),j=d(require("react-dom"));function ne(){return ne=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ne.apply(this,arguments)}o(ne,"_extends");var{FRAMEWORK_OPTIONS:D}=ft.default,oe=new Map,pt=o((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 T.default.createElement(n,ne({},e))},"render"),lr=o(async(e,t)=>{let r=await mr(t);return new Promise(n=>{r?(r.render(e),setTimeout(()=>{n(null)},0)):j.default.render(e,t,()=>n(null))})},"renderElement"),fr=j.version&&(j.version.startsWith("18")||j.version.startsWith("0.0.0")),pr=(D==null?void 0:D.legacyRootApi)!==!0,mt=pr&&fr,ct=o(e=>{let t=oe.get(e);t&&mt?(t.unmount(),oe.delete(e)):j.default.unmountComponentAtNode(e)},"unmountElement"),mr=o(async e=>{if(!mt)return null;let t=oe.get(e);return t||(t=(await import("react-dom/client")).default.createRoot(e),oe.set(e,t)),t},"getReactRoot"),dr=o(class extends T.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:t}=this.state,{showMain:r}=this.props;t||r()}componentDidCatch(t){let{showException:r}=this.props;r(t)}render(){let{hasError:t}=this.state,{children:r}=this.props;return t?null:r}},"ErrorBoundary"),lt=D!=null&&D.strictMode?T.StrictMode:T.Fragment;async function dt({storyContext:e,unboundStoryFn:t,showMain:r,showException:n,forceRemount:s},a){let c=t,p=T.default.createElement(dr,{showMain:r,showException:n},T.default.createElement(c,ne({},e))),i=lt?T.default.createElement(lt,null,p):p;return s&&ct(a),await lr(i,a),()=>ct(a)}o(dt,"renderToDOM");var yr=m({framework:"react"},at);0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToDOM});

package/dist/config.mjs

@@ -0,0 +1,7 @@
+import{a as m,b as U,c as o,d as ee,e as De,f as ve}from"./chunk-DGYCFUMN.mjs";import{extractComponentDescription as Kr,enhanceArgTypes as Gr}from"@storybook/docs-tools";import je from"prop-types";import{hasDocgen as Pr,extractComponentProps as Lr,TypeSystem as Me}from"@storybook/docs-tools";import{createSummaryValue as V,isTooLongForTypeSummary as ar}from"@storybook/docs-tools";function re(e,r){let t=e!=null,n=r!=null;if(!t&&!n)return"";let s=[];if(t){let a=e.map(l=>{let y=l.getPrettyName(),i=l.getTypeName();return i!=null?`${y}: ${i}`:y});s.push(`(${a.join(", ")})`)}else s.push("()");return n&&s.push(`=> ${r.getTypeName()}`),s.join(" ")}o(re,"generateFuncSignature");function te(e,r){let t=e!=null,n=r!=null;if(!t&&!n)return"";let s=[];return t?s.push("( ... )"):s.push("()"),n&&s.push(`=> ${r.getTypeName()}`),s.join(" ")}o(te,"generateShortFuncSignature");function ne(e){return e.replace(/,/g,`,\r
+`)}o(ne,"toMultilineSignature");var _="custom",C="object",j="array",oe="class",O="func",g="element";import Be from"html-tags";function I(e){return Be.includes(e.toLowerCase())}o(I,"isHtmlTag");import{generate as $e}from"escodegen";import we from"ts-dedent";var se={format:{indent:{style:"  "},semicolons:!1}},Ye=U(m({},se),{format:{newline:""}}),We=m({},se);function h(e,r=!1){return $e(e,r?Ye:We)}o(h,"generateCode");function M(e,r=!1){return r?He(e):h(e)}o(M,"generateObjectCode");function He(e){let r=h(e,!0);return r.endsWith(" }")||(r=`${r.slice(0,-1)} }`),r}o(He,"generateCompactObjectCode");function Y(e,r=!1){return r?qe(e):Xe(e)}o(Y,"generateArrayCode");function Xe(e){let r=h(e);return r.endsWith("  }]")&&(r=we(r)),r}o(Xe,"generateMultilineArrayCode");function qe(e){let r=h(e,!0);return r.startsWith("[    ")&&(r=r.replace("[    ","[")),r}o(qe,"generateCompactArrayCode");var J=o(e=>e.$$typeof===Symbol.for("react.memo"),"isMemo"),ae=o(e=>e.$$typeof===Symbol.for("react.forward_ref"),"isForwardRef");var u;(function(e){e.IDENTIFIER="Identifier",e.LITERAL="Literal",e.OBJECT="Object",e.ARRAY="Array",e.FUNCTION="Function",e.CLASS="Class",e.ELEMENT="Element",e.UNKNOWN="Unknown"})(u||(u={}));import{Parser as Ke}from"acorn";import Ge from"acorn-jsx";import*as S from"acorn-walk";var W=U(m({},S.base),{JSXElement:()=>{}}),ze=Ke.extend(Ge());function P(e){return e!=null?e.name:null}o(P,"extractIdentifierName");function ue(e){return e.filter(r=>r.type==="ObjectExpression"||r.type==="ArrayExpression")}o(ue,"filterAncestors");function ie(e){let r=[];return S.ancestor(e,{ObjectExpression(t,n){r.push(ue(n).length)},ArrayExpression(t,n){r.push(ue(n).length)}},W),Math.max(...r)}o(ie,"calculateNodeDepth");function Qe(e){return{inferredType:{type:u.IDENTIFIER,identifier:P(e)},ast:e}}o(Qe,"parseIdentifier");function Ze(e){return{inferredType:{type:u.LITERAL},ast:e}}o(Ze,"parseLiteral");function er(e){let r;S.simple(e.body,{JSXElement(a){r=a}},W);let n={type:r!=null?u.ELEMENT:u.FUNCTION,params:e.params,hasParams:e.params.length!==0},s=P(e.id);return s!=null&&(n.identifier=s),{inferredType:n,ast:e}}o(er,"parseFunction");function rr(e){let r;return S.simple(e.body,{JSXElement(n){r=n}},W),{inferredType:{type:r!=null?u.ELEMENT:u.CLASS,identifier:P(e.id)},ast:e}}o(rr,"parseClass");function tr(e){let r={type:u.ELEMENT},t=P(e.openingElement.name);return t!=null&&(r.identifier=t),{inferredType:r,ast:e}}o(tr,"parseJsxElement");function nr(e){let r=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return P(r)==="shape"?ce(e.arguments[0]):null}o(nr,"parseCall");function ce(e){return{inferredType:{type:u.OBJECT,depth:ie(e)},ast:e}}o(ce,"parseObject");function or(e){return{inferredType:{type:u.ARRAY,depth:ie(e)},ast:e}}o(or,"parseArray");function sr(e){switch(e.type){case"Identifier":return Qe(e);case"Literal":return Ze(e);case"FunctionExpression":case"ArrowFunctionExpression":return er(e);case"ClassExpression":return rr(e);case"JSXElement":return tr(e);case"CallExpression":return nr(e);case"ObjectExpression":return ce(e);case"ArrayExpression":return or(e);default:return null}}o(sr,"parseExpression");function le(e){let r=ze.parse(`(${e})`),t={inferredType:{type:u.UNKNOWN},ast:r};if(r.body[0]!=null){let n=r.body[0];switch(n.type){case"ExpressionStatement":{let s=sr(n.expression);s!=null&&(t=s);break}default:break}}return t}o(le,"parse");function T(e){try{let r=le(e);return m({},r)}catch{}return{inferredType:{type:u.UNKNOWN}}}o(T,"inspectValue");var ur=150,c;(function(e){e.CUSTOM="custom",e.ANY="any",e.FUNC="func",e.SHAPE="shape",e.OBJECT="object",e.INSTANCEOF="instanceOf",e.OBJECTOF="objectOf",e.UNION="union",e.ENUM="enum",e.ARRAYOF="arrayOf",e.ELEMENT="element",e.ELEMENTTYPE="elementType",e.NODE="node"})(c||(c={}));function d({name:e,short:r,compact:t,full:n,inferredType:s}){return{name:e,short:r,compact:t,full:n??r,inferredType:s}}o(d,"createTypeDef");function de(e){return e.replace(/PropTypes./g,"").replace(/.isRequired/g,"")}o(de,"cleanPropTypes");function fe(e){return e.split(/\r?\n/)}o(fe,"splitIntoLines");function k(e,r=!1){return de(M(e,r))}o(k,"prettyObject");function pe(e,r=!1){return de(h(e,r))}o(pe,"prettyArray");function ir(e){switch(e){case u.OBJECT:return C;case u.ARRAY:return j;case u.CLASS:return oe;case u.FUNCTION:return O;case u.ELEMENT:return g;default:return _}}o(ir,"getCaptionForInspectionType");function Te(e,r){let{inferredType:t,ast:n}=T(e),{type:s}=t,a,l,y;switch(s){case u.IDENTIFIER:case u.LITERAL:a=e,l=e;break;case u.OBJECT:{let{depth:i}=t;a=C,l=i===1?k(n,!0):null,y=k(n);break}case u.ELEMENT:{let{identifier:i}=t;a=i!=null&&!I(i)?i:g,l=fe(e).length===1?e:null,y=e;break}case u.ARRAY:{let{depth:i}=t;a=j,l=i<=2?pe(n,!0):null,y=pe(n);break}default:a=ir(s),l=fe(e).length===1?e:null,y=e;break}return d({name:r,short:a,compact:l,full:y,inferredType:s})}o(Te,"generateTypeFromString");function cr({raw:e}){return e!=null?Te(e,c.CUSTOM):d({name:c.CUSTOM,short:_,compact:_})}o(cr,"generateCustom");function lr(e){let{jsDocTags:r}=e;return r!=null&&(r.params!=null||r.returns!=null)?d({name:c.FUNC,short:te(r.params,r.returns),compact:null,full:re(r.params,r.returns)}):d({name:c.FUNC,short:O,compact:O})}o(lr,"generateFunc");function fr(e,r){let t=Object.keys(e.value).map(l=>`${l}: ${R(e.value[l],r).full}`).join(", "),{inferredType:n,ast:s}=T(`{ ${t} }`),{depth:a}=n;return d({name:c.SHAPE,short:C,compact:a===1&&s?k(s,!0):null,full:s?k(s):null})}o(fr,"generateShape");function H(e){return`objectOf(${e})`}o(H,"objectOf");function pr(e,r){let{short:t,compact:n,full:s}=R(e.value,r);return d({name:c.OBJECTOF,short:H(t),compact:n!=null?H(n):null,full:s&&H(s)})}o(pr,"generateObjectOf");function mr(e,r){if(Array.isArray(e.value)){let t=e.value.reduce((n,s)=>{let{short:a,compact:l,full:y}=R(s,r);return n.short.push(a),n.compact.push(l),n.full.push(y),n},{short:[],compact:[],full:[]});return d({name:c.UNION,short:t.short.join(" | "),compact:t.compact.every(n=>n!=null)?t.compact.join(" | "):null,full:t.full.join(" | ")})}return d({name:c.UNION,short:e.value,compact:null})}o(mr,"generateUnion");function yr({value:e,computed:r}){return r?Te(e,"enumvalue"):d({name:"enumvalue",short:e,compact:e})}o(yr,"generateEnumValue");function dr(e){if(Array.isArray(e.value)){let r=e.value.reduce((t,n)=>{let{short:s,compact:a,full:l}=yr(n);return t.short.push(s),t.compact.push(a),t.full.push(l),t},{short:[],compact:[],full:[]});return d({name:c.ENUM,short:r.short.join(" | "),compact:r.compact.every(t=>t!=null)?r.compact.join(" | "):null,full:r.full.join(" | ")})}return d({name:c.ENUM,short:e.value,compact:e.value})}o(dr,"generateEnum");function X(e){return`${e}[]`}o(X,"braceAfter");function me(e){return`[${e}]`}o(me,"braceAround");function ye(e,r,t){return d({name:c.ARRAYOF,short:X(e),compact:r!=null?me(r):null,full:t&&me(t)})}o(ye,"createArrayOfObjectTypeDef");function Tr(e,r){let{name:t,short:n,compact:s,full:a,inferredType:l}=R(e.value,r);if(t===c.CUSTOM){if(l===u.OBJECT)return ye(n,s,a)}else if(t===c.SHAPE)return ye(n,s,a);return d({name:c.ARRAYOF,short:X(n),compact:X(n)})}o(Tr,"generateArray");function R(e,r){try{switch(e.name){case c.CUSTOM:return cr(e);case c.FUNC:return lr(r);case c.SHAPE:return fr(e,r);case c.INSTANCEOF:return d({name:c.INSTANCEOF,short:e.value,compact:e.value});case c.OBJECTOF:return pr(e,r);case c.UNION:return mr(e,r);case c.ENUM:return dr(e);case c.ARRAYOF:return Tr(e,r);default:return d({name:e.name,short:e.name,compact:e.name})}}catch(t){console.error(t)}return d({name:"unknown",short:"unknown",compact:"unknown"})}o(R,"generateType");function Ee(e){let{type:r}=e.docgenInfo;if(r==null)return null;try{switch(r.name){case c.CUSTOM:case c.SHAPE:case c.INSTANCEOF:case c.OBJECTOF:case c.UNION:case c.ENUM:case c.ARRAYOF:{let{short:t,compact:n,full:s}=R(r,e);return n!=null&&!ar(n)?V(n):s?V(t,s):V(t)}case c.FUNC:{let{short:t,full:n}=R(r,e),s=t,a;return n&&n.length<ur?s=n:n&&(a=ne(n)),V(s,a)}default:return null}}catch(t){console.error(t)}return null}o(Ee,"createType");import{createSummaryValue as x,isTooLongForDefaultValueSummary as he}from"@storybook/docs-tools";import{createSummaryValue as Oe,isTooLongForDefaultValueSummary as Er}from"@storybook/docs-tools";function D({inferredType:e,ast:r}){let{depth:t}=e;if(t===1){let n=M(r,!0);if(!Er(n))return Oe(n)}return Oe(C,M(r))}o(D,"generateObject");import{createSummaryValue as ge,isTooLongForDefaultValueSummary as Or}from"@storybook/docs-tools";function v({inferredType:e,ast:r}){let{depth:t}=e;if(t<=2){let n=Y(r,!0);if(!Or(n))return ge(n)}return ge(j,Y(r))}o(v,"generateArray");function L(e,r){return r?`${e}( ... )`:`${e}()`}o(L,"getPrettyFuncIdentifier");function F(e){return`<${e} />`}o(F,"getPrettyElementIdentifier");function q(e){let{type:r,identifier:t}=e;switch(r){case u.FUNCTION:return L(t,e.hasParams);case u.ELEMENT:return F(t);default:return t}}o(q,"getPrettyIdentifier");function gr({inferredType:e,ast:r}){let{identifier:t}=e;if(t!=null)return x(q(e),h(r));let n=h(r,!0);return he(n)?x(O,h(r)):x(n)}o(gr,"generateFunc");function hr(e,r){let{inferredType:t}=r,{identifier:n}=t;if(n!=null&&!I(n)){let s=q(t);return x(s,e)}return he(e)?x(g,e):x(e)}o(hr,"generateElement");function B(e){try{let r=T(e);switch(r.inferredType.type){case u.OBJECT:return D(r);case u.FUNCTION:return gr(r);case u.ELEMENT:return hr(e,r);case u.ARRAY:return v(r);default:return null}}catch(r){console.error(r)}return null}o(B,"createDefaultValue");import Nr from"lodash/isPlainObject";import Ne from"lodash/isFunction";import Cr from"lodash/isString";import Ce from"react-element-to-jsx-string";import{createSummaryValue as N,isTooLongForDefaultValueSummary as Ar}from"@storybook/docs-tools";function Ae(e){return e.$$typeof!=null}o(Ae,"isReactElement");function K(e,r){let{name:t}=e;return t!==""&&t!=="anonymous"&&t!==r?t:null}o(K,"extractFunctionName");var Sr=o(e=>N(JSON.stringify(e)),"stringResolver");function Ir(e){let{type:r}=e,{displayName:t}=r,n=Ce(e,{});if(t!=null){let s=F(t);return N(s,n)}if(Cr(r)&&I(r)){let a=Ce(e,{tabStop:0}).replace(/\r?\n|\r/g,"");if(!Ar(a))return N(a)}return N(g,n)}o(Ir,"generateReactObject");var Rr=o(e=>{if(Ae(e)&&e.type!=null)return Ir(e);if(Nr(e)){let r=T(JSON.stringify(e));return D(r)}if(Array.isArray(e)){let r=T(JSON.stringify(e));return v(r)}return N(C)},"objectResolver"),Fr=o((e,r)=>{let t=!1,n;if(Ne(e.render))t=!0;else if(e.prototype!=null&&Ne(e.prototype.render))t=!0;else{let a;try{n=T(e.toString());let{hasParams:l,params:y}=n.inferredType;l?y.length===1&&y[0].type==="ObjectPattern"&&(a=e({})):a=e(),a!=null&&Ae(a)&&(t=!0)}catch{}}let s=K(e,r.name);if(s!=null){if(t)return N(F(s));n!=null&&(n=T(e.toString()));let{hasParams:a}=n.inferredType;return N(L(s,a))}return N(t?g:O)},"functionResolver"),xr=o(e=>N(e.toString()),"defaultResolver"),Se={string:Sr,object:Rr,function:Fr,default:xr};function Ie(e={}){return m(m({},Se),e)}o(Ie,"createTypeResolvers");function $(e,r,t=Se){try{switch(typeof e){case"string":return t.string(e,r);case"object":return t.object(e,r);case"function":return t.function(e,r);default:return t.default(e,r)}}catch(n){console.error(n)}return null}o($,"createDefaultValueFromRawDefaultProp");function Re(e,r){let{propTypes:t}=r;return t!=null?Object.keys(t).map(n=>e.find(s=>s.name===n)).filter(Boolean):e}o(Re,"keepOriginalDefinitionOrder");import{createSummaryValue as G}from"@storybook/docs-tools";var br=o((e,{name:r,type:t})=>{let n=t.summary==="element"||t.summary==="elementType",s=K(e,r);if(s!=null){if(n)return G(F(s));let{hasParams:a}=T(e.toString()).inferredType;return G(L(s,a))}return G(n?g:O)},"funcResolver"),Fe=Ie({function:br});function jr(e,r){let{propDef:t}=e,n=Ee(e);n!=null&&(t.type=n);let{defaultValue:s}=e.docgenInfo;if(s!=null&&s.value!=null){let a=B(s.value);a!=null&&(t.defaultValue=a)}else if(r!=null){let a=$(r,t,Fe);a!=null&&(t.defaultValue=a)}return t}o(jr,"enhancePropTypesProp");function xe(e,r){let t=r.defaultProps!=null?r.defaultProps:{},n=e.map(s=>jr(s,t[s.propDef.name]));return Re(n,r)}o(xe,"enhancePropTypesProps");function Mr(e,r){let{propDef:t}=e,{defaultValue:n}=e.docgenInfo;if(n!=null&&n.value!=null){let s=B(n.value);s!=null&&(t.defaultValue=s)}else if(r!=null){let s=$(r,t);s!=null&&(t.defaultValue=s)}return t}o(Mr,"enhanceTypeScriptProp");function be(e){return e.map(r=>Mr(r))}o(be,"enhanceTypeScriptProps");var Pe=new Map;Object.keys(je).forEach(e=>{let r=je[e];Pe.set(r,e),Pe.set(r.isRequired,e)});function Ur(e,r){let t=e;!Pr(e)&&!e.propTypes&&J(e)&&(t=e.type);let n=Lr(t,r);if(n.length===0)return[];switch(n[0].typeSystem){case Me.JAVASCRIPT:return xe(n,e);case Me.TYPESCRIPT:return be(n);default:return n.map(s=>s.propDef)}}o(Ur,"getPropDefs");var Le=o(e=>({rows:Ur(e,"props")}),"extractProps");var Ue=o(e=>{if(e){let{rows:r}=Le(e);if(r)return r.reduce((t,n)=>{let{name:s,description:a,type:l,sbType:y,defaultValue:i,jsDocTags:A,required:E}=n;return t[s]={name:s,description:a,type:m({required:E},y),table:{type:l,jsDocTags:A,defaultValue:i}},t},{})}return null},"extractArgTypes");import z,{createElement as _r}from"react";import Jr from"react-element-to-jsx-string";import Vr from"ts-dedent";import kr from"util-deprecate";import{addons as Dr,useEffect as vr}from"@storybook/addons";import{SourceType as _e,SNIPPET_RENDERED as Br,getDocgenSection as $r}from"@storybook/docs-tools";import{logger as w}from"@storybook/client-logger";function Q(){return Q=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},Q.apply(this,arguments)}o(Q,"_extends");var wr=o((e,r)=>typeof r.onBeforeRender!="function"?e:kr(r.onBeforeRender,Vr`
+      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),"applyBeforeRender"),Yr=o((e,r,t)=>typeof r.transformSource!="function"?e:r.transformSource(e,t),"applyTransformSource"),Wr=o((e,r)=>{if(typeof e>"u")return w.warn("Too many skip or undefined component"),null;let t=e,n=t.type;for(let i=0;i<r.skip;i+=1){if(typeof t>"u")return w.warn("Cannot skip undefined element"),null;if(z.Children.count(t)>1)return w.warn("Trying to skip an array of elements"),null;typeof t.props.children>"u"?(w.warn("Not enough children to skip elements."),typeof t.type=="function"&&t.type.name===""&&(t=z.createElement(n,Q({},t.props)))):typeof t.props.children=="function"?t=t.props.children():t=t.props.children}let s=typeof r.displayName=="string"?{showFunctions:!0,displayName:()=>r.displayName}:{displayName:i=>i.type.displayName||$r(i.type,"displayName")||(i.type.name!=="_default"?i.type.name:null)||(typeof i.type=="function"?"No Display Name":null)||(ae(i.type)?i.type.render.name:null)||(J(i.type)?i.type.type.name:null)||i.type},a={filterProps:(i,A)=>i!==void 0},l=m(m(m({},s),a),r);return z.Children.map(e,i=>{let A=typeof i=="number"?i.toString():i,E=wr(Jr(A,l),r);if(E.indexOf("&quot;")>-1){let b=E.match(/\S+=\\"([^"]*)\\"/g);b&&b.forEach(Z=>{E=E.replace(Z,Z.replace(/&quot;/g,"'"))})}return E}).join(`
+`).replace(/function\s+noRefCheck\(\)\s+\{\}/,"() => {}")},"renderJsx"),Hr={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},Xr=o(e=>{var n;let r=(n=e==null?void 0:e.parameters.docs)==null?void 0:n.source,t=e==null?void 0:e.parameters.__isArgsStory;return(r==null?void 0:r.type)===_e.DYNAMIC?!1:!t||(r==null?void 0:r.code)||(r==null?void 0:r.type)===_e.CODE},"skipJsxRender"),qr=o(e=>{var r,t;return((r=e.type)==null?void 0:r.displayName)==="MDXCreateElement"&&!!((t=e.props)!=null&&t.mdxType)},"isMdx"),Je=o(e=>{if(!qr(e))return e;let l=e.props,{mdxType:r,originalType:t,children:n}=l,s=ee(l,["mdxType","originalType","children"]),a=[];return n&&(a=(Array.isArray(n)?n:[n]).map(Je)),_r(t,s,...a)},"mdxToJsx"),Ve=o((e,r)=>{var E,b;let t=Dr.getChannel(),n=Xr(r),s="";vr(()=>{n||t.emit(Br,(r||{}).id,s)});let a=e();if(n)return a;let l=m(m({},Hr),(r==null?void 0:r.parameters.jsx)||{}),y=(b=(E=r==null?void 0:r.parameters.docs)==null?void 0:E.source)!=null&&b.excludeDecorators?r.originalStoryFn(r.args,r):a,i=Je(y),A=Wr(i,l);return A&&(s=Yr(A,l,r)),a},"jsxDecorator");var ke={docs:{inlineStories:!0,extractArgTypes:Ue,extractComponentDescription:Kr}},zr=[Ve],Qr=[Gr];var Wn=m({framework:"react"},ke);export{Qr as argTypesEnhancers,zr as decorators,Wn as parameters,De as render,ve 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 @@
+var N=Object.create;var l=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var W=Object.getOwnPropertyNames;var k=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty;var n=(t,o)=>l(t,"name",{value:o,configurable:!0});var Y=(t,o)=>{for(var e in o)l(t,e,{get:o[e],enumerable:!0})},A=(t,o,e,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let i of W(o))!T.call(t,i)&&i!==e&&l(t,i,{get:()=>o[i],enumerable:!(r=V(o,i))||r.enumerable});return t};var d=(t,o,e)=>(e=t!=null?N(k(t)):{},A(o||!t||!t.__esModule?l(e,"default",{value:t,enumerable:!0}):e,t)),$=t=>A(l({},"__esModule",{value:!0}),t);var st={};Y(st,{addDecorator:()=>X,addParameters:()=>Z,clearDecorators:()=>K,composeStories:()=>nt,composeStory:()=>v,configure:()=>Q,forceReRender:()=>I,getStorybook:()=>tt,raw:()=>ot,setAddon:()=>_,setGlobalConfig:()=>et,setProjectAnnotations:()=>U,storiesOf:()=>L});module.exports=$(st);var D=d(require("global")),{window:y}=D.default;y&&(y.STORYBOOK_ENV="react");var j=require("@storybook/core-client");var S=d(require("global")),s=d(require("react")),a=d(require("react-dom"));function u(){return u=Object.assign||function(t){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])}return t},u.apply(this,arguments)}n(u,"_extends");var{FRAMEWORK_OPTIONS:p}=S.default,h=new Map,g=n((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 s.default.createElement(r,u({},t))},"render"),q=n(async(t,o)=>{let e=await H(o);return new Promise(r=>{e?(e.render(t),setTimeout(()=>{r(null)},0)):a.default.render(t,o,()=>r(null))})},"renderElement"),z=a.version&&(a.version.startsWith("18")||a.version.startsWith("0.0.0")),F=(p==null?void 0:p.legacyRootApi)!==!0,C=F&&z,E=n(t=>{let o=h.get(t);o&&C?(o.unmount(),h.delete(t)):a.default.unmountComponentAtNode(t)},"unmountElement"),H=n(async t=>{if(!C)return null;let o=h.get(t);return o||(o=(await import("react-dom/client")).default.createRoot(t),h.set(t,o)),o},"getReactRoot"),J=n(class extends s.Component{state={hasError:!1};static getDerivedStateFromError(){return{hasError:!0}}componentDidMount(){let{hasError:o}=this.state,{showMain:e}=this.props;o||e()}componentDidCatch(o){let{showException:e}=this.props;e(o)}render(){let{hasError:o}=this.state,{children:e}=this.props;return o?null:e}},"ErrorBoundary"),R=p!=null&&p.strictMode?s.StrictMode:s.Fragment;async function b({storyContext:t,unboundStoryFn:o,showMain:e,showException:r,forceRemount:i},x){let O=o,w=s.default.createElement(J,{showMain:e,showException:r},s.default.createElement(O,u({},t))),G=R?s.default.createElement(R,null,w):w;return i&&E(x),await q(G,x),()=>E(x)}n(b,"renderToDOM");var M="react",c=(0,j.start)(b,{render:g}),L=n((t,o)=>c.clientApi.storiesOf(t,o).addParameters({framework:M}),"storiesOf"),Q=n((...t)=>c.configure(M,...t),"configure"),X=c.clientApi.addDecorator,Z=c.clientApi.addParameters,K=c.clientApi.clearDecorators,_=c.clientApi.setAddon,I=c.forceReRender,tt=c.clientApi.getStorybook,ot=c.clientApi.raw;var m=require("@storybook/store"),P=require("@storybook/client-logger");function U(t){(0,m.setProjectAnnotations)(t)}n(U,"setProjectAnnotations");function et(t){P.once.warn("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),U(t)}n(et,"setGlobalConfig");var rt={render:g};function v(t,o,e,r){return(0,m.composeStory)(t,o,e,rt,r)}n(v,"composeStory");function nt(t,o){return(0,m.composeStories)(t,o,v)}n(nt,"composeStories");var B;(B=module==null?void 0:module.hot)==null||B.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{c as e,e as n,f as a}from"./chunk-DGYCFUMN.mjs";import l from"global";var{window:p}=l;p&&(p.STORYBOOK_ENV="react");import{start as x}from"@storybook/core-client";var d="react",t=x(a,{render:n}),y=e((o,r)=>t.clientApi.storiesOf(o,r).addParameters({framework:d}),"storiesOf"),D=e((...o)=>t.configure(d,...o),"configure"),C=t.clientApi.addDecorator,k=t.clientApi.addParameters,E=t.clientApi.clearDecorators,G=t.clientApi.setAddon,K=t.forceReRender,M=t.clientApi.getStorybook,T=t.clientApi.raw;import{composeStory as A,composeStories as S,setProjectAnnotations as g}from"@storybook/store";import{once as u}from"@storybook/client-logger";function P(o){g(o)}e(P,"setProjectAnnotations");function N(o){u.warn("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),P(o)}e(N,"setGlobalConfig");var w={render:n};function O(o,r,c,f){return A(o,r,c,w,f)}e(O,"composeStory");function U(o,r){return S(o,r,O)}e(U,"composeStories");var m;(m=module==null?void 0:module.hot)==null||m.decline();export{C as addDecorator,k as addParameters,E as clearDecorators,U as composeStories,O as composeStory,D as configure,K as forceReRender,M as getStorybook,T as raw,G as setAddon,N as setGlobalConfig,P as setProjectAnnotations,y 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,41 +1,45 @@
 {
   "name": "@storybook/react",
-  "version": "6.5.9",
-  "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
+  "version": "7.0.0-alpha.10",
+  "description": "Storybook React renderer",
   "keywords": [
     "storybook"
   ],
-  "homepage": "https://github.com/storybookjs/storybook/tree/main/app/react",
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/react",
   "bugs": {
     "url": "https://github.com/storybookjs/storybook/issues"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/storybookjs/storybook.git",
-    "directory": "app/react"
+    "directory": "renderers/react"
   },
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/client/index.js",
-  "module": "dist/esm/client/index.js",
-  "types": "dist/ts3.9/client/index.d.ts",
-  "typesVersions": {
-    "<3.8": {
-      "dist/ts3.9/*": [
-        "dist/ts3.4/*"
-      ]
+  "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"
     }
   },
-  "bin": {
-    "build-storybook": "./bin/build.js",
-    "start-storybook": "./bin/index.js",
-    "storybook-server": "./bin/index.js"
-  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
-    "bin/**/*",
     "dist/**/*",
     "types/**/*",
     "README.md",
@@ -43,72 +47,42 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "node ../../scripts/prepare.js"
+    "prepare": "esrun ../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@babel/preset-flow": "^7.12.1",
-    "@babel/preset-react": "^7.12.10",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
-    "@storybook/addons": "6.5.9",
-    "@storybook/client-logger": "6.5.9",
-    "@storybook/core": "6.5.9",
-    "@storybook/core-common": "6.5.9",
+    "@storybook/addons": "7.0.0-alpha.10",
+    "@storybook/client-logger": "7.0.0-alpha.10",
+    "@storybook/core-client": "7.0.0-alpha.10",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "6.5.9",
-    "@storybook/node-logger": "6.5.9",
-    "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0",
-    "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.5.9",
+    "@storybook/docs-tools": "7.0.0-alpha.10",
+    "@storybook/store": "7.0.0-alpha.10",
     "@types/estree": "^0.0.51",
     "@types/node": "^14.14.20 || ^16.0.0",
-    "@types/webpack-env": "^1.16.0",
     "acorn": "^7.4.1",
     "acorn-jsx": "^5.3.1",
     "acorn-walk": "^7.2.0",
-    "babel-plugin-add-react-displayname": "^0.0.5",
-    "babel-plugin-react-docgen": "^4.2.1",
     "core-js": "^3.8.2",
     "escodegen": "^2.0.0",
-    "fs-extra": "^9.0.1",
     "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",
-    "react-refresh": "^0.11.0",
-    "read-pkg-up": "^7.0.1",
-    "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0",
-    "util-deprecate": "^1.0.2",
-    "webpack": ">=4.43.0 <6.0.0"
+    "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@types/util-deprecate": "^1.0.0",
-    "jest-specific-snapshot": "^4.0.0",
-    "webpack": "4"
+    "@babel/core": "^7.11.5",
+    "@digitak/esrun": "^3.2.2",
+    "@types/util-deprecate": "^1.0.0"
   },
   "peerDependencies": {
-    "@babel/core": "^7.11.5",
+    "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"
   },
   "peerDependenciesMeta": {
-    "@babel/core": {
-      "optional": true
-    },
-    "@storybook/builder-webpack4": {
-      "optional": true
-    },
-    "@storybook/builder-webpack5": {
-      "optional": true
-    },
-    "@storybook/manager-webpack4": {
-      "optional": true
-    },
-    "@storybook/manager-webpack5": {
-      "optional": true
-    },
     "typescript": {
       "optional": true
     }
@@ -119,6 +93,9 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e2673f765722cbb542ef1b5cf8d533c8e746a127",
-  "sbmodern": "dist/modern/client/index.js"
+  "bundlerEntrypoint": [
+    "./src/index.ts",
+    "./src/config.ts"
+  ],
+  "gitHead": "b13dd8fb52819d73d4983148af8ffc5d683e8b75"
 }

package/preview.js

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

package/bin/build.js

@@ -1,4 +0,0 @@
-#!/usr/bin/env node
-
-process.env.NODE_ENV = process.env.NODE_ENV || 'production';
-require('../dist/cjs/server/build');

package/bin/index.js

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-
-require('../dist/cjs/server');

package/demo.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-declare const Welcome: {
-    ({ showApp }: {
-        showApp: () => void;
-    }): JSX.Element;
-    displayName: string;
-    propTypes: {
-        showApp: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    defaultProps: {
-        showApp: any;
-    };
-};
-
-declare const Button: {
-    ({ children, onClick, }: {
-        children: React.ReactNode;
-        onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    }): JSX.Element;
-    displayName: string;
-    propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactNodeLike>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    defaultProps: {
-        onClick: () => void;
-    };
-};
-
-export { Welcome, Button };

package/demo.js

@@ -1,5 +0,0 @@
-/* eslint-disable global-require */
-module.exports = {
-  Welcome: require('./dist/esm/demo/Welcome').default,
-  Button: require('./dist/esm/demo/Button').default,
-};