@storybook/web-components 10.2.0-beta.0 → 10.2.0-beta.1

package/dist/index.d.ts

@@ -445,6 +445,11 @@ type InferArgs<TArgs, T, Decorators> = Simplify<TArgs & Simplify<RemoveIndexSign
 type InferWebComponentsTypes<T, TArgs, Decorators> = WebComponentsTypes & T & {
     args: Simplify<InferArgs<TArgs, T, Decorators>>;
 };
+/**
+ * Infers args from a web component's HTMLElement type, allowing both camelCase properties and
+ * kebab-case HTML attribute names (e.g., 'aria-label', 'data-testid', 'static-color').
+ */
+type InferArgsFromComponent<C extends keyof HTMLElementTagNameMap> = Partial<HTMLElementTagNameMap[C]> & Record<`${string}-${string}`, unknown>;
 /**
  * Web Components-specific Preview interface that provides type-safe CSF factory methods.
  *
@@ -473,11 +478,11 @@ interface WebComponentsPreview<T extends AddonTypes> extends Preview$1<WebCompon
      * ```
      */
     type<S>(): WebComponentsPreview<T & S>;
-    meta<C extends keyof HTMLElementTagNameMap, Decorators extends DecoratorFunction<WebComponentsTypes & T, any>, TMetaArgs extends Partial<HTMLElementTagNameMap[C] & T['args']>>(meta: {
+    meta<C extends keyof HTMLElementTagNameMap, Decorators extends DecoratorFunction<WebComponentsTypes & T, any>, TMetaArgs extends InferArgsFromComponent<C> & Partial<T['args']>>(meta: {
         component?: C;
         args?: TMetaArgs;
         decorators?: Decorators | Decorators[];
-    } & Omit<ComponentAnnotations<WebComponentsTypes & T, Partial<HTMLElementTagNameMap[C]> & T['args']>, 'decorators' | 'component' | 'args'>): WebComponentsMeta<InferWebComponentsTypes<T, Partial<HTMLElementTagNameMap[C]>, Decorators>, Omit<ComponentAnnotations<InferWebComponentsTypes<T, Partial<HTMLElementTagNameMap[C]>, Decorators>>, 'args'> & {
+    } & Omit<ComponentAnnotations<WebComponentsTypes & T, InferArgsFromComponent<C> & T['args']>, 'decorators' | 'component' | 'args'>): WebComponentsMeta<InferWebComponentsTypes<T, InferArgsFromComponent<C>, Decorators>, Omit<ComponentAnnotations<InferWebComponentsTypes<T, InferArgsFromComponent<C>, Decorators>>, 'args'> & {
         args: {} extends TMetaArgs ? {} : TMetaArgs;
     }>;
     meta<TArgs, Decorators extends DecoratorFunction<WebComponentsTypes & T, any>, TMetaArgs extends Partial<TArgs>>(meta: {
@@ -572,4 +577,4 @@ interface WebComponentsMeta<T extends WebComponentsTypes, MetaInput extends Comp
 interface WebComponentsStory<T extends WebComponentsTypes, TInput extends StoryAnnotations<T, T['args']>> extends Story<T, TInput> {
 }
 
-export { type Decorator, type Loader, type Meta, type Preview, type StoryContext, type StoryFn, type StoryObj, type WebComponentsMeta, type WebComponentsPreview, type WebComponentsRenderer, type WebComponentsStory, __definePreview, getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest, setProjectAnnotations };
+export { type Decorator, type Loader, type Meta, type Preview, type StoryContext, type StoryFn, type StoryObj, type WebComponentsMeta, type WebComponentsPreview, type WebComponentsRenderer, type WebComponentsStory, type WebComponentsTypes, __definePreview, getCustomElements, isValidComponent, isValidMetaData, setCustomElements, setCustomElementsManifest, setProjectAnnotations };

package/dist/preset.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_kr5odxr6n0g from 'node:url';
-import CJS_COMPAT_NODE_PATH_kr5odxr6n0g from 'node:path';
-import CJS_COMPAT_NODE_MODULE_kr5odxr6n0g from "node:module";
+import CJS_COMPAT_NODE_URL_8adp698x5jb from 'node:url';
+import CJS_COMPAT_NODE_PATH_8adp698x5jb from 'node:path';
+import CJS_COMPAT_NODE_MODULE_8adp698x5jb from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_kr5odxr6n0g.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_kr5odxr6n0g.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_kr5odxr6n0g.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_8adp698x5jb.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_8adp698x5jb.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_8adp698x5jb.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Storybook's esbuild configuration

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/web-components",
-  "version": "10.2.0-beta.0",
+  "version": "10.2.0-beta.1",
   "description": "Storybook Web Components renderer: Develop, document, and test UI components in isolation",
   "keywords": [
     "storybook",
@@ -62,7 +62,7 @@
   },
   "peerDependencies": {
     "lit": "^2.0.0 || ^3.0.0",
-    "storybook": "^10.2.0-beta.0"
+    "storybook": "^10.2.0-beta.1"
   },
   "publishConfig": {
     "access": "public"