@storybook/server 7.0.0-alpha.1 → 7.0.0-alpha.10

package/dist/chunk-43Y6KZXY.mjs

@@ -0,0 +1,4 @@
+var h=Object.defineProperty;var l=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var y=(r,t,e)=>t in r?h(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,n=(r,t)=>{for(var e in t||(t={}))T.call(t,e)&&y(r,e,t[e]);if(l)for(var e of l(t))x.call(t,e)&&y(r,e,t[e]);return r};var f=(r,t)=>h(r,"name",{value:t,configurable:!0});import C from"global";import D from"ts-dedent";import{simulatePageLoad as U,simulateDOMContentLoaded as $}from"@storybook/preview-web";var{fetch:A,Node:I}=C,P=f(async(r,t,e,o)=>{let s=new URL(`${r}/${t}`);return s.search=new URLSearchParams(n(n({},o.globals),e)).toString(),(await A(s)).text()},"defaultFetchStoryHtml"),j=f((r,t)=>{let e=n({},r);return Object.keys(t).forEach(o=>{let s=t[o],{control:a}=s,d=a&&a.type.toLowerCase(),p=e[o];switch(d){case"date":e[o]=new Date(p).toISOString();break;case"object":e[o]=JSON.stringify(p);break;default:}}),e},"buildStoryArgs"),k=f(r=>{},"render");async function q({id:r,title:t,name:e,showMain:o,showError:s,forceRemount:a,storyFn:d,storyContext:p,storyContext:{parameters:g,args:u,argTypes:L}},c){d();let m=j(u,L),{server:{url:w,id:S,fetchStoryHtml:b=P,params:M}}=g,H=S||r,O=n(n({},M),m),i=await b(w,H,O,p);if(o(),typeof i=="string")c.innerHTML=i,U(c);else if(i instanceof I){if(c.firstChild===i&&a===!1)return;c.innerHTML="",c.appendChild(i),$()}else s({title:`Expecting an HTML snippet or DOM node from the story: "${e}" of "${t}".`,description:D`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `})}f(q,"renderToDOM");export{f as a,k as b,q as c};

package/dist/config.d.ts

@@ -0,0 +1,12 @@
+import { RenderContext } from '@storybook/store';
+import { a as StoryFn, S as ServerFramework } from './public-types-07d4abb5.js';
+import '@storybook/csf';
+
+declare const render: StoryFn<ServerFramework>;
+declare function renderToDOM({ id, title, name, showMain, showError, forceRemount, storyFn, storyContext, storyContext: { parameters, args, argTypes }, }: RenderContext<ServerFramework>, domElement: Element): Promise<void>;
+
+declare const parameters: {
+    framework: "server";
+};
+
+export { parameters, render, renderToDOM };

package/dist/config.js

@@ -0,0 +1,4 @@
+var P=Object.create;var n=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,N=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,R=Object.prototype.propertyIsEnumerable;var g=(t,e,r)=>e in t?n(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,a=(t,e)=>{for(var r in e||(e={}))u.call(e,r)&&g(t,r,e[r]);if(h)for(var r of h(e))R.call(e,r)&&g(t,r,e[r]);return t};var p=(t,e)=>n(t,"name",{value:e,configurable:!0});var k=(t,e)=>{for(var r in e)n(t,r,{get:e[r],enumerable:!0})},m=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of v(e))!u.call(t,o)&&o!==r&&n(t,o,{get:()=>e[o],enumerable:!(s=j(e,o))||s.enumerable});return t};var w=(t,e,r)=>(r=t!=null?P(N(t)):{},m(e||!t||!t.__esModule?n(r,"default",{value:t,enumerable:!0}):r,t)),F=t=>m(n({},"__esModule",{value:!0}),t);var K={};k(K,{parameters:()=>G,render:()=>S,renderToDOM:()=>b});module.exports=F(K);var L=w(require("global")),M=w(require("ts-dedent")),l=require("@storybook/preview-web"),{fetch:V,Node:q}=L.default,z=p(async(t,e,r,s)=>{let o=new URL(`${t}/${e}`);return o.search=new URLSearchParams(a(a({},s.globals),r)).toString(),(await V(o)).text()},"defaultFetchStoryHtml"),B=p((t,e)=>{let r=a({},t);return Object.keys(e).forEach(s=>{let o=e[s],{control:c}=o,y=c&&c.type.toLowerCase(),d=r[s];switch(y){case"date":r[s]=new Date(d).toISOString();break;case"object":r[s]=JSON.stringify(d);break;default:}}),r},"buildStoryArgs"),S=p(t=>{},"render");async function b({id:t,title:e,name:r,showMain:s,showError:o,forceRemount:c,storyFn:y,storyContext:d,storyContext:{parameters:x,args:O,argTypes:T}},i){y();let D=B(O,T),{server:{url:H,id:C,fetchStoryHtml:U=z,params:$}}=x,A=C||t,I=a(a({},$),D),f=await U(H,A,I,d);if(s(),typeof f=="string")i.innerHTML=f,(0,l.simulatePageLoad)(i);else if(f instanceof q){if(i.firstChild===f&&c===!1)return;i.innerHTML="",i.appendChild(f),(0,l.simulateDOMContentLoaded)()}else o({title:`Expecting an HTML snippet or DOM node from the story: "${r}" of "${e}".`,description:M.default`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `})}p(b,"renderToDOM");var G={framework:"server"};0&&(module.exports={parameters,render,renderToDOM});

package/dist/config.mjs

@@ -0,0 +1 @@
+import{b as r,c as e}from"./chunk-43Y6KZXY.mjs";var a={framework:"server"};export{a as parameters,r as render,e as renderToDOM};

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+import * as lib_store_dist_types from 'lib/store/dist/types';
+import * as lib_client_api_dist_types_ClientApi from 'lib/client-api/dist/types/ClientApi';
+import * as _storybook_csf from '@storybook/csf';
+export { ArgTypes, Args, Parameters, StoryContext } from '@storybook/csf';
+import * as _storybook_addons from '@storybook/addons';
+import { ClientStoryApi, Loadable } from '@storybook/addons';
+import { S as ServerFramework, I as IStorybookSection } from './public-types-07d4abb5.js';
+export { M as Meta, c as Story, a as StoryFn, b as StoryObj } from './public-types-07d4abb5.js';
+
+interface ClientApi extends ClientStoryApi<ServerFramework['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: (() => never) | ((decorator: _storybook_csf.DecoratorFunction<ServerFramework, _storybook_addons.Args>) => void);
+declare const addParameters: (() => never) | (({ globals, globalTypes, ...parameters }: _storybook_csf.Parameters & {
+    globals?: _storybook_csf.Globals;
+    globalTypes?: _storybook_csf.GlobalTypes;
+}) => void);
+declare const clearDecorators: (() => never) | (() => void);
+declare const setAddon: (() => never) | ((addon: any) => void);
+declare const getStorybook: (() => never) | (() => lib_client_api_dist_types_ClientApi.GetStorybookKind<ServerFramework>[]);
+declare const raw: (() => never) | (() => lib_store_dist_types.BoundStory<ServerFramework>[]);
+declare const forceReRender: (() => never) | (() => void);
+
+export { addDecorator, addParameters, clearDecorators, configure, forceReRender, getStorybook, raw, setAddon, storiesOf };

package/dist/index.js

@@ -0,0 +1,4 @@
+var v=Object.create;var a=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames,h=Object.getOwnPropertySymbols,K=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable;var w=(t,r,o)=>r in t?a(t,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[r]=o,c=(t,r)=>{for(var o in r||(r={}))O.call(r,o)&&w(t,o,r[o]);if(h)for(var o of h(r))W.call(r,o)&&w(t,o,r[o]);return t};var s=(t,r)=>a(t,"name",{value:r,configurable:!0});var B=(t,r)=>{for(var o in r)a(t,o,{get:r[o],enumerable:!0})},x=(t,r,o,n)=>{if(r&&typeof r=="object"||typeof r=="function")for(let e of F(r))!O.call(t,e)&&e!==o&&a(t,e,{get:()=>r[e],enumerable:!(n=E(r,e))||n.enumerable});return t};var y=(t,r,o)=>(o=t!=null?v(K(t)):{},x(r||!t||!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),J=t=>x(a({},"__esModule",{value:!0}),t);var at={};B(at,{addDecorator:()=>Z,addParameters:()=>tt,clearDecorators:()=>rt,configure:()=>X,forceReRender:()=>st,getStorybook:()=>et,raw:()=>nt,setAddon:()=>ot,storiesOf:()=>Q});module.exports=J(at);var S=y(require("global")),{window:Y}=S.default;Y.STORYBOOK_ENV="SERVER";var D=require("@storybook/core-client");var b=y(require("global")),L=y(require("ts-dedent")),m=require("@storybook/preview-web"),{fetch:_,Node:q}=b.default,z=s(async(t,r,o,n)=>{let e=new URL(`${t}/${r}`);return e.search=new URLSearchParams(c(c({},n.globals),o)).toString(),(await _(e)).text()},"defaultFetchStoryHtml"),G=s((t,r)=>{let o=c({},t);return Object.keys(r).forEach(n=>{let e=r[n],{control:i}=e,u=i&&i.type.toLowerCase(),d=o[n];switch(u){case"date":o[n]=new Date(d).toISOString();break;case"object":o[n]=JSON.stringify(d);break;default:}}),o},"buildStoryArgs"),M=s(t=>{},"render");async function R({id:t,title:r,name:o,showMain:n,showError:e,forceRemount:i,storyFn:u,storyContext:d,storyContext:{parameters:H,args:C,argTypes:P}},f){u();let U=G(C,P),{server:{url:$,id:I,fetchStoryHtml:N=z,params:V}}=H,j=I||t,k=c(c({},V),U),p=await N($,j,k,d);if(n(),typeof p=="string")f.innerHTML=p,(0,m.simulatePageLoad)(f);else if(p instanceof q){if(f.firstChild===p&&i===!1)return;f.innerHTML="",f.appendChild(p),(0,m.simulateDOMContentLoaded)()}else e({title:`Expecting an HTML snippet or DOM node from the story: "${o}" of "${r}".`,description:L.default`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `})}s(R,"renderToDOM");var T="server",g=(0,D.start)(R,{render:M}),Q=s((t,r)=>g.clientApi.storiesOf(t,r).addParameters({framework:T}),"storiesOf"),X=s((...t)=>g.configure(T,...t),"configure"),{addDecorator:Z,addParameters:tt,clearDecorators:rt,setAddon:ot,getStorybook:et,raw:nt}=g.clientApi,{forceReRender:st}=g;var A;(A=module==null?void 0:module.hot)==null||A.decline();0&&(module.exports={addDecorator,addParameters,clearDecorators,configure,forceReRender,getStorybook,raw,setAddon,storiesOf});

package/dist/index.mjs

@@ -0,0 +1 @@
+import{a as e,b as s,c as a}from"./chunk-43Y6KZXY.mjs";import p from"global";var{window:m}=p;m.STORYBOOK_ENV="SERVER";import{start as f}from"@storybook/core-client";var c="server",o=f(a,{render:s}),R=e((r,d)=>o.clientApi.storiesOf(r,d).addParameters({framework:c}),"storiesOf"),g=e((...r)=>o.configure(c,...r),"configure"),{addDecorator:w,addParameters:u,clearDecorators:A,setAddon:E,getStorybook:b,raw:D}=o.clientApi,{forceReRender:S}=o;var i;(i=module==null?void 0:module.hot)==null||i.decline();export{w as addDecorator,u as addParameters,A as clearDecorators,g as configure,S as forceReRender,b as getStorybook,D as raw,E as setAddon,R as storiesOf};

package/dist/public-types-07d4abb5.d.ts

@@ -0,0 +1,42 @@
+import { Args, ComponentAnnotations, AnnotatedStoryFn, StoryAnnotations } from '@storybook/csf';
+
+declare type StoryFnServerReturnType = any;
+declare type ServerFramework = {
+    component: string;
+    storyResult: StoryFnServerReturnType;
+};
+interface IStorybookStory {
+    name: string;
+    render: (context: any) => any;
+}
+interface IStorybookSection {
+    kind: string;
+    stories: IStorybookStory[];
+}
+
+/**
+ * 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<ServerFramework, 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<ServerFramework, 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<ServerFramework, 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 Story<TArgs = Args> = StoryObj<TArgs>;
+
+export { IStorybookSection as I, Meta as M, ServerFramework as S, StoryFn as a, StoryObj as b, Story as c };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/server",
-  "version": "7.0.0-alpha.1",
+  "version": "7.0.0-alpha.10",
   "description": "Storybook Server renderer",
   "keywords": [
     "storybook"
@@ -19,9 +19,26 @@
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/index.mjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./preview": {
+      "require": "./dist/config.js",
+      "import": "./dist/config.mjs",
+      "types": "./dist/config.d.ts"
+    },
+    "./package.json": {
+      "require": "./package.json",
+      "import": "./package.json",
+      "types": "./package.json"
+    }
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
@@ -29,26 +46,32 @@
     "*.d.ts"
   ],
   "scripts": {
-    "prepare": "node ../../scripts/prepare.js"
+    "prepare": "esrun ../../scripts/prepare/bundle.ts"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.1",
-    "@storybook/core-client": "7.0.0-alpha.1",
+    "@storybook/addons": "7.0.0-alpha.10",
+    "@storybook/core-client": "7.0.0-alpha.10",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/preview-web": "7.0.0-alpha.1",
-    "@storybook/store": "7.0.0-alpha.1",
+    "@storybook/preview-web": "7.0.0-alpha.10",
+    "@storybook/store": "7.0.0-alpha.10",
     "core-js": "^3.8.2",
     "global": "^4.4.0",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0"
   },
+  "devDependencies": {
+    "@digitak/esrun": "^3.2.2"
+  },
   "engines": {
     "node": ">=10.13.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b90b85210f66da59656c2ef58b0910b156256bea"
+  "bundlerEntrypoint": [
+    "./src/index.ts",
+    "./src/config.ts"
+  ],
+  "gitHead": "b13dd8fb52819d73d4983148af8ffc5d683e8b75"
 }

package/preview.js

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

package/dist/cjs/index.js

@@ -1,60 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "addDecorator", {
-  enumerable: true,
-  get: function get() {
-    return _preview.addDecorator;
-  }
-});
-Object.defineProperty(exports, "addParameters", {
-  enumerable: true,
-  get: function get() {
-    return _preview.addParameters;
-  }
-});
-Object.defineProperty(exports, "configure", {
-  enumerable: true,
-  get: function get() {
-    return _preview.configure;
-  }
-});
-Object.defineProperty(exports, "forceReRender", {
-  enumerable: true,
-  get: function get() {
-    return _preview.forceReRender;
-  }
-});
-Object.defineProperty(exports, "getStorybook", {
-  enumerable: true,
-  get: function get() {
-    return _preview.getStorybook;
-  }
-});
-Object.defineProperty(exports, "raw", {
-  enumerable: true,
-  get: function get() {
-    return _preview.raw;
-  }
-});
-Object.defineProperty(exports, "setAddon", {
-  enumerable: true,
-  get: function get() {
-    return _preview.setAddon;
-  }
-});
-Object.defineProperty(exports, "storiesOf", {
-  enumerable: true,
-  get: function get() {
-    return _preview.storiesOf;
-  }
-});
-
-var _preview = require("./preview");
-
-var _module, _module$hot;
-
-// optimization: stop HMR propagation in webpack
-(_module = module) === null || _module === void 0 ? void 0 : (_module$hot = _module.hot) === null || _module$hot === void 0 ? void 0 : _module$hot.decline();

package/dist/cjs/preview/config.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.parameters = void 0;
-Object.defineProperty(exports, "render", {
-  enumerable: true,
-  get: function get() {
-    return _render.render;
-  }
-});
-Object.defineProperty(exports, "renderToDOM", {
-  enumerable: true,
-  get: function get() {
-    return _render.renderToDOM;
-  }
-});
-
-var _render = require("./render");
-
-var parameters = {
-  framework: 'server'
-};
-exports.parameters = parameters;

package/dist/cjs/preview/globals.js

@@ -1,8 +0,0 @@
-"use strict";
-
-var _global = _interopRequireDefault(require("global"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var globalWindow = _global.default.window;
-globalWindow.STORYBOOK_ENV = 'SERVER';

package/dist/cjs/preview/index.js

@@ -1,52 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.storiesOf = exports.setAddon = exports.raw = exports.getStorybook = exports.forceReRender = exports.configure = exports.clearDecorators = exports.addParameters = exports.addDecorator = void 0;
-
-require("core-js/modules/es.array.concat.js");
-
-var _coreClient = require("@storybook/core-client");
-
-require("./globals");
-
-var _render = require("./render");
-
-var framework = 'server';
-var api = (0, _coreClient.start)(_render.renderToDOM, {
-  render: _render.render
-});
-
-var storiesOf = function storiesOf(kind, m) {
-  return api.clientApi.storiesOf(kind, m).addParameters({
-    framework: framework
-  });
-};
-
-exports.storiesOf = storiesOf;
-
-var configure = function configure() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-
-  return api.configure.apply(api, [framework].concat(args));
-};
-
-exports.configure = configure;
-var _api$clientApi = api.clientApi,
-    addDecorator = _api$clientApi.addDecorator,
-    addParameters = _api$clientApi.addParameters,
-    clearDecorators = _api$clientApi.clearDecorators,
-    setAddon = _api$clientApi.setAddon,
-    getStorybook = _api$clientApi.getStorybook,
-    raw = _api$clientApi.raw;
-exports.raw = raw;
-exports.getStorybook = getStorybook;
-exports.setAddon = setAddon;
-exports.clearDecorators = clearDecorators;
-exports.addParameters = addParameters;
-exports.addDecorator = addDecorator;
-var forceReRender = api.forceReRender;
-exports.forceReRender = forceReRender;

package/dist/cjs/preview/render.js

@@ -1,210 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.symbol.iterator.js");
-
-require("core-js/modules/es.symbol.async-iterator.js");
-
-require("core-js/modules/es.symbol.to-string-tag.js");
-
-require("core-js/modules/es.json.to-string-tag.js");
-
-require("core-js/modules/es.math.to-string-tag.js");
-
-require("core-js/modules/es.object.get-prototype-of.js");
-
-require("core-js/modules/es.array.slice.js");
-
-require("core-js/modules/es.object.freeze.js");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.render = void 0;
-exports.renderToDOM = renderToDOM;
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.promise.js");
-
-require("core-js/modules/es.array.iterator.js");
-
-require("core-js/modules/es.string.iterator.js");
-
-require("core-js/modules/web.dom-collections.iterator.js");
-
-require("core-js/modules/web.url.js");
-
-require("core-js/modules/web.url-search-params.js");
-
-require("core-js/modules/es.array.concat.js");
-
-require("core-js/modules/es.regexp.exec.js");
-
-require("core-js/modules/es.string.search.js");
-
-require("core-js/modules/es.regexp.to-string.js");
-
-require("core-js/modules/es.object.assign.js");
-
-require("core-js/modules/web.dom-collections.for-each.js");
-
-require("core-js/modules/es.object.keys.js");
-
-require("core-js/modules/es.function.name.js");
-
-var _global = _interopRequireDefault(require("global"));
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
-
-var _previewWeb = require("@storybook/preview-web");
-
-var _templateObject;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return generator._invoke = function (innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; }(innerFn, self, context), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; this._invoke = function (method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); }; } function maybeInvokeDelegate(delegate, context) { var method = delegate.iterator[context.method]; if (undefined === method) { if (context.delegate = null, "throw" === context.method) { if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel; context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method"); } return ContinueSentinel; } var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, define(Gp, "constructor", GeneratorFunctionPrototype), define(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (object) { var keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-var fetch = _global.default.fetch,
-    Node = _global.default.Node;
-
-var defaultFetchStoryHtml = /*#__PURE__*/function () {
-  var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(url, path, params, storyContext) {
-    var fetchUrl, response;
-    return _regeneratorRuntime().wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            fetchUrl = new URL("".concat(url, "/").concat(path));
-            fetchUrl.search = new URLSearchParams(Object.assign({}, storyContext.globals, params)).toString();
-            _context.next = 4;
-            return fetch(fetchUrl);
-
-          case 4:
-            response = _context.sent;
-            return _context.abrupt("return", response.text());
-
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  }));
-
-  return function defaultFetchStoryHtml(_x, _x2, _x3, _x4) {
-    return _ref.apply(this, arguments);
-  };
-}();
-
-var buildStoryArgs = function buildStoryArgs(args, argTypes) {
-  var storyArgs = Object.assign({}, args);
-  Object.keys(argTypes).forEach(function (key) {
-    var argType = argTypes[key];
-    var control = argType.control;
-    var controlType = control && control.type.toLowerCase();
-    var argValue = storyArgs[key];
-
-    switch (controlType) {
-      case 'date':
-        // For cross framework & language support we pick a consistent representation of Dates as strings
-        storyArgs[key] = new Date(argValue).toISOString();
-        break;
-
-      case 'object':
-        // send objects as JSON strings
-        storyArgs[key] = JSON.stringify(argValue);
-        break;
-
-      default:
-    }
-  });
-  return storyArgs;
-};
-
-var render = function render(args) {};
-
-exports.render = render;
-
-function renderToDOM(_x5, _x6) {
-  return _renderToDOM.apply(this, arguments);
-}
-
-function _renderToDOM() {
-  _renderToDOM = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(_ref2, domElement) {
-    var id, title, name, showMain, showError, forceRemount, storyFn, storyContext, _ref2$storyContext, parameters, args, argTypes, storyArgs, _parameters$server, url, storyId, _parameters$server$fe, fetchStoryHtml, params, fetchId, storyParams, element;
-
-    return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            id = _ref2.id, title = _ref2.title, name = _ref2.name, showMain = _ref2.showMain, showError = _ref2.showError, forceRemount = _ref2.forceRemount, storyFn = _ref2.storyFn, storyContext = _ref2.storyContext, _ref2$storyContext = _ref2.storyContext, parameters = _ref2$storyContext.parameters, args = _ref2$storyContext.args, argTypes = _ref2$storyContext.argTypes;
-            // Some addons wrap the storyFn so we need to call it even though Server doesn't need the answer
-            storyFn();
-            storyArgs = buildStoryArgs(args, argTypes);
-            _parameters$server = parameters.server, url = _parameters$server.url, storyId = _parameters$server.id, _parameters$server$fe = _parameters$server.fetchStoryHtml, fetchStoryHtml = _parameters$server$fe === void 0 ? defaultFetchStoryHtml : _parameters$server$fe, params = _parameters$server.params;
-            fetchId = storyId || id;
-            storyParams = Object.assign({}, params, storyArgs);
-            _context2.next = 8;
-            return fetchStoryHtml(url, fetchId, storyParams, storyContext);
-
-          case 8:
-            element = _context2.sent;
-            showMain();
-
-            if (!(typeof element === 'string')) {
-              _context2.next = 15;
-              break;
-            }
-
-            domElement.innerHTML = element;
-            (0, _previewWeb.simulatePageLoad)(domElement);
-            _context2.next = 24;
-            break;
-
-          case 15:
-            if (!(element instanceof Node)) {
-              _context2.next = 23;
-              break;
-            }
-
-            if (!(domElement.firstChild === element && forceRemount === false)) {
-              _context2.next = 18;
-              break;
-            }
-
-            return _context2.abrupt("return");
-
-          case 18:
-            domElement.innerHTML = '';
-            domElement.appendChild(element);
-            (0, _previewWeb.simulateDOMContentLoaded)();
-            _context2.next = 24;
-            break;
-
-          case 23:
-            showError({
-              title: "Expecting an HTML snippet or DOM node from the story: \"".concat(name, "\" of \"").concat(title, "\"."),
-              description: (0, _tsDedent.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        Did you forget to return the HTML snippet from the story?\n        Use \"() => <your snippet or node>\" or when defining the story.\n      "])))
-            });
-
-          case 24:
-          case "end":
-            return _context2.stop();
-        }
-      }
-    }, _callee2);
-  }));
-  return _renderToDOM.apply(this, arguments);
-}

package/dist/cjs/preview/types.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/dist/esm/index.js

@@ -1,3 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw } from './preview'; // optimization: stop HMR propagation in webpack
-
-module?.hot?.decline();

package/dist/esm/preview/config.js

@@ -1,4 +0,0 @@
-export { render, renderToDOM } from './render';
-export const parameters = {
-  framework: 'server'
-};

package/dist/esm/preview/globals.js

@@ -1,5 +0,0 @@
-import global from 'global';
-const {
-  window: globalWindow
-} = global;
-globalWindow.STORYBOOK_ENV = 'SERVER';

package/dist/esm/preview/index.js

@@ -1,24 +0,0 @@
-import { start } from '@storybook/core-client';
-import './globals';
-import { renderToDOM, render } from './render';
-const framework = 'server';
-const api = start(renderToDOM, {
-  render
-});
-export const storiesOf = (kind, m) => {
-  return api.clientApi.storiesOf(kind, m).addParameters({
-    framework
-  });
-};
-export const configure = (...args) => api.configure(framework, ...args);
-export const {
-  addDecorator,
-  addParameters,
-  clearDecorators,
-  setAddon,
-  getStorybook,
-  raw
-} = api.clientApi;
-export const {
-  forceReRender
-} = api;

package/dist/esm/preview/render.js

@@ -1,97 +0,0 @@
-/* eslint-disable no-param-reassign */
-import global from 'global';
-import dedent from 'ts-dedent';
-import { simulatePageLoad, simulateDOMContentLoaded } from '@storybook/preview-web';
-const {
-  fetch,
-  Node
-} = global;
-
-const defaultFetchStoryHtml = async (url, path, params, storyContext) => {
-  const fetchUrl = new URL(`${url}/${path}`);
-  fetchUrl.search = new URLSearchParams(Object.assign({}, storyContext.globals, params)).toString();
-  const response = await fetch(fetchUrl);
-  return response.text();
-};
-
-const buildStoryArgs = (args, argTypes) => {
-  const storyArgs = Object.assign({}, args);
-  Object.keys(argTypes).forEach(key => {
-    const argType = argTypes[key];
-    const {
-      control
-    } = argType;
-    const controlType = control && control.type.toLowerCase();
-    const argValue = storyArgs[key];
-
-    switch (controlType) {
-      case 'date':
-        // For cross framework & language support we pick a consistent representation of Dates as strings
-        storyArgs[key] = new Date(argValue).toISOString();
-        break;
-
-      case 'object':
-        // send objects as JSON strings
-        storyArgs[key] = JSON.stringify(argValue);
-        break;
-
-      default:
-    }
-  });
-  return storyArgs;
-};
-
-export const render = args => {};
-export async function renderToDOM({
-  id,
-  title,
-  name,
-  showMain,
-  showError,
-  forceRemount,
-  storyFn,
-  storyContext,
-  storyContext: {
-    parameters,
-    args,
-    argTypes
-  }
-}, domElement) {
-  // Some addons wrap the storyFn so we need to call it even though Server doesn't need the answer
-  storyFn();
-  const storyArgs = buildStoryArgs(args, argTypes);
-  const {
-    server: {
-      url,
-      id: storyId,
-      fetchStoryHtml = defaultFetchStoryHtml,
-      params
-    }
-  } = parameters;
-  const fetchId = storyId || id;
-  const storyParams = Object.assign({}, params, storyArgs);
-  const element = await fetchStoryHtml(url, fetchId, storyParams, storyContext);
-  showMain();
-
-  if (typeof element === 'string') {
-    domElement.innerHTML = element;
-    simulatePageLoad(domElement);
-  } else if (element instanceof Node) {
-    // Don't re-mount the element if it didn't change and neither did the story
-    if (domElement.firstChild === element && forceRemount === false) {
-      return;
-    }
-
-    domElement.innerHTML = '';
-    domElement.appendChild(element);
-    simulateDOMContentLoaded();
-  } else {
-    showError({
-      title: `Expecting an HTML snippet or DOM node from the story: "${name}" of "${title}".`,
-      description: dedent`
-        Did you forget to return the HTML snippet from the story?
-        Use "() => <your snippet or node>" or when defining the story.
-      `
-    });
-  }
-}

package/dist/esm/preview/types.js

@@ -1 +0,0 @@
-export {};

package/dist/types/index.d.ts

@@ -1 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, } from './preview';

package/dist/types/preview/config.d.ts

@@ -1,4 +0,0 @@
-export { render, renderToDOM } from './render';
-export declare const parameters: {
-    framework: string;
-};

package/dist/types/preview/globals.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/preview/index.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="webpack-env" />
-import type { ClientStoryApi, Loadable } from '@storybook/addons';
-import './globals';
-import type { IStorybookSection, ServerFramework } from './types';
-interface ClientApi extends ClientStoryApi<ServerFramework['storyResult']> {
-    setAddon(addon: any): void;
-    configure(loader: Loadable, module: NodeModule): void;
-    getStorybook(): IStorybookSection[];
-    clearDecorators(): void;
-    forceReRender(): void;
-    raw: () => any;
-}
-export declare const storiesOf: ClientApi['storiesOf'];
-export declare const configure: ClientApi['configure'];
-export declare const addDecorator: (() => never) | ((decorator: import("@storybook/csf").DecoratorFunction<ServerFramework, import("@storybook/addons").Args>) => void), addParameters: (({ globals, globalTypes, ...parameters }: import("@storybook/csf").Parameters & {
-    globals?: import("@storybook/csf").Globals;
-    globalTypes?: import("@storybook/csf").GlobalTypes;
-}) => void) | (() => never), clearDecorators: (() => void) | (() => never), setAddon: ((addon: any) => void) | (() => never), getStorybook: (() => never) | (() => import("lib/client-api/dist/types/ClientApi").GetStorybookKind<ServerFramework>[]), raw: (() => never) | (() => import("lib/store/dist/types").BoundStory<ServerFramework>[]);
-export declare const forceReRender: (() => never) | (() => void);
-export {};

package/dist/types/preview/render.d.ts

@@ -1,5 +0,0 @@
-import type { RenderContext } from '@storybook/store';
-import type { StoryFn } from '@storybook/csf';
-import type { ServerFramework } from './types';
-export declare const render: StoryFn<ServerFramework>;
-export declare function renderToDOM({ id, title, name, showMain, showError, forceRemount, storyFn, storyContext, storyContext: { parameters, args, argTypes }, }: RenderContext<ServerFramework>, domElement: HTMLElement): Promise<void>;

package/dist/types/preview/types.d.ts

@@ -1,20 +0,0 @@
-import type { StoryContext } from '@storybook/csf';
-export type { RenderContext } from '@storybook/core-client';
-export declare type StoryFnServerReturnType = any;
-export declare type ServerFramework = {
-    component: string;
-    storyResult: StoryFnServerReturnType;
-};
-export declare type FetchStoryHtmlType = (url: string, id: string, params: any, context: StoryContext<ServerFramework>) => Promise<string | Node>;
-export interface IStorybookStory {
-    name: string;
-    render: (context: any) => any;
-}
-export interface IStorybookSection {
-    kind: string;
-    stories: IStorybookStory[];
-}
-export interface ShowErrorArgs {
-    title: string;
-    description: string;
-}