@storybook/react 7.0.0-alpha.45 → 7.0.0-alpha.47

package/dist/{chunk-UWO3SUKR.mjs → chunk-Y6TTZ4RO.mjs}

@@ -1 +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:d}=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();return F(()=>{e.current!==t&&(e.current=t,t())},[t]),o},S=async(t,o)=>{let e=await D(o);return new Promise(r=>{e?e.render(n.createElement(x,{callback:()=>r(null)},t)):u.render(t,o,()=>r(null))})},M=c&&(c.startsWith("18")||c.startsWith("0.0.0")),A=d?.legacyRootApi!==!0,h=A&&M,p=t=>{let o=s.get(t);o&&h?(o.unmount(),s.delete(t)):u.unmountComponentAtNode(t)},D=async t=>{if(!h)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=d?.strictMode?y:C;async function _({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 S(f,a),()=>p(a)}export{P as a,_ as b};
+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:d}=E,s=new Map,b=(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();return F(()=>{e.current!==t&&(e.current=t,t())},[t]),o},S=async(t,o)=>{let e=await D(o);return new Promise(r=>{e?e.render(n.createElement(x,{callback:()=>r(null)},t)):u.render(t,o,()=>r(null))})},M=c&&(c.startsWith("18")||c.startsWith("0.0.0")),A=d?.legacyRootApi!==!0,h=A&&M,p=t=>{let o=s.get(t);o&&h?(o.unmount(),s.delete(t)):u.unmountComponentAtNode(t)},D=async t=>{if(!h)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=d?.strictMode?y:C;async function U({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 S(f,a),()=>p(a)}export{b as a,U as b};

package/dist/config.js

@@ -1,3 +1,3 @@
-"use strict";var nt=Object.create;var V=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var it=Object.getPrototypeOf,at=Object.prototype.hasOwnProperty;var pt=(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 st(t))!at.call(e,o)&&o!==r&&V(e,o,{get:()=>t[o],enumerable:!(n=ot(t,o))||n.enumerable});return e};var l=(e,t,r)=>(r=e!=null?nt(it(e)):{},le(t||!e||!e.__esModule?V(r,"default",{value:e,enumerable:!0}):r,e)),ct=e=>le(V({},"__esModule",{value:!0}),e);var rr={};pt(rr,{argTypesEnhancers:()=>Ge,decorators:()=>Ke,parameters:()=>tr,render:()=>et,renderToDOM:()=>rt});module.exports=ct(rr);var z=require("@storybook/docs-tools");var ae=l(require("prop-types")),R=require("@storybook/docs-tools");var P=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}},ut={...Ie,format:{newline:""}},lt={...Ie};function d(e,t=!1){return(0,ge.generate)(e,t?ut:lt)}function k(e,t=!1){return t?ft(e):d(e)}function ft(e){let t=d(e,!0);return t.endsWith(" }")||(t=`${t.slice(0,-1)} }`),t}function Z(e,t=!1){return t?yt(e):mt(e)}function mt(e){let t=d(e);return t.endsWith("  }]")&&(t=(0,Ee.dedent)(t)),t}function yt(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 Pe=require("acorn"),Re=l(require("acorn-jsx")),C=l(require("acorn-walk"));var ee={...C.base,JSXElement:()=>{}},Tt=Pe.Parser.extend((0,Re.default)());function w(e){return e!=null?e.name:null}function Ce(e){return e.filter(t=>t.type==="ObjectExpression"||t.type==="ArrayExpression")}function Ne(e){let t=[];return C.ancestor(e,{ObjectExpression(r,n){t.push(Ce(n).length)},ArrayExpression(r,n){t.push(Ce(n).length)}},ee),Math.max(...t)}function dt(e){return{inferredType:{type:"Identifier",identifier:w(e)},ast:e}}function gt(e){return{inferredType:{type:"Literal"},ast:e}}function Et(e){let t;C.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 It(e){let t;return C.simple(e.body,{JSXElement(n){t=n}},ee),{inferredType:{type:t!=null?"Element":"Class",identifier:w(e.id)},ast:e}}function ht(e){let t={type:"Element"},r=w(e.openingElement.name);return r!=null&&(t.identifier=r),{inferredType:t,ast:e}}function Ct(e){let t=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return w(t)==="shape"?Oe(e.arguments[0]):null}function Oe(e){return{inferredType:{type:"Object",depth:Ne(e)},ast:e}}function Pt(e){return{inferredType:{type:"Array",depth:Ne(e)},ast:e}}function Rt(e){switch(e.type){case"Identifier":return dt(e);case"Literal":return gt(e);case"FunctionExpression":case"ArrowFunctionExpression":return Et(e);case"ClassExpression":return It(e);case"JSXElement":return ht(e);case"CallExpression":return Ct(e);case"ObjectExpression":return Oe(e);case"ArrayExpression":return Pt(e);default:return null}}function Ae(e){let t=Tt.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=Rt(n.expression);o!=null&&(r=o);break}default:break}}return r}function f(e){try{return{...Ae(e)}}catch{}return{inferredType:{type:"Unknown"}}}var Nt=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 xe(e){return e.split(/\r?\n/)}function B(e,t=!1){return be(k(e,t))}function Se(e,t=!1){return be(d(e,t))}function Ot(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?B(n,!0):null,p=B(n);break}case"Element":{let{identifier:i}=r;s=i!=null&&!A(i)?i:T,a=xe(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=Ot(o),a=xe(e).length===1?e:null,p=e;break}return c({name:t,short:s,compact:a,full:p,inferredType:o})}function At({raw:e}){return e!=null?je(e,"custom"):c({name:"custom",short:v,compact:v})}function xt(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 St(e,t){let r=Object.keys(e.value).map(a=>`${a}: ${x(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?B(o,!0):null,full:o?B(o):null})}function te(e){return`objectOf(${e})`}function Ft(e,t){let{short:r,compact:n,full:o}=x(e.value,t);return c({name:"objectOf",short:te(r),compact:n!=null?te(n):null,full:o&&te(o)})}function Dt(e,t){if(Array.isArray(e.value)){let r=e.value.reduce((n,o)=>{let{short:s,compact:a,full:p}=x(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 bt({value:e,computed:t}){return t?je(e,"enumvalue"):c({name:"enumvalue",short:e,compact:e})}function jt(e){if(Array.isArray(e.value)){let t=e.value.reduce((r,n)=>{let{short:o,compact:s,full:a}=bt(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 kt(e,t){let{name:r,short:n,compact:o,full:s,inferredType:a}=x(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 x(e,t){try{switch(e.name){case"custom":return At(e);case"func":return xt(t);case"shape":return St(e,t);case"instanceOf":return c({name:"instanceOf",short:e.value,compact:e.value});case"objectOf":return Ft(e,t);case"union":return Dt(e,t);case"enum":return jt(e);case"arrayOf":return kt(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}=x(t,e);return n!=null&&!(0,P.isTooLongForTypeSummary)(n)?(0,P.createSummaryValue)(n):o?(0,P.createSummaryValue)(r,o):(0,P.createSummaryValue)(r)}case"func":{let{short:r,full:n}=x(t,e),o=r,s;return n&&n.length<Nt?o=n:n&&(s=ye(n)),(0,P.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 S(e){return`<${e} />`}function ne(e){let{type:t,identifier:r}=e;switch(t){case"Function":return L(r,e.hasParams);case"Element":return S(r);default:return r}}function wt({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 Mt(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 wt(t);case"Element":return Mt(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 Jt=e=>(0,m.createSummaryValue)(JSON.stringify(e));function Lt(e){let{type:t}=e,{displayName:r}=t,n=(0,se.default)(e,{});if(r!=null){let o=S(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 Ut=e=>{if(Je(e)&&e.type!=null)return Lt(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)},Vt=(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)(S(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)},vt=e=>(0,m.createSummaryValue)(e.toString()),Le={string:Jt,object:Ut,function:Vt,default:vt};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)(S(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 $t(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=>$t(o,r[o.propDef.name]));return Ve(n,t)}function Bt(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 $e(e){return e.map(t=>Bt(t))}var Be=new Map;Object.keys(ae.default).forEach(e=>{let t=ae.default[e];Be.set(t,e),Be.set(t.isRequired,e)});function Yt(e,t){let r=e;!(0,R.hasDocgen)(e)&&!e.propTypes&&_(e)&&(r=e.type);let n=(0,R.extractComponentProps)(r,t);if(n.length===0)return[];switch(n[0].typeSystem){case R.TypeSystem.JAVASCRIPT:return _e(n,e);case R.TypeSystem.TYPESCRIPT:return $e(n);default:return n.map(o=>o.propDef)}}var Ye=e=>({rows:Yt(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:b}=n;return r[o]={name:o,description:s,type:{required:b,...p},table:{type:a,jsDocTags:h,defaultValue:i}},r},{})}return null};var F=l(require("react")),K=l(require("react-element-to-jsx-string")),G=require("@storybook/addons"),N=require("@storybook/docs-tools"),U=require("@storybook/client-logger");var Wt=(e,t,r)=>typeof t.transformSource!="function"?e:t.transformSource(e,r),Xt=(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(F.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=F.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,N.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 F.default.Children.map(e,i=>{let h=typeof i=="number"?i.toString():i,E=(typeof K.default=="function"?K.default:K.default.default)(h,a);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+\{\}/,"() => {}")},Ht={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},qt=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)===N.SourceType.DYNAMIC?!1:!r||(t==null?void 0:t.code)||(t==null?void 0:t.type)===N.SourceType.CODE},Kt=e=>{var t,r;return((t=e.type)==null?void 0:t.displayName)==="MDXCreateElement"&&!!((r=e.props)!=null&&r.mdxType)},Xe=e=>{if(!Kt(e))return e;let{mdxType:t,originalType:r,children:n,...o}=e.props,s=[];return n&&(s=(Array.isArray(n)?n:[n]).map(Xe)),(0,F.createElement)(r,o,...s)},He=(e,t)=>{var b,E;let r=G.addons.getChannel(),n=qt(t),o="";(0,G.useEffect)(()=>{n||r.emit(N.SNIPPET_RENDERED,(t||{}).id,o)});let s=e();if(n)return s;let a={...Ht,...(t==null?void 0:t.parameters.jsx)||{}},p=(E=(b=t==null?void 0:t.parameters.docs)==null?void 0:b.source)!=null&&E.excludeDecorators?t.originalStoryFn(t.args,t):s,i=Xe(p),h=Xt(i,a);return h&&(o=Wt(h,a,t)),s};var qe={docs:{inlineStories:!0,extractArgTypes:We,extractComponentDescription:z.extractComponentDescription}},Ke=[He],Ge=[z.enhanceArgTypes];var Ze=l(require("global")),u=l(require("react")),O=l(require("react-dom")),{FRAMEWORK_OPTIONS:D}=Ze.default,Q=new Map,et=(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})},Gt=({callback:e,children:t})=>{let r=(0,u.useRef)();return(0,u.useLayoutEffect)(()=>{r.current!==e&&(r.current=e,e())},[e]),t},zt=async(e,t)=>{let r=await er(t);return new Promise(n=>{r?r.render(u.default.createElement(Gt,{callback:()=>n(null)},e)):O.default.render(e,t,()=>n(null))})},Qt=O.version&&(O.version.startsWith("18")||O.version.startsWith("0.0.0")),Zt=(D==null?void 0:D.legacyRootApi)!==!0,tt=Zt&&Qt,ze=e=>{let t=Q.get(e);t&&tt?(t.unmount(),Q.delete(e)):O.default.unmountComponentAtNode(e)},er=async e=>{if(!tt)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}},Qe=D!=null&&D.strictMode?u.StrictMode:u.Fragment;async function rt({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=Qe?u.default.createElement(Qe,null,p):p;return o&&ze(s),await zt(i,s),()=>ze(s)}var tr={framework:"react",...qe};0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToDOM});
+"use strict";var nt=Object.create;var V=Object.defineProperty;var ot=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var it=Object.getPrototypeOf,pt=Object.prototype.hasOwnProperty;var at=(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 st(t))!pt.call(e,o)&&o!==r&&V(e,o,{get:()=>t[o],enumerable:!(n=ot(t,o))||n.enumerable});return e};var l=(e,t,r)=>(r=e!=null?nt(it(e)):{},le(t||!e||!e.__esModule?V(r,"default",{value:e,enumerable:!0}):r,e)),ct=e=>le(V({},"__esModule",{value:!0}),e);var rr={};at(rr,{argTypesEnhancers:()=>Ge,decorators:()=>Ke,parameters:()=>tr,render:()=>et,renderToDOM:()=>rt});module.exports=ct(rr);var z=require("@storybook/docs-tools");var pe=l(require("prop-types")),R=require("@storybook/docs-tools");var P=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(p=>{let a=p.getPrettyName(),i=p.getTypeName();return i!=null?`${a}: ${i}`:a});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 x(e){return de.default.includes(e.toLowerCase())}var ge=require("escodegen"),Ee=require("ts-dedent"),Ie={format:{indent:{style:"  "},semicolons:!1}},ut={...Ie,format:{newline:""}},lt={...Ie};function d(e,t=!1){return(0,ge.generate)(e,t?ut:lt)}function k(e,t=!1){return t?ft(e):d(e)}function ft(e){let t=d(e,!0);return t.endsWith(" }")||(t=`${t.slice(0,-1)} }`),t}function Z(e,t=!1){return t?yt(e):mt(e)}function mt(e){let t=d(e);return t.endsWith("  }]")&&(t=(0,Ee.dedent)(t)),t}function yt(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 Pe=require("acorn"),Re=l(require("acorn-jsx")),C=l(require("acorn-walk"));var ee={...C.base,JSXElement:()=>{}},Tt=Pe.Parser.extend((0,Re.default)());function w(e){return e!=null?e.name:null}function Ce(e){return e.filter(t=>t.type==="ObjectExpression"||t.type==="ArrayExpression")}function Ne(e){let t=[];return C.ancestor(e,{ObjectExpression(r,n){t.push(Ce(n).length)},ArrayExpression(r,n){t.push(Ce(n).length)}},ee),Math.max(...t)}function dt(e){return{inferredType:{type:"Identifier",identifier:w(e)},ast:e}}function gt(e){return{inferredType:{type:"Literal"},ast:e}}function Et(e){let t;C.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 It(e){let t;return C.simple(e.body,{JSXElement(n){t=n}},ee),{inferredType:{type:t!=null?"Element":"Class",identifier:w(e.id)},ast:e}}function ht(e){let t={type:"Element"},r=w(e.openingElement.name);return r!=null&&(t.identifier=r),{inferredType:t,ast:e}}function Ct(e){let t=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return w(t)==="shape"?Oe(e.arguments[0]):null}function Oe(e){return{inferredType:{type:"Object",depth:Ne(e)},ast:e}}function Pt(e){return{inferredType:{type:"Array",depth:Ne(e)},ast:e}}function Rt(e){switch(e.type){case"Identifier":return dt(e);case"Literal":return gt(e);case"FunctionExpression":case"ArrowFunctionExpression":return Et(e);case"ClassExpression":return It(e);case"JSXElement":return ht(e);case"CallExpression":return Ct(e);case"ObjectExpression":return Oe(e);case"ArrayExpression":return Pt(e);default:return null}}function xe(e){let t=Tt.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=Rt(n.expression);o!=null&&(r=o);break}default:break}}return r}function f(e){try{return{...xe(e)}}catch{}return{inferredType:{type:"Unknown"}}}var Nt=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 B(e,t=!1){return be(k(e,t))}function Se(e,t=!1){return be(d(e,t))}function Ot(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,p,a;switch(o){case"Identifier":case"Literal":s=e,p=e;break;case"Object":{let{depth:i}=r;s=I,p=i===1?B(n,!0):null,a=B(n);break}case"Element":{let{identifier:i}=r;s=i!=null&&!x(i)?i:T,p=Ae(e).length===1?e:null,a=e;break}case"Array":{let{depth:i}=r;s=j,p=i<=2?Se(n,!0):null,a=Se(n);break}default:s=Ot(o),p=Ae(e).length===1?e:null,a=e;break}return c({name:t,short:s,compact:p,full:a,inferredType:o})}function xt({raw:e}){return e!=null?je(e,"custom"):c({name:"custom",short:v,compact:v})}function At(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 St(e,t){let r=Object.keys(e.value).map(p=>`${p}: ${A(e.value[p],t).full}`).join(", "),{inferredType:n,ast:o}=f(`{ ${r} }`),{depth:s}=n;return c({name:"shape",short:I,compact:s===1&&o?B(o,!0):null,full:o?B(o):null})}function te(e){return`objectOf(${e})`}function Ft(e,t){let{short:r,compact:n,full:o}=A(e.value,t);return c({name:"objectOf",short:te(r),compact:n!=null?te(n):null,full:o&&te(o)})}function Dt(e,t){if(Array.isArray(e.value)){let r=e.value.reduce((n,o)=>{let{short:s,compact:p,full:a}=A(o,t);return n.short.push(s),n.compact.push(p),n.full.push(a),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 bt({value:e,computed:t}){return t?je(e,"enumvalue"):c({name:"enumvalue",short:e,compact:e})}function jt(e){if(Array.isArray(e.value)){let t=e.value.reduce((r,n)=>{let{short:o,compact:s,full:p}=bt(n);return r.short.push(o),r.compact.push(s),r.full.push(p),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 kt(e,t){let{name:r,short:n,compact:o,full:s,inferredType:p}=A(e.value,t);if(r==="custom"){if(p==="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 A(e,t){try{switch(e.name){case"custom":return xt(e);case"func":return At(t);case"shape":return St(e,t);case"instanceOf":return c({name:"instanceOf",short:e.value,compact:e.value});case"objectOf":return Ft(e,t);case"union":return Dt(e,t);case"enum":return jt(e);case"arrayOf":return kt(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}=A(t,e);return n!=null&&!(0,P.isTooLongForTypeSummary)(n)?(0,P.createSummaryValue)(n):o?(0,P.createSummaryValue)(r,o):(0,P.createSummaryValue)(r)}case"func":{let{short:r,full:n}=A(t,e),o=r,s;return n&&n.length<Nt?o=n:n&&(s=ye(n)),(0,P.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 S(e){return`<${e} />`}function ne(e){let{type:t,identifier:r}=e;switch(t){case"Function":return L(r,e.hasParams);case"Element":return S(r);default:return r}}function wt({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 Mt(e,t){let{inferredType:r}=t,{identifier:n}=r;if(n!=null&&!x(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 wt(t);case"Element":return Mt(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 Jt=e=>(0,m.createSummaryValue)(JSON.stringify(e));function Lt(e){let{type:t}=e,{displayName:r}=t,n=(0,se.default)(e,{});if(r!=null){let o=S(r);return(0,m.createSummaryValue)(o,n)}if((0,Me.default)(t)&&x(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 Ut=e=>{if(Je(e)&&e.type!=null)return Lt(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)},Vt=(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:p,params:a}=n.inferredType;p?a.length===1&&a[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)(S(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)},vt=e=>(0,m.createSummaryValue)(e.toString()),Le={string:Jt,object:Ut,function:Vt,default:vt};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)(S(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 $t(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=>$t(o,r[o.propDef.name]));return Ve(n,t)}function Bt(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 $e(e){return e.map(t=>Bt(t))}var Be=new Map;Object.keys(pe.default).forEach(e=>{let t=pe.default[e];Be.set(t,e),Be.set(t.isRequired,e)});function Yt(e,t){let r=e;!(0,R.hasDocgen)(e)&&!e.propTypes&&_(e)&&(r=e.type);let n=(0,R.extractComponentProps)(r,t);if(n.length===0)return[];switch(n[0].typeSystem){case R.TypeSystem.JAVASCRIPT:return _e(n,e);case R.TypeSystem.TYPESCRIPT:return $e(n);default:return n.map(o=>o.propDef)}}var Ye=e=>({rows:Yt(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:p,sbType:a,defaultValue:i,jsDocTags:h,required:b}=n;return r[o]={name:o,description:s,type:{required:b,...a},table:{type:p,jsDocTags:h,defaultValue:i}},r},{})}return null};var F=l(require("react")),K=l(require("react-element-to-jsx-string")),G=require("@storybook/addons"),N=require("@storybook/docs-tools"),U=require("@storybook/client-logger");var Wt=(e,t,r)=>typeof t.transformSource!="function"?e:t.transformSource(e,r),Xt=(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(F.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=F.default.createElement(n,{...r.props}))):typeof r.props.children=="function"?r=r.props.children():r=r.props.children}let p={...typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||(i.type===Symbol.for("react.profiler")?"Profiler":null)||(0,N.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 F.default.Children.map(e,i=>{let h=typeof i=="number"?i.toString():i,E=(typeof K.default=="function"?K.default:K.default.default)(h,p);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+\{\}/g,"() => {}")},Ht={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},qt=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)===N.SourceType.DYNAMIC?!1:!r||(t==null?void 0:t.code)||(t==null?void 0:t.type)===N.SourceType.CODE},Kt=e=>{var t,r;return((t=e.type)==null?void 0:t.displayName)==="MDXCreateElement"&&!!((r=e.props)!=null&&r.mdxType)},Xe=e=>{if(!Kt(e))return e;let{mdxType:t,originalType:r,children:n,...o}=e.props,s=[];return n&&(s=(Array.isArray(n)?n:[n]).map(Xe)),(0,F.createElement)(r,o,...s)},He=(e,t)=>{var b,E;let r=G.addons.getChannel(),n=qt(t),o="";(0,G.useEffect)(()=>{n||r.emit(N.SNIPPET_RENDERED,(t||{}).id,o)});let s=e();if(n)return s;let p={...Ht,...(t==null?void 0:t.parameters.jsx)||{}},a=(E=(b=t==null?void 0:t.parameters.docs)==null?void 0:b.source)!=null&&E.excludeDecorators?t.originalStoryFn(t.args,t):s,i=Xe(a),h=Xt(i,p);return h&&(o=Wt(h,p,t)),s};var qe={docs:{inlineStories:!0,extractArgTypes:We,extractComponentDescription:z.extractComponentDescription}},Ke=[He],Ge=[z.enhanceArgTypes];var Ze=l(require("global")),u=l(require("react")),O=l(require("react-dom")),{FRAMEWORK_OPTIONS:D}=Ze.default,Q=new Map,et=(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})},Gt=({callback:e,children:t})=>{let r=(0,u.useRef)();return(0,u.useLayoutEffect)(()=>{r.current!==e&&(r.current=e,e())},[e]),t},zt=async(e,t)=>{let r=await er(t);return new Promise(n=>{r?r.render(u.default.createElement(Gt,{callback:()=>n(null)},e)):O.default.render(e,t,()=>n(null))})},Qt=O.version&&(O.version.startsWith("18")||O.version.startsWith("0.0.0")),Zt=(D==null?void 0:D.legacyRootApi)!==!0,tt=Zt&&Qt,ze=e=>{let t=Q.get(e);t&&tt?(t.unmount(),Q.delete(e)):O.default.unmountComponentAtNode(e)},er=async e=>{if(!tt)return null;let t=Q.get(e);return t||(t=(await import("react-dom/client")).default.createRoot(e),Q.set(e,t)),t},ae=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}},Qe=D!=null&&D.strictMode?u.StrictMode:u.Fragment;async function rt({storyContext:e,unboundStoryFn:t,showMain:r,showException:n,forceRemount:o},s){let a=u.default.createElement(ae,{showMain:r,showException:n},u.default.createElement(t,{...e})),i=Qe?u.default.createElement(Qe,null,a):a;return o&&ze(s),await zt(i,s),()=>ze(s)}var tr={framework:"react",...qe};0&&(module.exports={argTypesEnhancers,decorators,parameters,render,renderToDOM});

package/dist/config.mjs

@@ -1,3 +1,3 @@
-import{a as Je,b as Le}from"./chunk-UWO3SUKR.mjs";import{extractComponentDescription as vt,enhanceArgTypes as wt}from"@storybook/docs-tools";import he from"prop-types";import{hasDocgen as Rt,extractComponentProps as St,TypeSystem as Ae}from"@storybook/docs-tools";import{createSummaryValue as b,isTooLongForTypeSummary as tt}from"@storybook/docs-tools";function G(e,t){let n=e!=null,r=t!=null;if(!n&&!r)return"";let o=[];if(n){let s=e.map(p=>{let c=p.getPrettyName(),i=p.getTypeName();return i!=null?`${c}: ${i}`:c});o.push(`(${s.join(", ")})`)}else o.push("()");return r&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function z(e,t){let n=e!=null,r=t!=null;if(!n&&!r)return"";let o=[];return n?o.push("( ... )"):o.push("()"),r&&o.push(`=> ${t.getTypeName()}`),o.join(" ")}function Q(e){return e.replace(/,/g,`,\r
-`)}var S="custom",d="object",C="array",Z="class",f="func",m="element";import Ve from"html-tags";function E(e){return Ve.includes(e.toLowerCase())}import{generate as Me}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 Me(e,t?_e:ve)}function h(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 U(e,t=!1){return t?Be(e):$e(e)}function $e(e){let t=y(e);return t.endsWith("  }]")&&(t=Ue(t)),t}function Be(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 _={...I.base,JSXElement:()=>{}},We=Ye.extend(Xe());function A(e){return e!=null?e.name:null}function ne(e){return e.filter(t=>t.type==="ObjectExpression"||t.type==="ArrayExpression")}function re(e){let t=[];return I.ancestor(e,{ObjectExpression(n,r){t.push(ne(r).length)},ArrayExpression(n,r){t.push(ne(r).length)}},_),Math.max(...t)}function He(e){return{inferredType:{type:"Identifier",identifier:A(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}},_);let r={type:t!=null?"Element":"Function",params:e.params,hasParams:e.params.length!==0},o=A(e.id);return o!=null&&(r.identifier=o),{inferredType:r,ast:e}}function Ge(e){let t;return I.simple(e.body,{JSXElement(r){t=r}},_),{inferredType:{type:t!=null?"Element":"Class",identifier:A(e.id)},ast:e}}function ze(e){let t={type:"Element"},n=A(e.openingElement.name);return n!=null&&(t.identifier=n),{inferredType:t,ast:e}}function Qe(e){let t=e.callee.type==="MemberExpression"?e.callee.property:e.callee;return A(t)==="shape"?oe(e.arguments[0]):null}function oe(e){return{inferredType:{type:"Object",depth:re(e)},ast:e}}function Ze(e){return{inferredType:{type:"Array",depth:re(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})`),n={inferredType:{type:"Unknown"},ast:t};if(t.body[0]!=null){let r=t.body[0];switch(r.type){case"ExpressionStatement":{let o=et(r.expression);o!=null&&(n=o);break}default:break}}return n}function l(e){try{return{...se(e)}}catch{}return{inferredType:{type:"Unknown"}}}var nt=150;function u({name:e,short:t,compact:n,full:r,inferredType:o}){return{name:e,short:t,compact:n,full:r??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(h(e,t))}function pe(e,t=!1){return ue(y(e,t))}function rt(e){switch(e){case"Object":return d;case"Array":return C;case"Class":return Z;case"Function":return f;case"Element":return m;default:return S}}function le(e,t){let{inferredType:n,ast:r}=l(e),{type:o}=n,s,p,c;switch(o){case"Identifier":case"Literal":s=e,p=e;break;case"Object":{let{depth:i}=n;s=d,p=i===1?j(r,!0):null,c=j(r);break}case"Element":{let{identifier:i}=n;s=i!=null&&!E(i)?i:m,p=ie(e).length===1?e:null,c=e;break}case"Array":{let{depth:i}=n;s=C,p=i<=2?pe(r,!0):null,c=pe(r);break}default:s=rt(o),p=ie(e).length===1?e:null,c=e;break}return u({name:t,short:s,compact:p,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 n=Object.keys(e.value).map(p=>`${p}: ${P(e.value[p],t).full}`).join(", "),{inferredType:r,ast:o}=l(`{ ${n} }`),{depth:s}=r;return u({name:"shape",short:d,compact:s===1&&o?j(o,!0):null,full:o?j(o):null})}function v(e){return`objectOf(${e})`}function pt(e,t){let{short:n,compact:r,full:o}=P(e.value,t);return u({name:"objectOf",short:v(n),compact:r!=null?v(r):null,full:o&&v(o)})}function at(e,t){if(Array.isArray(e.value)){let n=e.value.reduce((r,o)=>{let{short:s,compact:p,full:c}=P(o,t);return r.short.push(s),r.compact.push(p),r.full.push(c),r},{short:[],compact:[],full:[]});return u({name:"union",short:n.short.join(" | "),compact:n.compact.every(r=>r!=null)?n.compact.join(" | "):null,full:n.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((n,r)=>{let{short:o,compact:s,full:p}=ct(r);return n.short.push(o),n.compact.push(s),n.full.push(p),n},{short:[],compact:[],full:[]});return u({name:"enum",short:t.short.join(" | "),compact:t.compact.every(n=>n!=null)?t.compact.join(" | "):null,full:t.full.join(" | ")})}return u({name:"enum",short:e.value,compact:e.value})}function w(e){return`${e}[]`}function ae(e){return`[${e}]`}function ce(e,t,n){return u({name:"arrayOf",short:w(e),compact:t!=null?ae(t):null,full:n&&ae(n)})}function lt(e,t){let{name:n,short:r,compact:o,full:s,inferredType:p}=P(e.value,t);if(n==="custom"){if(p==="Object")return ce(r,o,s)}else if(n==="shape")return ce(r,o,s);return u({name:"arrayOf",short:w(r),compact:w(r)})}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 pt(e,t);case"union":return at(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(n){console.error(n)}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:n,compact:r,full:o}=P(t,e);return r!=null&&!tt(r)?b(r):o?b(n,o):b(n)}case"func":{let{short:n,full:r}=P(t,e),o=n,s;return r&&r.length<nt?o=r:r&&(s=Q(r)),b(o,s)}default:return null}}catch(n){console.error(n)}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 k({inferredType:e,ast:t}){let{depth:n}=e;if(n===1){let r=h(t,!0);if(!ft(r))return me(r)}return me(d,h(t))}import{createSummaryValue as ye,isTooLongForDefaultValueSummary as mt}from"@storybook/docs-tools";function J({inferredType:e,ast:t}){let{depth:n}=e;if(n<=2){let r=U(t,!0);if(!mt(r))return ye(r)}return ye(C,U(t))}function R(e,t){return t?`${e}( ... )`:`${e}()`}function O(e){return`<${e} />`}function $(e){let{type:t,identifier:n}=e;switch(t){case"Function":return R(n,e.hasParams);case"Element":return O(n);default:return n}}function yt({inferredType:e,ast:t}){let{identifier:n}=e;if(n!=null)return N($(e),y(t));let r=y(t,!0);return Te(r)?N(f,y(t)):N(r)}function Tt(e,t){let{inferredType:n}=t,{identifier:r}=n;if(r!=null&&!E(r)){let o=$(n);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 k(t);case"Function":return yt(t);case"Element":return Tt(e,t);case"Array":return J(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 B(e,t){let{name:n}=e;return n!==""&&n!=="anonymous"&&n!==t?n:null}var Et=e=>T(JSON.stringify(e));function Pt(e){let{type:t}=e,{displayName:n}=t,r=ge(e,{});if(n!=null){let o=O(n);return T(o,r)}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,r)}var Ot=e=>{if(Ie(e)&&e.type!=null)return Pt(e);if(dt(e)){let t=l(JSON.stringify(e));return k(t)}if(Array.isArray(e)){let t=l(JSON.stringify(e));return J(t)}return T(d)},Nt=(e,t)=>{let n=!1,r;if(de(e.render))n=!0;else if(e.prototype!=null&&de(e.prototype.render))n=!0;else{let s;try{r=l(e.toString());let{hasParams:p,params:c}=r.inferredType;p?c.length===1&&c[0].type==="ObjectPattern"&&(s=e({})):s=e(),s!=null&&Ie(s)&&(n=!0)}catch{}}let o=B(e,t.name);if(o!=null){if(n)return T(O(o));r!=null&&(r=l(e.toString()));let{hasParams:s}=r.inferredType;return T(R(o,s))}return T(n?m:f)},xt=e=>T(e.toString()),Ee={string:Et,object:Ot,function:Nt,default:xt};function Pe(e={}){return{...Ee,...e}}function V(e,t,n=Ee){try{switch(typeof e){case"string":return n.string(e,t);case"object":return n.object(e,t);case"function":return n.function(e,t);default:return n.default(e,t)}}catch(r){console.error(r)}return null}function Oe(e,t){let{propTypes:n}=t;return n!=null?Object.keys(n).map(r=>e.find(o=>o.name===r)).filter(Boolean):e}import{createSummaryValue as Y}from"@storybook/docs-tools";var Ct=(e,{name:t,type:n})=>{let r=n.summary==="element"||n.summary==="elementType",o=B(e,t);if(o!=null){if(r)return Y(O(o));let{hasParams:s}=l(e.toString()).inferredType;return Y(R(o,s))}return Y(r?m:f)},Ne=Pe({function:Ct});function ht(e,t){let{propDef:n}=e,r=fe(e);r!=null&&(n.type=r);let{defaultValue:o}=e.docgenInfo;if(o!=null&&o.value!=null){let s=L(o.value);s!=null&&(n.defaultValue=s)}else if(t!=null){let s=V(t,n,Ne);s!=null&&(n.defaultValue=s)}return n}function xe(e,t){let n=t.defaultProps!=null?t.defaultProps:{},r=e.map(o=>ht(o,n[o.propDef.name]));return Oe(r,t)}function At(e,t){let{propDef:n}=e,{defaultValue:r}=e.docgenInfo;if(r!=null&&r.value!=null){let o=L(r.value);o!=null&&(n.defaultValue=o)}else if(t!=null){let o=V(t,n);o!=null&&(n.defaultValue=o)}return n}function Ce(e){return e.map(t=>At(t))}var Re=new Map;Object.keys(he).forEach(e=>{let t=he[e];Re.set(t,e),Re.set(t.isRequired,e)});function Ft(e,t){let n=e;!Rt(e)&&!e.propTypes&&F(e)&&(n=e.type);let r=St(n,t);if(r.length===0)return[];switch(r[0].typeSystem){case Ae.JAVASCRIPT:return xe(r,e);case Ae.TYPESCRIPT:return Ce(r);default:return r.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((n,r)=>{let{name:o,description:s,type:p,sbType:c,defaultValue:i,jsDocTags:g,required:H}=r;return n[o]={name:o,description:s,type:{required:H,...c},table:{type:p,jsDocTags:g,defaultValue:i}},n},{})}return null};import X,{createElement as Dt}from"react";import W from"react-element-to-jsx-string";import{addons as bt,useEffect as jt}from"@storybook/addons";import{SourceType as De,SNIPPET_RENDERED as kt,getDocgenSection as Jt}from"@storybook/docs-tools";import{logger as M}from"@storybook/client-logger";var Lt=(e,t,n)=>typeof t.transformSource!="function"?e:t.transformSource(e,n),Vt=(e,t)=>{if(typeof e>"u")return M.warn("Too many skip or undefined component"),null;let n=e,r=n.type;for(let i=0;i<t.skip;i+=1){if(typeof n>"u")return M.warn("Cannot skip undefined element"),null;if(X.Children.count(n)>1)return M.warn("Trying to skip an array of elements"),null;typeof n.props.children>"u"?(M.warn("Not enough children to skip elements."),typeof n.type=="function"&&n.type.name===""&&(n=X.createElement(r,{...n.props}))):typeof n.props.children=="function"?n=n.props.children():n=n.props.children}let p={...typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||Jt(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 X.Children.map(e,i=>{let g=typeof i=="number"?i.toString():i,x=(typeof W=="function"?W:W.default)(g,p);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+\{\}/,"() => {}")},Mt={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},Ut=e=>{let t=e?.parameters.docs?.source,n=e?.parameters.__isArgsStory;return t?.type===De.DYNAMIC?!1:!n||t?.code||t?.type===De.CODE},_t=e=>e.type?.displayName==="MDXCreateElement"&&!!e.props?.mdxType,be=e=>{if(!_t(e))return e;let{mdxType:t,originalType:n,children:r,...o}=e.props,s=[];return r&&(s=(Array.isArray(r)?r:[r]).map(be)),Dt(n,o,...s)},je=(e,t)=>{let n=bt.getChannel(),r=Ut(t),o="";jt(()=>{r||n.emit(kt,(t||{}).id,o)});let s=e();if(r)return s;let p={...Mt,...t?.parameters.jsx||{}},c=t?.parameters.docs?.source?.excludeDecorators?t.originalStoryFn(t.args,t):s,i=be(c),g=Vt(i,p);return g&&(o=Lt(g,p,t)),s};var ke={docs:{inlineStories:!0,extractArgTypes:Fe,extractComponentDescription:vt}},$t=[je],Bt=[wt];var oo={framework:"react",...ke};export{Bt as argTypesEnhancers,$t as decorators,oo as parameters,Je as render,Le as renderToDOM};
+import{a as Je,b as Le}from"./chunk-Y6TTZ4RO.mjs";import{extractComponentDescription as vt,enhanceArgTypes as wt}from"@storybook/docs-tools";import he from"prop-types";import{hasDocgen as Rt,extractComponentProps as St,TypeSystem as Ae}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(p=>{let c=p.getPrettyName(),i=p.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",C="array",Z="class",f="func",m="element";import Ve from"html-tags";function E(e){return Ve.includes(e.toLowerCase())}import{generate as Me}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 Me(e,t?_e:ve)}function h(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 U(e,t=!1){return t?Be(e):$e(e)}function $e(e){let t=y(e);return t.endsWith("  }]")&&(t=Ue(t)),t}function Be(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 _={...I.base,JSXElement:()=>{}},We=Ye.extend(Xe());function A(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)}},_),Math.max(...t)}function He(e){return{inferredType:{type:"Identifier",identifier:A(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}},_);let n={type:t!=null?"Element":"Function",params:e.params,hasParams:e.params.length!==0},o=A(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}},_),{inferredType:{type:t!=null?"Element":"Class",identifier:A(e.id)},ast:e}}function ze(e){let t={type:"Element"},r=A(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 A(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(h(e,t))}function pe(e,t=!1){return ue(y(e,t))}function nt(e){switch(e){case"Object":return d;case"Array":return C;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,p,c;switch(o){case"Identifier":case"Literal":s=e,p=e;break;case"Object":{let{depth:i}=r;s=d,p=i===1?j(n,!0):null,c=j(n);break}case"Element":{let{identifier:i}=r;s=i!=null&&!E(i)?i:m,p=ie(e).length===1?e:null,c=e;break}case"Array":{let{depth:i}=r;s=C,p=i<=2?pe(n,!0):null,c=pe(n);break}default:s=nt(o),p=ie(e).length===1?e:null,c=e;break}return u({name:t,short:s,compact:p,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(p=>`${p}: ${P(e.value[p],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 v(e){return`objectOf(${e})`}function pt(e,t){let{short:r,compact:n,full:o}=P(e.value,t);return u({name:"objectOf",short:v(r),compact:n!=null?v(n):null,full:o&&v(o)})}function at(e,t){if(Array.isArray(e.value)){let r=e.value.reduce((n,o)=>{let{short:s,compact:p,full:c}=P(o,t);return n.short.push(s),n.compact.push(p),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:p}=ct(n);return r.short.push(o),r.compact.push(s),r.full.push(p),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 w(e){return`${e}[]`}function ae(e){return`[${e}]`}function ce(e,t,r){return u({name:"arrayOf",short:w(e),compact:t!=null?ae(t):null,full:r&&ae(r)})}function lt(e,t){let{name:r,short:n,compact:o,full:s,inferredType:p}=P(e.value,t);if(r==="custom"){if(p==="Object")return ce(n,o,s)}else if(r==="shape")return ce(n,o,s);return u({name:"arrayOf",short:w(n),compact:w(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 pt(e,t);case"union":return at(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 k({inferredType:e,ast:t}){let{depth:r}=e;if(r===1){let n=h(t,!0);if(!ft(n))return me(n)}return me(d,h(t))}import{createSummaryValue as ye,isTooLongForDefaultValueSummary as mt}from"@storybook/docs-tools";function J({inferredType:e,ast:t}){let{depth:r}=e;if(r<=2){let n=U(t,!0);if(!mt(n))return ye(n)}return ye(C,U(t))}function R(e,t){return t?`${e}( ... )`:`${e}()`}function O(e){return`<${e} />`}function $(e){let{type:t,identifier:r}=e;switch(t){case"Function":return R(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 k(t);case"Function":return yt(t);case"Element":return Tt(e,t);case"Array":return J(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 B(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 k(t)}if(Array.isArray(e)){let t=l(JSON.stringify(e));return J(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:p,params:c}=n.inferredType;p?c.length===1&&c[0].type==="ObjectPattern"&&(s=e({})):s=e(),s!=null&&Ie(s)&&(r=!0)}catch{}}let o=B(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(R(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 V(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 Y}from"@storybook/docs-tools";var Ct=(e,{name:t,type:r})=>{let n=r.summary==="element"||r.summary==="elementType",o=B(e,t);if(o!=null){if(n)return Y(O(o));let{hasParams:s}=l(e.toString()).inferredType;return Y(R(o,s))}return Y(n?m:f)},Ne=Pe({function:Ct});function ht(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=V(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=>ht(o,r[o.propDef.name]));return Oe(n,t)}function At(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=V(t,r);o!=null&&(r.defaultValue=o)}return r}function Ce(e){return e.map(t=>At(t))}var Re=new Map;Object.keys(he).forEach(e=>{let t=he[e];Re.set(t,e),Re.set(t.isRequired,e)});function Ft(e,t){let r=e;!Rt(e)&&!e.propTypes&&F(e)&&(r=e.type);let n=St(r,t);if(n.length===0)return[];switch(n[0].typeSystem){case Ae.JAVASCRIPT:return xe(n,e);case Ae.TYPESCRIPT:return Ce(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:p,sbType:c,defaultValue:i,jsDocTags:g,required:H}=n;return r[o]={name:o,description:s,type:{required:H,...c},table:{type:p,jsDocTags:g,defaultValue:i}},r},{})}return null};import X,{createElement as bt}from"react";import W from"react-element-to-jsx-string";import{addons as Dt,useEffect as jt}from"@storybook/addons";import{SourceType as be,SNIPPET_RENDERED as kt,getDocgenSection as Jt}from"@storybook/docs-tools";import{logger as M}from"@storybook/client-logger";var Lt=(e,t,r)=>typeof t.transformSource!="function"?e:t.transformSource(e,r),Vt=(e,t)=>{if(typeof e>"u")return M.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 M.warn("Cannot skip undefined element"),null;if(X.Children.count(r)>1)return M.warn("Trying to skip an array of elements"),null;typeof r.props.children>"u"?(M.warn("Not enough children to skip elements."),typeof r.type=="function"&&r.type.name===""&&(r=X.createElement(n,{...r.props}))):typeof r.props.children=="function"?r=r.props.children():r=r.props.children}let p={...typeof t.displayName=="string"?{showFunctions:!0,displayName:()=>t.displayName}:{displayName:i=>i.type.displayName||(i.type===Symbol.for("react.profiler")?"Profiler":null)||Jt(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 X.Children.map(e,i=>{let g=typeof i=="number"?i.toString():i,x=(typeof W=="function"?W:W.default)(g,p);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+\{\}/g,"() => {}")},Mt={skip:0,showFunctions:!1,enableBeautify:!0,showDefaultProps:!1},Ut=e=>{let t=e?.parameters.docs?.source,r=e?.parameters.__isArgsStory;return t?.type===be.DYNAMIC?!1:!r||t?.code||t?.type===be.CODE},_t=e=>e.type?.displayName==="MDXCreateElement"&&!!e.props?.mdxType,De=e=>{if(!_t(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=Dt.getChannel(),n=Ut(t),o="";jt(()=>{n||r.emit(kt,(t||{}).id,o)});let s=e();if(n)return s;let p={...Mt,...t?.parameters.jsx||{}},c=t?.parameters.docs?.source?.excludeDecorators?t.originalStoryFn(t.args,t):s,i=De(c),g=Vt(i,p);return g&&(o=Lt(g,p,t)),s};var ke={docs:{inlineStories:!0,extractArgTypes:Fe,extractComponentDescription:vt}},$t=[je],Bt=[wt];var Jn={framework:"react",...ke};export{Bt as argTypesEnhancers,$t as decorators,Jn as parameters,Je as render,Le as renderToDOM};

package/dist/index.mjs

@@ -1 +1 @@
-import{a as e,b as a}from"./chunk-UWO3SUKR.mjs";import A from"global";var{window:p}=A;p&&(p.STORYBOOK_ENV="react");import{start as c}from"@storybook/core-client";var m="react",n=c(a,{render:e}),k=(o,t)=>n.clientApi.storiesOf(o,t).addParameters({framework:m}),x=(...o)=>n.configure(m,...o),w=n.forceReRender,O=n.clientApi.raw;import{composeStory as y,composeStories as g,setProjectAnnotations as d}from"@storybook/store";import{deprecate as S}from"@storybook/client-logger";function C(o){d(o)}function E(o){S("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),C(o)}var f={render:e};function l(o,t,s,i){return y(o,t,s,f,i)}function b(o,t){return g(o,t,l)}module?.hot?.decline();export{b as composeStories,l as composeStory,x as configure,w as forceReRender,O as raw,E as setGlobalConfig,C as setProjectAnnotations,k as storiesOf};
+import{a as e,b as p}from"./chunk-Y6TTZ4RO.mjs";import A from"global";var{window:a}=A;a&&(a.STORYBOOK_ENV="react");import{start as c}from"@storybook/core-client";var m="react",n=c(p,{render:e}),k=(o,t)=>n.clientApi.storiesOf(o,t).addParameters({framework:m}),x=(...o)=>n.configure(m,...o),w=n.forceReRender,O=n.clientApi.raw;import{composeStory as y,composeStories as g,setProjectAnnotations as d}from"@storybook/store";import{deprecate as S}from"@storybook/client-logger";function C(o){d(o)}function E(o){S("setGlobalConfig is deprecated. Use setProjectAnnotations instead."),C(o)}var f={render:e};function l(o,t,s,i){return y(o,t,s,f,i)}function b(o,t){return g(o,t,l)}module?.hot?.decline();export{b as composeStories,l as composeStory,x as configure,w as forceReRender,O as raw,E as setGlobalConfig,C as setProjectAnnotations,k as storiesOf};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "7.0.0-alpha.45",
+  "version": "7.0.0-alpha.47",
   "description": "Storybook React renderer",
   "keywords": [
     "storybook"
@@ -41,6 +41,7 @@
   "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
+    "template/**/*",
     "types/**/*",
     "README.md",
     "*.js",
@@ -51,12 +52,12 @@
     "prep": "../../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.45",
-    "@storybook/client-logger": "7.0.0-alpha.45",
-    "@storybook/core-client": "7.0.0-alpha.45",
-    "@storybook/docs-tools": "7.0.0-alpha.45",
-    "@storybook/store": "7.0.0-alpha.45",
-    "@storybook/types": "7.0.0-alpha.45",
+    "@storybook/addons": "7.0.0-alpha.47",
+    "@storybook/client-logger": "7.0.0-alpha.47",
+    "@storybook/core-client": "7.0.0-alpha.47",
+    "@storybook/docs-tools": "7.0.0-alpha.47",
+    "@storybook/store": "7.0.0-alpha.47",
+    "@storybook/types": "7.0.0-alpha.47",
     "@types/estree": "^0.0.51",
     "@types/node": "^16.0.0",
     "acorn": "^7.4.1",
@@ -103,5 +104,5 @@
     ],
     "platform": "browser"
   },
-  "gitHead": "3ef14366115c56c1d45c0359ff681cc47ed50532"
+  "gitHead": "1c706a4a778831e012343c905f86225fa71491a7"
 }

package/template/cli/.eslintrc.json

@@ -0,0 +1,5 @@
+{
+  "rules": {
+    "import/extensions": "off"
+  }
+}

package/template/cli/js/Button.jsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import './button.css';
+
+/**
+ * Primary UI component for user interaction
+ */
+export const Button = ({ primary, backgroundColor, size, label, ...props }) => {
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  return (
+    <button
+      type="button"
+      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+      style={backgroundColor && { backgroundColor }}
+      {...props}
+    >
+      {label}
+    </button>
+  );
+};
+
+Button.propTypes = {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  primary: PropTypes.bool,
+  /**
+   * What background color to use
+   */
+  backgroundColor: PropTypes.string,
+  /**
+   * How large should the button be?
+   */
+  size: PropTypes.oneOf(['small', 'medium', 'large']),
+  /**
+   * Button contents
+   */
+  label: PropTypes.string.isRequired,
+  /**
+   * Optional click handler
+   */
+  onClick: PropTypes.func,
+};
+
+Button.defaultProps = {
+  backgroundColor: null,
+  primary: false,
+  size: 'medium',
+  onClick: undefined,
+};

package/template/cli/js/Button.stories.js

@@ -0,0 +1,39 @@
+import { Button } from './Button';
+
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+export default {
+  title: 'Example/Button',
+  component: Button,
+  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+};
+
+// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+export const Primary = {
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};
+
+export const Small = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
+};

package/template/cli/js/Header.jsx

@@ -0,0 +1,59 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import { Button } from './Button';
+import './header.css';
+
+export const Header = ({ user, onLogin, onLogout, onCreateAccount }) => (
+  <header>
+    <div className="wrapper">
+      <div>
+        <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+          <g fill="none" fillRule="evenodd">
+            <path
+              d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z"
+              fill="#FFF"
+            />
+            <path
+              d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z"
+              fill="#555AB9"
+            />
+            <path
+              d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z"
+              fill="#91BAF8"
+            />
+          </g>
+        </svg>
+        <h1>Acme</h1>
+      </div>
+      <div>
+        {user ? (
+          <>
+            <span className="welcome">
+              Welcome, <b>{user.name}</b>!
+            </span>
+            <Button size="small" onClick={onLogout} label="Log out" />
+          </>
+        ) : (
+          <>
+            <Button size="small" onClick={onLogin} label="Log in" />
+            <Button primary size="small" onClick={onCreateAccount} label="Sign up" />
+          </>
+        )}
+      </div>
+    </div>
+  </header>
+);
+
+Header.propTypes = {
+  user: PropTypes.shape({
+    name: PropTypes.string.isRequired,
+  }),
+  onLogin: PropTypes.func.isRequired,
+  onLogout: PropTypes.func.isRequired,
+  onCreateAccount: PropTypes.func.isRequired,
+};
+
+Header.defaultProps = {
+  user: null,
+};

package/template/cli/js/Header.stories.js

@@ -0,0 +1,20 @@
+import { Header } from './Header';
+
+export default {
+  title: 'Example/Header',
+  component: Header,
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
+    layout: 'fullscreen',
+  },
+};
+
+export const LoggedIn = {
+  args: {
+    user: {
+      name: 'Jane Doe',
+    },
+  },
+};
+
+export const LoggedOut = {};

package/template/cli/js/Page.jsx

@@ -0,0 +1,69 @@
+import React from 'react';
+
+import { Header } from './Header';
+import './page.css';
+
+export const Page = () => {
+  const [user, setUser] = React.useState();
+
+  return (
+    <article>
+      <Header
+        user={user}
+        onLogin={() => setUser({ name: 'Jane Doe' })}
+        onLogout={() => setUser(undefined)}
+        onCreateAccount={() => setUser({ name: 'Jane Doe' })}
+      />
+
+      <section>
+        <h2>Pages in Storybook</h2>
+        <p>
+          We recommend building UIs with a{' '}
+          <a href="https://componentdriven.org" target="_blank" rel="noopener noreferrer">
+            <strong>component-driven</strong>
+          </a>{' '}
+          process starting with atomic components and ending with pages.
+        </p>
+        <p>
+          Render pages with mock data. This makes it easy to build and review page states without
+          needing to navigate to them in your app. Here are some handy patterns for managing page
+          data in Storybook:
+        </p>
+        <ul>
+          <li>
+            Use a higher-level connected component. Storybook helps you compose such data from the
+            "args" of child component stories
+          </li>
+          <li>
+            Assemble data in the page component from your services. You can mock these services out
+            using Storybook.
+          </li>
+        </ul>
+        <p>
+          Get a guided tutorial on component-driven development at{' '}
+          <a href="https://storybook.js.org/tutorials/" target="_blank" rel="noopener noreferrer">
+            Storybook tutorials
+          </a>
+          . Read more in the{' '}
+          <a href="https://storybook.js.org/docs" target="_blank" rel="noopener noreferrer">
+            docs
+          </a>
+          .
+        </p>
+        <div className="tip-wrapper">
+          <span className="tip">Tip</span> Adjust the width of the canvas with the{' '}
+          <svg width="10" height="10" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg">
+            <g fill="none" fillRule="evenodd">
+              <path
+                d="M1.5 5.2h4.8c.3 0 .5.2.5.4v5.1c-.1.2-.3.3-.4.3H1.4a.5.5 0 01-.5-.4V5.7c0-.3.2-.5.5-.5zm0-2.1h6.9c.3 0 .5.2.5.4v7a.5.5 0 01-1 0V4H1.5a.5.5 0 010-1zm0-2.1h9c.3 0 .5.2.5.4v9.1a.5.5 0 01-1 0V2H1.5a.5.5 0 010-1zm4.3 5.2H2V10h3.8V6.2z"
+                id="a"
+                fill="#999"
+              />
+            </g>
+          </svg>
+          Viewports addon in the toolbar
+        </div>
+      </section>
+    </article>
+  );
+};

package/template/cli/js/Page.stories.js

@@ -0,0 +1,25 @@
+import { within, userEvent } from '@storybook/testing-library';
+
+import { Page } from './Page';
+
+export default {
+  title: 'Example/Page',
+  component: Page,
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
+    layout: 'fullscreen',
+  },
+};
+
+export const LoggedOut = {};
+
+// More on interaction testing: https://storybook.js.org/docs/react/writing-tests/interaction-testing
+export const LoggedIn = {
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+    const loginButton = await canvas.getByRole('button', {
+      name: /Log in/i,
+    });
+    await userEvent.click(loginButton);
+  },
+};

package/template/cli/ts/Button.stories.ts

@@ -0,0 +1,45 @@
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { Button } from './Button';
+
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta: Meta<typeof Button> = {
+  title: 'Example/Button',
+  component: Button,
+  // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
+  argTypes: {
+    backgroundColor: { control: 'color' },
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof Button>;
+
+// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+export const Primary: Story = {
+  // More on args: https://storybook.js.org/docs/react/writing-stories/args
+  args: {
+    primary: true,
+    label: 'Button',
+  },
+};
+
+export const Secondary: Story = {
+  args: {
+    label: 'Button',
+  },
+};
+
+export const Large: Story = {
+  args: {
+    size: 'large',
+    label: 'Button',
+  },
+};
+
+export const Small: Story = {
+  args: {
+    size: 'small',
+    label: 'Button',
+  },
+};

package/template/cli/ts/Button.tsx

@@ -0,0 +1,48 @@
+import React from 'react';
+import './button.css';
+
+interface ButtonProps {
+  /**
+   * Is this the principal call to action on the page?
+   */
+  primary?: boolean;
+  /**
+   * What background color to use
+   */
+  backgroundColor?: string;
+  /**
+   * How large should the button be?
+   */
+  size?: 'small' | 'medium' | 'large';
+  /**
+   * Button contents
+   */
+  label: string;
+  /**
+   * Optional click handler
+   */
+  onClick?: () => void;
+}
+
+/**
+ * Primary UI component for user interaction
+ */
+export const Button = ({
+  primary = false,
+  size = 'medium',
+  backgroundColor,
+  label,
+  ...props
+}: ButtonProps) => {
+  const mode = primary ? 'storybook-button--primary' : 'storybook-button--secondary';
+  return (
+    <button
+      type="button"
+      className={['storybook-button', `storybook-button--${size}`, mode].join(' ')}
+      style={{ backgroundColor }}
+      {...props}
+    >
+      {label}
+    </button>
+  );
+};

package/template/cli/ts/Header.stories.ts

@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Header } from './Header';
+
+const meta: Meta<typeof Header> = {
+  title: 'Example/Header',
+  component: Header,
+  parameters: {
+    // More on Story layout: https://storybook.js.org/docs/react/configure/story-layout
+    layout: 'fullscreen',
+  },
+};
+
+export default meta;
+type Story = StoryObj<typeof Header>;
+
+export const LoggedIn: Story = {
+  args: {
+    user: {
+      name: 'Jane Doe',
+    },
+  },
+};
+
+export const LoggedOut: Story = {};