@m3e/react 2.0.0

package/dist/all.js

@@ -0,0 +1,1912 @@
+"use client";
+/**
+ * @license MIT
+ * Copyright (c) 2025 matraic
+ * See LICENSE file in the project root for full license text.
+ */
+
+import React from 'react';
+import { createComponent } from '@lit/react';
+import { M3eAppBarElement } from '@m3e/web/app-bar';
+import { M3eAutocompleteElement } from '@m3e/web/autocomplete';
+import { M3eAvatarElement } from '@m3e/web/avatar';
+import { M3eBadgeElement } from '@m3e/web/badge';
+import { M3eBottomSheetElement, M3eBottomSheetActionElement, M3eBottomSheetTriggerElement } from '@m3e/web/bottom-sheet';
+import { M3eButtonElement } from '@m3e/web/button';
+import { M3eButtonGroupElement } from '@m3e/web/button-group';
+import { M3eCardElement } from '@m3e/web/card';
+import { M3eCheckboxElement } from '@m3e/web/checkbox';
+import { M3eAssistChipElement, M3eChipElement, M3eChipSetElement, M3eFilterChipElement, M3eFilterChipSetElement, M3eInputChipElement, M3eInputChipSetElement, M3eSuggestionChipElement } from '@m3e/web/chips';
+import { M3eDialogElement, M3eDialogActionElement, M3eDialogTriggerElement } from '@m3e/web/dialog';
+import { M3eDividerElement } from '@m3e/web/divider';
+import { M3eDrawerContainerElement, M3eDrawerToggleElement } from '@m3e/web/drawer-container';
+import { M3eAccordionElement, M3eExpansionPanelElement } from '@m3e/web/expansion-panel';
+import { M3eFabElement } from '@m3e/web/fab';
+import { M3eFabMenuElement, M3eFabMenuItemElement, M3eFabMenuTriggerElement } from '@m3e/web/fab-menu';
+import { M3eFormFieldElement } from '@m3e/web/form-field';
+import { M3eHeadingElement } from '@m3e/web/heading';
+import { M3eIconElement } from '@m3e/web/icon';
+import { M3eIconButtonElement } from '@m3e/web/icon-button';
+import { M3eActionListElement, M3eExpandableListItemElement, M3eListElement, M3eListActionElement, M3eListItemElement, M3eListOptionElement, M3eSelectionListElement } from '@m3e/web/list';
+import { M3eLoadingIndicatorElement } from '@m3e/web/loading-indicator';
+import { M3eMenuElement, M3eMenuItemElement, M3eMenuItemCheckboxElement, M3eMenuItemGroupElement, M3eMenuItemRadioElement, M3eMenuTriggerElement } from '@m3e/web/menu';
+import { M3eNavBarElement, M3eNavItemElement } from '@m3e/web/nav-bar';
+import { M3eNavMenuElement, M3eNavMenuItemElement, M3eNavMenuItemGroupElement } from '@m3e/web/nav-menu';
+import { M3eNavRailElement, M3eNavRailToggleElement } from '@m3e/web/nav-rail';
+import { M3eOptionElement, M3eOptGroupElement } from '@m3e/web/option';
+import { M3ePaginatorElement } from '@m3e/web/paginator';
+import { M3eCircularProgressIndicatorElement, M3eLinearProgressIndicatorElement } from '@m3e/web/progress-indicator';
+import { M3eRadioElement, M3eRadioGroupElement } from '@m3e/web/radio-group';
+import { M3eSegmentedButtonElement, M3eButtonSegmentElement } from '@m3e/web/segmented-button';
+import { M3eSelectElement } from '@m3e/web/select';
+import { M3eShapeElement } from '@m3e/web/shape';
+import { M3eSlideGroupElement } from '@m3e/web/slide-group';
+import { M3eSliderElement, M3eSliderThumbElement } from '@m3e/web/slider';
+export { M3eSnackbar } from '@m3e/web/snackbar';
+import { M3eSplitButtonElement } from '@m3e/web/split-button';
+import { M3eStepElement, M3eStepPanelElement, M3eStepperElement, M3eStepperNextElement, M3eStepperPreviousElement, M3eStepperResetElement } from '@m3e/web/stepper';
+import { M3eSwitchElement } from '@m3e/web/switch';
+import { M3eTabElement, M3eTabPanelElement, M3eTabsElement } from '@m3e/web/tabs';
+import { M3eTextareaAutosizeElement } from '@m3e/web/textarea-autosize';
+import { M3eThemeElement } from '@m3e/web/theme';
+import { M3eTocElement } from '@m3e/web/toc';
+import { M3eToolbarElement } from '@m3e/web/toolbar';
+import { M3eRichTooltipElement, M3eRichTooltipActionElement, M3eTooltipElement } from '@m3e/web/tooltip';
+
+/**
+ * React binding for the `m3e-app-bar` Web Component from `@m3e/app-bar`.
+ *
+ * This component renders the underlying `<m3e-app-bar>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-app-bar>` instance for imperative access.
+ *
+ * See the `m3e-app-bar` documentation in `@m3e/app-bar` for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eAppBar = createComponent({
+    tagName: "m3e-app-bar",
+    elementClass: M3eAppBarElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-autocomplete` Web Component from `@m3e/autocomplete`.
+ *
+ * This component renders the underlying `<m3e-autocomplete>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-autocomplete>` instance for imperative access.
+ *
+ * See the `m3e-autocomplete` documentation in `@m3e/autocomplete` for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eAutocomplete = createComponent({
+    tagName: "m3e-autocomplete",
+    elementClass: M3eAutocompleteElement,
+    react: React,
+    events: {
+        onToggle: "toggle",
+    },
+});
+
+/**
+ * React binding for the `m3e-avatar` Web Component from `@m3e/avatar`.
+ *
+ * This component renders the underlying `<m3e-avatar>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-avatar>` instance for imperative access.
+ *
+ * See the `m3e-avatar` documentation in `@m3e/avatar` for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eAvatar = createComponent({
+    tagName: "m3e-avatar",
+    elementClass: M3eAvatarElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-badge` Web Component from `@m3e/badge`.
+ *
+ * This component renders the underlying `<m3e-badge>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-badge>` instance for imperative access.
+ *
+ * See the `m3e-badge` documentation in `@m3e/badge` for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eBadge = createComponent({
+    tagName: "m3e-badge",
+    elementClass: M3eBadgeElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-bottom-sheet` Web Component from `@m3e/bottom-sheet`.
+ *
+ * This component renders the underlying `<m3e-bottom-sheet>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-bottom-sheet>` instance for imperative access.
+ *
+ * See the `m3e-bottom-sheet` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eBottomSheet = createComponent({
+    tagName: "m3e-bottom-sheet",
+    elementClass: M3eBottomSheetElement,
+    react: React,
+    events: {
+        onOpening: "opening",
+        onOpened: "opened",
+        onClosing: "closing",
+        onClosed: "closed",
+        onCancel: "cancel",
+    },
+});
+
+/**
+ * React binding for the `m3e-bottom-sheet-action` Web Component from `@m3e/bottom-sheet`.
+ *
+ * This component renders the underlying `<m3e-bottom-sheet-action>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-bottom-sheet-action>` instance for imperative access.
+ *
+ * See the `m3e-bottom-sheet-action` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eBottomSheetAction = createComponent({
+    tagName: "m3e-bottom-sheet-action",
+    elementClass: M3eBottomSheetActionElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-bottom-sheet-trigger` Web Component from `@m3e/bottom-sheet`.
+ *
+ * This component renders the underlying `<m3e-bottom-sheet-trigger>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-bottom-sheet-trigger>` instance for imperative access.
+ *
+ * See the `m3e-bottom-sheet-trigger` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eBottomSheetTrigger = createComponent({
+    tagName: "m3e-bottom-sheet-trigger",
+    elementClass: M3eBottomSheetTriggerElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-button` Web Component from `@m3e/button`.
+ *
+ * This component renders the underlying `<m3e-button>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-button>` instance for imperative access.
+ *
+ * See the `m3e-button` documentation in `@m3e/button` for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eButton = createComponent({
+    tagName: "m3e-button",
+    elementClass: M3eButtonElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-button-group` Web Component from `@m3e/button-group`.
+ *
+ * This component renders the underlying `<m3e-button-group>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-button-group>` instance for imperative access.
+ *
+ * See the `m3e-button-group` documentation in `@m3e/button-group` for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eButtonGroup = createComponent({
+    tagName: "m3e-button-group",
+    elementClass: M3eButtonGroupElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-card` Web Component from `@m3e/card`.
+ *
+ * This component renders the underlying `<m3e-card>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-card>` instance for imperative access.
+ *
+ * See the `m3e-card` documentation in `@m3e/card` for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eCard = createComponent({
+    tagName: "m3e-card",
+    elementClass: M3eCardElement,
+    react: React,
+    events: {
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-checkbox` Web Component from `@m3e/checkbox`.
+ *
+ * This component renders the underlying `<m3e-checkbox>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-checkbox>` instance for imperative access.
+ *
+ * See the `m3e-checkbox` documentation in `@m3e/checkbox` for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eCheckbox = createComponent({
+    tagName: "m3e-checkbox",
+    elementClass: M3eCheckboxElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onInvalid: "invalid",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-assist-chip` Web Component from `@m3e/chips`.
+ *
+ * This component renders the underlying `<m3e-assist-chip>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-assist-chip>` instance for imperative access.
+ *
+ * See the `m3e-assist-chip` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eAssistChip = createComponent({
+    tagName: "m3e-assist-chip",
+    elementClass: M3eAssistChipElement,
+    react: React,
+    events: {
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-chip` Web Component from `@m3e/chips`.
+ *
+ * This component renders the underlying `<m3e-chip>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-chip>` instance for imperative access.
+ *
+ * See the `m3e-chip` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eChip = createComponent({
+    tagName: "m3e-chip",
+    elementClass: M3eChipElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-chip-set` Web Component from `@m3e/chips`.
+ *
+ * This component renders the underlying `<m3e-chip-set>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-chip-set>` instance for imperative access.
+ *
+ * See the `m3e-chip-set` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eChipSet = createComponent({
+    tagName: "m3e-chip-set",
+    elementClass: M3eChipSetElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-filter-chip` Web Component from `@m3e/chips`.
+ *
+ * This component renders the underlying `<m3e-filter-chip>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-filter-chip>` instance for imperative access.
+ *
+ * See the `m3e-filter-chip` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eFilterChip = createComponent({
+    tagName: "m3e-filter-chip",
+    elementClass: M3eFilterChipElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-filter-chip-set` Web Component from `@m3e/chips`.
+ *
+ * This component renders the underlying `<m3e-filter-chip-set>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-filter-chip-set>` instance for imperative access.
+ *
+ * See the `m3e-filter-chip-set` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eFilterChipSet = createComponent({
+    tagName: "m3e-filter-chip-set",
+    elementClass: M3eFilterChipSetElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+    },
+});
+
+/**
+ * React binding for the `m3e-input-chip` Web Component from `@m3e/chips`.
+ *
+ * This component renders the underlying `<m3e-input-chip>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-input-chip>` instance for imperative access.
+ *
+ * See the `m3e-input-chip` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eInputChip = createComponent({
+    tagName: "m3e-input-chip",
+    elementClass: M3eInputChipElement,
+    react: React,
+    events: {
+        onClick: "click",
+        onRemove: "remove",
+    },
+});
+
+/**
+ * React binding for the `m3e-input-chip-set` Web Component from `@m3e/chips`.
+ *
+ * This component renders the underlying `<m3e-input-chip-set>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-input-chip-set>` instance for imperative access.
+ *
+ * See the `m3e-input-chip-set` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eInputChipSet = createComponent({
+    tagName: "m3e-input-chip-set",
+    elementClass: M3eInputChipSetElement,
+    react: React,
+    events: {
+        onChange: "change",
+    },
+});
+
+/**
+ * React binding for the `m3e-suggestion-chip` Web Component from `@m3e/chips`.
+ *
+ * This component renders the underlying `<m3e-suggestion-chip>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-suggestion-chip>` instance for imperative access.
+ *
+ * See the `m3e-suggestion-chip` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSuggestionChip = createComponent({
+    tagName: "m3e-suggestion-chip",
+    elementClass: M3eSuggestionChipElement,
+    react: React,
+    events: {
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-dialog` Web Component from `@m3e/dialog`.
+ *
+ * This component renders the underlying `<m3e-dialog>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-dialog>` instance for imperative access.
+ *
+ * See the `m3e-dialog` documentation in `@m3e/dialog` for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eDialog = createComponent({
+    tagName: "m3e-dialog",
+    elementClass: M3eDialogElement,
+    react: React,
+    events: {
+        onOpening: "opening",
+        onOpened: "opened",
+        onClosing: "closing",
+        onClosed: "closed",
+        onCancel: "cancel",
+    },
+});
+
+/**
+ * React binding for the `m3e-dialog-action` Web Component from `@m3e/dialog`.
+ *
+ * This component renders the underlying `<m3e-dialog-action>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-dialog-action>` instance for imperative access.
+ *
+ * See the `m3e-dialog-action` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eDialogAction = createComponent({
+    tagName: "m3e-dialog-action",
+    elementClass: M3eDialogActionElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-dialog-trigger` Web Component from `@m3e/dialog`.
+ *
+ * This component renders the underlying `<m3e-dialog-trigger>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-dialog-trigger>` instance for imperative access.
+ *
+ * See the `m3e-dialog-trigger` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eDialogTrigger = createComponent({
+    tagName: "m3e-dialog-trigger",
+    elementClass: M3eDialogTriggerElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-divider` Web Component from `@m3e/divider`.
+ *
+ * This component renders the underlying `<m3e-divider>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-divider>` instance for imperative access.
+ *
+ * See the `m3e-divider` documentation in `@m3e/divider` for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eDivider = createComponent({
+    tagName: "m3e-divider",
+    elementClass: M3eDividerElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-drawer-container` Web Component from `@m3e/drawer-container`.
+ *
+ * This component renders the underlying `<m3e-drawer-container>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-drawer-container>` instance for imperative access.
+ *
+ * See the `m3e-drawer-container` documentation in `@m3e/drawer-container` for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eDrawerContainer = createComponent({
+    tagName: "m3e-drawer-container",
+    elementClass: M3eDrawerContainerElement,
+    react: React,
+    events: {
+        onChange: "change",
+    },
+});
+
+/**
+ * React binding for the `m3e-drawer-toggle` Web Component from `@m3e/drawer-container`.
+ *
+ * This component renders the underlying `<m3e-drawer-toggle>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-drawer-toggle>` instance for imperative access.
+ *
+ * See the `m3e-drawer-toggle` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eDrawerToggle = createComponent({
+    tagName: "m3e-drawer-toggle",
+    elementClass: M3eDrawerToggleElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-accordion` Web Component from `@m3e/expansion-panel`.
+ *
+ * This component renders the underlying `<m3e-accordion>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-accordion>` instance for imperative access.
+ *
+ * See the `m3e-accordion` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eAccordion = createComponent({
+    tagName: "m3e-accordion",
+    elementClass: M3eAccordionElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-expansion-panel` Web Component from `@m3e/expansion-panel`.
+ *
+ * This component renders the underlying `<m3e-expansion-panel>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-expansion-panel>` instance for imperative access.
+ *
+ * See the `m3e-expansion-panel` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eExpansionPanel = createComponent({
+    tagName: "m3e-expansion-panel",
+    elementClass: M3eExpansionPanelElement,
+    react: React,
+    events: {
+        onOpening: "opening",
+        onOpened: "opened",
+        onClosing: "closing",
+        onClosed: "closed",
+    },
+});
+
+/**
+ * React binding for the `m3e-fab` Web Component from `@m3e/fab`.
+ *
+ * This component renders the underlying `<m3e-fab>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-fab>` instance for imperative access.
+ *
+ * See the `m3e-fab` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eFab = createComponent({
+    tagName: "m3e-fab",
+    elementClass: M3eFabElement,
+    react: React,
+    events: {
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-fab-menu` Web Component from `@m3e/fab-menu`.
+ *
+ * This component renders the underlying `<m3e-fab-menu>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-fab-menu>` instance for imperative access.
+ *
+ * See the `m3e-fab-menu` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eFabMenu = createComponent({
+    tagName: "m3e-fab-menu",
+    elementClass: M3eFabMenuElement,
+    react: React,
+    events: {
+        onBeforeToggle: "beforetoggle",
+        onToggle: "toggle",
+    },
+});
+
+/**
+ * React binding for the `m3e-fab-menu-item` Web Component from `@m3e/fab-menu`.
+ *
+ * This component renders the underlying `<m3e-fab-menu-item>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-fab-menu-item>` instance for imperative access.
+ *
+ * See the `m3e-fab-menu-item` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eFabMenuItem = createComponent({
+    tagName: "m3e-fab-menu-item",
+    elementClass: M3eFabMenuItemElement,
+    react: React,
+    events: {
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-fab-menu-trigger` Web Component from `@m3e/fab-menu`.
+ *
+ * This component renders the underlying `<m3e-fab-menu-trigger>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-fab-menu-trigger>` instance for imperative access.
+ *
+ * See the `m3e-fab-menu-trigger` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eFabMenuTrigger = createComponent({
+    tagName: "m3e-fab-menu-trigger",
+    elementClass: M3eFabMenuTriggerElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-form-field` Web Component from `@m3e/form-field`.
+ *
+ * This component renders the underlying `<m3e-form-field>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-form-field>` instance for imperative access.
+ *
+ * See the `m3e-form-field` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eFormField = createComponent({
+    tagName: "m3e-form-field",
+    elementClass: M3eFormFieldElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-heading` Web Component from `@m3e/heading`.
+ *
+ * This component renders the underlying `<m3e-heading>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-heading>` instance for imperative access.
+ *
+ * See the `m3e-heading` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eHeading = createComponent({
+    tagName: "m3e-heading",
+    elementClass: M3eHeadingElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-icon` Web Component from `@m3e/icon`.
+ *
+ * This component renders the underlying `<m3e-icon>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-icon>` instance for imperative access.
+ *
+ * See the `m3e-icon` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eIcon = createComponent({
+    tagName: "m3e-icon",
+    elementClass: M3eIconElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-icon-button` Web Component from `@m3e/icon-button`.
+ *
+ * This component renders the underlying `<m3e-icon-button>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-icon-button>` instance for imperative access.
+ *
+ * See the `m3e-icon-button` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eIconButton = createComponent({
+    tagName: "m3e-icon-button",
+    elementClass: M3eIconButtonElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-action-list` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-action-list>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-action-list>` instance for imperative access.
+ *
+ * See the `m3e-action-list` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eActionList = createComponent({
+    tagName: "m3e-action-list",
+    elementClass: M3eActionListElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-expandable-list-item` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-expandable-list-item>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-expandable-list-item>` instance for imperative access.
+ *
+ * See the `m3e-expandable-list-item` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eExpandableListItem = createComponent({
+    tagName: "m3e-expandable-list-item",
+    elementClass: M3eExpandableListItemElement,
+    react: React,
+    events: {
+        onOpening: "opening",
+        onOpened: "opened",
+        onClosing: "closing",
+        onClosed: "closed",
+    },
+});
+
+/**
+ * React binding for the `m3e-list` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-list>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-list>` instance for imperative access.
+ *
+ * See the `m3e-list` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eList = createComponent({
+    tagName: "m3e-list",
+    elementClass: M3eListElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-list-action` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-list-action>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-list-action>` instance for imperative access.
+ *
+ * See the `m3e-list-action` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eListAction = createComponent({
+    tagName: "m3e-list-action",
+    elementClass: M3eListActionElement,
+    react: React,
+    events: {
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-list-item` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-list-item>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-list-item>` instance for imperative access.
+ *
+ * See the `m3e-list-item` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eListItem = createComponent({
+    tagName: "m3e-list-item",
+    elementClass: M3eListItemElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-list-option` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-list-option>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-list-option>` instance for imperative access.
+ *
+ * See the `m3e-list-option` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eListOption = createComponent({
+    tagName: "m3e-list-option",
+    elementClass: M3eListOptionElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-selection-list` Web Component from `@m3e/list`.
+ *
+ * This component renders the underlying `<m3e-selection-list>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-selection-list>` instance for imperative access.
+ *
+ * See the `m3e-selection-list` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSelectionList = createComponent({
+    tagName: "m3e-selection-list",
+    elementClass: M3eSelectionListElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+    },
+});
+
+/**
+ * React binding for the `m3e-loading-indicator` Web Component from `@m3e/loading-indicator`.
+ *
+ * This component renders the underlying `<m3e-loading-indicator>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-loading-indicator>` instance for imperative access.
+ *
+ * See the `m3e-loading-indicator` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eLoadingIndicator = createComponent({
+    tagName: "m3e-loading-indicator",
+    elementClass: M3eLoadingIndicatorElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-menu` Web Component from `@m3e/menu`.
+ *
+ * This component renders the underlying `<m3e-menu>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-menu>` instance for imperative access.
+ *
+ * See the `m3e-menu` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eMenu = createComponent({
+    tagName: "m3e-menu",
+    elementClass: M3eMenuElement,
+    react: React,
+    events: {
+        onBeforeToggle: "beforetoggle",
+        onToggle: "toggle",
+    },
+});
+
+/**
+ * React binding for the `m3e-menu-item` Web Component from `@m3e/menu`.
+ *
+ * This component renders the underlying `<m3e-menu-item>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-menu-item>` instance for imperative access.
+ *
+ * See the `m3e-menu-item` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eMenuItem = createComponent({
+    tagName: "m3e-menu-item",
+    elementClass: M3eMenuItemElement,
+    react: React,
+    events: {
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-menu-item-checkbox` Web Component from `@m3e/menu`.
+ *
+ * This component renders the underlying `<m3e-menu-item-checkbox>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-menu-item-checkbox>` instance for imperative access.
+ *
+ * See the `m3e-menu-item-checkbox` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eMenuItemCheckbox = createComponent({
+    tagName: "m3e-menu-item-checkbox",
+    elementClass: M3eMenuItemCheckboxElement,
+    react: React,
+    events: {
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-menu-item-group` Web Component from `@m3e/menu`.
+ *
+ * This component renders the underlying `<m3e-menu-item-group>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-menu-item-group>` instance for imperative access.
+ *
+ * See the `m3e-menu-item-group` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eMenuItemGroup = createComponent({
+    tagName: "m3e-menu-item-group",
+    elementClass: M3eMenuItemGroupElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-menu-item-radio` Web Component from `@m3e/menu`.
+ *
+ * This component renders the underlying `<m3e-menu-item-radio>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-menu-item-radio>` instance for imperative access.
+ *
+ * See the `m3e-menu-item-radio` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eMenuItemRadio = createComponent({
+    tagName: "m3e-menu-item-radio",
+    elementClass: M3eMenuItemRadioElement,
+    react: React,
+    events: {
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-menu-trigger` Web Component from `@m3e/menu`.
+ *
+ * This component renders the underlying `<m3e-menu-trigger>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-menu-trigger>` instance for imperative access.
+ *
+ * See the `m3e-menu-trigger` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eMenuTrigger = createComponent({
+    tagName: "m3e-menu-trigger",
+    elementClass: M3eMenuTriggerElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-nav-bar` Web Component from `@m3e/nav-bar`.
+ *
+ * This component renders the underlying `<m3e-nav-bar>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-nav-bar>` instance for imperative access.
+ *
+ * See the `m3e-nav-bar` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eNavBar = createComponent({
+    tagName: "m3e-nav-bar",
+    elementClass: M3eNavBarElement,
+    react: React,
+    events: {
+        onChange: "change",
+    },
+});
+
+/**
+ * React binding for the `m3e-nav-item` Web Component from `@m3e/nav-bar`.
+ *
+ * This component renders the underlying `<m3e-nav-item>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-nav-item>` instance for imperative access.
+ *
+ * See the `m3e-nav-item` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eNavItem = createComponent({
+    tagName: "m3e-nav-item",
+    elementClass: M3eNavItemElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-nav-menu` Web Component from `@m3e/nav-menu`.
+ *
+ * This component renders the underlying `<m3e-nav-menu>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-nav-menu>` instance for imperative access.
+ *
+ * See the `m3e-nav-menu` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eNavMenu = createComponent({
+    tagName: "m3e-nav-menu",
+    elementClass: M3eNavMenuElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-nav-menu-item` Web Component from `@m3e/nav-menu`.
+ *
+ * This component renders the underlying `<m3e-nav-menu-item>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-nav-menu-item>` instance for imperative access.
+ *
+ * See the `m3e-nav-menu-item` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eNavMenuItem = createComponent({
+    tagName: "m3e-nav-menu-item",
+    elementClass: M3eNavMenuItemElement,
+    react: React,
+    events: {
+        onOpening: "opening",
+        onOpened: "opened",
+        onClosing: "closing",
+        onClosed: "closed",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-nav-menu-item-group` Web Component from `@m3e/nav-menu`.
+ *
+ * This component renders the underlying `<m3e-nav-menu-item-group>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-nav-menu-item-group>` instance for imperative access.
+ *
+ * See the `m3e-nav-menu-item-group` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eNavMenuItemGroup = createComponent({
+    tagName: "m3e-nav-menu-item-group",
+    elementClass: M3eNavMenuItemGroupElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-nav-rail` Web Component from `@m3e/nav-rail`.
+ *
+ * This component renders the underlying `<m3e-nav-rail>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-nav-rail>` instance for imperative access.
+ *
+ * See the `m3e-nav-rail` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eNavRail = createComponent({
+    tagName: "m3e-nav-rail",
+    elementClass: M3eNavRailElement,
+    react: React,
+    events: {
+        onChange: "change",
+    },
+});
+
+/**
+ * React binding for the `m3e-nav-rail-toggle` Web Component from `@m3e/nav-rail`.
+ *
+ * This component renders the underlying `<m3e-nav-rail-toggle>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-nav-rail-toggle>` instance for imperative access.
+ *
+ * See the `m3e-nav-rail-toggle` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eNavRailToggle = createComponent({
+    tagName: "m3e-nav-rail-toggle",
+    elementClass: M3eNavRailToggleElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-option` Web Component from `@m3e/option`.
+ *
+ * This component renders the underlying `<m3e-option>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-option>` instance for imperative access.
+ *
+ * See the `m3e-option` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eOption = createComponent({
+    tagName: "m3e-option",
+    elementClass: M3eOptionElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-optgroup` Web Component from `@m3e/option`.
+ *
+ * This component renders the underlying `<m3e-optgroup>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-optgroup>` instance for imperative access.
+ *
+ * See the `m3e-optgroup` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eOptGroup = createComponent({
+    tagName: "m3e-optgroup",
+    elementClass: M3eOptGroupElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-paginator` Web Component from `@m3e/paginator`.
+ *
+ * This component renders the underlying `<m3e-paginator>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-paginator>` instance for imperative access.
+ *
+ * See the `m3e-paginator` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3ePaginator = createComponent({
+    tagName: "m3e-paginator",
+    elementClass: M3ePaginatorElement,
+    react: React,
+    events: {
+        onPage: "page",
+    },
+});
+
+/**
+ * React binding for the `m3e-circular-progress-indicator` Web Component from `@m3e/progress-indicator`.
+ *
+ * This component renders the underlying `<m3e-circular-progress-indicator>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-circular-progress-indicator>` instance for imperative access.
+ *
+ * See the `m3e-circular-progress-indicator` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eCircularProgressIndicator = createComponent({
+    tagName: "m3e-circular-progress-indicator",
+    elementClass: M3eCircularProgressIndicatorElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-linear-progress-indicator` Web Component from `@m3e/progress-indicator`.
+ *
+ * This component renders the underlying `<m3e-linear-progress-indicator>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-linear-progress-indicator>` instance for imperative access.
+ *
+ * See the `m3e-linear-progress-indicator` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eLinearProgressIndicator = createComponent({
+    tagName: "m3e-linear-progress-indicator",
+    elementClass: M3eLinearProgressIndicatorElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-radio` Web Component from `@m3e/radio-group`.
+ *
+ * This component renders the underlying `<m3e-radio>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-radio>` instance for imperative access.
+ *
+ * See the `m3e-radio` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eRadio = createComponent({
+    tagName: "m3e-radio",
+    elementClass: M3eRadioElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-radio-group` Web Component from `@m3e/radio-group`.
+ *
+ * This component renders the underlying `<m3e-radio-group>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-radio-group>` instance for imperative access.
+ *
+ * See the `m3e-radio-group` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eRadioGroup = createComponent({
+    tagName: "m3e-radio-group",
+    elementClass: M3eRadioGroupElement,
+    react: React,
+    events: {
+        onChange: "change",
+    },
+});
+
+/**
+ * React binding for the `m3e-segmented-button` Web Component from `@m3e/segmented-button`.
+ *
+ * This component renders the underlying `<m3e-segmented-button>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-segmented-button>` instance for imperative access.
+ *
+ * See the `m3e-segmented-button` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSegmentedButton = createComponent({
+    tagName: "m3e-segmented-button",
+    elementClass: M3eSegmentedButtonElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+    },
+});
+
+/**
+ * React binding for the `m3e-button-segment` Web Component from `@m3e/segmented-button`.
+ *
+ * This component renders the underlying `<m3e-button-segment>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-button-segment>` instance for imperative access.
+ *
+ * See the `m3e-button-segment` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eButtonSegment = createComponent({
+    tagName: "m3e-button-segment",
+    elementClass: M3eButtonSegmentElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-select` Web Component from `@m3e/select`.
+ *
+ * This component renders the underlying `<m3e-select>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-select>` instance for imperative access.
+ *
+ * See the `m3e-select` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSelect = createComponent({
+    tagName: "m3e-select",
+    elementClass: M3eSelectElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+    },
+});
+
+/**
+ * React binding for the `m3e-shape` Web Component from `@m3e/shape`.
+ *
+ * This component renders the underlying `<m3e-shape>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-shape>` instance for imperative access.
+ *
+ * See the `m3e-shape` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eShape = createComponent({
+    tagName: "m3e-shape",
+    elementClass: M3eShapeElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-slide-group` Web Component from `@m3e/slide-group`.
+ *
+ * This component renders the underlying `<m3e-slide-group>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-slide-group>` instance for imperative access.
+ *
+ * See the `m3e-slide-group` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSlideGroup = createComponent({
+    tagName: "m3e-slide-group",
+    elementClass: M3eSlideGroupElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-slider` Web Component from `@m3e/slider`.
+ *
+ * This component renders the underlying `<m3e-slider>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-slider>` instance for imperative access.
+ *
+ * See the `m3e-slider` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSlider = createComponent({
+    tagName: "m3e-slider",
+    elementClass: M3eSliderElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-slider-thumb` Web Component from `@m3e/slider`.
+ *
+ * This component renders the underlying `<m3e-slider-thumb>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-slider-thumb>` instance for imperative access.
+ *
+ * See the `m3e-slider-thumb` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSliderThumb = createComponent({
+    tagName: "m3e-slider-thumb",
+    elementClass: M3eSliderThumbElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-split-button` Web Component from `@m3e/split-button`.
+ *
+ * This component renders the underlying `<m3e-split-button>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-split-button>` instance for imperative access.
+ *
+ * See the `m3e-split-button` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSplitButton = createComponent({
+    tagName: "m3e-split-button",
+    elementClass: M3eSplitButtonElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-step` Web Component from `@m3e/stepper`.
+ *
+ * This component renders the underlying `<m3e-step>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-step>` instance for imperative access.
+ *
+ * See the `m3e-step` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eStep = createComponent({
+    tagName: "m3e-step",
+    elementClass: M3eStepElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-step-panel` Web Component from `@m3e/stepper`.
+ *
+ * This component renders the underlying `<m3e-step-panel>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-step-panel>` instance for imperative access.
+ *
+ * See the `m3e-step-panel` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eStepPanel = createComponent({
+    tagName: "m3e-step-panel",
+    elementClass: M3eStepPanelElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-stepper` Web Component from `@m3e/stepper`.
+ *
+ * This component renders the underlying `<m3e-stepper>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-stepper>` instance for imperative access.
+ *
+ * See the `m3e-stepper` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eStepper = createComponent({
+    tagName: "m3e-stepper",
+    elementClass: M3eStepperElement,
+    react: React,
+    events: {
+        onChange: "change",
+    },
+});
+
+/**
+ * React binding for the `m3e-stepper-next` Web Component from `@m3e/stepper`.
+ *
+ * This component renders the underlying `<m3e-stepper-next>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-stepper-next>` instance for imperative access.
+ *
+ * See the `m3e-stepper-next` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eStepperNext = createComponent({
+    tagName: "m3e-stepper-next",
+    elementClass: M3eStepperNextElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-stepper-previous` Web Component from `@m3e/stepper`.
+ *
+ * This component renders the underlying `<m3e-stepper-previous>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-stepper-previous>` instance for imperative access.
+ *
+ * See the `m3e-stepper-previous` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eStepperPrevious = createComponent({
+    tagName: "m3e-stepper-previous",
+    elementClass: M3eStepperPreviousElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-stepper-reset` Web Component from `@m3e/stepper`.
+ *
+ * This component renders the underlying `<m3e-stepper-reset>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-stepper-reset>` instance for imperative access.
+ *
+ * See the `m3e-stepper-reset` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eStepperReset = createComponent({
+    tagName: "m3e-stepper-reset",
+    elementClass: M3eStepperResetElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-switch` Web Component from `@m3e/switch`.
+ *
+ * This component renders the underlying `<m3e-switch>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-switch>` instance for imperative access.
+ *
+ * See the `m3e-switch` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSwitch = createComponent({
+    tagName: "m3e-switch",
+    elementClass: M3eSwitchElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-tab` Web Component from `@m3e/tabs`.
+ *
+ * This component renders the underlying `<m3e-tab>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-tab>` instance for imperative access.
+ *
+ * See the `m3e-tab` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eTab = createComponent({
+    tagName: "m3e-tab",
+    elementClass: M3eTabElement,
+    react: React,
+    events: {
+        onInput: "input",
+        onChange: "change",
+        onClick: "click",
+    },
+});
+
+/**
+ * React binding for the `m3e-tab-panel` Web Component from `@m3e/tabs`.
+ *
+ * This component renders the underlying `<m3e-tab-panel>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-tab-panel>` instance for imperative access.
+ *
+ * See the `m3e-tab-panel` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eTabPanel = createComponent({
+    tagName: "m3e-tab-panel",
+    elementClass: M3eTabPanelElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-tabs` Web Component from `@m3e/tabs`.
+ *
+ * This component renders the underlying `<m3e-tabs>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-tabs>` instance for imperative access.
+ *
+ * See the `m3e-tabs` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eTabs = createComponent({
+    tagName: "m3e-tabs",
+    elementClass: M3eTabsElement,
+    react: React,
+    events: {
+        onChange: "change",
+    },
+});
+
+/**
+ * React binding for the `m3e-textarea-autosize` Web Component from `@m3e/textarea-autosize`.
+ *
+ * This component renders the underlying `<m3e-textarea-autosize>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-textarea-autosize>` instance for imperative access.
+ *
+ * See the `m3e-textarea-autosize` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eTextareaAutosize = createComponent({
+    tagName: "m3e-textarea-autosize",
+    elementClass: M3eTextareaAutosizeElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-theme` Web Component from `@m3e/theme`.
+ *
+ * This component renders the underlying `<m3e-theme>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-theme>` instance for imperative access.
+ *
+ * See the `m3e-theme` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eTheme = createComponent({
+    tagName: "m3e-theme",
+    elementClass: M3eThemeElement,
+    react: React,
+    events: {
+        onChange: "change",
+    },
+});
+
+/**
+ * React binding for the `m3e-toc` Web Component from `@m3e/toc`.
+ *
+ * This component renders the underlying `<m3e-toc>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-toc>` instance for imperative access.
+ *
+ * See the `m3e-toc` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eToc = createComponent({
+    tagName: "m3e-toc",
+    elementClass: M3eTocElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-toolbar` Web Component from `@m3e/toolbar`.
+ *
+ * This component renders the underlying `<m3e-toolbar>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-toolbar>` instance for imperative access.
+ *
+ * See the `m3e-toolbar` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eToolbar = createComponent({
+    tagName: "m3e-toolbar",
+    elementClass: M3eToolbarElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-rich-tooltip` Web Component from `@m3e/tooltip`.
+ *
+ * This component renders the underlying `<m3e-rich-tooltip>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-rich-tooltip>` instance for imperative access.
+ *
+ * See the `m3e-rich-tooltip` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eRichTooltip = createComponent({
+    tagName: "m3e-rich-tooltip",
+    elementClass: M3eRichTooltipElement,
+    react: React,
+    events: {
+        onBeforeToggle: "beforetoggle",
+        onToggle: "toggle",
+    },
+});
+
+/**
+ * React binding for the `m3e-rich-tooltip-action` Web Component from `@m3e/tooltip`.
+ *
+ * This component renders the underlying `<m3e-rich-tooltip-action>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-rich-tooltip-action>` instance for imperative access.
+ *
+ * See the `m3e-rich-tooltip-action` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eRichTooltipAction = createComponent({
+    tagName: "m3e-rich-tooltip-action",
+    elementClass: M3eRichTooltipActionElement,
+    react: React,
+});
+
+/**
+ * React binding for the `m3e-tooltip` Web Component from `@m3e/tooltip`.
+ *
+ * This component renders the underlying `<m3e-tooltip>` element and exposes its
+ * properties, attributes, and events through an idiomatic React interface.
+ *
+ * Props map directly to element properties, and event handlers receive the
+ * native DOM events dispatched by the component. Refs are forwarded to the
+ * underlying `<m3e-tooltip>` instance for imperative access.
+ *
+ * See the `m3e-tooltip` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eTooltip = createComponent({
+    tagName: "m3e-tooltip",
+    elementClass: M3eTooltipElement,
+    react: React,
+});
+
+export { M3eAccordion, M3eActionList, M3eAppBar, M3eAssistChip, M3eAutocomplete, M3eAvatar, M3eBadge, M3eBottomSheet, M3eBottomSheetAction, M3eBottomSheetTrigger, M3eButton, M3eButtonGroup, M3eButtonSegment, M3eCard, M3eCheckbox, M3eChip, M3eChipSet, M3eCircularProgressIndicator, M3eDialog, M3eDialogAction, M3eDialogTrigger, M3eDivider, M3eDrawerContainer, M3eDrawerToggle, M3eExpandableListItem, M3eExpansionPanel, M3eFab, M3eFabMenu, M3eFabMenuItem, M3eFabMenuTrigger, M3eFilterChip, M3eFilterChipSet, M3eFormField, M3eHeading, M3eIcon, M3eIconButton, M3eInputChip, M3eInputChipSet, M3eLinearProgressIndicator, M3eList, M3eListAction, M3eListItem, M3eListOption, M3eLoadingIndicator, M3eMenu, M3eMenuItem, M3eMenuItemCheckbox, M3eMenuItemGroup, M3eMenuItemRadio, M3eMenuTrigger, M3eNavBar, M3eNavItem, M3eNavMenu, M3eNavMenuItem, M3eNavMenuItemGroup, M3eNavRail, M3eNavRailToggle, M3eOptGroup, M3eOption, M3ePaginator, M3eRadio, M3eRadioGroup, M3eRichTooltip, M3eRichTooltipAction, M3eSegmentedButton, M3eSelect, M3eSelectionList, M3eShape, M3eSlideGroup, M3eSlider, M3eSliderThumb, M3eSplitButton, M3eStep, M3eStepPanel, M3eStepper, M3eStepperNext, M3eStepperPrevious, M3eStepperReset, M3eSuggestionChip, M3eSwitch, M3eTab, M3eTabPanel, M3eTabs, M3eTextareaAutosize, M3eTheme, M3eToc, M3eToolbar, M3eTooltip };
+//# sourceMappingURL=all.js.map