@m3e/react 2.0.0 → 2.0.2

package/dist/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../src/menu/Menu.ts","../../src/menu/MenuItem.ts","../../src/menu/MenuItemCheckbox.ts","../../src/menu/MenuItemGroup.ts","../../src/menu/MenuItemRadio.ts","../../src/menu/MenuTrigger.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuElement } from \"@m3e/web/menu\";\r\nexport type { MenuPositionX, MenuPositionY, MenuVariant, M3eMenuElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu>` 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-menu>` instance for imperative access.\r\n *\r\n * See the `m3e-menu` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenu = createComponent({\r\n  tagName: \"m3e-menu\",\r\n  elementClass: M3eMenuElement,\r\n  react: React,\r\n  events: {\r\n    onBeforeToggle: \"beforetoggle\",\r\n    onToggle: \"toggle\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuItemElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-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-menu-item>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItem = createComponent({\r\n  tagName: \"m3e-menu-item\",\r\n  elementClass: M3eMenuItemElement,\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 { M3eMenuItemCheckboxElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemCheckboxElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-checkbox` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-checkbox>` 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-menu-item-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-checkbox` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemCheckbox = createComponent({\r\n  tagName: \"m3e-menu-item-checkbox\",\r\n  elementClass: M3eMenuItemCheckboxElement,\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 { M3eMenuItemGroupElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemGroupElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-group` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-group>` 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-menu-item-group>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemGroup = createComponent({\r\n  tagName: \"m3e-menu-item-group\",\r\n  elementClass: M3eMenuItemGroupElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuItemRadioElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemRadioElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-radio` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-radio>` 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-menu-item-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemRadio = createComponent({\r\n  tagName: \"m3e-menu-item-radio\",\r\n  elementClass: M3eMenuItemRadioElement,\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 { M3eMenuTriggerElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuTriggerElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-trigger` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-trigger>` 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-menu-trigger>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-trigger` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuTrigger = createComponent({\r\n  tagName: \"m3e-menu-trigger\",\r\n  elementClass: M3eMenuTriggerElement,\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;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,cAAc,EAAE,cAAc;AAC9B,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAM,WAAW,GAAG,eAAe,CAAC;AACzC,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,mBAAmB,GAAG,eAAe,CAAC;AACjD,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,YAAY,EAAE,0BAA0B;AACxC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,qBAAqB;AACnC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"menu.js","sources":["../../src/utils/createComponent.ts","../../src/menu/Menu.ts","../../src/menu/MenuItem.ts","../../src/menu/MenuItemCheckbox.ts","../../src/menu/MenuItemGroup.ts","../../src/menu/MenuItemRadio.ts","../../src/menu/MenuTrigger.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 { M3eMenuElement } from \"@m3e/web/menu\";\r\nexport type { MenuPositionX, MenuPositionY, MenuVariant, M3eMenuElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu` Web Component from `@m3e/web/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu>` 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-menu>` instance for imperative access.\r\n *\r\n * See the `m3e-menu` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenu = createComponent({\r\n  tagName: \"m3e-menu\",\r\n  elementClass: M3eMenuElement,\r\n  react: React,\r\n  events: {\r\n    onBeforeToggle: \"beforetoggle\",\r\n    onToggle: \"toggle\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eMenuItemElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item` Web Component from `@m3e/web/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-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-menu-item>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItem = createComponent({\r\n  tagName: \"m3e-menu-item\",\r\n  elementClass: M3eMenuItemElement,\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 { M3eMenuItemCheckboxElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemCheckboxElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-checkbox` Web Component from `@m3e/web/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-checkbox>` 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-menu-item-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-checkbox` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemCheckbox = createComponent({\r\n  tagName: \"m3e-menu-item-checkbox\",\r\n  elementClass: M3eMenuItemCheckboxElement,\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 { M3eMenuItemGroupElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemGroupElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-group` Web Component from `@m3e/web/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-group>` 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-menu-item-group>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemGroup = createComponent({\r\n  tagName: \"m3e-menu-item-group\",\r\n  elementClass: M3eMenuItemGroupElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eMenuItemRadioElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemRadioElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-radio` Web Component from `@m3e/web/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-radio>` 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-menu-item-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemRadio = createComponent({\r\n  tagName: \"m3e-menu-item-radio\",\r\n  elementClass: M3eMenuItemRadioElement,\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 { M3eMenuTriggerElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuTriggerElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-trigger` Web Component from `@m3e/web/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-trigger>` 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-menu-trigger>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-trigger` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuTrigger = createComponent({\r\n  tagName: \"m3e-menu-trigger\",\r\n  elementClass: M3eMenuTriggerElement,\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;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,cAAc,EAAE,cAAc;AAC9B,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACrBD;;;;;;;;;;;;AAYG;AACI,MAAM,WAAW,GAAG,eAAe,CAAC;AACzC,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,mBAAmB,GAAG,eAAe,CAAC;AACjD,IAAA,OAAO,EAAE,wBAAwB;AACjC,IAAA,YAAY,EAAE,0BAA0B;AACxC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,qBAAqB;AACnC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

package/dist/menu.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{M3eMenuElement as m,M3eMenuItemElement as a,M3eMenuItemCheckboxElement as l,M3eMenuItemGroupElement as n,M3eMenuItemRadioElement as o,M3eMenuTriggerElement as c}from"@m3e/web/menu";const r=t({tagName:"m3e-menu",elementClass:m,react:e,events:{onBeforeToggle:"beforetoggle",onToggle:"toggle"}}),s=t({tagName:"m3e-menu-item",elementClass:a,react:e,events:{onClick:"click"}}),g=t({tagName:"m3e-menu-item-checkbox",elementClass:l,react:e,events:{onClick:"click"}}),i=t({tagName:"m3e-menu-item-group",elementClass:n,react:e}),u=t({tagName:"m3e-menu-item-radio",elementClass:o,react:e,events:{onClick:"click"}}),C=t({tagName:"m3e-menu-trigger",elementClass:c,react:e});export{r as M3eMenu,s as M3eMenuItem,g as M3eMenuItemCheckbox,i as M3eMenuItemGroup,u as M3eMenuItemRadio,C as M3eMenuTrigger};
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eMenuElement as m,M3eMenuItemElement as a,M3eMenuItemCheckboxElement as n,M3eMenuItemGroupElement as l,M3eMenuItemRadioElement as o,M3eMenuTriggerElement as s}from"@m3e/web/menu";function r({react:e,tagName:m,elementClass:a,events:n,displayName:l}){return"undefined"!=typeof window?t({react:e,tagName:m,elementClass:a,events:n,displayName:l}):null}const c=r({tagName:"m3e-menu",elementClass:m,react:e,events:{onBeforeToggle:"beforetoggle",onToggle:"toggle"}}),i=r({tagName:"m3e-menu-item",elementClass:a,react:e,events:{onClick:"click"}}),g=r({tagName:"m3e-menu-item-checkbox",elementClass:n,react:e,events:{onClick:"click"}}),u=r({tagName:"m3e-menu-item-group",elementClass:l,react:e}),C=r({tagName:"m3e-menu-item-radio",elementClass:o,react:e,events:{onClick:"click"}}),N=r({tagName:"m3e-menu-trigger",elementClass:s,react:e});export{c as M3eMenu,i as M3eMenuItem,g as M3eMenuItemCheckbox,u as M3eMenuItemGroup,C as M3eMenuItemRadio,N as M3eMenuTrigger};
 //# sourceMappingURL=menu.min.js.map

package/dist/menu.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.min.js","sources":["../../src/menu/Menu.ts","../../src/menu/MenuItem.ts","../../src/menu/MenuItemCheckbox.ts","../../src/menu/MenuItemGroup.ts","../../src/menu/MenuItemRadio.ts","../../src/menu/MenuTrigger.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuElement } from \"@m3e/web/menu\";\r\nexport type { MenuPositionX, MenuPositionY, MenuVariant, M3eMenuElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu>` 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-menu>` instance for imperative access.\r\n *\r\n * See the `m3e-menu` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenu = createComponent({\r\n  tagName: \"m3e-menu\",\r\n  elementClass: M3eMenuElement,\r\n  react: React,\r\n  events: {\r\n    onBeforeToggle: \"beforetoggle\",\r\n    onToggle: \"toggle\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuItemElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-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-menu-item>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItem = createComponent({\r\n  tagName: \"m3e-menu-item\",\r\n  elementClass: M3eMenuItemElement,\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 { M3eMenuItemCheckboxElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemCheckboxElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-checkbox` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-checkbox>` 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-menu-item-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-checkbox` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemCheckbox = createComponent({\r\n  tagName: \"m3e-menu-item-checkbox\",\r\n  elementClass: M3eMenuItemCheckboxElement,\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 { M3eMenuItemGroupElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemGroupElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-group` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-group>` 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-menu-item-group>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemGroup = createComponent({\r\n  tagName: \"m3e-menu-item-group\",\r\n  elementClass: M3eMenuItemGroupElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eMenuItemRadioElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemRadioElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-radio` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-radio>` 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-menu-item-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemRadio = createComponent({\r\n  tagName: \"m3e-menu-item-radio\",\r\n  elementClass: M3eMenuItemRadioElement,\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 { M3eMenuTriggerElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuTriggerElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-trigger` Web Component from `@m3e/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-trigger>` 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-menu-trigger>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-trigger` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuTrigger = createComponent({\r\n  tagName: \"m3e-menu-trigger\",\r\n  elementClass: M3eMenuTriggerElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eMenu","createComponent","tagName","elementClass","M3eMenuElement","react","React","events","onBeforeToggle","onToggle","M3eMenuItem","M3eMenuItemElement","onClick","M3eMenuItemCheckbox","M3eMenuItemCheckboxElement","M3eMenuItemGroup","M3eMenuItemGroupElement","M3eMenuItemRadio","M3eMenuItemRadioElement","M3eMenuTrigger","M3eMenuTriggerElement"],"mappings":";;;;;iQAmBO,MAAMA,EAAUC,EAAgB,CACrCC,QAAS,WACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,eAAgB,eAChBC,SAAU,YCNDC,EAAcT,EAAgB,CACzCC,QAAS,gBACTC,aAAcQ,EACdN,MAAOC,EACPC,OAAQ,CACNK,QAAS,WCLAC,EAAsBZ,EAAgB,CACjDC,QAAS,yBACTC,aAAcW,EACdT,MAAOC,EACPC,OAAQ,CACNK,QAAS,WCLAG,EAAmBd,EAAgB,CAC9CC,QAAS,sBACTC,aAAca,EACdX,MAAOC,ICHIW,EAAmBhB,EAAgB,CAC9CC,QAAS,sBACTC,aAAce,EACdb,MAAOC,EACPC,OAAQ,CACNK,QAAS,WCLAO,EAAiBlB,EAAgB,CAC5CC,QAAS,mBACTC,aAAciB,EACdf,MAAOC"}
+{"version":3,"file":"menu.min.js","sources":["../../src/utils/createComponent.ts","../../src/menu/Menu.ts","../../src/menu/MenuItem.ts","../../src/menu/MenuItemCheckbox.ts","../../src/menu/MenuItemGroup.ts","../../src/menu/MenuItemRadio.ts","../../src/menu/MenuTrigger.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 { M3eMenuElement } from \"@m3e/web/menu\";\r\nexport type { MenuPositionX, MenuPositionY, MenuVariant, M3eMenuElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu` Web Component from `@m3e/web/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu>` 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-menu>` instance for imperative access.\r\n *\r\n * See the `m3e-menu` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenu = createComponent({\r\n  tagName: \"m3e-menu\",\r\n  elementClass: M3eMenuElement,\r\n  react: React,\r\n  events: {\r\n    onBeforeToggle: \"beforetoggle\",\r\n    onToggle: \"toggle\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eMenuItemElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item` Web Component from `@m3e/web/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-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-menu-item>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItem = createComponent({\r\n  tagName: \"m3e-menu-item\",\r\n  elementClass: M3eMenuItemElement,\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 { M3eMenuItemCheckboxElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemCheckboxElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-checkbox` Web Component from `@m3e/web/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-checkbox>` 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-menu-item-checkbox>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-checkbox` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemCheckbox = createComponent({\r\n  tagName: \"m3e-menu-item-checkbox\",\r\n  elementClass: M3eMenuItemCheckboxElement,\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 { M3eMenuItemGroupElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemGroupElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-group` Web Component from `@m3e/web/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-group>` 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-menu-item-group>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemGroup = createComponent({\r\n  tagName: \"m3e-menu-item-group\",\r\n  elementClass: M3eMenuItemGroupElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eMenuItemRadioElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuItemRadioElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-item-radio` Web Component from `@m3e/web/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-item-radio>` 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-menu-item-radio>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-item-radio` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuItemRadio = createComponent({\r\n  tagName: \"m3e-menu-item-radio\",\r\n  elementClass: M3eMenuItemRadioElement,\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 { M3eMenuTriggerElement } from \"@m3e/web/menu\";\r\nexport type { M3eMenuTriggerElement } from \"@m3e/web/menu\";\r\n\r\n/**\r\n * React binding for the `m3e-menu-trigger` Web Component from `@m3e/web/menu`.\r\n *\r\n * This component renders the underlying `<m3e-menu-trigger>` 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-menu-trigger>` instance for imperative access.\r\n *\r\n * See the `m3e-menu-trigger` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eMenuTrigger = createComponent({\r\n  tagName: \"m3e-menu-trigger\",\r\n  elementClass: M3eMenuTriggerElement,\r\n  react: React,\r\n});\r\n"],"names":["createComponent","react","tagName","elementClass","events","displayName","window","createReactComponent","M3eMenu","M3eMenuElement","React","onBeforeToggle","onToggle","M3eMenuItem","M3eMenuItemElement","onClick","M3eMenuItemCheckbox","M3eMenuItemCheckboxElement","M3eMenuItemGroup","M3eMenuItemGroupElement","M3eMenuItemRadio","M3eMenuItemRadioElement","M3eMenuTrigger","M3eMenuTriggerElement"],"mappings":";;;;;iQA6BM,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,EAAUR,EAAgB,CACrCE,QAAS,WACTC,aAAcM,EACdR,MAAOS,EACPN,OAAQ,CACNO,eAAgB,eAChBC,SAAU,YCNDC,EAAcb,EAAgB,CACzCE,QAAS,gBACTC,aAAcW,EACdb,MAAOS,EACPN,OAAQ,CACNW,QAAS,WCLAC,EAAsBhB,EAAgB,CACjDE,QAAS,yBACTC,aAAcc,EACdhB,MAAOS,EACPN,OAAQ,CACNW,QAAS,WCLAG,EAAmBlB,EAAgB,CAC9CE,QAAS,sBACTC,aAAcgB,EACdlB,MAAOS,ICHIU,EAAmBpB,EAAgB,CAC9CE,QAAS,sBACTC,aAAckB,EACdpB,MAAOS,EACPN,OAAQ,CACNW,QAAS,WCLAO,EAAiBtB,EAAgB,CAC5CE,QAAS,mBACTC,aAAcoB,EACdtB,MAAOS"}

package/dist/nav-bar.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eNavBarElement, M3eNavItemElement } from '@m3e/web/nav-bar';
 
 /**
- * React binding for the `m3e-nav-bar` Web Component from `@m3e/nav-bar`.
+ * 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-nav-bar` Web Component from `@m3e/web/nav-bar`.
  *
  * This component renders the underlying `<m3e-nav-bar>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -32,7 +63,7 @@ const M3eNavBar = createComponent({
 });
 
 /**
- * React binding for the `m3e-nav-item` Web Component from `@m3e/nav-bar`.
+ * React binding for the `m3e-nav-item` Web Component from `@m3e/web/nav-bar`.
  *
  * This component renders the underlying `<m3e-nav-item>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/nav-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-bar.js","sources":["../../src/nav-bar/NavBar.ts","../../src/nav-bar/NavItem.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\nexport type { NavBarMode, NavItemOrientation, M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-bar` Web Component from `@m3e/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-bar>` 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-nav-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavBar = createComponent({\r\n  tagName: \"m3e-nav-bar\",\r\n  elementClass: M3eNavBarElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\nexport type { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-item` Web Component from `@m3e/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-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-nav-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavItem = createComponent({\r\n  tagName: \"m3e-nav-item\",\r\n  elementClass: M3eNavItemElement,\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":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG,eAAe,CAAC;AACvC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,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":"nav-bar.js","sources":["../../src/utils/createComponent.ts","../../src/nav-bar/NavBar.ts","../../src/nav-bar/NavItem.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 { M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\nexport type { NavBarMode, NavItemOrientation, M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-bar` Web Component from `@m3e/web/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-bar>` 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-nav-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavBar = createComponent({\r\n  tagName: \"m3e-nav-bar\",\r\n  elementClass: M3eNavBarElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\nexport type { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-item` Web Component from `@m3e/web/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-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-nav-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavItem = createComponent({\r\n  tagName: \"m3e-nav-item\",\r\n  elementClass: M3eNavItemElement,\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;;ACjCA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG,eAAe,CAAC;AACvC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,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/nav-bar.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{M3eNavBarElement as a,M3eNavItemElement as n}from"@m3e/web/nav-bar";const m=t({tagName:"m3e-nav-bar",elementClass:a,react:e,events:{onChange:"change"}}),r=t({tagName:"m3e-nav-item",elementClass:n,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}});export{m as M3eNavBar,r as M3eNavItem};
+ */import e from"react";import{createComponent as a}from"@lit/react";import{M3eNavBarElement as t,M3eNavItemElement as n}from"@m3e/web/nav-bar";function m({react:e,tagName:t,elementClass:n,events:m,displayName:r}){return"undefined"!=typeof window?a({react:e,tagName:t,elementClass:n,events:m,displayName:r}):null}const r=m({tagName:"m3e-nav-bar",elementClass:t,react:e,events:{onChange:"change"}}),o=m({tagName:"m3e-nav-item",elementClass:n,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}});export{r as M3eNavBar,o as M3eNavItem};
 //# sourceMappingURL=nav-bar.min.js.map

package/dist/nav-bar.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-bar.min.js","sources":["../../src/nav-bar/NavBar.ts","../../src/nav-bar/NavItem.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\nexport type { NavBarMode, NavItemOrientation, M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-bar` Web Component from `@m3e/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-bar>` 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-nav-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavBar = createComponent({\r\n  tagName: \"m3e-nav-bar\",\r\n  elementClass: M3eNavBarElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\nexport type { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-item` Web Component from `@m3e/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-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-nav-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavItem = createComponent({\r\n  tagName: \"m3e-nav-item\",\r\n  elementClass: M3eNavItemElement,\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":["M3eNavBar","createComponent","tagName","elementClass","M3eNavBarElement","react","React","events","onChange","M3eNavItem","M3eNavItemElement","onInput","onClick"],"mappings":";;;;;gJAmBO,MAAMA,EAAYC,EAAgB,CACvCC,QAAS,cACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU,YCLDC,EAAaR,EAAgB,CACxCC,QAAS,eACTC,aAAcO,EACdL,MAAOC,EACPC,OAAQ,CACNI,QAAS,QACTH,SAAU,SACVI,QAAS"}
+{"version":3,"file":"nav-bar.min.js","sources":["../../src/utils/createComponent.ts","../../src/nav-bar/NavBar.ts","../../src/nav-bar/NavItem.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 { M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\nexport type { NavBarMode, NavItemOrientation, M3eNavBarElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-bar` Web Component from `@m3e/web/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-bar>` 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-nav-bar>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-bar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavBar = createComponent({\r\n  tagName: \"m3e-nav-bar\",\r\n  elementClass: M3eNavBarElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\nexport type { M3eNavItemElement } from \"@m3e/web/nav-bar\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-item` Web Component from `@m3e/web/nav-bar`.\r\n *\r\n * This component renders the underlying `<m3e-nav-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-nav-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavItem = createComponent({\r\n  tagName: \"m3e-nav-item\",\r\n  elementClass: M3eNavItemElement,\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":["createComponent","react","tagName","elementClass","events","displayName","window","createReactComponent","M3eNavBar","M3eNavBarElement","React","onChange","M3eNavItem","M3eNavItemElement","onInput","onClick"],"mappings":";;;;;gJA6BM,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,EAAYR,EAAgB,CACvCE,QAAS,cACTC,aAAcM,EACdR,MAAOS,EACPN,OAAQ,CACNO,SAAU,YCLDC,EAAaZ,EAAgB,CACxCE,QAAS,eACTC,aAAcU,EACdZ,MAAOS,EACPN,OAAQ,CACNU,QAAS,QACTH,SAAU,SACVI,QAAS"}

package/dist/nav-menu.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eNavMenuElement, M3eNavMenuItemElement, M3eNavMenuItemGroupElement } from '@m3e/web/nav-menu';
 
 /**
- * React binding for the `m3e-nav-menu` Web Component from `@m3e/nav-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-nav-menu` Web Component from `@m3e/web/nav-menu`.
  *
  * This component renders the underlying `<m3e-nav-menu>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -29,7 +60,7 @@ const M3eNavMenu = createComponent({
 });
 
 /**
- * React binding for the `m3e-nav-menu-item` Web Component from `@m3e/nav-menu`.
+ * React binding for the `m3e-nav-menu-item` Web Component from `@m3e/web/nav-menu`.
  *
  * This component renders the underlying `<m3e-nav-menu-item>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -55,7 +86,7 @@ const M3eNavMenuItem = createComponent({
 });
 
 /**
- * React binding for the `m3e-nav-menu-item-group` Web Component from `@m3e/nav-menu`.
+ * React binding for the `m3e-nav-menu-item-group` Web Component from `@m3e/web/nav-menu`.
  *
  * This component renders the underlying `<m3e-nav-menu-item-group>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/nav-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-menu.js","sources":["../../src/nav-menu/NavMenu.ts","../../src/nav-menu/NavMenuItem.ts","../../src/nav-menu/NavMenuItemGroup.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavMenuElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu` Web Component from `@m3e/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu>` 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-nav-menu>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenu = createComponent({\r\n  tagName: \"m3e-nav-menu\",\r\n  elementClass: M3eNavMenuElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavMenuItemElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuItemElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu-item` Web Component from `@m3e/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu-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-nav-menu-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenuItem = createComponent({\r\n  tagName: \"m3e-nav-menu-item\",\r\n  elementClass: M3eNavMenuItemElement,\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    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavMenuItemGroupElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuItemGroupElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu-item-group` Web Component from `@m3e/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu-item-group>` 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-nav-menu-item-group>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu-item-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenuItemGroup = createComponent({\r\n  tagName: \"m3e-nav-menu-item-group\",\r\n  elementClass: M3eNavMenuItemGroupElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,YAAY,EAAE,qBAAqB;AACnC,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;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACxBD;;;;;;;;;;;;AAYG;AACI,MAAM,mBAAmB,GAAG,eAAe,CAAC;AACjD,IAAA,OAAO,EAAE,yBAAyB;AAClC,IAAA,YAAY,EAAE,0BAA0B;AACxC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"nav-menu.js","sources":["../../src/utils/createComponent.ts","../../src/nav-menu/NavMenu.ts","../../src/nav-menu/NavMenuItem.ts","../../src/nav-menu/NavMenuItemGroup.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 { M3eNavMenuElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu` Web Component from `@m3e/web/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu>` 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-nav-menu>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenu = createComponent({\r\n  tagName: \"m3e-nav-menu\",\r\n  elementClass: M3eNavMenuElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eNavMenuItemElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuItemElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu-item` Web Component from `@m3e/web/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu-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-nav-menu-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenuItem = createComponent({\r\n  tagName: \"m3e-nav-menu-item\",\r\n  elementClass: M3eNavMenuItemElement,\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    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eNavMenuItemGroupElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuItemGroupElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu-item-group` Web Component from `@m3e/web/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu-item-group>` 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-nav-menu-item-group>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu-item-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenuItemGroup = createComponent({\r\n  tagName: \"m3e-nav-menu-item-group\",\r\n  elementClass: M3eNavMenuItemGroupElement,\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,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,YAAY,EAAE,qBAAqB;AACnC,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;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACxBD;;;;;;;;;;;;AAYG;AACI,MAAM,mBAAmB,GAAG,eAAe,CAAC;AACjD,IAAA,OAAO,EAAE,yBAAyB;AAClC,IAAA,YAAY,EAAE,0BAA0B;AACxC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

package/dist/nav-menu.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 n}from"@lit/react";import{M3eNavMenuElement as m,M3eNavMenuItemElement as t,M3eNavMenuItemGroupElement as o}from"@m3e/web/nav-menu";const a=n({tagName:"m3e-nav-menu",elementClass:m,react:e}),l=n({tagName:"m3e-nav-menu-item",elementClass:t,react:e,events:{onOpening:"opening",onOpened:"opened",onClosing:"closing",onClosed:"closed",onClick:"click"}}),i=n({tagName:"m3e-nav-menu-item-group",elementClass:o,react:e});export{a as M3eNavMenu,l as M3eNavMenuItem,i as M3eNavMenuItemGroup};
+ */import e from"react";import{createComponent as n}from"@lit/react";import{M3eNavMenuElement as t,M3eNavMenuItemElement as a,M3eNavMenuItemGroupElement as m}from"@m3e/web/nav-menu";function o({react:e,tagName:t,elementClass:a,events:m,displayName:o}){return"undefined"!=typeof window?n({react:e,tagName:t,elementClass:a,events:m,displayName:o}):null}const l=o({tagName:"m3e-nav-menu",elementClass:t,react:e}),s=o({tagName:"m3e-nav-menu-item",elementClass:a,react:e,events:{onOpening:"opening",onOpened:"opened",onClosing:"closing",onClosed:"closed",onClick:"click"}}),i=o({tagName:"m3e-nav-menu-item-group",elementClass:m,react:e});export{l as M3eNavMenu,s as M3eNavMenuItem,i as M3eNavMenuItemGroup};
 //# sourceMappingURL=nav-menu.min.js.map

package/dist/nav-menu.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-menu.min.js","sources":["../../src/nav-menu/NavMenu.ts","../../src/nav-menu/NavMenuItem.ts","../../src/nav-menu/NavMenuItemGroup.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavMenuElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu` Web Component from `@m3e/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu>` 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-nav-menu>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenu = createComponent({\r\n  tagName: \"m3e-nav-menu\",\r\n  elementClass: M3eNavMenuElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavMenuItemElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuItemElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu-item` Web Component from `@m3e/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu-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-nav-menu-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenuItem = createComponent({\r\n  tagName: \"m3e-nav-menu-item\",\r\n  elementClass: M3eNavMenuItemElement,\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    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavMenuItemGroupElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuItemGroupElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu-item-group` Web Component from `@m3e/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu-item-group>` 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-nav-menu-item-group>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu-item-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenuItemGroup = createComponent({\r\n  tagName: \"m3e-nav-menu-item-group\",\r\n  elementClass: M3eNavMenuItemGroupElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eNavMenu","createComponent","tagName","elementClass","M3eNavMenuElement","react","React","M3eNavMenuItem","M3eNavMenuItemElement","events","onOpening","onOpened","onClosing","onClosed","onClick","M3eNavMenuItemGroup","M3eNavMenuItemGroupElement"],"mappings":";;;;;sLAmBO,MAAMA,EAAaC,EAAgB,CACxCC,QAAS,eACTC,aAAcC,EACdC,MAAOC,ICHIC,EAAiBN,EAAgB,CAC5CC,QAAS,oBACTC,aAAcK,EACdH,MAAOC,EACPG,OAAQ,CACNC,UAAW,UACXC,SAAU,SACVC,UAAW,UACXC,SAAU,SACVC,QAAS,WCTAC,EAAsBd,EAAgB,CACjDC,QAAS,0BACTC,aAAca,EACdX,MAAOC"}
+{"version":3,"file":"nav-menu.min.js","sources":["../../src/utils/createComponent.ts","../../src/nav-menu/NavMenu.ts","../../src/nav-menu/NavMenuItem.ts","../../src/nav-menu/NavMenuItemGroup.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 { M3eNavMenuElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu` Web Component from `@m3e/web/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu>` 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-nav-menu>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenu = createComponent({\r\n  tagName: \"m3e-nav-menu\",\r\n  elementClass: M3eNavMenuElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eNavMenuItemElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuItemElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu-item` Web Component from `@m3e/web/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu-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-nav-menu-item>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu-item` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenuItem = createComponent({\r\n  tagName: \"m3e-nav-menu-item\",\r\n  elementClass: M3eNavMenuItemElement,\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    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eNavMenuItemGroupElement } from \"@m3e/web/nav-menu\";\r\nexport type { M3eNavMenuItemGroupElement } from \"@m3e/web/nav-menu\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-menu-item-group` Web Component from `@m3e/web/nav-menu`.\r\n *\r\n * This component renders the underlying `<m3e-nav-menu-item-group>` 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-nav-menu-item-group>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-menu-item-group` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavMenuItemGroup = createComponent({\r\n  tagName: \"m3e-nav-menu-item-group\",\r\n  elementClass: M3eNavMenuItemGroupElement,\r\n  react: React,\r\n});\r\n"],"names":["createComponent","react","tagName","elementClass","events","displayName","window","createReactComponent","M3eNavMenu","M3eNavMenuElement","React","M3eNavMenuItem","M3eNavMenuItemElement","onOpening","onOpened","onClosing","onClosed","onClick","M3eNavMenuItemGroup","M3eNavMenuItemGroupElement"],"mappings":";;;;;sLA6BM,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,EAAaR,EAAgB,CACxCE,QAAS,eACTC,aAAcM,EACdR,MAAOS,ICHIC,EAAiBX,EAAgB,CAC5CE,QAAS,oBACTC,aAAcS,EACdX,MAAOS,EACPN,OAAQ,CACNS,UAAW,UACXC,SAAU,SACVC,UAAW,UACXC,SAAU,SACVC,QAAS,WCTAC,EAAsBlB,EAAgB,CACjDE,QAAS,0BACTC,aAAcgB,EACdlB,MAAOS"}

package/dist/nav-rail.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eNavRailElement, M3eNavRailToggleElement } from '@m3e/web/nav-rail';
 
 /**
- * React binding for the `m3e-nav-rail` Web Component from `@m3e/nav-rail`.
+ * 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-nav-rail` Web Component from `@m3e/web/nav-rail`.
  *
  * This component renders the underlying `<m3e-nav-rail>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -32,7 +63,7 @@ const M3eNavRail = createComponent({
 });
 
 /**
- * React binding for the `m3e-nav-rail-toggle` Web Component from `@m3e/nav-rail`.
+ * React binding for the `m3e-nav-rail-toggle` Web Component from `@m3e/web/nav-rail`.
  *
  * This component renders the underlying `<m3e-nav-rail-toggle>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/nav-rail.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-rail.js","sources":["../../src/nav-rail/NavRail.ts","../../src/nav-rail/NavRailToggle.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail` Web Component from `@m3e/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail>` 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-nav-rail>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRail = createComponent({\r\n  tagName: \"m3e-nav-rail\",\r\n  elementClass: M3eNavRailElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail-toggle` Web Component from `@m3e/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail-toggle>` 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-nav-rail-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail-toggle` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRailToggle = createComponent({\r\n  tagName: \"m3e-nav-rail-toggle\",\r\n  elementClass: M3eNavRailToggleElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"nav-rail.js","sources":["../../src/utils/createComponent.ts","../../src/nav-rail/NavRail.ts","../../src/nav-rail/NavRailToggle.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 { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail` Web Component from `@m3e/web/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail>` 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-nav-rail>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRail = createComponent({\r\n  tagName: \"m3e-nav-rail\",\r\n  elementClass: M3eNavRailElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail-toggle` Web Component from `@m3e/web/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail-toggle>` 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-nav-rail-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail-toggle` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRailToggle = createComponent({\r\n  tagName: \"m3e-nav-rail-toggle\",\r\n  elementClass: M3eNavRailToggleElement,\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,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAC9C,IAAA,OAAO,EAAE,qBAAqB;AAC9B,IAAA,YAAY,EAAE,uBAAuB;AACrC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

package/dist/nav-rail.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 a}from"@lit/react";import{M3eNavRailElement as t,M3eNavRailToggleElement as r}from"@m3e/web/nav-rail";const m=a({tagName:"m3e-nav-rail",elementClass:t,react:e,events:{onChange:"change"}}),n=a({tagName:"m3e-nav-rail-toggle",elementClass:r,react:e});export{m as M3eNavRail,n as M3eNavRailToggle};
+ */import e from"react";import{createComponent as a}from"@lit/react";import{M3eNavRailElement as t,M3eNavRailToggleElement as n}from"@m3e/web/nav-rail";function m({react:e,tagName:t,elementClass:n,events:m,displayName:r}){return"undefined"!=typeof window?a({react:e,tagName:t,elementClass:n,events:m,displayName:r}):null}const r=m({tagName:"m3e-nav-rail",elementClass:t,react:e,events:{onChange:"change"}}),l=m({tagName:"m3e-nav-rail-toggle",elementClass:n,react:e});export{r as M3eNavRail,l as M3eNavRailToggle};
 //# sourceMappingURL=nav-rail.min.js.map

package/dist/nav-rail.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav-rail.min.js","sources":["../../src/nav-rail/NavRail.ts","../../src/nav-rail/NavRailToggle.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail` Web Component from `@m3e/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail>` 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-nav-rail>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRail = createComponent({\r\n  tagName: \"m3e-nav-rail\",\r\n  elementClass: M3eNavRailElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail-toggle` Web Component from `@m3e/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail-toggle>` 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-nav-rail-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail-toggle` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRailToggle = createComponent({\r\n  tagName: \"m3e-nav-rail-toggle\",\r\n  elementClass: M3eNavRailToggleElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eNavRail","createComponent","tagName","elementClass","M3eNavRailElement","react","React","events","onChange","M3eNavRailToggle","M3eNavRailToggleElement"],"mappings":";;;;;wJAmBO,MAAMA,EAAaC,EAAgB,CACxCC,QAAS,eACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,SAAU,YCLDC,EAAmBR,EAAgB,CAC9CC,QAAS,sBACTC,aAAcO,EACdL,MAAOC"}
+{"version":3,"file":"nav-rail.min.js","sources":["../../src/utils/createComponent.ts","../../src/nav-rail/NavRail.ts","../../src/nav-rail/NavRailToggle.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 { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail` Web Component from `@m3e/web/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail>` 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-nav-rail>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRail = createComponent({\r\n  tagName: \"m3e-nav-rail\",\r\n  elementClass: M3eNavRailElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\nexport type { M3eNavRailToggleElement } from \"@m3e/web/nav-rail\";\r\n\r\n/**\r\n * React binding for the `m3e-nav-rail-toggle` Web Component from `@m3e/web/nav-rail`.\r\n *\r\n * This component renders the underlying `<m3e-nav-rail-toggle>` 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-nav-rail-toggle>` instance for imperative access.\r\n *\r\n * See the `m3e-nav-rail-toggle` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eNavRailToggle = createComponent({\r\n  tagName: \"m3e-nav-rail-toggle\",\r\n  elementClass: M3eNavRailToggleElement,\r\n  react: React,\r\n});\r\n"],"names":["createComponent","react","tagName","elementClass","events","displayName","window","createReactComponent","M3eNavRail","M3eNavRailElement","React","onChange","M3eNavRailToggle","M3eNavRailToggleElement"],"mappings":";;;;;wJA6BM,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,EAAaR,EAAgB,CACxCE,QAAS,eACTC,aAAcM,EACdR,MAAOS,EACPN,OAAQ,CACNO,SAAU,YCLDC,EAAmBZ,EAAgB,CAC9CE,QAAS,sBACTC,aAAcU,EACdZ,MAAOS"}

package/dist/option.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eOptionElement, M3eOptGroupElement } from '@m3e/web/option';
 
 /**
- * React binding for the `m3e-option` Web Component from `@m3e/option`.
+ * 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-option` Web Component from `@m3e/web/option`.
  *
  * This component renders the underlying `<m3e-option>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -29,7 +60,7 @@ const M3eOption = createComponent({
 });
 
 /**
- * React binding for the `m3e-optgroup` Web Component from `@m3e/option`.
+ * React binding for the `m3e-optgroup` Web Component from `@m3e/web/option`.
  *
  * This component renders the underlying `<m3e-optgroup>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/option.js.map

@@ -1 +1 @@
-{"version":3,"file":"option.js","sources":["../../src/option/Option.ts","../../src/option/OptGroup.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eOptionElement } from \"@m3e/web/option\";\r\nexport type { M3eOptionElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * React binding for the `m3e-option` Web Component from `@m3e/option`.\r\n *\r\n * This component renders the underlying `<m3e-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-option>` instance for imperative access.\r\n *\r\n * See the `m3e-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eOption = createComponent({\r\n  tagName: \"m3e-option\",\r\n  elementClass: M3eOptionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eOptGroupElement } from \"@m3e/web/option\";\r\nexport type { M3eOptGroupElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * React binding for the `m3e-optgroup` Web Component from `@m3e/option`.\r\n *\r\n * This component renders the underlying `<m3e-optgroup>` 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-optgroup>` instance for imperative access.\r\n *\r\n * See the `m3e-optgroup` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eOptGroup = createComponent({\r\n  tagName: \"m3e-optgroup\",\r\n  elementClass: M3eOptGroupElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,SAAS,GAAG,eAAe,CAAC;AACvC,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,WAAW,GAAG,eAAe,CAAC;AACzC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"option.js","sources":["../../src/utils/createComponent.ts","../../src/option/Option.ts","../../src/option/OptGroup.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 { M3eOptionElement } from \"@m3e/web/option\";\r\nexport type { M3eOptionElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * React binding for the `m3e-option` Web Component from `@m3e/web/option`.\r\n *\r\n * This component renders the underlying `<m3e-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-option>` instance for imperative access.\r\n *\r\n * See the `m3e-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eOption = createComponent({\r\n  tagName: \"m3e-option\",\r\n  elementClass: M3eOptionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eOptGroupElement } from \"@m3e/web/option\";\r\nexport type { M3eOptGroupElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * React binding for the `m3e-optgroup` Web Component from `@m3e/web/option`.\r\n *\r\n * This component renders the underlying `<m3e-optgroup>` 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-optgroup>` instance for imperative access.\r\n *\r\n * See the `m3e-optgroup` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eOptGroup = createComponent({\r\n  tagName: \"m3e-optgroup\",\r\n  elementClass: M3eOptGroupElement,\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,SAAS,GAAG,eAAe,CAAC;AACvC,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,YAAY,EAAE,gBAAgB;AAC9B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,WAAW,GAAG,eAAe,CAAC;AACzC,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

package/dist/option.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{M3eOptionElement as o,M3eOptGroupElement as m}from"@m3e/web/option";const r=t({tagName:"m3e-option",elementClass:o,react:e}),a=t({tagName:"m3e-optgroup",elementClass:m,react:e});export{a as M3eOptGroup,r as M3eOption};
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eOptionElement as a,M3eOptGroupElement as m}from"@m3e/web/option";function n({react:e,tagName:a,elementClass:m,events:n,displayName:o}){return"undefined"!=typeof window?t({react:e,tagName:a,elementClass:m,events:n,displayName:o}):null}const o=n({tagName:"m3e-option",elementClass:a,react:e}),r=n({tagName:"m3e-optgroup",elementClass:m,react:e});export{r as M3eOptGroup,o as M3eOption};
 //# sourceMappingURL=option.min.js.map

package/dist/option.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"option.min.js","sources":["../../src/option/Option.ts","../../src/option/OptGroup.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eOptionElement } from \"@m3e/web/option\";\r\nexport type { M3eOptionElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * React binding for the `m3e-option` Web Component from `@m3e/option`.\r\n *\r\n * This component renders the underlying `<m3e-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-option>` instance for imperative access.\r\n *\r\n * See the `m3e-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eOption = createComponent({\r\n  tagName: \"m3e-option\",\r\n  elementClass: M3eOptionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eOptGroupElement } from \"@m3e/web/option\";\r\nexport type { M3eOptGroupElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * React binding for the `m3e-optgroup` Web Component from `@m3e/option`.\r\n *\r\n * This component renders the underlying `<m3e-optgroup>` 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-optgroup>` instance for imperative access.\r\n *\r\n * See the `m3e-optgroup` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eOptGroup = createComponent({\r\n  tagName: \"m3e-optgroup\",\r\n  elementClass: M3eOptGroupElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eOption","createComponent","tagName","elementClass","M3eOptionElement","react","React","M3eOptGroup","M3eOptGroupElement"],"mappings":";;;;;gJAmBO,MAAMA,EAAYC,EAAgB,CACvCC,QAAS,aACTC,aAAcC,EACdC,MAAOC,ICHIC,EAAcN,EAAgB,CACzCC,QAAS,eACTC,aAAcK,EACdH,MAAOC"}
+{"version":3,"file":"option.min.js","sources":["../../src/utils/createComponent.ts","../../src/option/Option.ts","../../src/option/OptGroup.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 { M3eOptionElement } from \"@m3e/web/option\";\r\nexport type { M3eOptionElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * React binding for the `m3e-option` Web Component from `@m3e/web/option`.\r\n *\r\n * This component renders the underlying `<m3e-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-option>` instance for imperative access.\r\n *\r\n * See the `m3e-option` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eOption = createComponent({\r\n  tagName: \"m3e-option\",\r\n  elementClass: M3eOptionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eOptGroupElement } from \"@m3e/web/option\";\r\nexport type { M3eOptGroupElement } from \"@m3e/web/option\";\r\n\r\n/**\r\n * React binding for the `m3e-optgroup` Web Component from `@m3e/web/option`.\r\n *\r\n * This component renders the underlying `<m3e-optgroup>` 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-optgroup>` instance for imperative access.\r\n *\r\n * See the `m3e-optgroup` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eOptGroup = createComponent({\r\n  tagName: \"m3e-optgroup\",\r\n  elementClass: M3eOptGroupElement,\r\n  react: React,\r\n});\r\n"],"names":["createComponent","react","tagName","elementClass","events","displayName","window","createReactComponent","M3eOption","M3eOptionElement","React","M3eOptGroup","M3eOptGroupElement"],"mappings":";;;;;gJA6BM,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,EAAYR,EAAgB,CACvCE,QAAS,aACTC,aAAcM,EACdR,MAAOS,ICHIC,EAAcX,EAAgB,CACzCE,QAAS,eACTC,aAAcS,EACdX,MAAOS"}

package/dist/paginator.js

@@ -10,7 +10,7 @@ import { createComponent } from '@lit/react';
 import { M3ePaginatorElement } from '@m3e/web/paginator';
 
 /**
- * React binding for the `m3e-paginator` Web Component from `@m3e/paginator`.
+ * React binding for the `m3e-paginator` Web Component from `@m3e/web/paginator`.
  *
  * This component renders the underlying `<m3e-paginator>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/paginator.js.map

@@ -1 +1 @@
-{"version":3,"file":"paginator.js","sources":["../../src/paginator/Paginator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3ePaginatorElement, PageEventDetail } from \"@m3e/web/paginator\";\r\nexport type { M3ePaginatorElement, PageEventDetail } from \"@m3e/web/paginator\";\r\n\r\n/**\r\n * React binding for the `m3e-paginator` Web Component from `@m3e/paginator`.\r\n *\r\n * This component renders the underlying `<m3e-paginator>` 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-paginator>` instance for imperative access.\r\n *\r\n * See the `m3e-paginator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePaginator = createComponent({\r\n  tagName: \"m3e-paginator\",\r\n  elementClass: M3ePaginatorElement,\r\n  react: React,\r\n  events: {\r\n    onPage: \"page\" as EventName<CustomEvent<PageEventDetail>>,\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,YAAY,GAAG,eAAe,CAAC;AAC1C,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,YAAY,EAAE,mBAAmB;AACjC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,MAAM,EAAE,MAAiD;AAC1D,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"paginator.js","sources":["../../src/paginator/Paginator.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent, EventName } from \"@lit/react\";\r\n\r\nimport { M3ePaginatorElement, PageEventDetail } from \"@m3e/web/paginator\";\r\nexport type { M3ePaginatorElement, PageEventDetail } from \"@m3e/web/paginator\";\r\n\r\n/**\r\n * React binding for the `m3e-paginator` Web Component from `@m3e/web/paginator`.\r\n *\r\n * This component renders the underlying `<m3e-paginator>` 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-paginator>` instance for imperative access.\r\n *\r\n * See the `m3e-paginator` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3ePaginator = createComponent({\r\n  tagName: \"m3e-paginator\",\r\n  elementClass: M3ePaginatorElement,\r\n  react: React,\r\n  events: {\r\n    onPage: \"page\" as EventName<CustomEvent<PageEventDetail>>,\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,YAAY,GAAG,eAAe,CAAC;AAC1C,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,YAAY,EAAE,mBAAmB;AACjC,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,MAAM,EAAE,MAAiD;AAC1D,KAAA;AACF,CAAA;;;;"}