@m3e/react 2.1.2 → 2.2.0

package/dist/all.js

@@ -12,10 +12,12 @@ 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 { 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 { 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';
 import { M3eDividerElement } from '@m3e/web/divider';
 import { M3eDrawerContainerElement, M3eDrawerToggleElement } from '@m3e/web/drawer-container';
@@ -36,6 +38,7 @@ 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 { M3eSearchBarElement, M3eSearchViewElement } from '@m3e/web/search';
 import { M3eSegmentedButtonElement, M3eButtonSegmentElement } from '@m3e/web/segmented-button';
 import { M3eSelectElement } from '@m3e/web/select';
 import { M3eShapeElement } from '@m3e/web/shape';
@@ -239,6 +242,28 @@ const M3eButtonGroup = createComponent({
   react: React
 });
 
+/**
+ * React binding for the `m3e-calendar` Web Component from `@m3e/web/calendar`.
+ *
+ * This component renders the underlying `<m3e-calendar>` 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-calendar>` instance for imperative access.
+ *
+ * See the `m3e-calendar` documentation for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eCalendar = createComponent({
+  tagName: "m3e-calendar",
+  elementClass: M3eCalendarElement,
+  react: React,
+  events: {
+    onChange: "change"
+  }
+});
+
 /**
  * React binding for the `m3e-card` Web Component from `@m3e/web/card`.
  *
@@ -675,6 +700,47 @@ const M3eTextOverflow = createComponent({
   react: React
 });
 
+/**
+ * React binding for the `m3e-datepicker` Web Component from `@m3e/web/datepicker`.
+ *
+ * This component renders the underlying `<m3e-datepicker>` 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-datepicker>` instance for imperative access.
+ *
+ * See the `m3e-datepicker` documentation for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eDatepicker = createComponent({
+  tagName: "m3e-datepicker",
+  elementClass: M3eDatepickerElement,
+  react: React,
+  events: {
+    onChange: "change"
+  }
+});
+
+/**
+ * React binding for the `m3e-datepicker-toggle` Web Component from `@m3e/web/datepicker`.
+ *
+ * This component renders the underlying `<m3e-datepicker-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-datepicker-toggle>` instance for imperative access.
+ *
+ * See the `m3e-datepicker-toggle` for full details on behavior,
+ * styling, accessibility, and supported events.
+ */
+const M3eDatepickerToggle = createComponent({
+  tagName: "m3e-datepicker-toggle",
+  elementClass: M3eDatepickerToggleElement,
+  react: React
+});
+
 /**
  * React binding for the `m3e-dialog` Web Component from `@m3e/web/dialog`.
  *
@@ -1602,6 +1668,53 @@ const M3eRadioGroup = createComponent({
   }
 });
 
+/**
+ * React binding for the `m3e-search-bar` Web Component from `@m3e/web/search`.
+ *
+ * This component renders the underlying `<m3e-search-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-search-bar>` instance for imperative access.
+ *
+ * See the `m3e-search-bar` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSearchBar = createComponent({
+  tagName: "m3e-search-bar",
+  elementClass: M3eSearchBarElement,
+  react: React,
+  events: {
+    onClear: "clear"
+  }
+});
+
+/**
+ * React binding for the `m3e-search-view` Web Component from `@m3e/web/search`.
+ *
+ * This component renders the underlying `<m3e-search-view>` 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-search-view>` instance for imperative access.
+ *
+ * See the `m3e-search-view` documentation for full details on behavior, styling,
+ * accessibility, and supported events.
+ */
+const M3eSearchView = createComponent({
+  tagName: "m3e-search-view",
+  elementClass: M3eSearchViewElement,
+  react: React,
+  events: {
+    onClear: "clear",
+    onQuery: "query",
+    onBeforeToggle: "beforetoggle",
+    onToggle: "toggle"
+  }
+});
+
 /**
  * React binding for the `m3e-segmented-button` Web Component from `@m3e/web/segmented-button`.
  *
@@ -2123,5 +2236,5 @@ const M3eTooltip = createComponent({
   react: React
 });
 
-export { M3eAccordion, M3eActionList, M3eAppBar, M3eAssistChip, M3eAutocomplete, M3eAvatar, M3eBadge, M3eBottomSheet, M3eBottomSheetAction, M3eBottomSheetTrigger, M3eButton, M3eButtonGroup, M3eButtonSegment, M3eCard, M3eCheckbox, M3eChip, M3eChipSet, M3eCircularProgressIndicator, M3eCollapsible, 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, M3eSegmentedButton, M3eSelect, M3eSelectionList, M3eShape, M3eSlide, M3eSlideGroup, M3eSlider, M3eSliderThumb, M3eSplitButton, M3eStateLayer, M3eStep, M3eStepPanel, M3eStepper, M3eStepperNext, M3eStepperPrevious, M3eStepperReset, M3eSuggestionChip, M3eSwitch, M3eTab, M3eTabPanel, M3eTabs, M3eTextHighlight, M3eTextOverflow, M3eTextareaAutosize, M3eTheme, M3eToc, M3eToolbar, M3eTooltip };
+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, M3eSlide, M3eSlideGroup, M3eSlider, M3eSliderThumb, M3eSplitButton, M3eStateLayer, M3eStep, M3eStepPanel, M3eStepper, M3eStepperNext, M3eStepperPrevious, M3eStepperReset, M3eSuggestionChip, M3eSwitch, M3eTab, M3eTabPanel, M3eTabs, M3eTextHighlight, M3eTextOverflow, M3eTextareaAutosize, M3eTheme, M3eToc, M3eToolbar, M3eTooltip };
 //# sourceMappingURL=all.js.map