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

package/src/components/MdAccordion.ts

@@ -0,0 +1,38 @@
+'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 { MdAccordionCustomEvent, MdAccordionDragDetail } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdAccordion as MdAccordionElement, defineCustomElement as defineMdAccordion } from "@awc-ui/core/dist/components/md-accordion.js";
+
+export type MdAccordionEvents = {
+    onMdToggle: EventName<MdAccordionCustomEvent<{ index: number; expanded: boolean; expandedIndices: number[]; }>>,
+    onMdReorder: EventName<MdAccordionCustomEvent<{ from: number; to: number; order: number[]; }>>,
+    onMdDragStart: EventName<MdAccordionCustomEvent<MdAccordionDragDetail>>,
+    onMdDragMove: EventName<MdAccordionCustomEvent<MdAccordionDragDetail>>,
+    onMdDragEnd: EventName<MdAccordionCustomEvent<MdAccordionDragDetail>>
+};
+
+export const MdAccordion: StencilReactComponent<MdAccordionElement, MdAccordionEvents, Components.MdAccordion> = /*@__PURE__*/ createComponent<MdAccordionElement, MdAccordionEvents, Components.MdAccordion>({
+    tagName: 'md-accordion',
+    elementClass: MdAccordionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdToggle: 'mdToggle',
+        onMdReorder: 'mdReorder',
+        onMdDragStart: 'mdDragStart',
+        onMdDragMove: 'mdDragMove',
+        onMdDragEnd: 'mdDragEnd'
+    } as MdAccordionEvents,
+    defineCustomElement: defineMdAccordion
+});

package/src/components/MdAccordionItem.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 { MdAccordionItemCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdAccordionItem as MdAccordionItemElement, defineCustomElement as defineMdAccordionItem } from "@awc-ui/core/dist/components/md-accordion-item.js";
+
+export type MdAccordionItemEvents = {
+    onMdItemToggle: EventName<MdAccordionItemCustomEvent<{ expanded: boolean; index: number }>>,
+    onMdItemRequestFocus: EventName<MdAccordionItemCustomEvent<{ direction: 'next' | 'prev' | 'first' | 'last'; from: number; }>>,
+    onMdItemRequestReorder: EventName<MdAccordionItemCustomEvent<{ direction: 'up' | 'down'; from: number; }>>
+};
+
+export const MdAccordionItem: StencilReactComponent<MdAccordionItemElement, MdAccordionItemEvents, Components.MdAccordionItem> = /*@__PURE__*/ createComponent<MdAccordionItemElement, MdAccordionItemEvents, Components.MdAccordionItem>({
+    tagName: 'md-accordion-item',
+    elementClass: MdAccordionItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdItemToggle: 'mdItemToggle',
+        onMdItemRequestFocus: 'mdItemRequestFocus',
+        onMdItemRequestReorder: 'mdItemRequestReorder'
+    } as MdAccordionItemEvents,
+    defineCustomElement: defineMdAccordionItem
+});

package/src/components/MdAppBar.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 { MdAppBarCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdAppBar as MdAppBarElement, defineCustomElement as defineMdAppBar } from "@awc-ui/core/dist/components/md-app-bar.js";
+
+export type MdAppBarEvents = {
+    onMdLeadingClick: EventName<MdAppBarCustomEvent<MouseEvent>>,
+    onMdSearchActivate: EventName<MdAppBarCustomEvent<{ value: string }>>,
+    onMdSearchInput: EventName<MdAppBarCustomEvent<{ value: string }>>
+};
+
+export const MdAppBar: StencilReactComponent<MdAppBarElement, MdAppBarEvents, Components.MdAppBar> = /*@__PURE__*/ createComponent<MdAppBarElement, MdAppBarEvents, Components.MdAppBar>({
+    tagName: 'md-app-bar',
+    elementClass: MdAppBarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdLeadingClick: 'mdLeadingClick',
+        onMdSearchActivate: 'mdSearchActivate',
+        onMdSearchInput: 'mdSearchInput'
+    } as MdAppBarEvents,
+    defineCustomElement: defineMdAppBar
+});

package/src/components/MdAreaChart.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 { MdAreaChartCustomEvent, MdChartAxisClickDetail, MdChartClickDetail, MdChartHoverDetail, MdChartSeries } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdAreaChart as MdAreaChartElement, defineCustomElement as defineMdAreaChart } from "@awc-ui/core/dist/components/md-area-chart.js";
+
+export type MdAreaChartEvents = {
+    onMdMarkerClick: EventName<MdAreaChartCustomEvent<MdChartClickDetail<MdChartSeries>>>,
+    onMdLineClick: EventName<MdAreaChartCustomEvent<MdChartClickDetail<MdChartSeries>>>,
+    onMdAreaClick: EventName<MdAreaChartCustomEvent<MdChartClickDetail<MdChartSeries>>>,
+    onMdAxisClick: EventName<MdAreaChartCustomEvent<MdChartAxisClickDetail>>,
+    onMdLegendClick: EventName<MdAreaChartCustomEvent<{ seriesIndex: number; seriesId?: string; selected: boolean }>>,
+    onMdHover: EventName<MdAreaChartCustomEvent<MdChartHoverDetail>>,
+    onMdReady: EventName<MdAreaChartCustomEvent<void>>,
+    onMdZoom: EventName<MdAreaChartCustomEvent<{ startIndex: number; endIndex: number; reset: boolean }>>
+};
+
+export const MdAreaChart: StencilReactComponent<MdAreaChartElement, MdAreaChartEvents, Components.MdAreaChart> = /*@__PURE__*/ createComponent<MdAreaChartElement, MdAreaChartEvents, Components.MdAreaChart>({
+    tagName: 'md-area-chart',
+    elementClass: MdAreaChartElement,
+    // @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 MdAreaChartEvents,
+    defineCustomElement: defineMdAreaChart
+});

package/src/components/MdAutocomplete.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 { MdAutocompleteCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdAutocomplete as MdAutocompleteElement, defineCustomElement as defineMdAutocomplete } from "@awc-ui/core/dist/components/md-autocomplete.js";
+
+export type MdAutocompleteEvents = {
+    onMdChange: EventName<MdAutocompleteCustomEvent<string | string[]>>,
+    onMdInput: EventName<MdAutocompleteCustomEvent<string>>,
+    onMdOpen: EventName<MdAutocompleteCustomEvent<void>>,
+    onMdClose: EventName<MdAutocompleteCustomEvent<void>>,
+    onMdClear: EventName<MdAutocompleteCustomEvent<void>>,
+    onMdValidityChange: EventName<MdAutocompleteCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const MdAutocomplete: StencilReactComponent<MdAutocompleteElement, MdAutocompleteEvents, Components.MdAutocomplete> = /*@__PURE__*/ createComponent<MdAutocompleteElement, MdAutocompleteEvents, Components.MdAutocomplete>({
+    tagName: 'md-autocomplete',
+    elementClass: MdAutocompleteElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdChange: 'mdChange',
+        onMdInput: 'mdInput',
+        onMdOpen: 'mdOpen',
+        onMdClose: 'mdClose',
+        onMdClear: 'mdClear',
+        onMdValidityChange: 'mdValidityChange'
+    } as MdAutocompleteEvents,
+    defineCustomElement: defineMdAutocomplete
+});

package/src/components/MdAvatar.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 { MdAvatarCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdAvatar as MdAvatarElement, defineCustomElement as defineMdAvatar } from "@awc-ui/core/dist/components/md-avatar.js";
+
+export type MdAvatarEvents = {
+    onMdLoad: EventName<MdAvatarCustomEvent<{ src: string }>>,
+    onMdError: EventName<MdAvatarCustomEvent<{ src: string }>>
+};
+
+export const MdAvatar: StencilReactComponent<MdAvatarElement, MdAvatarEvents, Components.MdAvatar> = /*@__PURE__*/ createComponent<MdAvatarElement, MdAvatarEvents, Components.MdAvatar>({
+    tagName: 'md-avatar',
+    elementClass: MdAvatarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdLoad: 'mdLoad',
+        onMdError: 'mdError'
+    } as MdAvatarEvents,
+    defineCustomElement: defineMdAvatar
+});

package/src/components/MdBadge.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 { MdBadge as MdBadgeElement, defineCustomElement as defineMdBadge } from "@awc-ui/core/dist/components/md-badge.js";
+
+export type MdBadgeEvents = NonNullable<unknown>;
+
+export const MdBadge: StencilReactComponent<MdBadgeElement, MdBadgeEvents, Components.MdBadge> = /*@__PURE__*/ createComponent<MdBadgeElement, MdBadgeEvents, Components.MdBadge>({
+    tagName: 'md-badge',
+    elementClass: MdBadgeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as MdBadgeEvents,
+    defineCustomElement: defineMdBadge
+});

package/src/components/MdBarChart.ts

@@ -0,0 +1,38 @@
+'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 { MdBarChartCustomEvent, MdChartClickDetail, MdChartHoverDetail, MdChartSeries } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdBarChart as MdBarChartElement, defineCustomElement as defineMdBarChart } from "@awc-ui/core/dist/components/md-bar-chart.js";
+
+export type MdBarChartEvents = {
+    onMdBarClick: EventName<MdBarChartCustomEvent<MdChartClickDetail<MdChartSeries>>>,
+    onMdLegendClick: EventName<MdBarChartCustomEvent<{ seriesIndex: number; seriesId?: string; selected: boolean }>>,
+    onMdHover: EventName<MdBarChartCustomEvent<MdChartHoverDetail>>,
+    onMdReady: EventName<MdBarChartCustomEvent<void>>,
+    onMdZoom: EventName<MdBarChartCustomEvent<{ startIndex: number; endIndex: number; reset: boolean }>>
+};
+
+export const MdBarChart: StencilReactComponent<MdBarChartElement, MdBarChartEvents, Components.MdBarChart> = /*@__PURE__*/ createComponent<MdBarChartElement, MdBarChartEvents, Components.MdBarChart>({
+    tagName: 'md-bar-chart',
+    elementClass: MdBarChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdBarClick: 'mdBarClick',
+        onMdLegendClick: 'mdLegendClick',
+        onMdHover: 'mdHover',
+        onMdReady: 'mdReady',
+        onMdZoom: 'mdZoom'
+    } as MdBarChartEvents,
+    defineCustomElement: defineMdBarChart
+});

package/src/components/MdBottomSheet.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 { MdBottomSheetCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdBottomSheet as MdBottomSheetElement, defineCustomElement as defineMdBottomSheet } from "@awc-ui/core/dist/components/md-bottom-sheet.js";
+
+export type MdBottomSheetEvents = {
+    onMdOpen: EventName<MdBottomSheetCustomEvent<void>>,
+    onMdClose: EventName<MdBottomSheetCustomEvent<void>>,
+    onMdCancel: EventName<MdBottomSheetCustomEvent<void>>
+};
+
+export const MdBottomSheet: StencilReactComponent<MdBottomSheetElement, MdBottomSheetEvents, Components.MdBottomSheet> = /*@__PURE__*/ createComponent<MdBottomSheetElement, MdBottomSheetEvents, Components.MdBottomSheet>({
+    tagName: 'md-bottom-sheet',
+    elementClass: MdBottomSheetElement,
+    // @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 MdBottomSheetEvents,
+    defineCustomElement: defineMdBottomSheet
+});

package/src/components/MdBreadcrumbItem.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 { MdBreadcrumbItemCustomEvent, MdBreadcrumbSelectDetail } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdBreadcrumbItem as MdBreadcrumbItemElement, defineCustomElement as defineMdBreadcrumbItem } from "@awc-ui/core/dist/components/md-breadcrumb-item.js";
+
+export type MdBreadcrumbItemEvents = { onMdSelect: EventName<MdBreadcrumbItemCustomEvent<MdBreadcrumbSelectDetail>> };
+
+export const MdBreadcrumbItem: StencilReactComponent<MdBreadcrumbItemElement, MdBreadcrumbItemEvents, Components.MdBreadcrumbItem> = /*@__PURE__*/ createComponent<MdBreadcrumbItemElement, MdBreadcrumbItemEvents, Components.MdBreadcrumbItem>({
+    tagName: 'md-breadcrumb-item',
+    elementClass: MdBreadcrumbItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdSelect: 'mdSelect' } as MdBreadcrumbItemEvents,
+    defineCustomElement: defineMdBreadcrumbItem
+});

package/src/components/MdBreadcrumbs.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 { MdBreadcrumbsCustomEvent, MdBreadcrumbsExpandDetail } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdBreadcrumbs as MdBreadcrumbsElement, defineCustomElement as defineMdBreadcrumbs } from "@awc-ui/core/dist/components/md-breadcrumbs.js";
+
+export type MdBreadcrumbsEvents = { onMdExpand: EventName<MdBreadcrumbsCustomEvent<MdBreadcrumbsExpandDetail>> };
+
+export const MdBreadcrumbs: StencilReactComponent<MdBreadcrumbsElement, MdBreadcrumbsEvents, Components.MdBreadcrumbs> = /*@__PURE__*/ createComponent<MdBreadcrumbsElement, MdBreadcrumbsEvents, Components.MdBreadcrumbs>({
+    tagName: 'md-breadcrumbs',
+    elementClass: MdBreadcrumbsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdExpand: 'mdExpand' } as MdBreadcrumbsEvents,
+    defineCustomElement: defineMdBreadcrumbs
+});

package/src/components/MdButton.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 { MdButtonChangeDetail, MdButtonClickDetail, MdButtonCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdButton as MdButtonElement, defineCustomElement as defineMdButton } from "@awc-ui/core/dist/components/md-button.js";
+
+export type MdButtonEvents = {
+    onMdClick: EventName<MdButtonCustomEvent<MdButtonClickDetail>>,
+    onMdChange: EventName<MdButtonCustomEvent<MdButtonChangeDetail>>
+};
+
+export const MdButton: StencilReactComponent<MdButtonElement, MdButtonEvents, Components.MdButton> = /*@__PURE__*/ createComponent<MdButtonElement, MdButtonEvents, Components.MdButton>({
+    tagName: 'md-button',
+    elementClass: MdButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdClick: 'mdClick',
+        onMdChange: 'mdChange'
+    } as MdButtonEvents,
+    defineCustomElement: defineMdButton
+});

package/src/components/MdButtonGroup.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 { MdButtonGroupChangeDetail, MdButtonGroupCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdButtonGroup as MdButtonGroupElement, defineCustomElement as defineMdButtonGroup } from "@awc-ui/core/dist/components/md-button-group.js";
+
+export type MdButtonGroupEvents = { onMdSelectionChange: EventName<MdButtonGroupCustomEvent<MdButtonGroupChangeDetail>> };
+
+export const MdButtonGroup: StencilReactComponent<MdButtonGroupElement, MdButtonGroupEvents, Components.MdButtonGroup> = /*@__PURE__*/ createComponent<MdButtonGroupElement, MdButtonGroupEvents, Components.MdButtonGroup>({
+    tagName: 'md-button-group',
+    elementClass: MdButtonGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdSelectionChange: 'mdSelectionChange' } as MdButtonGroupEvents,
+    defineCustomElement: defineMdButtonGroup
+});

package/src/components/MdCard.ts

@@ -0,0 +1,36 @@
+'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 { MdCardCustomEvent, MdCardDragDetail } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdCard as MdCardElement, defineCustomElement as defineMdCard } from "@awc-ui/core/dist/components/md-card.js";
+
+export type MdCardEvents = {
+    onMdClick: EventName<MdCardCustomEvent<MouseEvent>>,
+    onMdDragStart: EventName<MdCardCustomEvent<MdCardDragDetail>>,
+    onMdDragMove: EventName<MdCardCustomEvent<MdCardDragDetail>>,
+    onMdDragEnd: EventName<MdCardCustomEvent<MdCardDragDetail>>
+};
+
+export const MdCard: StencilReactComponent<MdCardElement, MdCardEvents, Components.MdCard> = /*@__PURE__*/ createComponent<MdCardElement, MdCardEvents, Components.MdCard>({
+    tagName: 'md-card',
+    elementClass: MdCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdClick: 'mdClick',
+        onMdDragStart: 'mdDragStart',
+        onMdDragMove: 'mdDragMove',
+        onMdDragEnd: 'mdDragEnd'
+    } as MdCardEvents,
+    defineCustomElement: defineMdCard
+});

package/src/components/MdCheckbox.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 { MdCheckboxCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdCheckbox as MdCheckboxElement, defineCustomElement as defineMdCheckbox } from "@awc-ui/core/dist/components/md-checkbox.js";
+
+export type MdCheckboxEvents = {
+    onMdChange: EventName<MdCheckboxCustomEvent<{ checked: boolean; indeterminate: boolean }>>,
+    onMdValidityChange: EventName<MdCheckboxCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const MdCheckbox: StencilReactComponent<MdCheckboxElement, MdCheckboxEvents, Components.MdCheckbox> = /*@__PURE__*/ createComponent<MdCheckboxElement, MdCheckboxEvents, Components.MdCheckbox>({
+    tagName: 'md-checkbox',
+    elementClass: MdCheckboxElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdChange: 'mdChange',
+        onMdValidityChange: 'mdValidityChange'
+    } as MdCheckboxEvents,
+    defineCustomElement: defineMdCheckbox
+});

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
+});