@m3e/react 2.0.0 → 2.0.1

package/dist/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../src/tabs/Tab.ts","../../src/tabs/TabPanel.ts","../../src/tabs/Tabs.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTabElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabElement } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tab` Web Component from `@m3e/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tab>` 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-tab>` instance for imperative access.\r\n *\r\n * See the `m3e-tab` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTab = createComponent({\r\n  tagName: \"m3e-tab\",\r\n  elementClass: M3eTabElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTabPanelElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabPanelElement } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tab-panel` Web Component from `@m3e/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tab-panel>` 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-tab-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-tab-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTabPanel = createComponent({\r\n  tagName: \"m3e-tab-panel\",\r\n  elementClass: M3eTabPanelElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTabsElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabsElement, TabVariant, TabHeaderPosition } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tabs` Web Component from `@m3e/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tabs>` 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-tabs>` instance for imperative access.\r\n *\r\n * See the `m3e-tabs` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTabs = createComponent({\r\n  tagName: \"m3e-tabs\",\r\n  elementClass: M3eTabsElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,MAAM,GAAG,eAAe,CAAC;AACpC,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,YAAY,EAAE,aAAa;AAC3B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAM,WAAW,GAAG,eAAe,CAAC;AACzC,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,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,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"tabs.js","sources":["../../src/utils/createComponent.ts","../../src/tabs/Tab.ts","../../src/tabs/TabPanel.ts","../../src/tabs/Tabs.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 { M3eTabElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabElement } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tab` Web Component from `@m3e/web/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tab>` 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-tab>` instance for imperative access.\r\n *\r\n * See the `m3e-tab` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTab = createComponent({\r\n  tagName: \"m3e-tab\",\r\n  elementClass: M3eTabElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eTabPanelElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabPanelElement } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tab-panel` Web Component from `@m3e/web/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tab-panel>` 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-tab-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-tab-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTabPanel = createComponent({\r\n  tagName: \"m3e-tab-panel\",\r\n  elementClass: M3eTabPanelElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eTabsElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabsElement, TabVariant, TabHeaderPosition } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tabs` Web Component from `@m3e/web/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tabs>` 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-tabs>` instance for imperative access.\r\n *\r\n * See the `m3e-tabs` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTabs = createComponent({\r\n  tagName: \"m3e-tabs\",\r\n  elementClass: M3eTabsElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["createReactComponent"],"mappings":";;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH;AACM,SAAU,eAAe,CAAmD,EAChF,KAAK,EACL,OAAO,EACP,YAAY,EACZ,MAAM,EACN,WAAW,GACG,EAAA;IACd,OAAO,OAAO,MAAM,KAAK;AACvB,UAAEA,iBAAoB,CAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE;UAC7C,IAAK;AAC9C;;ACjCA;;;;;;;;;;;;AAYG;AACI,MAAM,MAAM,GAAG,eAAe,CAAC;AACpC,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,YAAY,EAAE,aAAa;AAC3B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAM,WAAW,GAAG,eAAe,CAAC;AACzC,IAAA,OAAO,EAAE,eAAe;AACxB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,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,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;;;"}

package/dist/tabs.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{M3eTabElement as a,M3eTabPanelElement as n,M3eTabsElement as m}from"@m3e/web/tabs";const c=t({tagName:"m3e-tab",elementClass:a,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),o=t({tagName:"m3e-tab-panel",elementClass:n,react:e}),r=t({tagName:"m3e-tabs",elementClass:m,react:e,events:{onChange:"change"}});export{c as M3eTab,o as M3eTabPanel,r as M3eTabs};
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eTabElement as a,M3eTabPanelElement as n,M3eTabsElement as m}from"@m3e/web/tabs";function s({react:e,tagName:a,elementClass:n,events:m,displayName:s}){return"undefined"!=typeof window?t({react:e,tagName:a,elementClass:n,events:m,displayName:s}):null}const l=s({tagName:"m3e-tab",elementClass:a,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),o=s({tagName:"m3e-tab-panel",elementClass:n,react:e}),r=s({tagName:"m3e-tabs",elementClass:m,react:e,events:{onChange:"change"}});export{l as M3eTab,o as M3eTabPanel,r as M3eTabs};
 //# sourceMappingURL=tabs.min.js.map

package/dist/tabs.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.min.js","sources":["../../src/tabs/Tab.ts","../../src/tabs/TabPanel.ts","../../src/tabs/Tabs.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTabElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabElement } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tab` Web Component from `@m3e/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tab>` 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-tab>` instance for imperative access.\r\n *\r\n * See the `m3e-tab` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTab = createComponent({\r\n  tagName: \"m3e-tab\",\r\n  elementClass: M3eTabElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTabPanelElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabPanelElement } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tab-panel` Web Component from `@m3e/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tab-panel>` 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-tab-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-tab-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTabPanel = createComponent({\r\n  tagName: \"m3e-tab-panel\",\r\n  elementClass: M3eTabPanelElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTabsElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabsElement, TabVariant, TabHeaderPosition } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tabs` Web Component from `@m3e/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tabs>` 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-tabs>` instance for imperative access.\r\n *\r\n * See the `m3e-tabs` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTabs = createComponent({\r\n  tagName: \"m3e-tabs\",\r\n  elementClass: M3eTabsElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["M3eTab","createComponent","tagName","elementClass","M3eTabElement","react","React","events","onInput","onChange","onClick","M3eTabPanel","M3eTabPanelElement","M3eTabs","M3eTabsElement"],"mappings":";;;;;+JAmBO,MAAMA,EAASC,EAAgB,CACpCC,QAAS,UACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTC,SAAU,SACVC,QAAS,WCPAC,EAAcV,EAAgB,CACzCC,QAAS,gBACTC,aAAcS,EACdP,MAAOC,ICHIO,EAAUZ,EAAgB,CACrCC,QAAS,WACTC,aAAcW,EACdT,MAAOC,EACPC,OAAQ,CACNE,SAAU"}
+{"version":3,"file":"tabs.min.js","sources":["../../src/utils/createComponent.ts","../../src/tabs/Tab.ts","../../src/tabs/TabPanel.ts","../../src/tabs/Tabs.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 { M3eTabElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabElement } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tab` Web Component from `@m3e/web/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tab>` 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-tab>` instance for imperative access.\r\n *\r\n * See the `m3e-tab` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTab = createComponent({\r\n  tagName: \"m3e-tab\",\r\n  elementClass: M3eTabElement,\r\n  react: React,\r\n  events: {\r\n    onInput: \"input\",\r\n    onChange: \"change\",\r\n    onClick: \"click\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eTabPanelElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabPanelElement } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tab-panel` Web Component from `@m3e/web/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tab-panel>` 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-tab-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-tab-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTabPanel = createComponent({\r\n  tagName: \"m3e-tab-panel\",\r\n  elementClass: M3eTabPanelElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eTabsElement } from \"@m3e/web/tabs\";\r\nexport type { M3eTabsElement, TabVariant, TabHeaderPosition } from \"@m3e/web/tabs\";\r\n\r\n/**\r\n * React binding for the `m3e-tabs` Web Component from `@m3e/web/tabs`.\r\n *\r\n * This component renders the underlying `<m3e-tabs>` 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-tabs>` instance for imperative access.\r\n *\r\n * See the `m3e-tabs` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTabs = createComponent({\r\n  tagName: \"m3e-tabs\",\r\n  elementClass: M3eTabsElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["createComponent","react","tagName","elementClass","events","displayName","window","createReactComponent","M3eTab","M3eTabElement","React","onInput","onChange","onClick","M3eTabPanel","M3eTabPanelElement","M3eTabs","M3eTabsElement"],"mappings":";;;;;+JA6BM,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,EAASR,EAAgB,CACpCE,QAAS,UACTC,aAAcM,EACdR,MAAOS,EACPN,OAAQ,CACNO,QAAS,QACTC,SAAU,SACVC,QAAS,WCPAC,EAAcd,EAAgB,CACzCE,QAAS,gBACTC,aAAcY,EACdd,MAAOS,ICHIM,EAAUhB,EAAgB,CACrCE,QAAS,WACTC,aAAcc,EACdhB,MAAOS,EACPN,OAAQ,CACNQ,SAAU"}

package/dist/textarea-autosize.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eTextareaAutosizeElement } from '@m3e/web/textarea-autosize';
 
 /**
- * React binding for the `m3e-textarea-autosize` Web Component from `@m3e/textarea-autosize`.
+ * 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-textarea-autosize` Web Component from `@m3e/web/textarea-autosize`.
  *
  * This component renders the underlying `<m3e-textarea-autosize>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/textarea-autosize.js.map

@@ -1 +1 @@
-{"version":3,"file":"textarea-autosize.js","sources":["../../src/textarea-autosize/TextareaAutosize.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTextareaAutosizeElement } from \"@m3e/web/textarea-autosize\";\r\nexport type { M3eTextareaAutosizeElement } from \"@m3e/web/textarea-autosize\";\r\n\r\n/**\r\n * React binding for the `m3e-textarea-autosize` Web Component from `@m3e/textarea-autosize`.\r\n *\r\n * This component renders the underlying `<m3e-textarea-autosize>` 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-textarea-autosize>` instance for imperative access.\r\n *\r\n * See the `m3e-textarea-autosize` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextareaAutosize = createComponent({\r\n  tagName: \"m3e-textarea-autosize\",\r\n  elementClass: M3eTextareaAutosizeElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,mBAAmB,GAAG,eAAe,CAAC;AACjD,IAAA,OAAO,EAAE,uBAAuB;AAChC,IAAA,YAAY,EAAE,0BAA0B;AACxC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"textarea-autosize.js","sources":["../../src/utils/createComponent.ts","../../src/textarea-autosize/TextareaAutosize.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 { M3eTextareaAutosizeElement } from \"@m3e/web/textarea-autosize\";\r\nexport type { M3eTextareaAutosizeElement } from \"@m3e/web/textarea-autosize\";\r\n\r\n/**\r\n * React binding for the `m3e-textarea-autosize` Web Component from `@m3e/web/textarea-autosize`.\r\n *\r\n * This component renders the underlying `<m3e-textarea-autosize>` 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-textarea-autosize>` instance for imperative access.\r\n *\r\n * See the `m3e-textarea-autosize` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTextareaAutosize = createComponent({\r\n  tagName: \"m3e-textarea-autosize\",\r\n  elementClass: M3eTextareaAutosizeElement,\r\n  react: React,\r\n});\r\n"],"names":["createReactComponent"],"mappings":";;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH;AACM,SAAU,eAAe,CAAmD,EAChF,KAAK,EACL,OAAO,EACP,YAAY,EACZ,MAAM,EACN,WAAW,GACG,EAAA;IACd,OAAO,OAAO,MAAM,KAAK;AACvB,UAAEA,iBAAoB,CAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE;UAC7C,IAAK;AAC9C;;ACjCA;;;;;;;;;;;;AAYG;AACI,MAAM,mBAAmB,GAAG,eAAe,CAAC;AACjD,IAAA,OAAO,EAAE,uBAAuB;AAChC,IAAA,YAAY,EAAE,0BAA0B;AACxC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

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

package/dist/textarea-autosize.min.js.map

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

package/dist/theme.js

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

package/dist/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","sources":["../../src/theme/Theme.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eThemeElement } from \"@m3e/web/theme\";\r\nexport type { ColorScheme, ContrastLevel, MotionScheme, M3eThemeElement } from \"@m3e/web/theme\";\r\n\r\n/**\r\n * React binding for the `m3e-theme` Web Component from `@m3e/theme`.\r\n *\r\n * This component renders the underlying `<m3e-theme>` 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-theme>` instance for imperative access.\r\n *\r\n * See the `m3e-theme` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTheme = createComponent({\r\n  tagName: \"m3e-theme\",\r\n  elementClass: M3eThemeElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,QAAQ,GAAG,eAAe,CAAC;AACtC,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,YAAY,EAAE,eAAe;AAC7B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"theme.js","sources":["../../src/utils/createComponent.ts","../../src/theme/Theme.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 { M3eThemeElement } from \"@m3e/web/theme\";\r\nexport type { ColorScheme, ContrastLevel, MotionScheme, M3eThemeElement } from \"@m3e/web/theme\";\r\n\r\n/**\r\n * React binding for the `m3e-theme` Web Component from `@m3e/web/theme`.\r\n *\r\n * This component renders the underlying `<m3e-theme>` 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-theme>` instance for imperative access.\r\n *\r\n * See the `m3e-theme` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTheme = createComponent({\r\n  tagName: \"m3e-theme\",\r\n  elementClass: M3eThemeElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n"],"names":["createReactComponent"],"mappings":";;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH;AACM,SAAU,eAAe,CAAmD,EAChF,KAAK,EACL,OAAO,EACP,YAAY,EACZ,MAAM,EACN,WAAW,GACG,EAAA;IACd,OAAO,OAAO,MAAM,KAAK;AACvB,UAAEA,iBAAoB,CAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE;UAC7C,IAAK;AAC9C;;ACjCA;;;;;;;;;;;;AAYG;AACI,MAAM,QAAQ,GAAG,eAAe,CAAC;AACtC,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,YAAY,EAAE,eAAe;AAC7B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;;;"}

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

package/dist/theme.min.js.map

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

package/dist/toc.js

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

package/dist/toc.js.map

@@ -1 +1 @@
-{"version":3,"file":"toc.js","sources":["../../src/toc/Toc.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTocElement } from \"@m3e/web/toc\";\r\nexport type { M3eTocElement } from \"@m3e/web/toc\";\r\n\r\n/**\r\n * React binding for the `m3e-toc` Web Component from `@m3e/toc`.\r\n *\r\n * This component renders the underlying `<m3e-toc>` 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-toc>` instance for imperative access.\r\n *\r\n * See the `m3e-toc` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eToc = createComponent({\r\n  tagName: \"m3e-toc\",\r\n  elementClass: M3eTocElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,MAAM,GAAG,eAAe,CAAC;AACpC,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,YAAY,EAAE,aAAa;AAC3B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"toc.js","sources":["../../src/utils/createComponent.ts","../../src/toc/Toc.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 { M3eTocElement } from \"@m3e/web/toc\";\r\nexport type { M3eTocElement } from \"@m3e/web/toc\";\r\n\r\n/**\r\n * React binding for the `m3e-toc` Web Component from `@m3e/web/toc`.\r\n *\r\n * This component renders the underlying `<m3e-toc>` 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-toc>` instance for imperative access.\r\n *\r\n * See the `m3e-toc` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eToc = createComponent({\r\n  tagName: \"m3e-toc\",\r\n  elementClass: M3eTocElement,\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,MAAM,GAAG,eAAe,CAAC;AACpC,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,YAAY,EAAE,aAAa;AAC3B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

package/dist/toc.min.js

@@ -3,5 +3,5 @@
  * @license MIT
  * Copyright (c) 2025 matraic
  * See LICENSE file in the project root for full license text.
- */import t from"react";import{createComponent as e}from"@lit/react";import{M3eTocElement as m}from"@m3e/web/toc";const o=e({tagName:"m3e-toc",elementClass:m,react:t});export{o as M3eToc};
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eTocElement as a}from"@m3e/web/toc";const m=function({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}({tagName:"m3e-toc",elementClass:a,react:e});export{m as M3eToc};
 //# sourceMappingURL=toc.min.js.map

package/dist/toc.min.js.map

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

package/dist/toolbar.js

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

package/dist/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","sources":["../../src/toolbar/Toolbar.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eToolbarElement } from \"@m3e/web/toolbar\";\r\nexport type { M3eToolbarElement, ToolbarVariant, ToolbarShape } from \"@m3e/web/toolbar\";\r\n\r\n/**\r\n * React binding for the `m3e-toolbar` Web Component from `@m3e/toolbar`.\r\n *\r\n * This component renders the underlying `<m3e-toolbar>` 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-toolbar>` instance for imperative access.\r\n *\r\n * See the `m3e-toolbar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eToolbar = createComponent({\r\n  tagName: \"m3e-toolbar\",\r\n  elementClass: M3eToolbarElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"toolbar.js","sources":["../../src/utils/createComponent.ts","../../src/toolbar/Toolbar.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 { M3eToolbarElement } from \"@m3e/web/toolbar\";\r\nexport type { M3eToolbarElement, ToolbarVariant, ToolbarShape } from \"@m3e/web/toolbar\";\r\n\r\n/**\r\n * React binding for the `m3e-toolbar` Web Component from `@m3e/web/toolbar`.\r\n *\r\n * This component renders the underlying `<m3e-toolbar>` 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-toolbar>` instance for imperative access.\r\n *\r\n * See the `m3e-toolbar` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eToolbar = createComponent({\r\n  tagName: \"m3e-toolbar\",\r\n  elementClass: M3eToolbarElement,\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,aAAa;AACtB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

package/dist/toolbar.min.js

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

package/dist/toolbar.min.js.map

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

package/dist/tooltip.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eRichTooltipElement, M3eRichTooltipActionElement, M3eTooltipElement } from '@m3e/web/tooltip';
 
 /**
- * React binding for the `m3e-rich-tooltip` Web Component from `@m3e/tooltip`.
+ * 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-rich-tooltip` Web Component from `@m3e/web/tooltip`.
  *
  * This component renders the underlying `<m3e-rich-tooltip>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -33,7 +64,7 @@ const M3eRichTooltip = createComponent({
 });
 
 /**
- * React binding for the `m3e-rich-tooltip-action` Web Component from `@m3e/tooltip`.
+ * React binding for the `m3e-rich-tooltip-action` Web Component from `@m3e/web/tooltip`.
  *
  * This component renders the underlying `<m3e-rich-tooltip-action>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -52,7 +83,7 @@ const M3eRichTooltipAction = createComponent({
 });
 
 /**
- * React binding for the `m3e-tooltip` Web Component from `@m3e/tooltip`.
+ * React binding for the `m3e-tooltip` Web Component from `@m3e/web/tooltip`.
  *
  * This component renders the underlying `<m3e-tooltip>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../src/tooltip/RichTooltip.ts","../../src/tooltip/RichTooltipAction.ts","../../src/tooltip/Tooltip.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRichTooltipElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eRichTooltipElement, RichTooltipPosition } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-rich-tooltip` Web Component from `@m3e/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-rich-tooltip>` 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-rich-tooltip>` instance for imperative access.\r\n *\r\n * See the `m3e-rich-tooltip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRichTooltip = createComponent({\r\n  tagName: \"m3e-rich-tooltip\",\r\n  elementClass: M3eRichTooltipElement,\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 { M3eRichTooltipActionElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eRichTooltipActionElement } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-rich-tooltip-action` Web Component from `@m3e/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-rich-tooltip-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-rich-tooltip-action>` instance for imperative access.\r\n *\r\n * See the `m3e-rich-tooltip-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRichTooltipAction = createComponent({\r\n  tagName: \"m3e-rich-tooltip-action\",\r\n  elementClass: M3eRichTooltipActionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTooltipElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eTooltipElement, TooltipPosition, TooltipTouchGestures } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-tooltip` Web Component from `@m3e/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-tooltip>` 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-tooltip>` instance for imperative access.\r\n *\r\n * See the `m3e-tooltip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTooltip = createComponent({\r\n  tagName: \"m3e-tooltip\",\r\n  elementClass: M3eTooltipElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,qBAAqB;AACnC,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,oBAAoB,GAAG,eAAe,CAAC;AAClD,IAAA,OAAO,EAAE,yBAAyB;AAClC,IAAA,YAAY,EAAE,2BAA2B;AACzC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"tooltip.js","sources":["../../src/utils/createComponent.ts","../../src/tooltip/RichTooltip.ts","../../src/tooltip/RichTooltipAction.ts","../../src/tooltip/Tooltip.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 { M3eRichTooltipElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eRichTooltipElement, RichTooltipPosition } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-rich-tooltip` Web Component from `@m3e/web/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-rich-tooltip>` 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-rich-tooltip>` instance for imperative access.\r\n *\r\n * See the `m3e-rich-tooltip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRichTooltip = createComponent({\r\n  tagName: \"m3e-rich-tooltip\",\r\n  elementClass: M3eRichTooltipElement,\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 { M3eRichTooltipActionElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eRichTooltipActionElement } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-rich-tooltip-action` Web Component from `@m3e/web/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-rich-tooltip-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-rich-tooltip-action>` instance for imperative access.\r\n *\r\n * See the `m3e-rich-tooltip-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRichTooltipAction = createComponent({\r\n  tagName: \"m3e-rich-tooltip-action\",\r\n  elementClass: M3eRichTooltipActionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eTooltipElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eTooltipElement, TooltipPosition, TooltipTouchGestures } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-tooltip` Web Component from `@m3e/web/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-tooltip>` 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-tooltip>` instance for imperative access.\r\n *\r\n * See the `m3e-tooltip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTooltip = createComponent({\r\n  tagName: \"m3e-tooltip\",\r\n  elementClass: M3eTooltipElement,\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,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,qBAAqB;AACnC,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,oBAAoB,GAAG,eAAe,CAAC;AAClD,IAAA,OAAO,EAAE,yBAAyB;AAClC,IAAA,YAAY,EAAE,2BAA2B;AACzC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,UAAU,GAAG,eAAe,CAAC;AACxC,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,YAAY,EAAE,iBAAiB;AAC/B,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

package/dist/tooltip.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{M3eRichTooltipElement as o,M3eRichTooltipActionElement as l,M3eTooltipElement as m}from"@m3e/web/tooltip";const r=t({tagName:"m3e-rich-tooltip",elementClass:o,react:e,events:{onBeforeToggle:"beforetoggle",onToggle:"toggle"}}),a=t({tagName:"m3e-rich-tooltip-action",elementClass:l,react:e}),i=t({tagName:"m3e-tooltip",elementClass:m,react:e});export{r as M3eRichTooltip,a as M3eRichTooltipAction,i as M3eTooltip};
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eRichTooltipElement as o,M3eRichTooltipActionElement as a,M3eTooltipElement as l}from"@m3e/web/tooltip";function m({react:e,tagName:o,elementClass:a,events:l,displayName:m}){return"undefined"!=typeof window?t({react:e,tagName:o,elementClass:a,events:l,displayName:m}):null}const n=m({tagName:"m3e-rich-tooltip",elementClass:o,react:e,events:{onBeforeToggle:"beforetoggle",onToggle:"toggle"}}),r=m({tagName:"m3e-rich-tooltip-action",elementClass:a,react:e}),s=m({tagName:"m3e-tooltip",elementClass:l,react:e});export{n as M3eRichTooltip,r as M3eRichTooltipAction,s as M3eTooltip};
 //# sourceMappingURL=tooltip.min.js.map

package/dist/tooltip.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.min.js","sources":["../../src/tooltip/RichTooltip.ts","../../src/tooltip/RichTooltipAction.ts","../../src/tooltip/Tooltip.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eRichTooltipElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eRichTooltipElement, RichTooltipPosition } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-rich-tooltip` Web Component from `@m3e/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-rich-tooltip>` 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-rich-tooltip>` instance for imperative access.\r\n *\r\n * See the `m3e-rich-tooltip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRichTooltip = createComponent({\r\n  tagName: \"m3e-rich-tooltip\",\r\n  elementClass: M3eRichTooltipElement,\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 { M3eRichTooltipActionElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eRichTooltipActionElement } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-rich-tooltip-action` Web Component from `@m3e/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-rich-tooltip-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-rich-tooltip-action>` instance for imperative access.\r\n *\r\n * See the `m3e-rich-tooltip-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRichTooltipAction = createComponent({\r\n  tagName: \"m3e-rich-tooltip-action\",\r\n  elementClass: M3eRichTooltipActionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eTooltipElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eTooltipElement, TooltipPosition, TooltipTouchGestures } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-tooltip` Web Component from `@m3e/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-tooltip>` 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-tooltip>` instance for imperative access.\r\n *\r\n * See the `m3e-tooltip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTooltip = createComponent({\r\n  tagName: \"m3e-tooltip\",\r\n  elementClass: M3eTooltipElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eRichTooltip","createComponent","tagName","elementClass","M3eRichTooltipElement","react","React","events","onBeforeToggle","onToggle","M3eRichTooltipAction","M3eRichTooltipActionElement","M3eTooltip","M3eTooltipElement"],"mappings":";;;;;sLAmBO,MAAMA,EAAiBC,EAAgB,CAC5CC,QAAS,mBACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,eAAgB,eAChBC,SAAU,YCNDC,EAAuBT,EAAgB,CAClDC,QAAS,0BACTC,aAAcQ,EACdN,MAAOC,ICHIM,EAAaX,EAAgB,CACxCC,QAAS,cACTC,aAAcU,EACdR,MAAOC"}
+{"version":3,"file":"tooltip.min.js","sources":["../../src/utils/createComponent.ts","../../src/tooltip/RichTooltip.ts","../../src/tooltip/RichTooltipAction.ts","../../src/tooltip/Tooltip.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 { M3eRichTooltipElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eRichTooltipElement, RichTooltipPosition } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-rich-tooltip` Web Component from `@m3e/web/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-rich-tooltip>` 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-rich-tooltip>` instance for imperative access.\r\n *\r\n * See the `m3e-rich-tooltip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRichTooltip = createComponent({\r\n  tagName: \"m3e-rich-tooltip\",\r\n  elementClass: M3eRichTooltipElement,\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 { M3eRichTooltipActionElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eRichTooltipActionElement } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-rich-tooltip-action` Web Component from `@m3e/web/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-rich-tooltip-action>` element and exposes its\r\n * properties, attributes, and events through an idiomatic React interface.\r\n *\r\n * Props map directly to element properties, and event handlers receive the\r\n * native DOM events dispatched by the component. Refs are forwarded to the\r\n * underlying `<m3e-rich-tooltip-action>` instance for imperative access.\r\n *\r\n * See the `m3e-rich-tooltip-action` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eRichTooltipAction = createComponent({\r\n  tagName: \"m3e-rich-tooltip-action\",\r\n  elementClass: M3eRichTooltipActionElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eTooltipElement } from \"@m3e/web/tooltip\";\r\nexport type { M3eTooltipElement, TooltipPosition, TooltipTouchGestures } from \"@m3e/web/tooltip\";\r\n\r\n/**\r\n * React binding for the `m3e-tooltip` Web Component from `@m3e/web/tooltip`.\r\n *\r\n * This component renders the underlying `<m3e-tooltip>` 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-tooltip>` instance for imperative access.\r\n *\r\n * See the `m3e-tooltip` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eTooltip = createComponent({\r\n  tagName: \"m3e-tooltip\",\r\n  elementClass: M3eTooltipElement,\r\n  react: React,\r\n});\r\n"],"names":["createComponent","react","tagName","elementClass","events","displayName","window","createReactComponent","M3eRichTooltip","M3eRichTooltipElement","React","onBeforeToggle","onToggle","M3eRichTooltipAction","M3eRichTooltipActionElement","M3eTooltip","M3eTooltipElement"],"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,EAAiBR,EAAgB,CAC5CE,QAAS,mBACTC,aAAcM,EACdR,MAAOS,EACPN,OAAQ,CACNO,eAAgB,eAChBC,SAAU,YCNDC,EAAuBb,EAAgB,CAClDE,QAAS,0BACTC,aAAcW,EACdb,MAAOS,ICHIK,EAAaf,EAAgB,CACxCE,QAAS,cACTC,aAAca,EACdf,MAAOS"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m3e/react",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "React bindings for M3E Web Components",
   "author": "matraic <matraic@yahoo.com>",
   "license": "MIT",
@@ -55,6 +55,10 @@
       "types": "./dist/src/chips/index.d.ts",
       "default": "./dist/chips.js"
     },
+    "./core": {
+      "types": "./dist/src/core/index.d.ts",
+      "default": "./dist/core.js"
+    },
     "./dialog": {
       "types": "./dist/src/dialog/index.d.ts",
       "default": "./dist/dialog.js"
@@ -208,7 +212,7 @@
   },
   "peerDependencies": {
     "@lit/react": "^1.0.8",
-    "@m3e/web": "^2.0.0",
+    "@m3e/web": "^2.0.1",
     "lit": "^3.3.0",
     "react": ">=18"
   }