@m3e/react 2.0.0 → 2.0.1

package/dist/icon-button.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eIconButtonElement } from '@m3e/web/icon-button';
 
 /**
- * React binding for the `m3e-icon-button` Web Component from `@m3e/icon-button`.
+ * Creates an SSR-safe React component for a custom element. Properties are distinguished
+ * from attributes automatically, and events can be configured so they are added
+ * to the custom element as event listeners.
+ *
+ * @param options An options bag containing the parameters needed to generate a
+ * wrapped web component.
+ *
+ * @param options.react The React module, typically imported from the `react`
+ * npm package.
+ * @param options.tagName The custom element tag name registered via
+ * `customElements.define`.
+ * @param options.elementClass The custom element class registered via
+ * `customElements.define`.
+ * @param options.events An object listing events to which the component can
+ * listen. The object keys are the event property names passed in via React
+ * props and the object values are the names of the corresponding events
+ * generated by the custom element. For example, given `{onactivate:
+ * 'activate'}` an event function may be passed via the component's `onactivate`
+ * prop and will be called when the custom element fires its `activate` event.
+ * @param options.displayName A React component display name, used in debugging
+ * messages. Default value is inferred from the name of custom element class
+ * registered via `customElements.define`.
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+function createComponent({ react, tagName, elementClass, events, displayName, }) {
+    return typeof window !== "undefined"
+        ? createComponent$1({ react, tagName, elementClass, events, displayName })
+        : null;
+}
+
+/**
+ * React binding for the `m3e-icon-button` Web Component from `@m3e/web/icon-button`.
  *
  * This component renders the underlying `<m3e-icon-button>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sources":["../../src/icon-button/IconButton.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eIconButtonElement } from \"@m3e/web/icon-button\";\r\nexport type {\r\n  IconButtonShape,\r\n  IconButtonSize,\r\n  IconButtonVariant,\r\n  IconButtonWidth,\r\n  M3eIconButtonElement,\r\n} from \"@m3e/web/icon-button\";\r\n\r\n/**\r\n * React binding for the `m3e-icon-button` Web Component from `@m3e/icon-button`.\r\n *\r\n * This component renders the underlying `<m3e-icon-button>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-icon-button>` instance for imperative access.\r\n *\r\n * See the `m3e-icon-button` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIconButton = createComponent({\r\n  tagName: \"m3e-icon-button\",\r\n  elementClass: M3eIconButtonElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAYA;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"icon-button.js","sources":["../../src/utils/createComponent.ts","../../src/icon-button/IconButton.ts"],"sourcesContent":["import { createComponent as createReactComponent, EventName, Options, ReactWebComponent } from \"@lit/react\";\r\n\r\ntype EventNames = Record<string, EventName | string>;\r\n\r\n/**\r\n * Creates an SSR-safe React component for a custom element. Properties are distinguished\r\n * from attributes automatically, and events can be configured so they are added\r\n * to the custom element as event listeners.\r\n *\r\n * @param options An options bag containing the parameters needed to generate a\r\n * wrapped web component.\r\n *\r\n * @param options.react The React module, typically imported from the `react`\r\n * npm package.\r\n * @param options.tagName The custom element tag name registered via\r\n * `customElements.define`.\r\n * @param options.elementClass The custom element class registered via\r\n * `customElements.define`.\r\n * @param options.events An object listing events to which the component can\r\n * listen. The object keys are the event property names passed in via React\r\n * props and the object values are the names of the corresponding events\r\n * generated by the custom element. For example, given `{onactivate:\r\n * 'activate'}` an event function may be passed via the component's `onactivate`\r\n * prop and will be called when the custom element fires its `activate` event.\r\n * @param options.displayName A React component display name, used in debugging\r\n * messages. Default value is inferred from the name of custom element class\r\n * registered via `customElements.define`.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>({\r\n  react,\r\n  tagName,\r\n  elementClass,\r\n  events,\r\n  displayName,\r\n}: Options<I, E>): ReactWebComponent<I, E> {\r\n  return typeof window !== \"undefined\"\r\n    ? createReactComponent<I, E>({ react, tagName, elementClass, events, displayName })\r\n    : <ReactWebComponent<I, E>>(<unknown>null);\r\n}\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eIconButtonElement } from \"@m3e/web/icon-button\";\r\nexport type {\r\n  IconButtonShape,\r\n  IconButtonSize,\r\n  IconButtonVariant,\r\n  IconButtonWidth,\r\n  M3eIconButtonElement,\r\n} from \"@m3e/web/icon-button\";\r\n\r\n/**\r\n * React binding for the `m3e-icon-button` Web Component from `@m3e/web/icon-button`.\r\n *\r\n * This component renders the underlying `<m3e-icon-button>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-icon-button>` instance for imperative access.\r\n *\r\n * See the `m3e-icon-button` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIconButton = createComponent({\r\n  tagName: \"m3e-icon-button\",\r\n  elementClass: M3eIconButtonElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":["createReactComponent"],"mappings":";;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH;AACM,SAAU,eAAe,CAAmD,EAChF,KAAK,EACL,OAAO,EACP,YAAY,EACZ,MAAM,EACN,WAAW,GACG,EAAA;IACd,OAAO,OAAO,MAAM,KAAK;AACvB,UAAEA,iBAAoB,CAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE;UAC7C,IAAK;AAC9C;;AC3BA;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;;;"}

package/dist/icon-button.min.js

@@ -3,5 +3,5 @@
  * @license MIT
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
- */import t from"react";import{createComponent as e}from"@lit/react";import{M3eIconButtonElement as n}from"@m3e/web/icon-button";const o=e({tagName:"m3e-icon-button",elementClass:n,react:t,events:{onInput:"input",onChange:"change",onClick:"click"}});export{o as M3eIconButton};
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eIconButtonElement as n}from"@m3e/web/icon-button";const a=function({react:e,tagName:n,elementClass:a,events:o,displayName:m}){return"undefined"!=typeof window?t({react:e,tagName:n,elementClass:a,events:o,displayName:m}):null}({tagName:"m3e-icon-button",elementClass:n,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}});export{a as M3eIconButton};
 //# sourceMappingURL=icon-button.min.js.map

package/dist/icon-button.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.min.js","sources":["../../src/icon-button/IconButton.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eIconButtonElement } from \"@m3e/web/icon-button\";\r\nexport type {\r\n  IconButtonShape,\r\n  IconButtonSize,\r\n  IconButtonVariant,\r\n  IconButtonWidth,\r\n  M3eIconButtonElement,\r\n} from \"@m3e/web/icon-button\";\r\n\r\n/**\r\n * React binding for the `m3e-icon-button` Web Component from `@m3e/icon-button`.\r\n *\r\n * This component renders the underlying `<m3e-icon-button>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-icon-button>` instance for imperative access.\r\n *\r\n * See the `m3e-icon-button` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIconButton = createComponent({\r\n  tagName: \"m3e-icon-button\",\r\n  elementClass: M3eIconButtonElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n"],"names":["M3eIconButton","createComponent","tagName","elementClass","M3eIconButtonElement","react","React","events","onInput","onChange","onClick"],"mappings":";;;;;iIAyBO,MAAMA,EAAgBC,EAAgB,CAC3CC,QAAS,kBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTC,SAAU,SACVC,QAAS"}
+{"version":3,"file":"icon-button.min.js","sources":["../../src/icon-button/IconButton.ts","../../src/utils/createComponent.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eIconButtonElement } from \"@m3e/web/icon-button\";\r\nexport type {\r\n  IconButtonShape,\r\n  IconButtonSize,\r\n  IconButtonVariant,\r\n  IconButtonWidth,\r\n  M3eIconButtonElement,\r\n} from \"@m3e/web/icon-button\";\r\n\r\n/**\r\n * React binding for the `m3e-icon-button` Web Component from `@m3e/web/icon-button`.\r\n *\r\n * This component renders the underlying `<m3e-icon-button>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-icon-button>` instance for imperative access.\r\n *\r\n * See the `m3e-icon-button` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIconButton = createComponent({\r\n  tagName: \"m3e-icon-button\",\r\n  elementClass: M3eIconButtonElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import { createComponent as createReactComponent, EventName, Options, ReactWebComponent } from \"@lit/react\";\r\n\r\ntype EventNames = Record<string, EventName | string>;\r\n\r\n/**\r\n * Creates an SSR-safe React component for a custom element. Properties are distinguished\r\n * from attributes automatically, and events can be configured so they are added\r\n * to the custom element as event listeners.\r\n *\r\n * @param options An options bag containing the parameters needed to generate a\r\n * wrapped web component.\r\n *\r\n * @param options.react The React module, typically imported from the `react`\r\n * npm package.\r\n * @param options.tagName The custom element tag name registered via\r\n * `customElements.define`.\r\n * @param options.elementClass The custom element class registered via\r\n * `customElements.define`.\r\n * @param options.events An object listing events to which the component can\r\n * listen. The object keys are the event property names passed in via React\r\n * props and the object values are the names of the corresponding events\r\n * generated by the custom element. For example, given `{onactivate:\r\n * 'activate'}` an event function may be passed via the component's `onactivate`\r\n * prop and will be called when the custom element fires its `activate` event.\r\n * @param options.displayName A React component display name, used in debugging\r\n * messages. Default value is inferred from the name of custom element class\r\n * registered via `customElements.define`.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>({\r\n  react,\r\n  tagName,\r\n  elementClass,\r\n  events,\r\n  displayName,\r\n}: Options<I, E>): ReactWebComponent<I, E> {\r\n  return typeof window !== \"undefined\"\r\n    ? createReactComponent<I, E>({ react, tagName, elementClass, events, displayName })\r\n    : <ReactWebComponent<I, E>>(<unknown>null);\r\n}\r\n"],"names":["M3eIconButton","react","tagName","elementClass","events","displayName","window","createReactComponent","createComponent","M3eIconButtonElement","React","onInput","onChange","onClick"],"mappings":";;;;;iIAyBO,MAAMA,ECIP,UAA4EC,MAChFA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,OACZA,EAAMC,YACNA,IAEA,MAAyB,oBAAXC,OACVC,EAA2B,CAAEN,QAAOC,UAASC,eAAcC,SAAQC,gBAChC,IACzC,CDd6BG,CAAgB,CAC3CN,QAAS,kBACTC,aAAcM,EACdR,MAAOS,EACPN,OAAQ,CACNO,QAAS,QACTC,SAAU,SACVC,QAAS"}

package/dist/icon.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eIconElement } from '@m3e/web/icon';
 
 /**
- * React binding for the `m3e-icon` Web Component from `@m3e/icon`.
+ * Creates an SSR-safe React component for a custom element. Properties are distinguished
+ * from attributes automatically, and events can be configured so they are added
+ * to the custom element as event listeners.
+ *
+ * @param options An options bag containing the parameters needed to generate a
+ * wrapped web component.
+ *
+ * @param options.react The React module, typically imported from the `react`
+ * npm package.
+ * @param options.tagName The custom element tag name registered via
+ * `customElements.define`.
+ * @param options.elementClass The custom element class registered via
+ * `customElements.define`.
+ * @param options.events An object listing events to which the component can
+ * listen. The object keys are the event property names passed in via React
+ * props and the object values are the names of the corresponding events
+ * generated by the custom element. For example, given `{onactivate:
+ * 'activate'}` an event function may be passed via the component's `onactivate`
+ * prop and will be called when the custom element fires its `activate` event.
+ * @param options.displayName A React component display name, used in debugging
+ * messages. Default value is inferred from the name of custom element class
+ * registered via `customElements.define`.
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+function createComponent({ react, tagName, elementClass, events, displayName, }) {
+    return typeof window !== "undefined"
+        ? createComponent$1({ react, tagName, elementClass, events, displayName })
+        : null;
+}
+
+/**
+ * React binding for the `m3e-icon` Web Component from `@m3e/web/icon`.
  *
  * This component renders the underlying `<m3e-icon>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../src/icon/Icon.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eIconElement } from \"@m3e/web/icon\";\r\nexport type { IconGrade, IconVariant, M3eIconElement } from \"@m3e/web/icon\";\r\n\r\n/**\r\n * React binding for the `m3e-icon` Web Component from `@m3e/icon`.\r\n *\r\n * This component renders the underlying `<m3e-icon>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-icon>` instance for imperative access.\r\n *\r\n * See the `m3e-icon` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIcon = createComponent({\r\n  tagName: \"m3e-icon\",\r\n  elementClass: M3eIconElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAG,eAAe,CAAC;AACrC,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"icon.js","sources":["../../src/utils/createComponent.ts","../../src/icon/Icon.ts"],"sourcesContent":["import { createComponent as createReactComponent, EventName, Options, ReactWebComponent } from \"@lit/react\";\r\n\r\ntype EventNames = Record<string, EventName | string>;\r\n\r\n/**\r\n * Creates an SSR-safe React component for a custom element. Properties are distinguished\r\n * from attributes automatically, and events can be configured so they are added\r\n * to the custom element as event listeners.\r\n *\r\n * @param options An options bag containing the parameters needed to generate a\r\n * wrapped web component.\r\n *\r\n * @param options.react The React module, typically imported from the `react`\r\n * npm package.\r\n * @param options.tagName The custom element tag name registered via\r\n * `customElements.define`.\r\n * @param options.elementClass The custom element class registered via\r\n * `customElements.define`.\r\n * @param options.events An object listing events to which the component can\r\n * listen. The object keys are the event property names passed in via React\r\n * props and the object values are the names of the corresponding events\r\n * generated by the custom element. For example, given `{onactivate:\r\n * 'activate'}` an event function may be passed via the component's `onactivate`\r\n * prop and will be called when the custom element fires its `activate` event.\r\n * @param options.displayName A React component display name, used in debugging\r\n * messages. Default value is inferred from the name of custom element class\r\n * registered via `customElements.define`.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>({\r\n  react,\r\n  tagName,\r\n  elementClass,\r\n  events,\r\n  displayName,\r\n}: Options<I, E>): ReactWebComponent<I, E> {\r\n  return typeof window !== \"undefined\"\r\n    ? createReactComponent<I, E>({ react, tagName, elementClass, events, displayName })\r\n    : <ReactWebComponent<I, E>>(<unknown>null);\r\n}\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eIconElement } from \"@m3e/web/icon\";\r\nexport type { IconGrade, IconVariant, M3eIconElement } from \"@m3e/web/icon\";\r\n\r\n/**\r\n * React binding for the `m3e-icon` Web Component from `@m3e/web/icon`.\r\n *\r\n * This component renders the underlying `<m3e-icon>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-icon>` instance for imperative access.\r\n *\r\n * See the `m3e-icon` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIcon = createComponent({\r\n  tagName: \"m3e-icon\",\r\n  elementClass: M3eIconElement,\r\n  react: React,\r\n});\r\n"],"names":["createReactComponent"],"mappings":";;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH;AACM,SAAU,eAAe,CAAmD,EAChF,KAAK,EACL,OAAO,EACP,YAAY,EACZ,MAAM,EACN,WAAW,GACG,EAAA;IACd,OAAO,OAAO,MAAM,KAAK;AACvB,UAAEA,iBAAoB,CAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE;UAC7C,IAAK;AAC9C;;ACjCA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAG,eAAe,CAAC;AACrC,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

package/dist/icon.min.js

@@ -3,5 +3,5 @@
  * @license MIT
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
- */import e from"react";import{createComponent as t}from"@lit/react";import{M3eIconElement as m}from"@m3e/web/icon";const o=t({tagName:"m3e-icon",elementClass:m,react:e});export{o as M3eIcon};
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eIconElement as a}from"@m3e/web/icon";const n=function({react:e,tagName:a,elementClass:n,events:m,displayName:o}){return"undefined"!=typeof window?t({react:e,tagName:a,elementClass:n,events:m,displayName:o}):null}({tagName:"m3e-icon",elementClass:a,react:e});export{n as M3eIcon};
 //# sourceMappingURL=icon.min.js.map

package/dist/icon.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.min.js","sources":["../../src/icon/Icon.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eIconElement } from \"@m3e/web/icon\";\r\nexport type { IconGrade, IconVariant, M3eIconElement } from \"@m3e/web/icon\";\r\n\r\n/**\r\n * React binding for the `m3e-icon` Web Component from `@m3e/icon`.\r\n *\r\n * This component renders the underlying `<m3e-icon>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-icon>` instance for imperative access.\r\n *\r\n * See the `m3e-icon` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIcon = createComponent({\r\n  tagName: \"m3e-icon\",\r\n  elementClass: M3eIconElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eIcon","createComponent","tagName","elementClass","M3eIconElement","react","React"],"mappings":";;;;;oHAmBO,MAAMA,EAAUC,EAAgB,CACrCC,QAAS,WACTC,aAAcC,EACdC,MAAOC"}
+{"version":3,"file":"icon.min.js","sources":["../../src/icon/Icon.ts","../../src/utils/createComponent.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eIconElement } from \"@m3e/web/icon\";\r\nexport type { IconGrade, IconVariant, M3eIconElement } from \"@m3e/web/icon\";\r\n\r\n/**\r\n * React binding for the `m3e-icon` Web Component from `@m3e/web/icon`.\r\n *\r\n * This component renders the underlying `<m3e-icon>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-icon>` instance for imperative access.\r\n *\r\n * See the `m3e-icon` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eIcon = createComponent({\r\n  tagName: \"m3e-icon\",\r\n  elementClass: M3eIconElement,\r\n  react: React,\r\n});\r\n","import { createComponent as createReactComponent, EventName, Options, ReactWebComponent } from \"@lit/react\";\r\n\r\ntype EventNames = Record<string, EventName | string>;\r\n\r\n/**\r\n * Creates an SSR-safe React component for a custom element. Properties are distinguished\r\n * from attributes automatically, and events can be configured so they are added\r\n * to the custom element as event listeners.\r\n *\r\n * @param options An options bag containing the parameters needed to generate a\r\n * wrapped web component.\r\n *\r\n * @param options.react The React module, typically imported from the `react`\r\n * npm package.\r\n * @param options.tagName The custom element tag name registered via\r\n * `customElements.define`.\r\n * @param options.elementClass The custom element class registered via\r\n * `customElements.define`.\r\n * @param options.events An object listing events to which the component can\r\n * listen. The object keys are the event property names passed in via React\r\n * props and the object values are the names of the corresponding events\r\n * generated by the custom element. For example, given `{onactivate:\r\n * 'activate'}` an event function may be passed via the component's `onactivate`\r\n * prop and will be called when the custom element fires its `activate` event.\r\n * @param options.displayName A React component display name, used in debugging\r\n * messages. Default value is inferred from the name of custom element class\r\n * registered via `customElements.define`.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>({\r\n  react,\r\n  tagName,\r\n  elementClass,\r\n  events,\r\n  displayName,\r\n}: Options<I, E>): ReactWebComponent<I, E> {\r\n  return typeof window !== \"undefined\"\r\n    ? createReactComponent<I, E>({ react, tagName, elementClass, events, displayName })\r\n    : <ReactWebComponent<I, E>>(<unknown>null);\r\n}\r\n"],"names":["M3eIcon","react","tagName","elementClass","events","displayName","window","createReactComponent","createComponent","M3eIconElement","React"],"mappings":";;;;;oHAmBO,MAAMA,ECUP,UAA4EC,MAChFA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,OACZA,EAAMC,YACNA,IAEA,MAAyB,oBAAXC,OACVC,EAA2B,CAAEN,QAAOC,UAASC,eAAcC,SAAQC,gBAChC,IACzC,CDpBuBG,CAAgB,CACrCN,QAAS,WACTC,aAAcM,EACdR,MAAOS"}

package/dist/list.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eActionListElement, M3eExpandableListItemElement, M3eListElement, M3eListActionElement, M3eListItemElement, M3eListOptionElement, M3eSelectionListElement } from '@m3e/web/list';
 
 /**
- * React binding for the `m3e-action-list` Web Component from `@m3e/list`.
+ * Creates an SSR-safe React component for a custom element. Properties are distinguished
+ * from attributes automatically, and events can be configured so they are added
+ * to the custom element as event listeners.
+ *
+ * @param options An options bag containing the parameters needed to generate a
+ * wrapped web component.
+ *
+ * @param options.react The React module, typically imported from the `react`
+ * npm package.
+ * @param options.tagName The custom element tag name registered via
+ * `customElements.define`.
+ * @param options.elementClass The custom element class registered via
+ * `customElements.define`.
+ * @param options.events An object listing events to which the component can
+ * listen. The object keys are the event property names passed in via React
+ * props and the object values are the names of the corresponding events
+ * generated by the custom element. For example, given `{onactivate:
+ * 'activate'}` an event function may be passed via the component's `onactivate`
+ * prop and will be called when the custom element fires its `activate` event.
+ * @param options.displayName A React component display name, used in debugging
+ * messages. Default value is inferred from the name of custom element class
+ * registered via `customElements.define`.
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+function createComponent({ react, tagName, elementClass, events, displayName, }) {
+    return typeof window !== "undefined"
+        ? createComponent$1({ react, tagName, elementClass, events, displayName })
+        : null;
+}
+
+/**
+ * React binding for the `m3e-action-list` Web Component from `@m3e/web/list`.
  *
  * This component renders the underlying `<m3e-action-list>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -29,7 +60,7 @@ const M3eActionList = createComponent({
 });
 
 /**
- * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/list`.
+ * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/web/list`.
  *
  * This component renders the underlying `<m3e-expandable-list-item>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -54,7 +85,7 @@ const M3eExpandableListItem = createComponent({
 });
 
 /**
- * React binding for the `m3e-list` Web Component from `@m3e/list`.
+ * React binding for the `m3e-list` Web Component from `@m3e/web/list`.
  *
  * This component renders the underlying `<m3e-list>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -73,7 +104,7 @@ const M3eList = createComponent({
 });
 
 /**
- * React binding for the `m3e-list-action` Web Component from `@m3e/list`.
+ * React binding for the `m3e-list-action` Web Component from `@m3e/web/list`.
  *
  * This component renders the underlying `<m3e-list-action>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -95,7 +126,7 @@ const M3eListAction = createComponent({
 });
 
 /**
- * React binding for the `m3e-list-item` Web Component from `@m3e/list`.
+ * React binding for the `m3e-list-item` Web Component from `@m3e/web/list`.
  *
  * This component renders the underlying `<m3e-list-item>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -114,7 +145,7 @@ const M3eListItem = createComponent({
 });
 
 /**
- * React binding for the `m3e-list-option` Web Component from `@m3e/list`.
+ * React binding for the `m3e-list-option` Web Component from `@m3e/web/list`.
  *
  * This component renders the underlying `<m3e-list-option>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -138,7 +169,7 @@ const M3eListOption = createComponent({
 });
 
 /**
- * React binding for the `m3e-selection-list` Web Component from `@m3e/list`.
+ * React binding for the `m3e-selection-list` Web Component from `@m3e/web/list`.
  *
  * This component renders the underlying `<m3e-selection-list>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../src/list/ActionList.ts","../../src/list/ExpandableListItem.ts","../../src/list/List.ts","../../src/list/ListAction.ts","../../src/list/ListItem.ts","../../src/list/ListOption.ts","../../src/list/SelectionList.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eActionListElement } from \"@m3e/web/list\";\r\nexport type { M3eActionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-action-list` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-action-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-action-list>` instance for imperative access.\r\n *\r\n * See the `m3e-action-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eActionList = createComponent({\r\n  tagName: \"m3e-action-list\",\r\n  elementClass: M3eActionListElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-expandable-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-expandable-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-expandable-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eExpandableListItem = createComponent({\r\n  tagName: \"m3e-expandable-list-item\",\r\n  elementClass: M3eExpandableListItemElement,\r\n  react: React,\r\n  events: {\r\n    onOpening: \"opening\",\r\n    onOpened: \"opened\",\r\n    onClosing: \"closing\",\r\n    onClosed: \"closed\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListElement } from \"@m3e/web/list\";\r\nexport type { ListVariant, M3eListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list>` instance for imperative access.\r\n *\r\n * See the `m3e-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eList = createComponent({\r\n  tagName: \"m3e-list\",\r\n  elementClass: M3eListElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListActionElement } from \"@m3e/web/list\";\r\nexport type { M3eListActionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-action` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-action>` instance for imperative access.\r\n *\r\n * See the `m3e-list-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListAction = createComponent({\r\n  tagName: \"m3e-list-action\",\r\n  elementClass: M3eListActionElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-item` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListItem = createComponent({\r\n  tagName: \"m3e-list-item\",\r\n  elementClass: M3eListItemElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListOptionElement } from \"@m3e/web/list\";\r\nexport type { M3eListOptionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-option` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-option>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-option>` instance for imperative access.\r\n *\r\n * See the `m3e-list-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListOption = createComponent({\r\n  tagName: \"m3e-list-option\",\r\n  elementClass: M3eListOptionElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSelectionListElement } from \"@m3e/web/list\";\r\nexport type { M3eSelectionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-selection-list` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-selection-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-selection-list>` instance for imperative access.\r\n *\r\n * See the `m3e-selection-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSelectionList = createComponent({\r\n  tagName: \"m3e-selection-list\",\r\n  elementClass: M3eSelectionListElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,qBAAqB,GAAG,eAAe,CAAC;AACnD,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,YAAY,EAAE,4BAA4B;AAC1C,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAG,eAAe,CAAC;AACrC,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,WAAW,GAAG,eAAe,CAAC;AACzC,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"list.js","sources":["../../src/utils/createComponent.ts","../../src/list/ActionList.ts","../../src/list/ExpandableListItem.ts","../../src/list/List.ts","../../src/list/ListAction.ts","../../src/list/ListItem.ts","../../src/list/ListOption.ts","../../src/list/SelectionList.ts"],"sourcesContent":["import { createComponent as createReactComponent, EventName, Options, ReactWebComponent } from \"@lit/react\";\r\n\r\ntype EventNames = Record<string, EventName | string>;\r\n\r\n/**\r\n * Creates an SSR-safe React component for a custom element. Properties are distinguished\r\n * from attributes automatically, and events can be configured so they are added\r\n * to the custom element as event listeners.\r\n *\r\n * @param options An options bag containing the parameters needed to generate a\r\n * wrapped web component.\r\n *\r\n * @param options.react The React module, typically imported from the `react`\r\n * npm package.\r\n * @param options.tagName The custom element tag name registered via\r\n * `customElements.define`.\r\n * @param options.elementClass The custom element class registered via\r\n * `customElements.define`.\r\n * @param options.events An object listing events to which the component can\r\n * listen. The object keys are the event property names passed in via React\r\n * props and the object values are the names of the corresponding events\r\n * generated by the custom element. For example, given `{onactivate:\r\n * 'activate'}` an event function may be passed via the component's `onactivate`\r\n * prop and will be called when the custom element fires its `activate` event.\r\n * @param options.displayName A React component display name, used in debugging\r\n * messages. Default value is inferred from the name of custom element class\r\n * registered via `customElements.define`.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>({\r\n  react,\r\n  tagName,\r\n  elementClass,\r\n  events,\r\n  displayName,\r\n}: Options<I, E>): ReactWebComponent<I, E> {\r\n  return typeof window !== \"undefined\"\r\n    ? createReactComponent<I, E>({ react, tagName, elementClass, events, displayName })\r\n    : <ReactWebComponent<I, E>>(<unknown>null);\r\n}\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eActionListElement } from \"@m3e/web/list\";\r\nexport type { M3eActionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-action-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-action-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-action-list>` instance for imperative access.\r\n *\r\n * See the `m3e-action-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eActionList = createComponent({\r\n  tagName: \"m3e-action-list\",\r\n  elementClass: M3eActionListElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-expandable-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-expandable-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-expandable-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eExpandableListItem = createComponent({\r\n  tagName: \"m3e-expandable-list-item\",\r\n  elementClass: M3eExpandableListItemElement,\r\n  react: React,\r\n  events: {\r\n    onOpening: \"opening\",\r\n    onOpened: \"opened\",\r\n    onClosing: \"closing\",\r\n    onClosed: \"closed\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eListElement } from \"@m3e/web/list\";\r\nexport type { ListVariant, M3eListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list>` instance for imperative access.\r\n *\r\n * See the `m3e-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eList = createComponent({\r\n  tagName: \"m3e-list\",\r\n  elementClass: M3eListElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eListActionElement } from \"@m3e/web/list\";\r\nexport type { M3eListActionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-action` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-action>` instance for imperative access.\r\n *\r\n * See the `m3e-list-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListAction = createComponent({\r\n  tagName: \"m3e-list-action\",\r\n  elementClass: M3eListActionElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-item` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListItem = createComponent({\r\n  tagName: \"m3e-list-item\",\r\n  elementClass: M3eListItemElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eListOptionElement } from \"@m3e/web/list\";\r\nexport type { M3eListOptionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-option` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-option>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-option>` instance for imperative access.\r\n *\r\n * See the `m3e-list-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListOption = createComponent({\r\n  tagName: \"m3e-list-option\",\r\n  elementClass: M3eListOptionElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eSelectionListElement } from \"@m3e/web/list\";\r\nexport type { M3eSelectionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-selection-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-selection-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-selection-list>` instance for imperative access.\r\n *\r\n * See the `m3e-selection-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSelectionList = createComponent({\r\n  tagName: \"m3e-selection-list\",\r\n  elementClass: M3eSelectionListElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["createReactComponent"],"mappings":";;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH;AACM,SAAU,eAAe,CAAmD,EAChF,KAAK,EACL,OAAO,EACP,YAAY,EACZ,MAAM,EACN,WAAW,GACG,EAAA;IACd,OAAO,OAAO,MAAM,KAAK;AACvB,UAAEA,iBAAoB,CAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE;UAC7C,IAAK;AAC9C;;ACjCA;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,qBAAqB,GAAG,eAAe,CAAC;AACnD,IAAA,OAAO,EAAE,0BAA0B;AACnC,IAAA,YAAY,EAAE,4BAA4B;AAC1C,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,SAAS,EAAE,SAAS;AACpB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACvBD;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAG,eAAe,CAAC;AACrC,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,WAAW,GAAG,eAAe,CAAC;AACzC,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAG,eAAe,CAAC;AAC3C,IAAA,OAAO,EAAE,iBAAiB;AAC1B,IAAA,YAAY,EAAE,oBAAoB;AAClC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;;;"}

package/dist/list.min.js

@@ -3,5 +3,5 @@
  * @license MIT
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
- */import e from"react";import{createComponent as t}from"@lit/react";import{M3eActionListElement as n,M3eExpandableListItemElement as a,M3eListElement as l,M3eListActionElement as s,M3eListItemElement as m,M3eListOptionElement as i,M3eSelectionListElement as o}from"@m3e/web/list";const c=t({tagName:"m3e-action-list",elementClass:n,react:e}),r=t({tagName:"m3e-expandable-list-item",elementClass:a,react:e,events:{onOpening:"opening",onOpened:"opened",onClosing:"closing",onClosed:"closed"}}),g=t({tagName:"m3e-list",elementClass:l,react:e}),p=t({tagName:"m3e-list-action",elementClass:s,react:e,events:{onClick:"click"}}),C=t({tagName:"m3e-list-item",elementClass:m,react:e}),N=t({tagName:"m3e-list-option",elementClass:i,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),d=t({tagName:"m3e-selection-list",elementClass:o,react:e,events:{onInput:"input",onChange:"change"}});export{c as M3eActionList,r as M3eExpandableListItem,g as M3eList,p as M3eListAction,C as M3eListItem,N as M3eListOption,d as M3eSelectionList};
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eActionListElement as n,M3eExpandableListItemElement as a,M3eListElement as l,M3eListActionElement as s,M3eListItemElement as m,M3eListOptionElement as i,M3eSelectionListElement as o}from"@m3e/web/list";function c({react:e,tagName:n,elementClass:a,events:l,displayName:s}){return"undefined"!=typeof window?t({react:e,tagName:n,elementClass:a,events:l,displayName:s}):null}const r=c({tagName:"m3e-action-list",elementClass:n,react:e}),p=c({tagName:"m3e-expandable-list-item",elementClass:a,react:e,events:{onOpening:"opening",onOpened:"opened",onClosing:"closing",onClosed:"closed"}}),g=c({tagName:"m3e-list",elementClass:l,react:e}),C=c({tagName:"m3e-list-action",elementClass:s,react:e,events:{onClick:"click"}}),N=c({tagName:"m3e-list-item",elementClass:m,react:e}),d=c({tagName:"m3e-list-option",elementClass:i,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),u=c({tagName:"m3e-selection-list",elementClass:o,react:e,events:{onInput:"input",onChange:"change"}});export{r as M3eActionList,p as M3eExpandableListItem,g as M3eList,C as M3eListAction,N as M3eListItem,d as M3eListOption,u as M3eSelectionList};
 //# sourceMappingURL=list.min.js.map

package/dist/list.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.min.js","sources":["../../src/list/ActionList.ts","../../src/list/ExpandableListItem.ts","../../src/list/List.ts","../../src/list/ListAction.ts","../../src/list/ListItem.ts","../../src/list/ListOption.ts","../../src/list/SelectionList.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eActionListElement } from \"@m3e/web/list\";\r\nexport type { M3eActionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-action-list` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-action-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-action-list>` instance for imperative access.\r\n *\r\n * See the `m3e-action-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eActionList = createComponent({\r\n  tagName: \"m3e-action-list\",\r\n  elementClass: M3eActionListElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-expandable-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-expandable-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-expandable-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eExpandableListItem = createComponent({\r\n  tagName: \"m3e-expandable-list-item\",\r\n  elementClass: M3eExpandableListItemElement,\r\n  react: React,\r\n  events: {\r\n    onOpening: \"opening\",\r\n    onOpened: \"opened\",\r\n    onClosing: \"closing\",\r\n    onClosed: \"closed\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListElement } from \"@m3e/web/list\";\r\nexport type { ListVariant, M3eListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list>` instance for imperative access.\r\n *\r\n * See the `m3e-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eList = createComponent({\r\n  tagName: \"m3e-list\",\r\n  elementClass: M3eListElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListActionElement } from \"@m3e/web/list\";\r\nexport type { M3eListActionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-action` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-action>` instance for imperative access.\r\n *\r\n * See the `m3e-list-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListAction = createComponent({\r\n  tagName: \"m3e-list-action\",\r\n  elementClass: M3eListActionElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-item` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListItem = createComponent({\r\n  tagName: \"m3e-list-item\",\r\n  elementClass: M3eListItemElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eListOptionElement } from \"@m3e/web/list\";\r\nexport type { M3eListOptionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-option` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-option>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-option>` instance for imperative access.\r\n *\r\n * See the `m3e-list-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListOption = createComponent({\r\n  tagName: \"m3e-list-option\",\r\n  elementClass: M3eListOptionElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eSelectionListElement } from \"@m3e/web/list\";\r\nexport type { M3eSelectionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-selection-list` Web Component from `@m3e/list`.\r\n *\r\n * This component renders the underlying `<m3e-selection-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-selection-list>` instance for imperative access.\r\n *\r\n * See the `m3e-selection-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSelectionList = createComponent({\r\n  tagName: \"m3e-selection-list\",\r\n  elementClass: M3eSelectionListElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["M3eActionList","createComponent","tagName","elementClass","M3eActionListElement","react","React","M3eExpandableListItem","M3eExpandableListItemElement","events","onOpening","onOpened","onClosing","onClosed","M3eList","M3eListElement","M3eListAction","M3eListActionElement","onClick","M3eListItem","M3eListItemElement","M3eListOption","M3eListOptionElement","onInput","onChange","M3eSelectionList","M3eSelectionListElement"],"mappings":";;;;;yRAmBO,MAAMA,EAAgBC,EAAgB,CAC3CC,QAAS,kBACTC,aAAcC,EACdC,MAAOC,ICHIC,EAAwBN,EAAgB,CACnDC,QAAS,2BACTC,aAAcK,EACdH,MAAOC,EACPG,OAAQ,CACNC,UAAW,UACXC,SAAU,SACVC,UAAW,UACXC,SAAU,YCRDC,EAAUb,EAAgB,CACrCC,QAAS,WACTC,aAAcY,EACdV,MAAOC,ICHIU,EAAgBf,EAAgB,CAC3CC,QAAS,kBACTC,aAAcc,EACdZ,MAAOC,EACPG,OAAQ,CACNS,QAAS,WCLAC,EAAclB,EAAgB,CACzCC,QAAS,gBACTC,aAAciB,EACdf,MAAOC,ICHIe,EAAgBpB,EAAgB,CAC3CC,QAAS,kBACTC,aAAcmB,EACdjB,MAAOC,EACPG,OAAQ,CACNc,QAAS,QACTC,SAAU,SACVN,QAAS,WCPAO,EAAmBxB,EAAgB,CAC9CC,QAAS,qBACTC,aAAcuB,EACdrB,MAAOC,EACPG,OAAQ,CACNc,QAAS,QACTC,SAAU"}
+{"version":3,"file":"list.min.js","sources":["../../src/utils/createComponent.ts","../../src/list/ActionList.ts","../../src/list/ExpandableListItem.ts","../../src/list/List.ts","../../src/list/ListAction.ts","../../src/list/ListItem.ts","../../src/list/ListOption.ts","../../src/list/SelectionList.ts"],"sourcesContent":["import { createComponent as createReactComponent, EventName, Options, ReactWebComponent } from \"@lit/react\";\r\n\r\ntype EventNames = Record<string, EventName | string>;\r\n\r\n/**\r\n * Creates an SSR-safe React component for a custom element. Properties are distinguished\r\n * from attributes automatically, and events can be configured so they are added\r\n * to the custom element as event listeners.\r\n *\r\n * @param options An options bag containing the parameters needed to generate a\r\n * wrapped web component.\r\n *\r\n * @param options.react The React module, typically imported from the `react`\r\n * npm package.\r\n * @param options.tagName The custom element tag name registered via\r\n * `customElements.define`.\r\n * @param options.elementClass The custom element class registered via\r\n * `customElements.define`.\r\n * @param options.events An object listing events to which the component can\r\n * listen. The object keys are the event property names passed in via React\r\n * props and the object values are the names of the corresponding events\r\n * generated by the custom element. For example, given `{onactivate:\r\n * 'activate'}` an event function may be passed via the component's `onactivate`\r\n * prop and will be called when the custom element fires its `activate` event.\r\n * @param options.displayName A React component display name, used in debugging\r\n * messages. Default value is inferred from the name of custom element class\r\n * registered via `customElements.define`.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>({\r\n  react,\r\n  tagName,\r\n  elementClass,\r\n  events,\r\n  displayName,\r\n}: Options<I, E>): ReactWebComponent<I, E> {\r\n  return typeof window !== \"undefined\"\r\n    ? createReactComponent<I, E>({ react, tagName, elementClass, events, displayName })\r\n    : <ReactWebComponent<I, E>>(<unknown>null);\r\n}\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eActionListElement } from \"@m3e/web/list\";\r\nexport type { M3eActionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-action-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-action-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-action-list>` instance for imperative access.\r\n *\r\n * See the `m3e-action-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eActionList = createComponent({\r\n  tagName: \"m3e-action-list\",\r\n  elementClass: M3eActionListElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eExpandableListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-expandable-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-expandable-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-expandable-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eExpandableListItem = createComponent({\r\n  tagName: \"m3e-expandable-list-item\",\r\n  elementClass: M3eExpandableListItemElement,\r\n  react: React,\r\n  events: {\r\n    onOpening: \"opening\",\r\n    onOpened: \"opened\",\r\n    onClosing: \"closing\",\r\n    onClosed: \"closed\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eListElement } from \"@m3e/web/list\";\r\nexport type { ListVariant, M3eListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list>` instance for imperative access.\r\n *\r\n * See the `m3e-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eList = createComponent({\r\n  tagName: \"m3e-list\",\r\n  elementClass: M3eListElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eListActionElement } from \"@m3e/web/list\";\r\nexport type { M3eListActionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-action` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-action>` instance for imperative access.\r\n *\r\n * See the `m3e-list-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListAction = createComponent({\r\n  tagName: \"m3e-list-action\",\r\n  elementClass: M3eListActionElement,\r\n  react: React,\r\n  events: {\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eListItemElement } from \"@m3e/web/list\";\r\nexport type { M3eListItemElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-item` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-item>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-item>` instance for imperative access.\r\n *\r\n * See the `m3e-list-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListItem = createComponent({\r\n  tagName: \"m3e-list-item\",\r\n  elementClass: M3eListItemElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eListOptionElement } from \"@m3e/web/list\";\r\nexport type { M3eListOptionElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-list-option` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-list-option>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-list-option>` instance for imperative access.\r\n *\r\n * See the `m3e-list-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eListOption = createComponent({\r\n  tagName: \"m3e-list-option\",\r\n  elementClass: M3eListOptionElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eSelectionListElement } from \"@m3e/web/list\";\r\nexport type { M3eSelectionListElement } from \"@m3e/web/list\";\r\n\r\n/**\r\n * React binding for the `m3e-selection-list` Web Component from `@m3e/web/list`.\r\n *\r\n * This component renders the underlying `<m3e-selection-list>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-selection-list>` instance for imperative access.\r\n *\r\n * See the `m3e-selection-list` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eSelectionList = createComponent({\r\n  tagName: \"m3e-selection-list\",\r\n  elementClass: M3eSelectionListElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["createComponent","react","tagName","elementClass","events","displayName","window","createReactComponent","M3eActionList","M3eActionListElement","React","M3eExpandableListItem","M3eExpandableListItemElement","onOpening","onOpened","onClosing","onClosed","M3eList","M3eListElement","M3eListAction","M3eListActionElement","onClick","M3eListItem","M3eListItemElement","M3eListOption","M3eListOptionElement","onInput","onChange","M3eSelectionList","M3eSelectionListElement"],"mappings":";;;;;yRA6BM,SAAUA,GAAkEC,MAChFA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,OACZA,EAAMC,YACNA,IAEA,MAAyB,oBAAXC,OACVC,EAA2B,CAAEN,QAAOC,UAASC,eAAcC,SAAQC,gBAChC,IACzC,CCpBO,MAAMG,EAAgBR,EAAgB,CAC3CE,QAAS,kBACTC,aAAcM,EACdR,MAAOS,ICHIC,EAAwBX,EAAgB,CACnDE,QAAS,2BACTC,aAAcS,EACdX,MAAOS,EACPN,OAAQ,CACNS,UAAW,UACXC,SAAU,SACVC,UAAW,UACXC,SAAU,YCRDC,EAAUjB,EAAgB,CACrCE,QAAS,WACTC,aAAce,EACdjB,MAAOS,ICHIS,EAAgBnB,EAAgB,CAC3CE,QAAS,kBACTC,aAAciB,EACdnB,MAAOS,EACPN,OAAQ,CACNiB,QAAS,WCLAC,EAActB,EAAgB,CACzCE,QAAS,gBACTC,aAAcoB,EACdtB,MAAOS,ICHIc,EAAgBxB,EAAgB,CAC3CE,QAAS,kBACTC,aAAcsB,EACdxB,MAAOS,EACPN,OAAQ,CACNsB,QAAS,QACTC,SAAU,SACVN,QAAS,WCPAO,EAAmB5B,EAAgB,CAC9CE,QAAS,qBACTC,aAAc0B,EACd5B,MAAOS,EACPN,OAAQ,CACNsB,QAAS,QACTC,SAAU"}

package/dist/loading-indicator.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eLoadingIndicatorElement } from '@m3e/web/loading-indicator';
 
 /**
- * React binding for the `m3e-loading-indicator` Web Component from `@m3e/loading-indicator`.
+ * Creates an SSR-safe React component for a custom element. Properties are distinguished
+ * from attributes automatically, and events can be configured so they are added
+ * to the custom element as event listeners.
+ *
+ * @param options An options bag containing the parameters needed to generate a
+ * wrapped web component.
+ *
+ * @param options.react The React module, typically imported from the `react`
+ * npm package.
+ * @param options.tagName The custom element tag name registered via
+ * `customElements.define`.
+ * @param options.elementClass The custom element class registered via
+ * `customElements.define`.
+ * @param options.events An object listing events to which the component can
+ * listen. The object keys are the event property names passed in via React
+ * props and the object values are the names of the corresponding events
+ * generated by the custom element. For example, given `{onactivate:
+ * 'activate'}` an event function may be passed via the component's `onactivate`
+ * prop and will be called when the custom element fires its `activate` event.
+ * @param options.displayName A React component display name, used in debugging
+ * messages. Default value is inferred from the name of custom element class
+ * registered via `customElements.define`.
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+function createComponent({ react, tagName, elementClass, events, displayName, }) {
+    return typeof window !== "undefined"
+        ? createComponent$1({ react, tagName, elementClass, events, displayName })
+        : null;
+}
+
+/**
+ * React binding for the `m3e-loading-indicator` Web Component from `@m3e/web/loading-indicator`.
  *
  * This component renders the underlying `<m3e-loading-indicator>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/loading-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-indicator.js","sources":["../../src/loading-indicator/LoadingIndicator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eLoadingIndicatorElement } from \"@m3e/web/loading-indicator\";\r\nexport type { LoadingIndicatorVariant, M3eLoadingIndicatorElement } from \"@m3e/web/loading-indicator\";\r\n\r\n/**\r\n * React binding for the `m3e-loading-indicator` Web Component from `@m3e/loading-indicator`.\r\n *\r\n * This component renders the underlying `<m3e-loading-indicator>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-loading-indicator>` instance for imperative access.\r\n *\r\n * See the `m3e-loading-indicator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eLoadingIndicator = createComponent({\r\n  tagName: \"m3e-loading-indicator\",\r\n  elementClass: M3eLoadingIndicatorElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,mBAAmB,GAAG,eAAe,CAAC;AACjD,IAAA,OAAO,EAAE,uBAAuB;AAChC,IAAA,YAAY,EAAE,0BAA0B;AACxC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"loading-indicator.js","sources":["../../src/utils/createComponent.ts","../../src/loading-indicator/LoadingIndicator.ts"],"sourcesContent":["import { createComponent as createReactComponent, EventName, Options, ReactWebComponent } from \"@lit/react\";\r\n\r\ntype EventNames = Record<string, EventName | string>;\r\n\r\n/**\r\n * Creates an SSR-safe React component for a custom element. Properties are distinguished\r\n * from attributes automatically, and events can be configured so they are added\r\n * to the custom element as event listeners.\r\n *\r\n * @param options An options bag containing the parameters needed to generate a\r\n * wrapped web component.\r\n *\r\n * @param options.react The React module, typically imported from the `react`\r\n * npm package.\r\n * @param options.tagName The custom element tag name registered via\r\n * `customElements.define`.\r\n * @param options.elementClass The custom element class registered via\r\n * `customElements.define`.\r\n * @param options.events An object listing events to which the component can\r\n * listen. The object keys are the event property names passed in via React\r\n * props and the object values are the names of the corresponding events\r\n * generated by the custom element. For example, given `{onactivate:\r\n * 'activate'}` an event function may be passed via the component's `onactivate`\r\n * prop and will be called when the custom element fires its `activate` event.\r\n * @param options.displayName A React component display name, used in debugging\r\n * messages. Default value is inferred from the name of custom element class\r\n * registered via `customElements.define`.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>({\r\n  react,\r\n  tagName,\r\n  elementClass,\r\n  events,\r\n  displayName,\r\n}: Options<I, E>): ReactWebComponent<I, E> {\r\n  return typeof window !== \"undefined\"\r\n    ? createReactComponent<I, E>({ react, tagName, elementClass, events, displayName })\r\n    : <ReactWebComponent<I, E>>(<unknown>null);\r\n}\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eLoadingIndicatorElement } from \"@m3e/web/loading-indicator\";\r\nexport type { LoadingIndicatorVariant, M3eLoadingIndicatorElement } from \"@m3e/web/loading-indicator\";\r\n\r\n/**\r\n * React binding for the `m3e-loading-indicator` Web Component from `@m3e/web/loading-indicator`.\r\n *\r\n * This component renders the underlying `<m3e-loading-indicator>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-loading-indicator>` instance for imperative access.\r\n *\r\n * See the `m3e-loading-indicator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eLoadingIndicator = createComponent({\r\n  tagName: \"m3e-loading-indicator\",\r\n  elementClass: M3eLoadingIndicatorElement,\r\n  react: React,\r\n});\r\n"],"names":["createReactComponent"],"mappings":";;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH;AACM,SAAU,eAAe,CAAmD,EAChF,KAAK,EACL,OAAO,EACP,YAAY,EACZ,MAAM,EACN,WAAW,GACG,EAAA;IACd,OAAO,OAAO,MAAM,KAAK;AACvB,UAAEA,iBAAoB,CAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE;UAC7C,IAAK;AAC9C;;ACjCA;;;;;;;;;;;;AAYG;AACI,MAAM,mBAAmB,GAAG,eAAe,CAAC;AACjD,IAAA,OAAO,EAAE,uBAAuB;AAChC,IAAA,YAAY,EAAE,0BAA0B;AACxC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

package/dist/loading-indicator.min.js

@@ -3,5 +3,5 @@
  * @license MIT
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
- */import t from"react";import{createComponent as e}from"@lit/react";import{M3eLoadingIndicatorElement as o}from"@m3e/web/loading-indicator";const r=e({tagName:"m3e-loading-indicator",elementClass:o,react:t});export{r as M3eLoadingIndicator};
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eLoadingIndicatorElement as a}from"@m3e/web/loading-indicator";const n=function({react:e,tagName:a,elementClass:n,events:m,displayName:o}){return"undefined"!=typeof window?t({react:e,tagName:a,elementClass:n,events:m,displayName:o}):null}({tagName:"m3e-loading-indicator",elementClass:a,react:e});export{n as M3eLoadingIndicator};
 //# sourceMappingURL=loading-indicator.min.js.map

package/dist/loading-indicator.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading-indicator.min.js","sources":["../../src/loading-indicator/LoadingIndicator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eLoadingIndicatorElement } from \"@m3e/web/loading-indicator\";\r\nexport type { LoadingIndicatorVariant, M3eLoadingIndicatorElement } from \"@m3e/web/loading-indicator\";\r\n\r\n/**\r\n * React binding for the `m3e-loading-indicator` Web Component from `@m3e/loading-indicator`.\r\n *\r\n * This component renders the underlying `<m3e-loading-indicator>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-loading-indicator>` instance for imperative access.\r\n *\r\n * See the `m3e-loading-indicator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eLoadingIndicator = createComponent({\r\n  tagName: \"m3e-loading-indicator\",\r\n  elementClass: M3eLoadingIndicatorElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eLoadingIndicator","createComponent","tagName","elementClass","M3eLoadingIndicatorElement","react","React"],"mappings":";;;;;6IAmBO,MAAMA,EAAsBC,EAAgB,CACjDC,QAAS,wBACTC,aAAcC,EACdC,MAAOC"}
+{"version":3,"file":"loading-indicator.min.js","sources":["../../src/loading-indicator/LoadingIndicator.ts","../../src/utils/createComponent.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eLoadingIndicatorElement } from \"@m3e/web/loading-indicator\";\r\nexport type { LoadingIndicatorVariant, M3eLoadingIndicatorElement } from \"@m3e/web/loading-indicator\";\r\n\r\n/**\r\n * React binding for the `m3e-loading-indicator` Web Component from `@m3e/web/loading-indicator`.\r\n *\r\n * This component renders the underlying `<m3e-loading-indicator>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-loading-indicator>` instance for imperative access.\r\n *\r\n * See the `m3e-loading-indicator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eLoadingIndicator = createComponent({\r\n  tagName: \"m3e-loading-indicator\",\r\n  elementClass: M3eLoadingIndicatorElement,\r\n  react: React,\r\n});\r\n","import { createComponent as createReactComponent, EventName, Options, ReactWebComponent } from \"@lit/react\";\r\n\r\ntype EventNames = Record<string, EventName | string>;\r\n\r\n/**\r\n * Creates an SSR-safe React component for a custom element. Properties are distinguished\r\n * from attributes automatically, and events can be configured so they are added\r\n * to the custom element as event listeners.\r\n *\r\n * @param options An options bag containing the parameters needed to generate a\r\n * wrapped web component.\r\n *\r\n * @param options.react The React module, typically imported from the `react`\r\n * npm package.\r\n * @param options.tagName The custom element tag name registered via\r\n * `customElements.define`.\r\n * @param options.elementClass The custom element class registered via\r\n * `customElements.define`.\r\n * @param options.events An object listing events to which the component can\r\n * listen. The object keys are the event property names passed in via React\r\n * props and the object values are the names of the corresponding events\r\n * generated by the custom element. For example, given `{onactivate:\r\n * 'activate'}` an event function may be passed via the component's `onactivate`\r\n * prop and will be called when the custom element fires its `activate` event.\r\n * @param options.displayName A React component display name, used in debugging\r\n * messages. Default value is inferred from the name of custom element class\r\n * registered via `customElements.define`.\r\n */\r\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\r\nexport function createComponent<I extends HTMLElement, E extends EventNames = {}>({\r\n  react,\r\n  tagName,\r\n  elementClass,\r\n  events,\r\n  displayName,\r\n}: Options<I, E>): ReactWebComponent<I, E> {\r\n  return typeof window !== \"undefined\"\r\n    ? createReactComponent<I, E>({ react, tagName, elementClass, events, displayName })\r\n    : <ReactWebComponent<I, E>>(<unknown>null);\r\n}\r\n"],"names":["M3eLoadingIndicator","react","tagName","elementClass","events","displayName","window","createReactComponent","createComponent","M3eLoadingIndicatorElement","React"],"mappings":";;;;;6IAmBO,MAAMA,ECUP,UAA4EC,MAChFA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,OACZA,EAAMC,YACNA,IAEA,MAAyB,oBAAXC,OACVC,EAA2B,CAAEN,QAAOC,UAASC,eAAcC,SAAQC,gBAChC,IACzC,CDpBmCG,CAAgB,CACjDN,QAAS,wBACTC,aAAcM,EACdR,MAAOS"}

package/dist/menu.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eMenuElement, M3eMenuItemElement, M3eMenuItemCheckboxElement, M3eMenuItemGroupElement, M3eMenuItemRadioElement, M3eMenuTriggerElement } from '@m3e/web/menu';
 
 /**
- * React binding for the `m3e-menu` Web Component from `@m3e/menu`.
+ * Creates an SSR-safe React component for a custom element. Properties are distinguished
+ * from attributes automatically, and events can be configured so they are added
+ * to the custom element as event listeners.
+ *
+ * @param options An options bag containing the parameters needed to generate a
+ * wrapped web component.
+ *
+ * @param options.react The React module, typically imported from the `react`
+ * npm package.
+ * @param options.tagName The custom element tag name registered via
+ * `customElements.define`.
+ * @param options.elementClass The custom element class registered via
+ * `customElements.define`.
+ * @param options.events An object listing events to which the component can
+ * listen. The object keys are the event property names passed in via React
+ * props and the object values are the names of the corresponding events
+ * generated by the custom element. For example, given `{onactivate:
+ * 'activate'}` an event function may be passed via the component's `onactivate`
+ * prop and will be called when the custom element fires its `activate` event.
+ * @param options.displayName A React component display name, used in debugging
+ * messages. Default value is inferred from the name of custom element class
+ * registered via `customElements.define`.
+ */
+// eslint-disable-next-line @typescript-eslint/no-empty-object-type
+function createComponent({ react, tagName, elementClass, events, displayName, }) {
+    return typeof window !== "undefined"
+        ? createComponent$1({ react, tagName, elementClass, events, displayName })
+        : null;
+}
+
+/**
+ * React binding for the `m3e-menu` Web Component from `@m3e/web/menu`.
  *
  * This component renders the underlying `<m3e-menu>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -33,7 +64,7 @@ const M3eMenu = createComponent({
 });
 
 /**
- * React binding for the `m3e-menu-item` Web Component from `@m3e/menu`.
+ * React binding for the `m3e-menu-item` Web Component from `@m3e/web/menu`.
  *
  * This component renders the underlying `<m3e-menu-item>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -55,7 +86,7 @@ const M3eMenuItem = createComponent({
 });
 
 /**
- * React binding for the `m3e-menu-item-checkbox` Web Component from `@m3e/menu`.
+ * React binding for the `m3e-menu-item-checkbox` Web Component from `@m3e/web/menu`.
  *
  * This component renders the underlying `<m3e-menu-item-checkbox>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -77,7 +108,7 @@ const M3eMenuItemCheckbox = createComponent({
 });
 
 /**
- * React binding for the `m3e-menu-item-group` Web Component from `@m3e/menu`.
+ * React binding for the `m3e-menu-item-group` Web Component from `@m3e/web/menu`.
  *
  * This component renders the underlying `<m3e-menu-item-group>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -96,7 +127,7 @@ const M3eMenuItemGroup = createComponent({
 });
 
 /**
- * React binding for the `m3e-menu-item-radio` Web Component from `@m3e/menu`.
+ * React binding for the `m3e-menu-item-radio` Web Component from `@m3e/web/menu`.
  *
  * This component renders the underlying `<m3e-menu-item-radio>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -118,7 +149,7 @@ const M3eMenuItemRadio = createComponent({
 });
 
 /**
- * React binding for the `m3e-menu-trigger` Web Component from `@m3e/menu`.
+ * React binding for the `m3e-menu-trigger` Web Component from `@m3e/web/menu`.
  *
  * This component renders the underlying `<m3e-menu-trigger>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.