@m3e/react 2.0.0 → 2.0.2

package/dist/src/slider/SliderThumb.d.ts

@@ -1,7 +1,7 @@
 import { M3eSliderThumbElement } from "@m3e/web/slider";
 export type { M3eSliderThumbElement } from "@m3e/web/slider";
 /**
- * React binding for the `m3e-slider-thumb` Web Component from `@m3e/slider`.
+ * React binding for the `m3e-slider-thumb` Web Component from `@m3e/web/slider`.
  *
  * This component renders the underlying `<m3e-slider-thumb>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/split-button/SplitButton.d.ts

@@ -1,7 +1,7 @@
 import { M3eSplitButtonElement } from "@m3e/web/split-button";
 export type { M3eSplitButtonElement, SplitButtonVariant } from "@m3e/web/split-button";
 /**
- * React binding for the `m3e-split-button` Web Component from `@m3e/split-button`.
+ * React binding for the `m3e-split-button` Web Component from `@m3e/web/split-button`.
  *
  * This component renders the underlying `<m3e-split-button>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/stepper/Step.d.ts

@@ -1,7 +1,7 @@
 import { M3eStepElement } from "@m3e/web/stepper";
 export type { M3eStepElement } from "@m3e/web/stepper";
 /**
- * React binding for the `m3e-step` Web Component from `@m3e/stepper`.
+ * React binding for the `m3e-step` Web Component from `@m3e/web/stepper`.
  *
  * This component renders the underlying `<m3e-step>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/stepper/StepPanel.d.ts

@@ -1,7 +1,7 @@
 import { M3eStepPanelElement } from "@m3e/web/stepper";
 export type { M3eStepPanelElement } from "@m3e/web/stepper";
 /**
- * React binding for the `m3e-step-panel` Web Component from `@m3e/stepper`.
+ * React binding for the `m3e-step-panel` Web Component from `@m3e/web/stepper`.
  *
  * This component renders the underlying `<m3e-step-panel>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/stepper/Stepper.d.ts

@@ -1,7 +1,7 @@
 import { M3eStepperElement } from "@m3e/web/stepper";
 export type { M3eStepperElement, StepperOrientation, StepLabelPosition, StepHeaderPosition } from "@m3e/web/stepper";
 /**
- * React binding for the `m3e-stepper` Web Component from `@m3e/stepper`.
+ * React binding for the `m3e-stepper` Web Component from `@m3e/web/stepper`.
  *
  * This component renders the underlying `<m3e-stepper>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/stepper/StepperNext.d.ts

@@ -1,7 +1,7 @@
 import { M3eStepperNextElement } from "@m3e/web/stepper";
 export type { M3eStepperNextElement } from "@m3e/web/stepper";
 /**
- * React binding for the `m3e-stepper-next` Web Component from `@m3e/stepper`.
+ * React binding for the `m3e-stepper-next` Web Component from `@m3e/web/stepper`.
  *
  * This component renders the underlying `<m3e-stepper-next>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/stepper/StepperPrevious.d.ts

@@ -1,7 +1,7 @@
 import { M3eStepperPreviousElement } from "@m3e/web/stepper";
 export type { M3eStepperPreviousElement } from "@m3e/web/stepper";
 /**
- * React binding for the `m3e-stepper-previous` Web Component from `@m3e/stepper`.
+ * React binding for the `m3e-stepper-previous` Web Component from `@m3e/web/stepper`.
  *
  * This component renders the underlying `<m3e-stepper-previous>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/stepper/StepperReset.d.ts

@@ -1,7 +1,7 @@
 import { M3eStepperResetElement } from "@m3e/web/stepper";
 export type { M3eStepperResetElement } from "@m3e/web/stepper";
 /**
- * React binding for the `m3e-stepper-reset` Web Component from `@m3e/stepper`.
+ * React binding for the `m3e-stepper-reset` Web Component from `@m3e/web/stepper`.
  *
  * This component renders the underlying `<m3e-stepper-reset>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/switch/Switch.d.ts

@@ -1,7 +1,7 @@
 import { M3eSwitchElement } from "@m3e/web/switch";
 export type { M3eSwitchElement, SwitchIcons } from "@m3e/web/switch";
 /**
- * React binding for the `m3e-switch` Web Component from `@m3e/switch`.
+ * React binding for the `m3e-switch` Web Component from `@m3e/web/switch`.
  *
  * This component renders the underlying `<m3e-switch>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/tabs/Tab.d.ts

@@ -1,7 +1,7 @@
 import { M3eTabElement } from "@m3e/web/tabs";
 export type { M3eTabElement } from "@m3e/web/tabs";
 /**
- * React binding for the `m3e-tab` Web Component from `@m3e/tabs`.
+ * React binding for the `m3e-tab` Web Component from `@m3e/web/tabs`.
  *
  * This component renders the underlying `<m3e-tab>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/tabs/TabPanel.d.ts

@@ -1,7 +1,7 @@
 import { M3eTabPanelElement } from "@m3e/web/tabs";
 export type { M3eTabPanelElement } from "@m3e/web/tabs";
 /**
- * React binding for the `m3e-tab-panel` Web Component from `@m3e/tabs`.
+ * React binding for the `m3e-tab-panel` Web Component from `@m3e/web/tabs`.
  *
  * This component renders the underlying `<m3e-tab-panel>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/tabs/Tabs.d.ts

@@ -1,7 +1,7 @@
 import { M3eTabsElement } from "@m3e/web/tabs";
 export type { M3eTabsElement, TabVariant, TabHeaderPosition } from "@m3e/web/tabs";
 /**
- * React binding for the `m3e-tabs` Web Component from `@m3e/tabs`.
+ * React binding for the `m3e-tabs` Web Component from `@m3e/web/tabs`.
  *
  * This component renders the underlying `<m3e-tabs>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/src/textarea-autosize/TextareaAutosize.d.ts

@@ -1,7 +1,7 @@
 import { M3eTextareaAutosizeElement } from "@m3e/web/textarea-autosize";
 export type { M3eTextareaAutosizeElement } from "@m3e/web/textarea-autosize";
 /**
- * React binding for the `m3e-textarea-autosize` Web Component from `@m3e/textarea-autosize`.
+ * 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/src/theme/Theme.d.ts

@@ -1,7 +1,7 @@
 import { M3eThemeElement } from "@m3e/web/theme";
 export type { ColorScheme, ContrastLevel, MotionScheme, M3eThemeElement } from "@m3e/web/theme";
 /**
- * React binding for the `m3e-theme` Web Component from `@m3e/theme`.
+ * 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/src/toc/Toc.d.ts

@@ -1,7 +1,7 @@
 import { M3eTocElement } from "@m3e/web/toc";
 export type { M3eTocElement } from "@m3e/web/toc";
 /**
- * React binding for the `m3e-toc` Web Component from `@m3e/toc`.
+ * 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/src/toolbar/Toolbar.d.ts

@@ -1,7 +1,7 @@
 import { M3eToolbarElement } from "@m3e/web/toolbar";
 export type { M3eToolbarElement, ToolbarVariant, ToolbarShape } from "@m3e/web/toolbar";
 /**
- * React binding for the `m3e-toolbar` Web Component from `@m3e/toolbar`.
+ * 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/src/tooltip/RichTooltip.d.ts

@@ -1,7 +1,7 @@
 import { M3eRichTooltipElement } from "@m3e/web/tooltip";
 export type { M3eRichTooltipElement, RichTooltipPosition } from "@m3e/web/tooltip";
 /**
- * React binding for the `m3e-rich-tooltip` Web Component from `@m3e/tooltip`.
+ * 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.

package/dist/src/tooltip/RichTooltipAction.d.ts

@@ -1,7 +1,7 @@
 import { M3eRichTooltipActionElement } from "@m3e/web/tooltip";
 export type { M3eRichTooltipActionElement } from "@m3e/web/tooltip";
 /**
- * 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.

package/dist/src/tooltip/Tooltip.d.ts

@@ -1,7 +1,7 @@
 import { M3eTooltipElement } from "@m3e/web/tooltip";
 export type { M3eTooltipElement, TooltipPosition, TooltipTouchGestures } from "@m3e/web/tooltip";
 /**
- * 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/src/utils/createComponent.d.ts

@@ -0,0 +1,29 @@
+import { EventName, Options, ReactWebComponent } from "@lit/react";
+type EventNames = Record<string, EventName | string>;
+/**
+ * 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`.
+ */
+export declare function createComponent<I extends HTMLElement, E extends EventNames = {}>({ react, tagName, elementClass, events, displayName, }: Options<I, E>): ReactWebComponent<I, E>;
+export {};
+//# sourceMappingURL=createComponent.d.ts.map

package/dist/src/utils/createComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/createComponent.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2C,SAAS,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE5G,KAAK,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC,CAAC;AAErD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,UAAU,GAAG,EAAE,EAAE,EAChF,KAAK,EACL,OAAO,EACP,YAAY,EACZ,MAAM,EACN,WAAW,GACZ,EAAE,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAIzC"}

package/dist/src/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./createComponent";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/dist/stepper.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eStepElement, M3eStepPanelElement, M3eStepperElement, M3eStepperNextElement, M3eStepperPreviousElement, M3eStepperResetElement } from '@m3e/web/stepper';
 
 /**
- * React binding for the `m3e-step` Web Component from `@m3e/stepper`.
+ * 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-step` Web Component from `@m3e/web/stepper`.
  *
  * This component renders the underlying `<m3e-step>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -34,7 +65,7 @@ const M3eStep = createComponent({
 });
 
 /**
- * React binding for the `m3e-step-panel` Web Component from `@m3e/stepper`.
+ * React binding for the `m3e-step-panel` Web Component from `@m3e/web/stepper`.
  *
  * This component renders the underlying `<m3e-step-panel>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -53,7 +84,7 @@ const M3eStepPanel = createComponent({
 });
 
 /**
- * React binding for the `m3e-stepper` Web Component from `@m3e/stepper`.
+ * React binding for the `m3e-stepper` Web Component from `@m3e/web/stepper`.
  *
  * This component renders the underlying `<m3e-stepper>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -75,7 +106,7 @@ const M3eStepper = createComponent({
 });
 
 /**
- * React binding for the `m3e-stepper-next` Web Component from `@m3e/stepper`.
+ * React binding for the `m3e-stepper-next` Web Component from `@m3e/web/stepper`.
  *
  * This component renders the underlying `<m3e-stepper-next>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -94,7 +125,7 @@ const M3eStepperNext = createComponent({
 });
 
 /**
- * React binding for the `m3e-stepper-previous` Web Component from `@m3e/stepper`.
+ * React binding for the `m3e-stepper-previous` Web Component from `@m3e/web/stepper`.
  *
  * This component renders the underlying `<m3e-stepper-previous>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -113,7 +144,7 @@ const M3eStepperPrevious = createComponent({
 });
 
 /**
- * React binding for the `m3e-stepper-reset` Web Component from `@m3e/stepper`.
+ * React binding for the `m3e-stepper-reset` Web Component from `@m3e/web/stepper`.
  *
  * This component renders the underlying `<m3e-stepper-reset>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.

package/dist/stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.js","sources":["../../src/stepper/Step.ts","../../src/stepper/StepPanel.ts","../../src/stepper/Stepper.ts","../../src/stepper/StepperNext.ts","../../src/stepper/StepperPrevious.ts","../../src/stepper/StepperReset.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-step` Web Component from `@m3e/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-step>` 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-step>` instance for imperative access.\r\n *\r\n * See the `m3e-step` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStep = createComponent({\r\n  tagName: \"m3e-step\",\r\n  elementClass: M3eStepElement,\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 { M3eStepPanelElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepPanelElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-step-panel` Web Component from `@m3e/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-step-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-step-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-step-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepPanel = createComponent({\r\n  tagName: \"m3e-step-panel\",\r\n  elementClass: M3eStepPanelElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperElement, StepperOrientation, StepLabelPosition, StepHeaderPosition } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper` Web Component from `@m3e/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper>` 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-stepper>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepper = createComponent({\r\n  tagName: \"m3e-stepper\",\r\n  elementClass: M3eStepperElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperNextElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperNextElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-next` Web Component from `@m3e/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-next>` 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-stepper-next>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-next` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperNext = createComponent({\r\n  tagName: \"m3e-stepper-next\",\r\n  elementClass: M3eStepperNextElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperPreviousElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperPreviousElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-previous` Web Component from `@m3e/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-previous>` 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-stepper-previous>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-previous` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperPrevious = createComponent({\r\n  tagName: \"m3e-stepper-previous\",\r\n  elementClass: M3eStepperPreviousElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperResetElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperResetElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-reset` Web Component from `@m3e/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-reset>` 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-stepper-reset>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-reset` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperReset = createComponent({\r\n  tagName: \"m3e-stepper-reset\",\r\n  elementClass: M3eStepperResetElement,\r\n  react: React,\r\n});\r\n"],"names":[],"mappings":";;;;;;;;;;;AAMA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAG,eAAe,CAAC;AACrC,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAM,YAAY,GAAG,eAAe,CAAC;AAC1C,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,YAAY,EAAE,mBAAmB;AACjC,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;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,qBAAqB;AACnC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,kBAAkB,GAAG,eAAe,CAAC;AAChD,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,YAAY,EAAE,yBAAyB;AACvC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,eAAe,GAAG,eAAe,CAAC;AAC7C,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,YAAY,EAAE,sBAAsB;AACpC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}
+{"version":3,"file":"stepper.js","sources":["../../src/utils/createComponent.ts","../../src/stepper/Step.ts","../../src/stepper/StepPanel.ts","../../src/stepper/Stepper.ts","../../src/stepper/StepperNext.ts","../../src/stepper/StepperPrevious.ts","../../src/stepper/StepperReset.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 { M3eStepElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-step` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-step>` 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-step>` instance for imperative access.\r\n *\r\n * See the `m3e-step` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStep = createComponent({\r\n  tagName: \"m3e-step\",\r\n  elementClass: M3eStepElement,\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 { M3eStepPanelElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepPanelElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-step-panel` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-step-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-step-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-step-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepPanel = createComponent({\r\n  tagName: \"m3e-step-panel\",\r\n  elementClass: M3eStepPanelElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eStepperElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperElement, StepperOrientation, StepLabelPosition, StepHeaderPosition } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper>` 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-stepper>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepper = createComponent({\r\n  tagName: \"m3e-stepper\",\r\n  elementClass: M3eStepperElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eStepperNextElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperNextElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-next` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-next>` 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-stepper-next>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-next` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperNext = createComponent({\r\n  tagName: \"m3e-stepper-next\",\r\n  elementClass: M3eStepperNextElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eStepperPreviousElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperPreviousElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-previous` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-previous>` 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-stepper-previous>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-previous` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperPrevious = createComponent({\r\n  tagName: \"m3e-stepper-previous\",\r\n  elementClass: M3eStepperPreviousElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eStepperResetElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperResetElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-reset` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-reset>` 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-stepper-reset>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-reset` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperReset = createComponent({\r\n  tagName: \"m3e-stepper-reset\",\r\n  elementClass: M3eStepperResetElement,\r\n  react: React,\r\n});\r\n"],"names":["createReactComponent"],"mappings":";;;;;;;;;;;AAIA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH;AACM,SAAU,eAAe,CAAmD,EAChF,KAAK,EACL,OAAO,EACP,YAAY,EACZ,MAAM,EACN,WAAW,GACG,EAAA;IACd,OAAO,OAAO,MAAM,KAAK;AACvB,UAAEA,iBAAoB,CAAO,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE;UAC7C,IAAK;AAC9C;;ACjCA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAG,eAAe,CAAC;AACrC,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,OAAO,EAAE,OAAO;AACjB,KAAA;AACF,CAAA;;ACtBD;;;;;;;;;;;;AAYG;AACI,MAAM,YAAY,GAAG,eAAe,CAAC;AAC1C,IAAA,OAAO,EAAE,gBAAgB;AACzB,IAAA,YAAY,EAAE,mBAAmB;AACjC,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;AACZ,IAAA,MAAM,EAAE;AACN,QAAA,QAAQ,EAAE,QAAQ;AACnB,KAAA;AACF,CAAA;;ACpBD;;;;;;;;;;;;AAYG;AACI,MAAM,cAAc,GAAG,eAAe,CAAC;AAC5C,IAAA,OAAO,EAAE,kBAAkB;AAC3B,IAAA,YAAY,EAAE,qBAAqB;AACnC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,kBAAkB,GAAG,eAAe,CAAC;AAChD,IAAA,OAAO,EAAE,sBAAsB;AAC/B,IAAA,YAAY,EAAE,yBAAyB;AACvC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;ACjBD;;;;;;;;;;;;AAYG;AACI,MAAM,eAAe,GAAG,eAAe,CAAC;AAC7C,IAAA,OAAO,EAAE,mBAAmB;AAC5B,IAAA,YAAY,EAAE,sBAAsB;AACpC,IAAA,KAAK,EAAE,KAAK;AACb,CAAA;;;;"}

package/dist/stepper.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{M3eStepElement as a,M3eStepPanelElement as m,M3eStepperElement as s,M3eStepperNextElement as n,M3eStepperPreviousElement as r,M3eStepperResetElement as p}from"@m3e/web/stepper";const l=t({tagName:"m3e-step",elementClass:a,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),c=t({tagName:"m3e-step-panel",elementClass:m,react:e}),o=t({tagName:"m3e-stepper",elementClass:s,react:e,events:{onChange:"change"}}),g=t({tagName:"m3e-stepper-next",elementClass:n,react:e}),i=t({tagName:"m3e-stepper-previous",elementClass:r,react:e}),C=t({tagName:"m3e-stepper-reset",elementClass:p,react:e});export{l as M3eStep,c as M3eStepPanel,o as M3eStepper,g as M3eStepperNext,i as M3eStepperPrevious,C as M3eStepperReset};
+ */import e from"react";import{createComponent as t}from"@lit/react";import{M3eStepElement as a,M3eStepPanelElement as n,M3eStepperElement as s,M3eStepperNextElement as m,M3eStepperPreviousElement as r,M3eStepperResetElement as l}from"@m3e/web/stepper";function p({react:e,tagName:a,elementClass:n,events:s,displayName:m}){return"undefined"!=typeof window?t({react:e,tagName:a,elementClass:n,events:s,displayName:m}):null}const c=p({tagName:"m3e-step",elementClass:a,react:e,events:{onInput:"input",onChange:"change",onClick:"click"}}),o=p({tagName:"m3e-step-panel",elementClass:n,react:e}),i=p({tagName:"m3e-stepper",elementClass:s,react:e,events:{onChange:"change"}}),g=p({tagName:"m3e-stepper-next",elementClass:m,react:e}),C=p({tagName:"m3e-stepper-previous",elementClass:r,react:e}),N=p({tagName:"m3e-stepper-reset",elementClass:l,react:e});export{c as M3eStep,o as M3eStepPanel,i as M3eStepper,g as M3eStepperNext,C as M3eStepperPrevious,N as M3eStepperReset};
 //# sourceMappingURL=stepper.min.js.map

package/dist/stepper.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.min.js","sources":["../../src/stepper/Step.ts","../../src/stepper/StepPanel.ts","../../src/stepper/Stepper.ts","../../src/stepper/StepperNext.ts","../../src/stepper/StepperPrevious.ts","../../src/stepper/StepperReset.ts"],"sourcesContent":["import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-step` Web Component from `@m3e/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-step>` 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-step>` instance for imperative access.\r\n *\r\n * See the `m3e-step` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStep = createComponent({\r\n  tagName: \"m3e-step\",\r\n  elementClass: M3eStepElement,\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 { M3eStepPanelElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepPanelElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-step-panel` Web Component from `@m3e/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-step-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-step-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-step-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepPanel = createComponent({\r\n  tagName: \"m3e-step-panel\",\r\n  elementClass: M3eStepPanelElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperElement, StepperOrientation, StepLabelPosition, StepHeaderPosition } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper` Web Component from `@m3e/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper>` 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-stepper>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepper = createComponent({\r\n  tagName: \"m3e-stepper\",\r\n  elementClass: M3eStepperElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperNextElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperNextElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-next` Web Component from `@m3e/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-next>` 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-stepper-next>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-next` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperNext = createComponent({\r\n  tagName: \"m3e-stepper-next\",\r\n  elementClass: M3eStepperNextElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperPreviousElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperPreviousElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-previous` Web Component from `@m3e/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-previous>` 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-stepper-previous>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-previous` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperPrevious = createComponent({\r\n  tagName: \"m3e-stepper-previous\",\r\n  elementClass: M3eStepperPreviousElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"@lit/react\";\r\n\r\nimport { M3eStepperResetElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperResetElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-reset` Web Component from `@m3e/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-reset>` 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-stepper-reset>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-reset` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperReset = createComponent({\r\n  tagName: \"m3e-stepper-reset\",\r\n  elementClass: M3eStepperResetElement,\r\n  react: React,\r\n});\r\n"],"names":["M3eStep","createComponent","tagName","elementClass","M3eStepElement","react","React","events","onInput","onChange","onClick","M3eStepPanel","M3eStepPanelElement","M3eStepper","M3eStepperElement","M3eStepperNext","M3eStepperNextElement","M3eStepperPrevious","M3eStepperPreviousElement","M3eStepperReset","M3eStepperResetElement"],"mappings":";;;;;6PAmBO,MAAMA,EAAUC,EAAgB,CACrCC,QAAS,WACTC,aAAcC,EACdC,MAAOC,EACPC,OAAQ,CACNC,QAAS,QACTC,SAAU,SACVC,QAAS,WCPAC,EAAeV,EAAgB,CAC1CC,QAAS,iBACTC,aAAcS,EACdP,MAAOC,ICHIO,EAAaZ,EAAgB,CACxCC,QAAS,cACTC,aAAcW,EACdT,MAAOC,EACPC,OAAQ,CACNE,SAAU,YCLDM,EAAiBd,EAAgB,CAC5CC,QAAS,mBACTC,aAAca,EACdX,MAAOC,ICHIW,EAAqBhB,EAAgB,CAChDC,QAAS,uBACTC,aAAce,EACdb,MAAOC,ICHIa,EAAkBlB,EAAgB,CAC7CC,QAAS,oBACTC,aAAciB,EACdf,MAAOC"}
+{"version":3,"file":"stepper.min.js","sources":["../../src/utils/createComponent.ts","../../src/stepper/Step.ts","../../src/stepper/StepPanel.ts","../../src/stepper/Stepper.ts","../../src/stepper/StepperNext.ts","../../src/stepper/StepperPrevious.ts","../../src/stepper/StepperReset.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 { M3eStepElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-step` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-step>` 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-step>` instance for imperative access.\r\n *\r\n * See the `m3e-step` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStep = createComponent({\r\n  tagName: \"m3e-step\",\r\n  elementClass: M3eStepElement,\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 { M3eStepPanelElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepPanelElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-step-panel` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-step-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-step-panel>` instance for imperative access.\r\n *\r\n * See the `m3e-step-panel` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepPanel = createComponent({\r\n  tagName: \"m3e-step-panel\",\r\n  elementClass: M3eStepPanelElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eStepperElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperElement, StepperOrientation, StepLabelPosition, StepHeaderPosition } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper>` 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-stepper>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepper = createComponent({\r\n  tagName: \"m3e-stepper\",\r\n  elementClass: M3eStepperElement,\r\n  react: React,\r\n  events: {\r\n    onChange: \"change\",\r\n  },\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eStepperNextElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperNextElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-next` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-next>` 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-stepper-next>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-next` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperNext = createComponent({\r\n  tagName: \"m3e-stepper-next\",\r\n  elementClass: M3eStepperNextElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eStepperPreviousElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperPreviousElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-previous` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-previous>` 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-stepper-previous>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-previous` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperPrevious = createComponent({\r\n  tagName: \"m3e-stepper-previous\",\r\n  elementClass: M3eStepperPreviousElement,\r\n  react: React,\r\n});\r\n","import React from \"react\";\r\nimport { createComponent } from \"../utils\";\r\n\r\nimport { M3eStepperResetElement } from \"@m3e/web/stepper\";\r\nexport type { M3eStepperResetElement } from \"@m3e/web/stepper\";\r\n\r\n/**\r\n * React binding for the `m3e-stepper-reset` Web Component from `@m3e/web/stepper`.\r\n *\r\n * This component renders the underlying `<m3e-stepper-reset>` 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-stepper-reset>` instance for imperative access.\r\n *\r\n * See the `m3e-stepper-reset` documentation for full details on behavior, styling,\r\n * accessibility, and supported events.\r\n */\r\nexport const M3eStepperReset = createComponent({\r\n  tagName: \"m3e-stepper-reset\",\r\n  elementClass: M3eStepperResetElement,\r\n  react: React,\r\n});\r\n"],"names":["createComponent","react","tagName","elementClass","events","displayName","window","createReactComponent","M3eStep","M3eStepElement","React","onInput","onChange","onClick","M3eStepPanel","M3eStepPanelElement","M3eStepper","M3eStepperElement","M3eStepperNext","M3eStepperNextElement","M3eStepperPrevious","M3eStepperPreviousElement","M3eStepperReset","M3eStepperResetElement"],"mappings":";;;;;6PA6BM,SAAUA,GAAkEC,MAChFA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,OACZA,EAAMC,YACNA,IAEA,MAAyB,oBAAXC,OACVC,EAA2B,CAAEN,QAAOC,UAASC,eAAcC,SAAQC,gBAChC,IACzC,CCpBO,MAAMG,EAAUR,EAAgB,CACrCE,QAAS,WACTC,aAAcM,EACdR,MAAOS,EACPN,OAAQ,CACNO,QAAS,QACTC,SAAU,SACVC,QAAS,WCPAC,EAAed,EAAgB,CAC1CE,QAAS,iBACTC,aAAcY,EACdd,MAAOS,ICHIM,EAAahB,EAAgB,CACxCE,QAAS,cACTC,aAAcc,EACdhB,MAAOS,EACPN,OAAQ,CACNQ,SAAU,YCLDM,EAAiBlB,EAAgB,CAC5CE,QAAS,mBACTC,aAAcgB,EACdlB,MAAOS,ICHIU,EAAqBpB,EAAgB,CAChDE,QAAS,uBACTC,aAAckB,EACdpB,MAAOS,ICHIY,EAAkBtB,EAAgB,CAC7CE,QAAS,oBACTC,aAAcoB,EACdtB,MAAOS"}

package/dist/switch.js

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

package/dist/switch.js.map

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

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

package/dist/switch.min.js.map

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

package/dist/tabs.js

@@ -6,11 +6,42 @@
  */
 
 import React from 'react';
-import { createComponent } from '@lit/react';
+import { createComponent as createComponent$1 } from '@lit/react';
 import { M3eTabElement, M3eTabPanelElement, M3eTabsElement } from '@m3e/web/tabs';
 
 /**
- * React binding for the `m3e-tab` Web Component from `@m3e/tabs`.
+ * 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-tab` Web Component from `@m3e/web/tabs`.
  *
  * This component renders the underlying `<m3e-tab>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -34,7 +65,7 @@ const M3eTab = createComponent({
 });
 
 /**
- * React binding for the `m3e-tab-panel` Web Component from `@m3e/tabs`.
+ * React binding for the `m3e-tab-panel` Web Component from `@m3e/web/tabs`.
  *
  * This component renders the underlying `<m3e-tab-panel>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.
@@ -53,7 +84,7 @@ const M3eTabPanel = createComponent({
 });
 
 /**
- * React binding for the `m3e-tabs` Web Component from `@m3e/tabs`.
+ * React binding for the `m3e-tabs` Web Component from `@m3e/web/tabs`.
  *
  * This component renders the underlying `<m3e-tabs>` element and exposes its
  * properties, attributes, and events through an idiomatic React interface.