@awc-ui/react 1.0.0-beta → 1.0.0-beta.2

package/src/components/MdChip.ts

@@ -0,0 +1,34 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdChipCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdChip as MdChipElement, defineCustomElement as defineMdChip } from "@awc-ui/core/dist/components/md-chip.js";
+
+export type MdChipEvents = {
+    onMdClick: EventName<MdChipCustomEvent<void>>,
+    onMdSelect: EventName<MdChipCustomEvent<{ selected: boolean }>>,
+    onMdRemove: EventName<MdChipCustomEvent<void>>
+};
+
+export const MdChip: StencilReactComponent<MdChipElement, MdChipEvents, Components.MdChip> = /*@__PURE__*/ createComponent<MdChipElement, MdChipEvents, Components.MdChip>({
+    tagName: 'md-chip',
+    elementClass: MdChipElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdClick: 'mdClick',
+        onMdSelect: 'mdSelect',
+        onMdRemove: 'mdRemove'
+    } as MdChipEvents,
+    defineCustomElement: defineMdChip
+});

package/src/components/MdColorPicker.ts

@@ -0,0 +1,34 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdColorPickerCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdColorPicker as MdColorPickerElement, defineCustomElement as defineMdColorPicker } from "@awc-ui/core/dist/components/md-color-picker.js";
+
+export type MdColorPickerEvents = {
+    onMdInput: EventName<MdColorPickerCustomEvent<{ value: string }>>,
+    onMdChange: EventName<MdColorPickerCustomEvent<{ value: string }>>,
+    onMdOpenChange: EventName<MdColorPickerCustomEvent<{ open: boolean }>>
+};
+
+export const MdColorPicker: StencilReactComponent<MdColorPickerElement, MdColorPickerEvents, Components.MdColorPicker> = /*@__PURE__*/ createComponent<MdColorPickerElement, MdColorPickerEvents, Components.MdColorPicker>({
+    tagName: 'md-color-picker',
+    elementClass: MdColorPickerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdInput: 'mdInput',
+        onMdChange: 'mdChange',
+        onMdOpenChange: 'mdOpenChange'
+    } as MdColorPickerEvents,
+    defineCustomElement: defineMdColorPicker
+});

package/src/components/MdDatePicker.ts

@@ -0,0 +1,50 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdDatePickerChangeDetail, MdDatePickerCustomEvent, MdDatePickerMenuOpenDetail, MdDatePickerMenuSelectDetail, MdDatePickerModeChangeDetail, MdDatePickerSelectedDetail, MdDatePickerViewChangeDetail } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdDatePicker as MdDatePickerElement, defineCustomElement as defineMdDatePicker } from "@awc-ui/core/dist/components/md-date-picker.js";
+
+export type MdDatePickerEvents = {
+    onMdChange: EventName<MdDatePickerCustomEvent<MdDatePickerChangeDetail>>,
+    onMdSelected: EventName<MdDatePickerCustomEvent<MdDatePickerSelectedDetail>>,
+    onMdInput: EventName<MdDatePickerCustomEvent<{ value: string }>>,
+    onMdOpen: EventName<MdDatePickerCustomEvent<void>>,
+    onMdClose: EventName<MdDatePickerCustomEvent<void>>,
+    onMdCancel: EventName<MdDatePickerCustomEvent<void>>,
+    onMdViewChange: EventName<MdDatePickerCustomEvent<MdDatePickerViewChangeDetail>>,
+    onMdMenuOpen: EventName<MdDatePickerCustomEvent<MdDatePickerMenuOpenDetail>>,
+    onMdMenuSelect: EventName<MdDatePickerCustomEvent<MdDatePickerMenuSelectDetail>>,
+    onMdModeChange: EventName<MdDatePickerCustomEvent<MdDatePickerModeChangeDetail>>,
+    onMdValidityChange: EventName<MdDatePickerCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const MdDatePicker: StencilReactComponent<MdDatePickerElement, MdDatePickerEvents, Components.MdDatePicker> = /*@__PURE__*/ createComponent<MdDatePickerElement, MdDatePickerEvents, Components.MdDatePicker>({
+    tagName: 'md-date-picker',
+    elementClass: MdDatePickerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdChange: 'mdChange',
+        onMdSelected: 'mdSelected',
+        onMdInput: 'mdInput',
+        onMdOpen: 'mdOpen',
+        onMdClose: 'mdClose',
+        onMdCancel: 'mdCancel',
+        onMdViewChange: 'mdViewChange',
+        onMdMenuOpen: 'mdMenuOpen',
+        onMdMenuSelect: 'mdMenuSelect',
+        onMdModeChange: 'mdModeChange',
+        onMdValidityChange: 'mdValidityChange'
+    } as MdDatePickerEvents,
+    defineCustomElement: defineMdDatePicker
+});

package/src/components/MdDialog.ts

@@ -0,0 +1,34 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdDialogCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdDialog as MdDialogElement, defineCustomElement as defineMdDialog } from "@awc-ui/core/dist/components/md-dialog.js";
+
+export type MdDialogEvents = {
+    onMdOpen: EventName<MdDialogCustomEvent<void>>,
+    onMdClose: EventName<MdDialogCustomEvent<void>>,
+    onMdCancel: EventName<MdDialogCustomEvent<void>>
+};
+
+export const MdDialog: StencilReactComponent<MdDialogElement, MdDialogEvents, Components.MdDialog> = /*@__PURE__*/ createComponent<MdDialogElement, MdDialogEvents, Components.MdDialog>({
+    tagName: 'md-dialog',
+    elementClass: MdDialogElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdOpen: 'mdOpen',
+        onMdClose: 'mdClose',
+        onMdCancel: 'mdCancel'
+    } as MdDialogEvents,
+    defineCustomElement: defineMdDialog
+});

package/src/components/MdDivider.ts

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdDivider as MdDividerElement, defineCustomElement as defineMdDivider } from "@awc-ui/core/dist/components/md-divider.js";
+
+export type MdDividerEvents = NonNullable<unknown>;
+
+export const MdDivider: StencilReactComponent<MdDividerElement, MdDividerEvents, Components.MdDivider> = /*@__PURE__*/ createComponent<MdDividerElement, MdDividerEvents, Components.MdDivider>({
+    tagName: 'md-divider',
+    elementClass: MdDividerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as MdDividerEvents,
+    defineCustomElement: defineMdDivider
+});

package/src/components/MdFab.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdFabCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdFab as MdFabElement, defineCustomElement as defineMdFab } from "@awc-ui/core/dist/components/md-fab.js";
+
+export type MdFabEvents = { onMdClick: EventName<MdFabCustomEvent<MouseEvent>> };
+
+export const MdFab: StencilReactComponent<MdFabElement, MdFabEvents, Components.MdFab> = /*@__PURE__*/ createComponent<MdFabElement, MdFabEvents, Components.MdFab>({
+    tagName: 'md-fab',
+    elementClass: MdFabElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdClick: 'mdClick' } as MdFabEvents,
+    defineCustomElement: defineMdFab
+});

package/src/components/MdFabMenu.ts

@@ -0,0 +1,32 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdFabMenuCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdFabMenu as MdFabMenuElement, defineCustomElement as defineMdFabMenu } from "@awc-ui/core/dist/components/md-fab-menu.js";
+
+export type MdFabMenuEvents = {
+    onMdOpen: EventName<MdFabMenuCustomEvent<void>>,
+    onMdClose: EventName<MdFabMenuCustomEvent<void>>
+};
+
+export const MdFabMenu: StencilReactComponent<MdFabMenuElement, MdFabMenuEvents, Components.MdFabMenu> = /*@__PURE__*/ createComponent<MdFabMenuElement, MdFabMenuEvents, Components.MdFabMenu>({
+    tagName: 'md-fab-menu',
+    elementClass: MdFabMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdOpen: 'mdOpen',
+        onMdClose: 'mdClose'
+    } as MdFabMenuEvents,
+    defineCustomElement: defineMdFabMenu
+});

package/src/components/MdFabMenuItem.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdFabMenuItemCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdFabMenuItem as MdFabMenuItemElement, defineCustomElement as defineMdFabMenuItem } from "@awc-ui/core/dist/components/md-fab-menu-item.js";
+
+export type MdFabMenuItemEvents = { onMdClick: EventName<MdFabMenuItemCustomEvent<void>> };
+
+export const MdFabMenuItem: StencilReactComponent<MdFabMenuItemElement, MdFabMenuItemEvents, Components.MdFabMenuItem> = /*@__PURE__*/ createComponent<MdFabMenuItemElement, MdFabMenuItemEvents, Components.MdFabMenuItem>({
+    tagName: 'md-fab-menu-item',
+    elementClass: MdFabMenuItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdClick: 'mdClick' } as MdFabMenuItemEvents,
+    defineCustomElement: defineMdFabMenuItem
+});

package/src/components/MdIconButton.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdIconButtonCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdIconButton as MdIconButtonElement, defineCustomElement as defineMdIconButton } from "@awc-ui/core/dist/components/md-icon-button.js";
+
+export type MdIconButtonEvents = { onMdClick: EventName<MdIconButtonCustomEvent<{ selected: boolean }>> };
+
+export const MdIconButton: StencilReactComponent<MdIconButtonElement, MdIconButtonEvents, Components.MdIconButton> = /*@__PURE__*/ createComponent<MdIconButtonElement, MdIconButtonEvents, Components.MdIconButton>({
+    tagName: 'md-icon-button',
+    elementClass: MdIconButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdClick: 'mdClick' } as MdIconButtonEvents,
+    defineCustomElement: defineMdIconButton
+});

package/src/components/MdLineChart.ts

@@ -0,0 +1,44 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdChartAxisClickDetail, MdChartClickDetail, MdChartHoverDetail, MdChartXYSeries, MdLineChartCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdLineChart as MdLineChartElement, defineCustomElement as defineMdLineChart } from "@awc-ui/core/dist/components/md-line-chart.js";
+
+export type MdLineChartEvents = {
+    onMdMarkerClick: EventName<MdLineChartCustomEvent<MdChartClickDetail<MdChartXYSeries>>>,
+    onMdLineClick: EventName<MdLineChartCustomEvent<MdChartClickDetail<MdChartXYSeries>>>,
+    onMdAreaClick: EventName<MdLineChartCustomEvent<MdChartClickDetail<MdChartXYSeries>>>,
+    onMdAxisClick: EventName<MdLineChartCustomEvent<MdChartAxisClickDetail>>,
+    onMdLegendClick: EventName<MdLineChartCustomEvent<{ seriesIndex: number; seriesId?: string; selected: boolean }>>,
+    onMdHover: EventName<MdLineChartCustomEvent<MdChartHoverDetail>>,
+    onMdReady: EventName<MdLineChartCustomEvent<void>>,
+    onMdZoom: EventName<MdLineChartCustomEvent<{ startIndex: number; endIndex: number; reset: boolean }>>
+};
+
+export const MdLineChart: StencilReactComponent<MdLineChartElement, MdLineChartEvents, Components.MdLineChart> = /*@__PURE__*/ createComponent<MdLineChartElement, MdLineChartEvents, Components.MdLineChart>({
+    tagName: 'md-line-chart',
+    elementClass: MdLineChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdMarkerClick: 'mdMarkerClick',
+        onMdLineClick: 'mdLineClick',
+        onMdAreaClick: 'mdAreaClick',
+        onMdAxisClick: 'mdAxisClick',
+        onMdLegendClick: 'mdLegendClick',
+        onMdHover: 'mdHover',
+        onMdReady: 'mdReady',
+        onMdZoom: 'mdZoom'
+    } as MdLineChartEvents,
+    defineCustomElement: defineMdLineChart
+});

package/src/components/MdList.ts

@@ -0,0 +1,34 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdListCustomEvent, MdListSelectDetail } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdList as MdListElement, defineCustomElement as defineMdList } from "@awc-ui/core/dist/components/md-list.js";
+
+export type MdListEvents = {
+    onMdSelect: EventName<MdListCustomEvent<MdListSelectDetail>>,
+    onMdActivate: EventName<MdListCustomEvent<{ index: number; item: HTMLMdListItemElement }>>,
+    onMdReorder: EventName<MdListCustomEvent<{ from: number; to: number; order: number[] }>>
+};
+
+export const MdList: StencilReactComponent<MdListElement, MdListEvents, Components.MdList> = /*@__PURE__*/ createComponent<MdListElement, MdListEvents, Components.MdList>({
+    tagName: 'md-list',
+    elementClass: MdListElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdSelect: 'mdSelect',
+        onMdActivate: 'mdActivate',
+        onMdReorder: 'mdReorder'
+    } as MdListEvents,
+    defineCustomElement: defineMdList
+});

package/src/components/MdListItem.ts

@@ -0,0 +1,40 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdListItemCustomEvent, MdListItemExpandDetail } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdListItem as MdListItemElement, defineCustomElement as defineMdListItem } from "@awc-ui/core/dist/components/md-list-item.js";
+
+export type MdListItemEvents = {
+    onMdClick: EventName<MdListItemCustomEvent<{ item: HTMLElement }>>,
+    onMdItemClick: EventName<MdListItemCustomEvent<{ index: number; selected: boolean }>>,
+    onMdItemSelect: EventName<MdListItemCustomEvent<{ index: number; value: string; selected: boolean; item: HTMLMdListItemElement; }>>,
+    onMdRequestActivation: EventName<MdListItemCustomEvent<void>>,
+    onMdItemRequestReorder: EventName<MdListItemCustomEvent<{ direction: 'up' | 'down'; from: number; }>>,
+    onMdExpand: EventName<MdListItemCustomEvent<MdListItemExpandDetail>>
+};
+
+export const MdListItem: StencilReactComponent<MdListItemElement, MdListItemEvents, Components.MdListItem> = /*@__PURE__*/ createComponent<MdListItemElement, MdListItemEvents, Components.MdListItem>({
+    tagName: 'md-list-item',
+    elementClass: MdListItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdClick: 'mdClick',
+        onMdItemClick: 'mdItemClick',
+        onMdItemSelect: 'mdItemSelect',
+        onMdRequestActivation: 'mdRequestActivation',
+        onMdItemRequestReorder: 'mdItemRequestReorder',
+        onMdExpand: 'mdExpand'
+    } as MdListItemEvents,
+    defineCustomElement: defineMdListItem
+});

package/src/components/MdLoadingIndicator.ts

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdLoadingIndicator as MdLoadingIndicatorElement, defineCustomElement as defineMdLoadingIndicator } from "@awc-ui/core/dist/components/md-loading-indicator.js";
+
+export type MdLoadingIndicatorEvents = NonNullable<unknown>;
+
+export const MdLoadingIndicator: StencilReactComponent<MdLoadingIndicatorElement, MdLoadingIndicatorEvents, Components.MdLoadingIndicator> = /*@__PURE__*/ createComponent<MdLoadingIndicatorElement, MdLoadingIndicatorEvents, Components.MdLoadingIndicator>({
+    tagName: 'md-loading-indicator',
+    elementClass: MdLoadingIndicatorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as MdLoadingIndicatorEvents,
+    defineCustomElement: defineMdLoadingIndicator
+});

package/src/components/MdMenu.ts

@@ -0,0 +1,32 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdMenuCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdMenu as MdMenuElement, defineCustomElement as defineMdMenu } from "@awc-ui/core/dist/components/md-menu.js";
+
+export type MdMenuEvents = {
+    onMdOpen: EventName<MdMenuCustomEvent<void>>,
+    onMdClose: EventName<MdMenuCustomEvent<void>>
+};
+
+export const MdMenu: StencilReactComponent<MdMenuElement, MdMenuEvents, Components.MdMenu> = /*@__PURE__*/ createComponent<MdMenuElement, MdMenuEvents, Components.MdMenu>({
+    tagName: 'md-menu',
+    elementClass: MdMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdOpen: 'mdOpen',
+        onMdClose: 'mdClose'
+    } as MdMenuEvents,
+    defineCustomElement: defineMdMenu
+});

package/src/components/MdMenuItem.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdMenuItemCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdMenuItem as MdMenuItemElement, defineCustomElement as defineMdMenuItem } from "@awc-ui/core/dist/components/md-menu-item.js";
+
+export type MdMenuItemEvents = { onMdClick: EventName<MdMenuItemCustomEvent<void>> };
+
+export const MdMenuItem: StencilReactComponent<MdMenuItemElement, MdMenuItemEvents, Components.MdMenuItem> = /*@__PURE__*/ createComponent<MdMenuItemElement, MdMenuItemEvents, Components.MdMenuItem>({
+    tagName: 'md-menu-item',
+    elementClass: MdMenuItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdClick: 'mdClick' } as MdMenuItemEvents,
+    defineCustomElement: defineMdMenuItem
+});

package/src/components/MdMenuItemGroup.ts

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdMenuItemGroup as MdMenuItemGroupElement, defineCustomElement as defineMdMenuItemGroup } from "@awc-ui/core/dist/components/md-menu-item-group.js";
+
+export type MdMenuItemGroupEvents = NonNullable<unknown>;
+
+export const MdMenuItemGroup: StencilReactComponent<MdMenuItemGroupElement, MdMenuItemGroupEvents, Components.MdMenuItemGroup> = /*@__PURE__*/ createComponent<MdMenuItemGroupElement, MdMenuItemGroupEvents, Components.MdMenuItemGroup>({
+    tagName: 'md-menu-item-group',
+    elementClass: MdMenuItemGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as MdMenuItemGroupEvents,
+    defineCustomElement: defineMdMenuItemGroup
+});

package/src/components/MdMeter.ts

@@ -0,0 +1,25 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdMeter as MdMeterElement, defineCustomElement as defineMdMeter } from "@awc-ui/core/dist/components/md-meter.js";
+
+export type MdMeterEvents = NonNullable<unknown>;
+
+export const MdMeter: StencilReactComponent<MdMeterElement, MdMeterEvents, Components.MdMeter> = /*@__PURE__*/ createComponent<MdMeterElement, MdMeterEvents, Components.MdMeter>({
+    tagName: 'md-meter',
+    elementClass: MdMeterElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as MdMeterEvents,
+    defineCustomElement: defineMdMeter
+});

package/src/components/MdMultiSelect.ts

@@ -0,0 +1,40 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdMultiSelectCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdMultiSelect as MdMultiSelectElement, defineCustomElement as defineMdMultiSelect } from "@awc-ui/core/dist/components/md-multi-select.js";
+
+export type MdMultiSelectEvents = {
+    onMdChange: EventName<MdMultiSelectCustomEvent<string[]>>,
+    onMdOpen: EventName<MdMultiSelectCustomEvent<void>>,
+    onMdClose: EventName<MdMultiSelectCustomEvent<void>>,
+    onMdRemove: EventName<MdMultiSelectCustomEvent<string>>,
+    onMdClear: EventName<MdMultiSelectCustomEvent<void>>,
+    onMdValidityChange: EventName<MdMultiSelectCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const MdMultiSelect: StencilReactComponent<MdMultiSelectElement, MdMultiSelectEvents, Components.MdMultiSelect> = /*@__PURE__*/ createComponent<MdMultiSelectElement, MdMultiSelectEvents, Components.MdMultiSelect>({
+    tagName: 'md-multi-select',
+    elementClass: MdMultiSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdChange: 'mdChange',
+        onMdOpen: 'mdOpen',
+        onMdClose: 'mdClose',
+        onMdRemove: 'mdRemove',
+        onMdClear: 'mdClear',
+        onMdValidityChange: 'mdValidityChange'
+    } as MdMultiSelectEvents,
+    defineCustomElement: defineMdMultiSelect
+});

package/src/components/MdNavigationBar.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * Generated by scripts/split-react-components.mjs from the Stencil React Output
+ * Target's components.ts. Do not edit — regenerated on every core build.
+ */
+
+/* eslint-disable */
+
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import type { MdNavigationBarCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdNavigationBar as MdNavigationBarElement, defineCustomElement as defineMdNavigationBar } from "@awc-ui/core/dist/components/md-navigation-bar.js";
+
+export type MdNavigationBarEvents = { onMdChange: EventName<MdNavigationBarCustomEvent<{ index: number; previousIndex: number }>> };
+
+export const MdNavigationBar: StencilReactComponent<MdNavigationBarElement, MdNavigationBarEvents, Components.MdNavigationBar> = /*@__PURE__*/ createComponent<MdNavigationBarElement, MdNavigationBarEvents, Components.MdNavigationBar>({
+    tagName: 'md-navigation-bar',
+    elementClass: MdNavigationBarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdChange: 'mdChange' } as MdNavigationBarEvents,
+    defineCustomElement: defineMdNavigationBar
+});