@storybook/csf 0.0.2-next.1 → 0.0.2-next.10

package/dist/index.d.ts

@@ -1,45 +1,45 @@
-import { Simplify, UnionToIntersection } from 'type-fest';
+import { Simplify, RemoveIndexSignature, UnionToIntersection } from 'type-fest';
 
 interface SBBaseType {
     required?: boolean;
     raw?: string;
 }
-declare type SBScalarType = SBBaseType & {
+type SBScalarType = SBBaseType & {
     name: 'boolean' | 'string' | 'number' | 'function' | 'symbol';
 };
-declare type SBArrayType = SBBaseType & {
+type SBArrayType = SBBaseType & {
     name: 'array';
     value: SBType;
 };
-declare type SBObjectType = SBBaseType & {
+type SBObjectType = SBBaseType & {
     name: 'object';
     value: Record<string, SBType>;
 };
-declare type SBEnumType = SBBaseType & {
+type SBEnumType = SBBaseType & {
     name: 'enum';
     value: (string | number)[];
 };
-declare type SBIntersectionType = SBBaseType & {
+type SBIntersectionType = SBBaseType & {
     name: 'intersection';
     value: SBType[];
 };
-declare type SBUnionType = SBBaseType & {
+type SBUnionType = SBBaseType & {
     name: 'union';
     value: SBType[];
 };
-declare type SBOtherType = SBBaseType & {
+type SBOtherType = SBBaseType & {
     name: 'other';
     value: string;
 };
-declare type SBType = SBScalarType | SBEnumType | SBArrayType | SBObjectType | SBIntersectionType | SBUnionType | SBOtherType;
+type SBType = SBScalarType | SBEnumType | SBArrayType | SBObjectType | SBIntersectionType | SBUnionType | SBOtherType;
 
-declare type StoryId = string;
-declare type ComponentId = string;
-declare type ComponentTitle = string;
-declare type StoryName = string;
+type StoryId = string;
+type ComponentId = string;
+type ComponentTitle = string;
+type StoryName = string;
 /** @deprecated */
-declare type StoryKind = ComponentTitle;
-declare type Tag = string;
+type StoryKind = ComponentTitle;
+type Tag = string;
 interface StoryIdentifier {
     componentId: ComponentId;
     title: ComponentTitle;
@@ -51,10 +51,13 @@ interface StoryIdentifier {
     story: StoryName;
     tags: Tag[];
 }
-declare type Parameters = {
+interface Parameters {
     [name: string]: any;
-};
-declare type ConditionalTest = {
+}
+interface StrictParameters {
+    [name: string]: unknown;
+}
+type ConditionalTest = {
     truthy?: boolean;
 } | {
     exists: boolean;
@@ -63,12 +66,12 @@ declare type ConditionalTest = {
 } | {
     neq: any;
 };
-declare type ConditionalValue = {
+type ConditionalValue = {
     arg: string;
 } | {
     global: string;
 };
-declare type Conditional = ConditionalValue & ConditionalTest;
+type Conditional = ConditionalValue & ConditionalTest;
 interface InputType {
     name?: string;
     description?: string;
@@ -81,84 +84,93 @@ interface StrictInputType extends InputType {
     name: string;
     type?: SBType;
 }
-declare type Args = {
+interface Args {
     [name: string]: any;
-};
-declare type ArgTypes<TArgs = Args> = {
+}
+interface StrictArgs {
+    [name: string]: unknown;
+}
+type ArgTypes<TArgs = Args> = {
     [name in keyof TArgs]: InputType;
 };
-declare type StrictArgTypes<TArgs = Args> = {
+type StrictArgTypes<TArgs = Args> = {
     [name in keyof TArgs]: StrictInputType;
 };
-declare type Globals = {
+type Globals = {
     [name: string]: any;
 };
-declare type GlobalTypes = {
+type GlobalTypes = {
     [name: string]: InputType;
 };
-declare type StrictGlobalTypes = {
+type StrictGlobalTypes = {
     [name: string]: StrictInputType;
 };
-declare type AnyFramework = {
+type Renderer = {
+    /** What is the type of the `component` annotation in this renderer? */
     component: unknown;
+    /** What does the story function return in this renderer? */
     storyResult: unknown;
+    /** What type of element does this renderer render to? */
+    canvasElement: unknown;
     T?: unknown;
 };
-declare type StoryContextForEnhancers<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = StoryIdentifier & {
-    component?: (TFramework & {
+/** @deprecated - use `Renderer` */
+type AnyFramework = Renderer;
+type StoryContextForEnhancers<TRenderer extends Renderer = Renderer, TArgs = Args> = StoryIdentifier & {
+    component?: (TRenderer & {
         T: any;
     })['component'];
-    subcomponents?: Record<string, (TFramework & {
+    subcomponents?: Record<string, (TRenderer & {
         T: any;
     })['component']>;
     parameters: Parameters;
     initialArgs: TArgs;
     argTypes: StrictArgTypes<TArgs>;
 };
-declare type ArgsEnhancer<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = (context: StoryContextForEnhancers<TFramework, TArgs>) => TArgs;
-declare type ArgTypesEnhancer<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = ((context: StoryContextForEnhancers<TFramework, TArgs>) => StrictArgTypes<TArgs>) & {
+type ArgsEnhancer<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: StoryContextForEnhancers<TRenderer, TArgs>) => TArgs;
+type ArgTypesEnhancer<TRenderer extends Renderer = Renderer, TArgs = Args> = ((context: StoryContextForEnhancers<TRenderer, TArgs>) => StrictArgTypes<TArgs>) & {
     secondPass?: boolean;
 };
-declare type StoryContextUpdate<TArgs = Args> = {
+type StoryContextUpdate<TArgs = Args> = {
     args?: TArgs;
     globals?: Globals;
     [key: string]: any;
 };
-declare type ViewMode = 'story' | 'docs';
-declare type StoryContextForLoaders<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = StoryContextForEnhancers<TFramework, TArgs> & Required<StoryContextUpdate<TArgs>> & {
+type ViewMode = 'story' | 'docs';
+type StoryContextForLoaders<TRenderer extends Renderer = Renderer, TArgs = Args> = StoryContextForEnhancers<TRenderer, TArgs> & Required<StoryContextUpdate<TArgs>> & {
     hooks: unknown;
     viewMode: ViewMode;
-    originalStoryFn: StoryFn<TFramework>;
+    originalStoryFn: StoryFn<TRenderer>;
 };
-declare type LoaderFunction<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = (context: StoryContextForLoaders<TFramework, TArgs>) => Promise<Record<string, any>>;
-declare type StoryContext<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = StoryContextForLoaders<TFramework, TArgs> & {
+type LoaderFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: StoryContextForLoaders<TRenderer, TArgs>) => Promise<Record<string, any>>;
+type StoryContext<TRenderer extends Renderer = Renderer, TArgs = Args> = StoryContextForLoaders<TRenderer, TArgs> & {
     loaded: Record<string, any>;
     abortSignal: AbortSignal;
-    canvasElement: HTMLElement;
+    canvasElement: TRenderer['canvasElement'];
 };
-declare type StepLabel = string;
-declare type StepFunction<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = (label: StepLabel, play: PlayFunction<TFramework, TArgs>) => Promise<void> | void;
-declare type PlayFunctionContext<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = StoryContext<TFramework, TArgs> & {
-    step: StepFunction<TFramework, TArgs>;
+type StepLabel = string;
+type StepFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (label: StepLabel, play: PlayFunction<TRenderer, TArgs>) => Promise<void> | void;
+type PlayFunctionContext<TRenderer extends Renderer = Renderer, TArgs = Args> = StoryContext<TRenderer, TArgs> & {
+    step: StepFunction<TRenderer, TArgs>;
 };
-declare type PlayFunction<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = (context: PlayFunctionContext<TFramework, TArgs>) => Promise<void> | void;
-declare type PartialStoryFn<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = (update?: StoryContextUpdate<Partial<TArgs>>) => TFramework['storyResult'];
-declare type LegacyStoryFn<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = (context: StoryContext<TFramework, TArgs>) => TFramework['storyResult'];
-declare type ArgsStoryFn<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = (args: TArgs, context: StoryContext<TFramework, TArgs>) => (TFramework & {
+type PlayFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: PlayFunctionContext<TRenderer, TArgs>) => Promise<void> | void;
+type PartialStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (update?: StoryContextUpdate<Partial<TArgs>>) => TRenderer['storyResult'];
+type LegacyStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: StoryContext<TRenderer, TArgs>) => TRenderer['storyResult'];
+type ArgsStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (args: TArgs, context: StoryContext<TRenderer, TArgs>) => (TRenderer & {
     T: TArgs;
 })['storyResult'];
-declare type StoryFn<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = LegacyStoryFn<TFramework, TArgs> | ArgsStoryFn<TFramework, TArgs>;
-declare type DecoratorFunction<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = (fn: PartialStoryFn<TFramework, TArgs>, c: StoryContext<TFramework, TArgs>) => TFramework['storyResult'];
-declare type DecoratorApplicator<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = (storyFn: LegacyStoryFn<TFramework, TArgs>, decorators: DecoratorFunction<TFramework, TArgs>[]) => LegacyStoryFn<TFramework, TArgs>;
-declare type StepRunner<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = (label: StepLabel, play: PlayFunction<TFramework, TArgs>, context: PlayFunctionContext<TFramework, TArgs>) => Promise<void>;
-declare type BaseAnnotations<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = {
+type StoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = LegacyStoryFn<TRenderer, TArgs> | ArgsStoryFn<TRenderer, TArgs>;
+type DecoratorFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (fn: PartialStoryFn<TRenderer, TArgs>, c: StoryContext<TRenderer, TArgs>) => TRenderer['storyResult'];
+type DecoratorApplicator<TRenderer extends Renderer = Renderer, TArgs = Args> = (storyFn: LegacyStoryFn<TRenderer, TArgs>, decorators: DecoratorFunction<TRenderer, TArgs>[]) => LegacyStoryFn<TRenderer, TArgs>;
+type StepRunner<TRenderer extends Renderer = Renderer, TArgs = Args> = (label: StepLabel, play: PlayFunction<TRenderer, TArgs>, context: PlayFunctionContext<TRenderer, TArgs>) => Promise<void>;
+type BaseAnnotations<TRenderer extends Renderer = Renderer, TArgs = Args> = {
     /**
      * Wrapper components or Storybook decorators that wrap a story.
      *
      * Decorators defined in Meta will be applied to every story variation.
      * @see [Decorators](https://storybook.js.org/docs/addons/introduction/#1-decorators)
      */
-    decorators?: DecoratorFunction<TFramework, TArgs>[];
+    decorators?: DecoratorFunction<TRenderer, TArgs>[];
     /**
      * Custom metadata for a story.
      * @see [Parameters](https://storybook.js.org/docs/basics/writing-stories/#parameters)
@@ -178,22 +190,22 @@ declare type BaseAnnotations<TFramework extends AnyFramework = AnyFramework, TAr
      * Asynchronous functions which provide data for a story.
      * @see [Loaders](https://storybook.js.org/docs/react/writing-stories/loaders)
      */
-    loaders?: LoaderFunction<TFramework, TArgs>[];
+    loaders?: LoaderFunction<TRenderer, TArgs>[];
     /**
-     * Define a custom render function for the story(ies). If not passed, a default render function by the framework will be used.
+     * Define a custom render function for the story(ies). If not passed, a default render function by the renderer will be used.
      */
-    render?: ArgsStoryFn<TFramework, TArgs>;
+    render?: ArgsStoryFn<TRenderer, TArgs>;
 };
-declare type ProjectAnnotations<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = BaseAnnotations<TFramework, TArgs> & {
-    argsEnhancers?: ArgsEnhancer<TFramework, Args>[];
-    argTypesEnhancers?: ArgTypesEnhancer<TFramework, Args>[];
+type ProjectAnnotations<TRenderer extends Renderer = Renderer, TArgs = Args> = BaseAnnotations<TRenderer, TArgs> & {
+    argsEnhancers?: ArgsEnhancer<TRenderer, Args>[];
+    argTypesEnhancers?: ArgTypesEnhancer<TRenderer, Args>[];
     globals?: Globals;
     globalTypes?: GlobalTypes;
-    applyDecorators?: DecoratorApplicator<TFramework, Args>;
-    runStep?: StepRunner<TFramework, TArgs>;
+    applyDecorators?: DecoratorApplicator<TRenderer, Args>;
+    runStep?: StepRunner<TRenderer, TArgs>;
 };
-declare type StoryDescriptor$1 = string[] | RegExp;
-interface ComponentAnnotations<TFramework extends AnyFramework = AnyFramework, TArgs = Args> extends BaseAnnotations<TFramework, TArgs> {
+type StoryDescriptor$1 = string[] | RegExp;
+interface ComponentAnnotations<TRenderer extends Renderer = Renderer, TArgs = Args> extends BaseAnnotations<TRenderer, TArgs> {
     /**
      * Title of the component which will be presented in the navigation. **Should be unique.**
      *
@@ -241,8 +253,8 @@ interface ComponentAnnotations<TFramework extends AnyFramework = AnyFramework, T
      *
      * Used by addons for automatic prop table generation and display of other component metadata.
      */
-    component?: (TFramework & {
-        T: Args extends TArgs ? any : TArgs;
+    component?: (TRenderer & {
+        T: Record<string, unknown> extends Required<TArgs> ? any : TArgs;
     })['component'];
     /**
      * Auxiliary subcomponents that are part of the stories.
@@ -259,17 +271,17 @@ interface ComponentAnnotations<TFramework extends AnyFramework = AnyFramework, T
      *
      * By defining them each component will have its tab in the args table.
      */
-    subcomponents?: Record<string, TFramework['component']>;
+    subcomponents?: Record<string, TRenderer['component']>;
     /**
      * Function that is executed after the story is rendered.
      */
-    play?: PlayFunction<TFramework, TArgs>;
+    play?: PlayFunction<TRenderer, TArgs>;
     /**
      * Named tags for a story, used to filter stories in different contexts.
      */
     tags?: Tag[];
 }
-declare type StoryAnnotations<TFramework extends AnyFramework = AnyFramework, TArgs = Args, TRequiredArgs = Partial<TArgs>> = BaseAnnotations<TFramework, TArgs> & {
+type StoryAnnotations<TRenderer extends Renderer = Renderer, TArgs = Args, TRequiredArgs = Partial<TArgs>> = BaseAnnotations<TRenderer, TArgs> & {
     /**
      * Override the display name in the UI (CSF v3)
      */
@@ -281,35 +293,35 @@ declare type StoryAnnotations<TFramework extends AnyFramework = AnyFramework, TA
     /**
      * Function that is executed after the story is rendered.
      */
-    play?: PlayFunction<TFramework, TArgs>;
+    play?: PlayFunction<TRenderer, TArgs>;
     /**
      * Named tags for a story, used to filter stories in different contexts.
      */
     tags?: Tag[];
     /** @deprecated */
-    story?: Omit<StoryAnnotations<TFramework, TArgs>, 'story'>;
+    story?: Omit<StoryAnnotations<TRenderer, TArgs>, 'story'>;
 } & ({} extends TRequiredArgs ? {
     args?: TRequiredArgs;
 } : {
     args: TRequiredArgs;
 });
-declare type LegacyAnnotatedStoryFn<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = StoryFn<TFramework, TArgs> & StoryAnnotations<TFramework, TArgs>;
-declare type LegacyStoryAnnotationsOrFn<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = LegacyAnnotatedStoryFn<TFramework, TArgs> | StoryAnnotations<TFramework, TArgs>;
-declare type AnnotatedStoryFn<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = ArgsStoryFn<TFramework, TArgs> & StoryAnnotations<TFramework, TArgs>;
-declare type StoryAnnotationsOrFn<TFramework extends AnyFramework = AnyFramework, TArgs = Args> = AnnotatedStoryFn<TFramework, TArgs> | StoryAnnotations<TFramework, TArgs>;
-declare type ArgsFromMeta<TFramework extends AnyFramework, Meta> = Meta extends {
-    render?: ArgsStoryFn<TFramework, infer RArgs>;
+type LegacyAnnotatedStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = StoryFn<TRenderer, TArgs> & StoryAnnotations<TRenderer, TArgs>;
+type LegacyStoryAnnotationsOrFn<TRenderer extends Renderer = Renderer, TArgs = Args> = LegacyAnnotatedStoryFn<TRenderer, TArgs> | StoryAnnotations<TRenderer, TArgs>;
+type AnnotatedStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = ArgsStoryFn<TRenderer, TArgs> & StoryAnnotations<TRenderer, TArgs>;
+type StoryAnnotationsOrFn<TRenderer extends Renderer = Renderer, TArgs = Args> = AnnotatedStoryFn<TRenderer, TArgs> | StoryAnnotations<TRenderer, TArgs>;
+type ArgsFromMeta<TRenderer extends Renderer, Meta> = Meta extends {
+    render?: ArgsStoryFn<TRenderer, infer RArgs>;
     loaders?: (infer Loaders)[];
     decorators?: (infer Decorators)[];
-} ? Simplify<RArgs & DecoratorsArgs<TFramework, Decorators> & LoaderArgs<TFramework, Loaders>> : unknown;
-declare type DecoratorsArgs<TFramework extends AnyFramework, Decorators> = UnionToIntersection<Decorators extends DecoratorFunction<TFramework, infer TArgs> ? TArgs : unknown>;
-declare type LoaderArgs<TFramework extends AnyFramework, Loaders> = UnionToIntersection<Loaders extends LoaderFunction<TFramework, infer TArgs> ? TArgs : unknown>;
+} ? Simplify<RemoveIndexSignature<RArgs & DecoratorsArgs<TRenderer, Decorators> & LoaderArgs<TRenderer, Loaders>>> : unknown;
+type DecoratorsArgs<TRenderer extends Renderer, Decorators> = UnionToIntersection<Decorators extends DecoratorFunction<TRenderer, infer TArgs> ? TArgs : unknown>;
+type LoaderArgs<TRenderer extends Renderer, Loaders> = UnionToIntersection<Loaders extends LoaderFunction<TRenderer, infer TArgs> ? TArgs : unknown>;
 
 /**
  * Helper function to include/exclude an arg based on the value of other other args
  * aka "conditional args"
  */
-declare const includeConditionalArg: (argType: InputType, args: Args, globals: Globals) => boolean;
+declare const includeConditionalArg: (argType: InputType, args: Args, globals: Globals) => any;
 
 /**
  * Remove punctuation and illegal characters from a story ID.
@@ -325,7 +337,7 @@ declare const toId: (kind: string, name?: string) => string;
  * Transform a CSF named export into a readable story name
  */
 declare const storyNameFromExport: (key: string) => string;
-declare type StoryDescriptor = string[] | RegExp;
+type StoryDescriptor = string[] | RegExp;
 interface IncludeExcludeOptions {
     includeStories?: StoryDescriptor;
     excludeStories?: StoryDescriptor;
@@ -346,4 +358,4 @@ declare const parseKind: (kind: string, { rootSeparator, groupSeparator }: Separ
     groups: string[];
 };
 
-export { AnnotatedStoryFn, AnyFramework, ArgTypes, ArgTypesEnhancer, Args, ArgsEnhancer, ArgsFromMeta, ArgsStoryFn, BaseAnnotations, ComponentAnnotations, ComponentId, ComponentTitle, Conditional, DecoratorApplicator, DecoratorFunction, GlobalTypes, Globals, IncludeExcludeOptions, InputType, LegacyAnnotatedStoryFn, LegacyStoryAnnotationsOrFn, LegacyStoryFn, LoaderFunction, Parameters, PartialStoryFn, PlayFunction, PlayFunctionContext, ProjectAnnotations, SBArrayType, SBEnumType, SBIntersectionType, SBObjectType, SBOtherType, SBScalarType, SBType, SBUnionType, SeparatorOptions, StepFunction, StepLabel, StepRunner, StoryAnnotations, StoryAnnotationsOrFn, StoryContext, StoryContextForEnhancers, StoryContextForLoaders, StoryContextUpdate, StoryFn, StoryId, StoryIdentifier, StoryKind, StoryName, StrictArgTypes, StrictGlobalTypes, StrictInputType, Tag, ViewMode, includeConditionalArg, isExportStory, parseKind, sanitize, storyNameFromExport, toId };
+export { AnnotatedStoryFn, AnyFramework, ArgTypes, ArgTypesEnhancer, Args, ArgsEnhancer, ArgsFromMeta, ArgsStoryFn, BaseAnnotations, ComponentAnnotations, ComponentId, ComponentTitle, Conditional, DecoratorApplicator, DecoratorFunction, GlobalTypes, Globals, IncludeExcludeOptions, InputType, LegacyAnnotatedStoryFn, LegacyStoryAnnotationsOrFn, LegacyStoryFn, LoaderFunction, Parameters, PartialStoryFn, PlayFunction, PlayFunctionContext, ProjectAnnotations, Renderer, SBArrayType, SBEnumType, SBIntersectionType, SBObjectType, SBOtherType, SBScalarType, SBType, SBUnionType, SeparatorOptions, StepFunction, StepLabel, StepRunner, StoryAnnotations, StoryAnnotationsOrFn, StoryContext, StoryContextForEnhancers, StoryContextForLoaders, StoryContextUpdate, StoryFn, StoryId, StoryIdentifier, StoryKind, StoryName, StrictArgTypes, StrictArgs, StrictGlobalTypes, StrictInputType, StrictParameters, Tag, ViewMode, includeConditionalArg, isExportStory, parseKind, sanitize, storyNameFromExport, toId };

package/dist/index.js

@@ -1,109 +1,10 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+'use strict';
 
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  includeConditionalArg: () => includeConditionalArg,
-  isExportStory: () => isExportStory,
-  parseKind: () => parseKind,
-  sanitize: () => sanitize,
-  storyNameFromExport: () => storyNameFromExport,
-  toId: () => toId
-});
-module.exports = __toCommonJS(src_exports);
-var import_startCase = __toESM(require("lodash/startCase"));
+var B=Object.create;var R=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var I=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var E=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of C(e))!w.call(r,a)&&a!==t&&R(r,a,{get:()=>e[a],enumerable:!(n=b(e,a))||n.enumerable});return r};var P=(r,e,t)=>(t=r!=null?B(h(r)):{},E(e||!r||!r.__esModule?R(t,"default",{value:r,enumerable:!0}):t,r));var x=I(T=>{Object.defineProperty(T,"__esModule",{value:!0}),T.isEqual=function(){var r=Object.prototype.toString,e=Object.getPrototypeOf,t=Object.getOwnPropertySymbols?function(n){return Object.keys(n).concat(Object.getOwnPropertySymbols(n))}:Object.keys;return function(n,a){return function i(o,s,d){var y,g,p,A=r.call(o),F=r.call(s);if(o===s)return !0;if(o==null||s==null)return !1;if(d.indexOf(o)>-1&&d.indexOf(s)>-1)return !0;if(d.push(o,s),A!=F||(y=t(o),g=t(s),y.length!=g.length||y.some(function(l){return !i(o[l],s[l],d)})))return !1;switch(A.slice(8,-1)){case"Symbol":return o.valueOf()==s.valueOf();case"Date":case"Number":return +o==+s||+o!=+o&&+s!=+s;case"RegExp":case"Function":case"String":case"Boolean":return ""+o==""+s;case"Set":case"Map":y=o.entries(),g=s.entries();do if(!i((p=y.next()).value,g.next().value,d))return !1;while(!p.done);return !0;case"ArrayBuffer":o=new Uint8Array(o),s=new Uint8Array(s);case"DataView":o=new Uint8Array(o.buffer),s=new Uint8Array(s.buffer);case"Float32Array":case"Float64Array":case"Int8Array":case"Int16Array":case"Int32Array":case"Uint8Array":case"Uint16Array":case"Uint32Array":case"Uint8ClampedArray":case"Arguments":case"Array":if(o.length!=s.length)return !1;for(p=0;p<o.length;p++)if((p in o||p in s)&&(p in o!=p in s||!i(o[p],s[p],d)))return !1;return !0;case"Object":return i(e(o),e(s),d);default:return !1}}(n,a,[])}}();});function u(r){return r.replace(/_/g," ").replace(/-/g," ").replace(/\./g," ").replace(/([^\n])([A-Z])([a-z])/g,(e,t,n,a)=>`${t} ${n}${a}`).replace(/([a-z])([A-Z])/g,(e,t,n)=>`${t} ${n}`).replace(/([a-z])([0-9])/gi,(e,t,n)=>`${t} ${n}`).replace(/([0-9])([a-z])/gi,(e,t,n)=>`${t} ${n}`).replace(/(\s|^)(\w)/g,(e,t,n)=>`${t}${n.toUpperCase()}`).replace(/ +/g," ").trim()}var c=P(x()),S=r=>r.map(e=>typeof e<"u").filter(Boolean).length,O=(r,e)=>{let{exists:t,eq:n,neq:a,truthy:i}=r;if(S([t,n,a,i])>1)throw new Error(`Invalid conditional test ${JSON.stringify({exists:t,eq:n,neq:a})}`);if(typeof n<"u")return (0, c.isEqual)(e,n);if(typeof a<"u")return !(0, c.isEqual)(e,a);if(typeof t<"u"){let s=typeof e<"u";return t?s:!s}return (typeof i>"u"?!0:i)?!!e:!e},v=(r,e,t)=>{if(!r.if)return !0;let{arg:n,global:a}=r.if;if(S([n,a])!==1)throw new Error(`Invalid conditional value ${JSON.stringify({arg:n,global:a})}`);let i=n?e[n]:t[a];return O(r.if,i)};var L=r=>r.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,""),m=(r,e)=>{let t=L(r);if(t==="")throw new Error(`Invalid ${e} '${r}', must include alphanumeric characters`);return t},N=(r,e)=>`${m(r,"kind")}${e?`--${m(e,"name")}`:""}`,M=r=>u(r);function f(r,e){return Array.isArray(e)?e.includes(r):r.match(e)}function G(r,{includeStories:e,excludeStories:t}){return r!=="__esModule"&&(!e||f(r,e))&&(!t||!f(r,t))}var z=(r,{rootSeparator:e,groupSeparator:t})=>{let[n,a]=r.split(e,2),i=(a||r).split(t).filter(o=>!!o);return {root:a?n:null,groups:i}};
 
-// src/includeConditionalArg.ts
-var import_isEqual = __toESM(require("lodash/isEqual"));
-var count = (vals) => vals.map((v) => typeof v !== "undefined").filter(Boolean).length;
-var testValue = (cond, value) => {
-  const { exists, eq, neq, truthy } = cond;
-  if (count([exists, eq, neq, truthy]) > 1) {
-    throw new Error(`Invalid conditional test ${JSON.stringify({ exists, eq, neq })}`);
-  }
-  if (typeof eq !== "undefined") {
-    return (0, import_isEqual.default)(value, eq);
-  }
-  if (typeof neq !== "undefined") {
-    return !(0, import_isEqual.default)(value, neq);
-  }
-  if (typeof exists !== "undefined") {
-    const valueExists = typeof value !== "undefined";
-    return exists ? valueExists : !valueExists;
-  }
-  const shouldBeTruthy = typeof truthy === "undefined" ? true : truthy;
-  return shouldBeTruthy ? !!value : !value;
-};
-var includeConditionalArg = (argType, args, globals) => {
-  if (!argType.if)
-    return true;
-  const { arg, global } = argType.if;
-  if (count([arg, global]) !== 1) {
-    throw new Error(`Invalid conditional value ${JSON.stringify({ arg, global })}`);
-  }
-  const value = arg ? args[arg] : globals[global];
-  return testValue(argType.if, value);
-};
-
-// src/index.ts
-var sanitize = (string) => {
-  return string.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, "-").replace(/-+/g, "-").replace(/^-+/, "").replace(/-+$/, "");
-};
-var sanitizeSafe = (string, part) => {
-  const sanitized = sanitize(string);
-  if (sanitized === "") {
-    throw new Error(`Invalid ${part} '${string}', must include alphanumeric characters`);
-  }
-  return sanitized;
-};
-var toId = (kind, name) => `${sanitizeSafe(kind, "kind")}${name ? `--${sanitizeSafe(name, "name")}` : ""}`;
-var storyNameFromExport = (key) => (0, import_startCase.default)(key);
-function matches(storyKey, arrayOrRegex) {
-  if (Array.isArray(arrayOrRegex)) {
-    return arrayOrRegex.includes(storyKey);
-  }
-  return storyKey.match(arrayOrRegex);
-}
-function isExportStory(key, { includeStories, excludeStories }) {
-  return key !== "__esModule" && (!includeStories || matches(key, includeStories)) && (!excludeStories || !matches(key, excludeStories));
-}
-var parseKind = (kind, { rootSeparator, groupSeparator }) => {
-  const [root, remainder] = kind.split(rootSeparator, 2);
-  const groups = (remainder || kind).split(groupSeparator).filter((i) => !!i);
-  return {
-    root: remainder ? root : null,
-    groups
-  };
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  includeConditionalArg,
-  isExportStory,
-  parseKind,
-  sanitize,
-  storyNameFromExport,
-  toId
-});
+exports.includeConditionalArg = v;
+exports.isExportStory = G;
+exports.parseKind = z;
+exports.sanitize = L;
+exports.storyNameFromExport = M;
+exports.toId = N;

package/dist/index.mjs

@@ -1,73 +1,3 @@
-// src/index.ts
-import startCase from "lodash/startCase";
+var B=Object.create;var R=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var C=Object.getOwnPropertyNames;var h=Object.getPrototypeOf,w=Object.prototype.hasOwnProperty;var I=(r,e)=>()=>(e||r((e={exports:{}}).exports,e),e.exports);var E=(r,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of C(e))!w.call(r,a)&&a!==t&&R(r,a,{get:()=>e[a],enumerable:!(n=b(e,a))||n.enumerable});return r};var P=(r,e,t)=>(t=r!=null?B(h(r)):{},E(e||!r||!r.__esModule?R(t,"default",{value:r,enumerable:!0}):t,r));var x=I(T=>{Object.defineProperty(T,"__esModule",{value:!0}),T.isEqual=function(){var r=Object.prototype.toString,e=Object.getPrototypeOf,t=Object.getOwnPropertySymbols?function(n){return Object.keys(n).concat(Object.getOwnPropertySymbols(n))}:Object.keys;return function(n,a){return function i(o,s,d){var y,g,p,A=r.call(o),F=r.call(s);if(o===s)return !0;if(o==null||s==null)return !1;if(d.indexOf(o)>-1&&d.indexOf(s)>-1)return !0;if(d.push(o,s),A!=F||(y=t(o),g=t(s),y.length!=g.length||y.some(function(l){return !i(o[l],s[l],d)})))return !1;switch(A.slice(8,-1)){case"Symbol":return o.valueOf()==s.valueOf();case"Date":case"Number":return +o==+s||+o!=+o&&+s!=+s;case"RegExp":case"Function":case"String":case"Boolean":return ""+o==""+s;case"Set":case"Map":y=o.entries(),g=s.entries();do if(!i((p=y.next()).value,g.next().value,d))return !1;while(!p.done);return !0;case"ArrayBuffer":o=new Uint8Array(o),s=new Uint8Array(s);case"DataView":o=new Uint8Array(o.buffer),s=new Uint8Array(s.buffer);case"Float32Array":case"Float64Array":case"Int8Array":case"Int16Array":case"Int32Array":case"Uint8Array":case"Uint16Array":case"Uint32Array":case"Uint8ClampedArray":case"Arguments":case"Array":if(o.length!=s.length)return !1;for(p=0;p<o.length;p++)if((p in o||p in s)&&(p in o!=p in s||!i(o[p],s[p],d)))return !1;return !0;case"Object":return i(e(o),e(s),d);default:return !1}}(n,a,[])}}();});function u(r){return r.replace(/_/g," ").replace(/-/g," ").replace(/\./g," ").replace(/([^\n])([A-Z])([a-z])/g,(e,t,n,a)=>`${t} ${n}${a}`).replace(/([a-z])([A-Z])/g,(e,t,n)=>`${t} ${n}`).replace(/([a-z])([0-9])/gi,(e,t,n)=>`${t} ${n}`).replace(/([0-9])([a-z])/gi,(e,t,n)=>`${t} ${n}`).replace(/(\s|^)(\w)/g,(e,t,n)=>`${t}${n.toUpperCase()}`).replace(/ +/g," ").trim()}var c=P(x()),S=r=>r.map(e=>typeof e<"u").filter(Boolean).length,O=(r,e)=>{let{exists:t,eq:n,neq:a,truthy:i}=r;if(S([t,n,a,i])>1)throw new Error(`Invalid conditional test ${JSON.stringify({exists:t,eq:n,neq:a})}`);if(typeof n<"u")return (0, c.isEqual)(e,n);if(typeof a<"u")return !(0, c.isEqual)(e,a);if(typeof t<"u"){let s=typeof e<"u";return t?s:!s}return (typeof i>"u"?!0:i)?!!e:!e},v=(r,e,t)=>{if(!r.if)return !0;let{arg:n,global:a}=r.if;if(S([n,a])!==1)throw new Error(`Invalid conditional value ${JSON.stringify({arg:n,global:a})}`);let i=n?e[n]:t[a];return O(r.if,i)};var L=r=>r.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi,"-").replace(/-+/g,"-").replace(/^-+/,"").replace(/-+$/,""),m=(r,e)=>{let t=L(r);if(t==="")throw new Error(`Invalid ${e} '${r}', must include alphanumeric characters`);return t},N=(r,e)=>`${m(r,"kind")}${e?`--${m(e,"name")}`:""}`,M=r=>u(r);function f(r,e){return Array.isArray(e)?e.includes(r):r.match(e)}function G(r,{includeStories:e,excludeStories:t}){return r!=="__esModule"&&(!e||f(r,e))&&(!t||!f(r,t))}var z=(r,{rootSeparator:e,groupSeparator:t})=>{let[n,a]=r.split(e,2),i=(a||r).split(t).filter(o=>!!o);return {root:a?n:null,groups:i}};
 
-// src/includeConditionalArg.ts
-import isEqual from "lodash/isEqual";
-var count = (vals) => vals.map((v) => typeof v !== "undefined").filter(Boolean).length;
-var testValue = (cond, value) => {
-  const { exists, eq, neq, truthy } = cond;
-  if (count([exists, eq, neq, truthy]) > 1) {
-    throw new Error(`Invalid conditional test ${JSON.stringify({ exists, eq, neq })}`);
-  }
-  if (typeof eq !== "undefined") {
-    return isEqual(value, eq);
-  }
-  if (typeof neq !== "undefined") {
-    return !isEqual(value, neq);
-  }
-  if (typeof exists !== "undefined") {
-    const valueExists = typeof value !== "undefined";
-    return exists ? valueExists : !valueExists;
-  }
-  const shouldBeTruthy = typeof truthy === "undefined" ? true : truthy;
-  return shouldBeTruthy ? !!value : !value;
-};
-var includeConditionalArg = (argType, args, globals) => {
-  if (!argType.if)
-    return true;
-  const { arg, global } = argType.if;
-  if (count([arg, global]) !== 1) {
-    throw new Error(`Invalid conditional value ${JSON.stringify({ arg, global })}`);
-  }
-  const value = arg ? args[arg] : globals[global];
-  return testValue(argType.if, value);
-};
-
-// src/index.ts
-var sanitize = (string) => {
-  return string.toLowerCase().replace(/[ ’–—―′¿'`~!@#$%^&*()_|+\-=?;:'",.<>\{\}\[\]\\\/]/gi, "-").replace(/-+/g, "-").replace(/^-+/, "").replace(/-+$/, "");
-};
-var sanitizeSafe = (string, part) => {
-  const sanitized = sanitize(string);
-  if (sanitized === "") {
-    throw new Error(`Invalid ${part} '${string}', must include alphanumeric characters`);
-  }
-  return sanitized;
-};
-var toId = (kind, name) => `${sanitizeSafe(kind, "kind")}${name ? `--${sanitizeSafe(name, "name")}` : ""}`;
-var storyNameFromExport = (key) => startCase(key);
-function matches(storyKey, arrayOrRegex) {
-  if (Array.isArray(arrayOrRegex)) {
-    return arrayOrRegex.includes(storyKey);
-  }
-  return storyKey.match(arrayOrRegex);
-}
-function isExportStory(key, { includeStories, excludeStories }) {
-  return key !== "__esModule" && (!includeStories || matches(key, includeStories)) && (!excludeStories || !matches(key, excludeStories));
-}
-var parseKind = (kind, { rootSeparator, groupSeparator }) => {
-  const [root, remainder] = kind.split(rootSeparator, 2);
-  const groups = (remainder || kind).split(groupSeparator).filter((i) => !!i);
-  return {
-    root: remainder ? root : null,
-    groups
-  };
-};
-export {
-  includeConditionalArg,
-  isExportStory,
-  parseKind,
-  sanitize,
-  storyNameFromExport,
-  toId
-};
+export { v as includeConditionalArg, G as isExportStory, z as parseKind, L as sanitize, M as storyNameFromExport, N as toId };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/csf",
-  "version": "0.0.2-next.1",
+  "version": "0.0.2-next.10",
   "description": "Component Story Format (CSF) utilities",
   "keywords": [
     "storybook",
@@ -17,27 +17,52 @@
     "url": "https://github.com/ComponentDriven/csf.git"
   },
   "license": "MIT",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "browser": "./dist/index.mjs",
+      "node": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
   "files": [
     "dist/**/*",
     "README.md",
     "*.js",
     "*.d.ts"
   ],
-  "main": "dist/index.js",
-  "module": "dist/index.mjs",
-  "types": "dist/index.d.ts",
   "scripts": {
-    "build": "tsup ./src/index.ts --format esm,cjs --dts",
+    "build": "tsup ./src/index.ts --format esm,cjs --dts --treeshake --minify",
     "check": "tsc",
     "lint": "eslint src --ext .ts",
-    "test": "jest",
-    "release": "yarn build && auto shipit"
+    "release": "yarn build && auto shipit",
+    "test": "NODE_NO_WARNINGS=1 NODE_OPTIONS=--experimental-vm-modules jest"
   },
+  "prettier": "@storybook/linter-config/prettier.config",
   "eslintConfig": {
+    "parserOptions": {
+      "project": [
+        "./tsconfig.json"
+      ]
+    },
+    "settings": {
+      "import/resolver": {
+        "typescript": {
+          "project": [
+            "./tsconfig.json"
+          ]
+        }
+      }
+    },
     "extends": [
       "@storybook/eslint-config-storybook"
     ],
     "rules": {
+      "import/no-unresolved": "error",
       "jest/expect-expect": [
         "warn",
         {
@@ -49,42 +74,60 @@
       ]
     }
   },
-  "prettier": "@storybook/linter-config/prettier.config",
   "jest": {
-    "preset": "ts-jest",
-    "testEnvironment": "node",
+    "extensionsToTreatAsEsm": [
+      ".ts"
+    ],
+    "moduleNameMapper": {
+      "^(\\.{1,2}/.*)\\.js$": "$1"
+    },
+    "preset": "ts-jest/presets/default-esm",
     "roots": [
       "<rootDir>/src"
-    ]
+    ],
+    "testEnvironment": "node",
+    "transform": {
+      "^.+\\.tsx?$": [
+        "ts-jest",
+        {
+          "useESM": true
+        }
+      ]
+    }
   },
   "dependencies": {
-    "expect-type": "^0.14.2",
-    "lodash": "^4.17.15",
     "type-fest": "^2.19.0"
   },
   "devDependencies": {
-    "@auto-it/released": "^10.37.1",
-    "@storybook/eslint-config-storybook": "^2.1.0",
+    "@auto-it/released": "^10.37.6",
+    "@ngard/tiny-isequal": "^1.1.0",
+    "@storybook/eslint-config-storybook": "^3.1.2",
     "@types/jest": "^29.2.0",
-    "@types/lodash": "^4.14.149",
     "@types/node": "^18.11.0",
-    "@typescript-eslint/parser": "^4.33.0",
-    "auto": "^10.31.0",
+    "@typescript-eslint/eslint-plugin": "^5.42.1",
+    "@typescript-eslint/parser": "^5.42.1",
+    "auto": "^10.37.6",
     "common-tags": "^1.8.0",
-    "eslint": "^6.7.1",
-    "jest": "^29.2.0",
+    "eslint": "^8.27.0",
+    "eslint-import-resolver-typescript": "^3.5.2",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-jest": "^27.1.4",
+    "expect-type": "^0.14.2",
+    "jest": "^29.3.1",
+    "lodash": "^4.17.21",
+    "@types/lodash": "^4.14.191",
     "prettier": "^2.7.1",
     "ts-jest": "^29.0.3",
-    "tsup": "^6.3.0",
+    "tsup": "^6.4.0",
     "typescript": "^4.8.4"
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "auto": {
     "plugins": [
       "npm",
       "released"
     ]
-  },
-  "publishConfig": {
-    "access": "public"
   }
 }