@storybook/csf 0.0.2-next.8 → 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,73 @@
+# v0.1.0 (Mon Apr 03 2023)
+
+#### 🚀 Enhancement
+
+
+#### 🐛 Bug Fix
+
+- Turn Args interfaces into types when passed to decorators [#65](https://github.com/ComponentDriven/csf/pull/65) ([@kasperpeulen](https://github.com/kasperpeulen))
+- Improve the startcase implementation to mimick lodash's version more closely [#64](https://github.com/ComponentDriven/csf/pull/64) ([@ndelangen](https://github.com/ndelangen))
+- replace lodash [#62](https://github.com/ComponentDriven/csf/pull/62) ([@ndelangen](https://github.com/ndelangen))
+- Fix bug with meta not working well as generic parameter for StoryObj [#60](https://github.com/ComponentDriven/csf/pull/60) ([@kasperpeulen](https://github.com/kasperpeulen))
+- Make sure that index signatures (used in decorators) don't cause unexpected types [#58](https://github.com/ComponentDriven/csf/pull/58) ([@kasperpeulen](https://github.com/kasperpeulen))
+- Add strict variants for Args and Paramters to CSF [#57](https://github.com/ComponentDriven/csf/pull/57) ([@kasperpeulen](https://github.com/kasperpeulen))
+- Revert stricter parameters [#56](https://github.com/ComponentDriven/csf/pull/56) ([@kasperpeulen](https://github.com/kasperpeulen))
+- Use builtin installation of actions/setup-node [#55](https://github.com/ComponentDriven/csf/pull/55) ([@kasperpeulen](https://github.com/kasperpeulen))
+- Rename Framework to Renderer [#54](https://github.com/ComponentDriven/csf/pull/54) ([@kasperpeulen](https://github.com/kasperpeulen))
+- Rework Framework type to contain `canvasElement` [#53](https://github.com/ComponentDriven/csf/pull/53) ([@tmeasday](https://github.com/tmeasday))
+- Add tags annotation at all levels [#52](https://github.com/ComponentDriven/csf/pull/52) ([@tmeasday](https://github.com/tmeasday))
+- First attempt at bringing new types over [#29](https://github.com/ComponentDriven/csf/pull/29) ([@tmeasday](https://github.com/tmeasday) [@shilman](https://github.com/shilman) [@ghengeveld](https://github.com/ghengeveld) [@wKich](https://github.com/wKich) [@kasperpeulen](https://github.com/kasperpeulen))
+- Revert "Play function can only be set at the story level" [#40](https://github.com/ComponentDriven/csf/pull/40) ([@wKich](https://github.com/wKich) [@shilman](https://github.com/shilman))
+- Add conditional arg types and metadata [#36](https://github.com/ComponentDriven/csf/pull/36) ([@shilman](https://github.com/shilman) [@tmeasday](https://github.com/tmeasday) [@kasperpeulen](https://github.com/kasperpeulen))
+- Re-apply `TArgs` to CSF `render` type [#43](https://github.com/ComponentDriven/csf/pull/43) ([@tmeasday](https://github.com/tmeasday) [@shilman](https://github.com/shilman) [@kasperpeulen](https://github.com/kasperpeulen))
+- Add step to play context and `runStep` to project annotations [#48](https://github.com/ComponentDriven/csf/pull/48) ([@tmeasday](https://github.com/tmeasday) [@shilman](https://github.com/shilman) [@kasperpeulen](https://github.com/kasperpeulen))
+- Sound arg types for CSF3 [#49](https://github.com/ComponentDriven/csf/pull/49) ([@kasperpeulen](https://github.com/kasperpeulen) [@shilman](https://github.com/shilman))
+- ArgsFromMeta utility and generic ArgsStoryFn RT [#51](https://github.com/ComponentDriven/csf/pull/51) ([@kasperpeulen](https://github.com/kasperpeulen))
+- Configure Auto [#50](https://github.com/ComponentDriven/csf/pull/50) ([@shilman](https://github.com/shilman))
+- Only make `TArgs` parameterize `args` and `argTypes` in our default annotations [#33](https://github.com/ComponentDriven/csf/pull/33) ([@tmeasday](https://github.com/tmeasday))
+- Adding Components.studio as a tool using CSF [#13](https://github.com/ComponentDriven/csf/pull/13) ([@georges-gomes](https://github.com/georges-gomes) [@ghengeveld](https://github.com/ghengeveld))
+- Makes name argument for 'toId' optional [#17](https://github.com/ComponentDriven/csf/pull/17) ([@unematiii](https://github.com/unematiii) [@ghengeveld](https://github.com/ghengeveld))
+- use permanent url for the header image [#12](https://github.com/ComponentDriven/csf/pull/12) ([@winkerVSbecks](https://github.com/winkerVSbecks))
+- fix link to image [#10](https://github.com/ComponentDriven/csf/pull/10) ([@winkerVSbecks](https://github.com/winkerVSbecks))
+- Publish under @componentdriven and update README [#8](https://github.com/ComponentDriven/csf/pull/8) ([@winkerVSbecks](https://github.com/winkerVSbecks))
+- Add meta types for CSF [#5](https://github.com/ComponentDriven/csf/pull/5) ([@wKich](https://github.com/wKich))
+- types of csf properties [#3](https://github.com/ComponentDriven/csf/pull/3) ([@atanasster](https://github.com/atanasster) [@ndelangen](https://github.com/ndelangen))
+- Extract @storybook/csf from monorepo [#1](https://github.com/ComponentDriven/csf/pull/1) ([@shilman](https://github.com/shilman))
+
+#### ⚠️ Pushed to `master`
+
+- First commit ([@shilman](https://github.com/shilman))
+
+#### 📝 Documentation
+
+- added storyNameFromExport(key) in README.md [#2](https://github.com/ComponentDriven/csf/pull/2) ([@georges-gomes](https://github.com/georges-gomes) [@shilman](https://github.com/shilman))
+
+#### 🔩 Dependency Updates
+
+- Bump handlebars from 4.5.3 to 4.7.7 [#20](https://github.com/ComponentDriven/csf/pull/20) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump y18n from 4.0.0 to 4.0.3 [#32](https://github.com/ComponentDriven/csf/pull/32) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump ini from 1.3.5 to 1.3.8 [#18](https://github.com/ComponentDriven/csf/pull/18) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump yargs-parser from 13.1.1 to 13.1.2 [#15](https://github.com/ComponentDriven/csf/pull/15) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump lodash from 4.17.15 to 4.17.21 [#21](https://github.com/ComponentDriven/csf/pull/21) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump hosted-git-info from 2.8.5 to 2.8.9 [#22](https://github.com/ComponentDriven/csf/pull/22) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump path-parse from 1.0.6 to 1.0.7 [#25](https://github.com/ComponentDriven/csf/pull/25) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump browserslist from 4.11.1 to 4.16.6 [#23](https://github.com/ComponentDriven/csf/pull/23) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump acorn from 5.7.3 to 5.7.4 [#27](https://github.com/ComponentDriven/csf/pull/27) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump ws from 5.2.2 to 5.2.3 [#28](https://github.com/ComponentDriven/csf/pull/28) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump tar from 4.4.13 to 4.4.19 [#30](https://github.com/ComponentDriven/csf/pull/30) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+- Bump tmpl from 1.0.4 to 1.0.5 [#31](https://github.com/ComponentDriven/csf/pull/31) ([@dependabot[bot]](https://github.com/dependabot[bot]))
+
+#### Authors: 12
+
+- [@dependabot[bot]](https://github.com/dependabot[bot])
+- Atanas Stoyanov ([@atanasster](https://github.com/atanasster))
+- Dmitriy Lazarev ([@wKich](https://github.com/wKich))
+- Dominic Nguyen ([@domyen](https://github.com/domyen))
+- Georges Gomes ([@georges-gomes](https://github.com/georges-gomes))
+- Gert Hengeveld ([@ghengeveld](https://github.com/ghengeveld))
+- Kasper Peulen ([@kasperpeulen](https://github.com/kasperpeulen))
+- Mati Kärner ([@unematiii](https://github.com/unematiii))
+- Michael Shilman ([@shilman](https://github.com/shilman))
+- Norbert de Langen ([@ndelangen](https://github.com/ndelangen))
+- Tom Coleman ([@tmeasday](https://github.com/tmeasday))
+- Varun Vachhar ([@winkerVSbecks](https://github.com/winkerVSbecks))

package/dist/index.d.ts

@@ -4,42 +4,42 @@ 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;
@@ -57,7 +57,7 @@ interface Parameters {
 interface StrictParameters {
     [name: string]: unknown;
 }
-declare type ConditionalTest = {
+type ConditionalTest = {
     truthy?: boolean;
 } | {
     exists: boolean;
@@ -66,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;
@@ -90,22 +90,22 @@ interface Args {
 interface StrictArgs {
     [name: string]: unknown;
 }
-declare type ArgTypes<TArgs = Args> = {
+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 Renderer = {
+type Renderer = {
     /** What is the type of the `component` annotation in this renderer? */
     component: unknown;
     /** What does the story function return in this renderer? */
@@ -115,8 +115,8 @@ declare type Renderer = {
     T?: unknown;
 };
 /** @deprecated - use `Renderer` */
-declare type AnyFramework = Renderer;
-declare type StoryContextForEnhancers<TRenderer extends Renderer = Renderer, TArgs = Args> = StoryIdentifier & {
+type AnyFramework = Renderer;
+type StoryContextForEnhancers<TRenderer extends Renderer = Renderer, TArgs = Args> = StoryIdentifier & {
     component?: (TRenderer & {
         T: any;
     })['component'];
@@ -127,50 +127,50 @@ declare type StoryContextForEnhancers<TRenderer extends Renderer = Renderer, TAr
     initialArgs: TArgs;
     argTypes: StrictArgTypes<TArgs>;
 };
-declare type ArgsEnhancer<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: StoryContextForEnhancers<TRenderer, TArgs>) => TArgs;
-declare type ArgTypesEnhancer<TRenderer extends Renderer = Renderer, TArgs = Args> = ((context: StoryContextForEnhancers<TRenderer, 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<TRenderer extends Renderer = Renderer, TArgs = Args> = StoryContextForEnhancers<TRenderer, 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<TRenderer>;
 };
-declare type LoaderFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: StoryContextForLoaders<TRenderer, TArgs>) => Promise<Record<string, any>>;
-declare type StoryContext<TRenderer extends Renderer = Renderer, TArgs = Args> = StoryContextForLoaders<TRenderer, 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: TRenderer['canvasElement'];
 };
-declare type StepLabel = string;
-declare type StepFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (label: StepLabel, play: PlayFunction<TRenderer, TArgs>) => Promise<void> | void;
-declare type PlayFunctionContext<TRenderer extends Renderer = Renderer, TArgs = Args> = StoryContext<TRenderer, 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<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: PlayFunctionContext<TRenderer, TArgs>) => Promise<void> | void;
-declare type PartialStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (update?: StoryContextUpdate<Partial<TArgs>>) => TRenderer['storyResult'];
-declare type LegacyStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (context: StoryContext<TRenderer, TArgs>) => TRenderer['storyResult'];
-declare type ArgsStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = (args: TArgs, context: StoryContext<TRenderer, TArgs>) => (TRenderer & {
+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<TRenderer extends Renderer = Renderer, TArgs = Args> = LegacyStoryFn<TRenderer, TArgs> | ArgsStoryFn<TRenderer, TArgs>;
-declare type DecoratorFunction<TRenderer extends Renderer = Renderer, TArgs = Args> = (fn: PartialStoryFn<TRenderer, TArgs>, c: StoryContext<TRenderer, TArgs>) => TRenderer['storyResult'];
-declare type DecoratorApplicator<TRenderer extends Renderer = Renderer, TArgs = Args> = (storyFn: LegacyStoryFn<TRenderer, TArgs>, decorators: DecoratorFunction<TRenderer, TArgs>[]) => LegacyStoryFn<TRenderer, TArgs>;
-declare type StepRunner<TRenderer extends Renderer = Renderer, TArgs = Args> = (label: StepLabel, play: PlayFunction<TRenderer, TArgs>, context: PlayFunctionContext<TRenderer, TArgs>) => Promise<void>;
-declare type BaseAnnotations<TRenderer extends Renderer = Renderer, 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<TRenderer, TArgs>[];
+    decorators?: DecoratorFunction<TRenderer, Simplify<TArgs>>[];
     /**
      * Custom metadata for a story.
      * @see [Parameters](https://storybook.js.org/docs/basics/writing-stories/#parameters)
@@ -196,7 +196,7 @@ declare type BaseAnnotations<TRenderer extends Renderer = Renderer, TArgs = Args
      */
     render?: ArgsStoryFn<TRenderer, TArgs>;
 };
-declare type ProjectAnnotations<TRenderer extends Renderer = Renderer, TArgs = Args> = BaseAnnotations<TRenderer, TArgs> & {
+type ProjectAnnotations<TRenderer extends Renderer = Renderer, TArgs = Args> = BaseAnnotations<TRenderer, TArgs> & {
     argsEnhancers?: ArgsEnhancer<TRenderer, Args>[];
     argTypesEnhancers?: ArgTypesEnhancer<TRenderer, Args>[];
     globals?: Globals;
@@ -204,7 +204,7 @@ declare type ProjectAnnotations<TRenderer extends Renderer = Renderer, TArgs = A
     applyDecorators?: DecoratorApplicator<TRenderer, Args>;
     runStep?: StepRunner<TRenderer, TArgs>;
 };
-declare type StoryDescriptor$1 = string[] | RegExp;
+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.**
@@ -281,7 +281,7 @@ interface ComponentAnnotations<TRenderer extends Renderer = Renderer, TArgs = Ar
      */
     tags?: Tag[];
 }
-declare type StoryAnnotations<TRenderer extends Renderer = Renderer, TArgs = Args, TRequiredArgs = Partial<TArgs>> = BaseAnnotations<TRenderer, TArgs> & {
+type StoryAnnotations<TRenderer extends Renderer = Renderer, TArgs = Args, TRequiredArgs = Partial<TArgs>> = BaseAnnotations<TRenderer, TArgs> & {
     /**
      * Override the display name in the UI (CSF v3)
      */
@@ -305,23 +305,23 @@ declare type StoryAnnotations<TRenderer extends Renderer = Renderer, TArgs = Arg
 } : {
     args: TRequiredArgs;
 });
-declare type LegacyAnnotatedStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = StoryFn<TRenderer, TArgs> & StoryAnnotations<TRenderer, TArgs>;
-declare type LegacyStoryAnnotationsOrFn<TRenderer extends Renderer = Renderer, TArgs = Args> = LegacyAnnotatedStoryFn<TRenderer, TArgs> | StoryAnnotations<TRenderer, TArgs>;
-declare type AnnotatedStoryFn<TRenderer extends Renderer = Renderer, TArgs = Args> = ArgsStoryFn<TRenderer, TArgs> & StoryAnnotations<TRenderer, TArgs>;
-declare type StoryAnnotationsOrFn<TRenderer extends Renderer = Renderer, TArgs = Args> = AnnotatedStoryFn<TRenderer, TArgs> | StoryAnnotations<TRenderer, TArgs>;
-declare type ArgsFromMeta<TRenderer extends Renderer, Meta> = Meta extends {
+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<RemoveIndexSignature<RArgs & DecoratorsArgs<TRenderer, Decorators> & LoaderArgs<TRenderer, Loaders>>> : unknown;
-declare type DecoratorsArgs<TRenderer extends Renderer, Decorators> = UnionToIntersection<Decorators extends DecoratorFunction<TRenderer, infer TArgs> ? TArgs : unknown>;
-declare type LoaderArgs<TRenderer extends Renderer, Loaders> = UnionToIntersection<Loaders extends LoaderFunction<TRenderer, infer TArgs> ? TArgs : 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.
@@ -337,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;

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.8",
+  "version": "0.1.0",
   "description": "Component Story Format (CSF) utilities",
   "keywords": [
     "storybook",
@@ -17,32 +17,33 @@
     "url": "https://github.com/ComponentDriven/csf.git"
   },
   "license": "MIT",
-  "files": [
-    "dist/**/*",
-    "README.md",
-    "*.js",
-    "*.d.ts"
-  ],
   "exports": {
     ".": {
       "import": "./dist/index.mjs",
-      "require": "./dist/index.js"
+      "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"
+  ],
   "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": "NODE_NO_WARNINGS=1 NODE_OPTIONS=--experimental-vm-modules 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": {
-    "extends": [
-      "@storybook/eslint-config-storybook"
-    ],
     "parserOptions": {
       "project": [
         "./tsconfig.json"
@@ -57,6 +58,9 @@
         }
       }
     },
+    "extends": [
+      "@storybook/eslint-config-storybook"
+    ],
     "rules": {
       "import/no-unresolved": "error",
       "jest/expect-expect": [
@@ -70,15 +74,18 @@
       ]
     }
   },
-  "prettier": "@storybook/linter-config/prettier.config",
   "jest": {
-    "preset": "ts-jest/presets/default-esm",
     "extensionsToTreatAsEsm": [
       ".ts"
     ],
     "moduleNameMapper": {
       "^(\\.{1,2}/.*)\\.js$": "$1"
     },
+    "preset": "ts-jest/presets/default-esm",
+    "roots": [
+      "<rootDir>/src"
+    ],
+    "testEnvironment": "node",
     "transform": {
       "^.+\\.tsx?$": [
         "ts-jest",
@@ -86,22 +93,16 @@
           "useESM": true
         }
       ]
-    },
-    "testEnvironment": "node",
-    "roots": [
-      "<rootDir>/src"
-    ]
+    }
   },
   "dependencies": {
-    "expect-type": "^0.14.2",
-    "lodash": "^4.17.15",
     "type-fest": "^2.19.0"
   },
   "devDependencies": {
     "@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/eslint-plugin": "^5.42.1",
     "@typescript-eslint/parser": "^5.42.1",
@@ -111,19 +112,22 @@
     "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.4.0",
     "typescript": "^4.8.4"
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "auto": {
     "plugins": [
       "npm",
       "released"
     ]
-  },
-  "publishConfig": {
-    "access": "public"
   }
 }