@m3e/react 2.4.0 → 2.5.0

package/README.md

@@ -1,6 +1,6 @@
 # @m3e/react
 
-The `@m3e/react` package provides idiomatic, typed React bindings for M3E Web Components, exposing their properties, attributes, and native DOM events through a familiar React interface with full ref forwarding and client‑only compatibility.
+The `@m3e/react` package provides idiomatic, typed React bindings for the [`@m3e/web`](https://github.com/matraic/m3e/tree/main/packages/web) component suite, exposing its properties, attributes, and native DOM events through a familiar React interface with full ref forwarding and client‑only compatibility.
 
 > **Note:** The React bindings are client‑only. In Next.js, you **must** use them inside a `"use client"` boundary.
 

package/dist/all.js

@@ -10,12 +10,14 @@ 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 { M3eBreadcrumbElement, M3eBreadcrumbItemElement } from '@m3e/web/breadcrumb';
 import { M3eButtonElement } from '@m3e/web/button';
 import { M3eButtonGroupElement } from '@m3e/web/button-group';
 import { M3eCalendarElement } from '@m3e/web/calendar';
 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 { M3eContentPaneElement } from '@m3e/web/content-pane';
 import { M3eCollapsibleElement, M3eElevationElement, M3eFocusRingElement, M3ePseudoCheckboxElement, M3ePseudoRadioElement, M3eRippleElement, M3eScrollContainerElement, M3eSlideElement, M3eStateLayerElement, M3eTextHighlightElement, M3eTextOverflowElement } from '@m3e/web/core';
 import { M3eDatepickerElement, M3eDatepickerToggleElement } from '@m3e/web/datepicker';
 import { M3eDialogElement, M3eDialogActionElement, M3eDialogTriggerElement } from '@m3e/web/dialog';
@@ -203,6 +205,47 @@ const M3eBottomSheetTrigger = createComponent({
   react: React
 });
 
+/**
+ * React binding for the `m3e-breadcrumb` Web Component from `@m3e/web/breadcrumb`.
+ *
+ * This component renders the underlying `<m3e-breadcrumb>` 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-breadcrumb>` instance for imperative access.
+ *
+ * See the `m3e-breadcrumb` documentation for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eBreadcrumb = createComponent({
+  tagName: "m3e-breadcrumb",
+  elementClass: M3eBreadcrumbElement,
+  react: React
+});
+
+/**
+ * React binding for the `m3e-breadcrumb-item` Web Component from `@m3e/web/breadcrumb`.
+ *
+ * This component renders the underlying `<m3e-breadcrumb-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-breadcrumb-item>` instance for imperative access.
+ *
+ * See the `m3e-breadcrumb-item` documentation for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eBreadcrumbItem = createComponent({
+  tagName: "m3e-breadcrumb-item",
+  elementClass: M3eBreadcrumbItemElement,
+  react: React,
+  events: {
+    onClick: "click"
+  }
+});
+
 /**
  * React binding for the `m3e-button` Web Component from `@m3e/web/button`.
  *
@@ -489,6 +532,25 @@ const M3eSuggestionChip = createComponent({
   }
 });
 
+/**
+ * React binding for the `m3e-content-pane` Web Component from `@m3e/web/content-pane`.
+ *
+ * This component renders the underlying `<m3e-content-pane>` 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-content-pane>` instance for imperative access.
+ *
+ * See the `m3e-content-pane` documentation for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eContentPane = createComponent({
+  tagName: "m3e-content-pane",
+  elementClass: M3eContentPaneElement,
+  react: React
+});
+
 /**
  * React binding for the `m3e-collapsible` Web Component from `@m3e/web/web/core`.
  *
@@ -2330,5 +2392,5 @@ const M3eTreeItem = createComponent({
   }
 });
 
-export { M3eAccordion, M3eActionList, M3eAppBar, M3eAssistChip, M3eAutocomplete, M3eAvatar, M3eBadge, M3eBottomSheet, M3eBottomSheetAction, M3eBottomSheetTrigger, M3eButton, M3eButtonGroup, M3eButtonSegment, M3eCalendar, M3eCard, M3eCheckbox, M3eChip, M3eChipSet, M3eCircularProgressIndicator, M3eCollapsible, M3eDatepicker, M3eDatepickerToggle, M3eDialog, M3eDialogAction, M3eDialogTrigger, M3eDivider, M3eDrawerContainer, M3eDrawerToggle, M3eElevation, M3eExpandableListItem, M3eExpansionPanel, M3eFab, M3eFabMenu, M3eFabMenuItem, M3eFabMenuTrigger, M3eFilterChip, M3eFilterChipSet, M3eFocusRing, 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, M3ePseudoCheckbox, M3ePseudoRadio, M3eRadio, M3eRadioGroup, M3eRichTooltip, M3eRichTooltipAction, M3eRipple, M3eScrollContainer, M3eSearchBar, M3eSearchView, M3eSegmentedButton, M3eSelect, M3eSelectionList, M3eShape, M3eSkeleton, M3eSlide, M3eSlideGroup, M3eSlider, M3eSliderThumb, M3eSplitButton, M3eSplitPane, M3eStateLayer, M3eStep, M3eStepPanel, M3eStepper, M3eStepperNext, M3eStepperPrevious, M3eStepperReset, M3eSuggestionChip, M3eSwitch, M3eTab, M3eTabPanel, M3eTabs, M3eTextHighlight, M3eTextOverflow, M3eTextareaAutosize, M3eTheme, M3eToc, M3eToolbar, M3eTooltip, M3eTree, M3eTreeItem };
+export { M3eAccordion, M3eActionList, M3eAppBar, M3eAssistChip, M3eAutocomplete, M3eAvatar, M3eBadge, M3eBottomSheet, M3eBottomSheetAction, M3eBottomSheetTrigger, M3eBreadcrumb, M3eBreadcrumbItem, M3eButton, M3eButtonGroup, M3eButtonSegment, M3eCalendar, M3eCard, M3eCheckbox, M3eChip, M3eChipSet, M3eCircularProgressIndicator, M3eCollapsible, M3eContentPane, M3eDatepicker, M3eDatepickerToggle, M3eDialog, M3eDialogAction, M3eDialogTrigger, M3eDivider, M3eDrawerContainer, M3eDrawerToggle, M3eElevation, M3eExpandableListItem, M3eExpansionPanel, M3eFab, M3eFabMenu, M3eFabMenuItem, M3eFabMenuTrigger, M3eFilterChip, M3eFilterChipSet, M3eFocusRing, 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, M3ePseudoCheckbox, M3ePseudoRadio, M3eRadio, M3eRadioGroup, M3eRichTooltip, M3eRichTooltipAction, M3eRipple, M3eScrollContainer, M3eSearchBar, M3eSearchView, M3eSegmentedButton, M3eSelect, M3eSelectionList, M3eShape, M3eSkeleton, M3eSlide, M3eSlideGroup, M3eSlider, M3eSliderThumb, M3eSplitButton, M3eSplitPane, M3eStateLayer, M3eStep, M3eStepPanel, M3eStepper, M3eStepperNext, M3eStepperPrevious, M3eStepperReset, M3eSuggestionChip, M3eSwitch, M3eTab, M3eTabPanel, M3eTabs, M3eTextHighlight, M3eTextOverflow, M3eTextareaAutosize, M3eTheme, M3eToc, M3eToolbar, M3eTooltip, M3eTree, M3eTreeItem };
 //# sourceMappingURL=all.js.map