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

package/src/components/MdNavigationRail.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 { MdNavigationRailCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdNavigationRail as MdNavigationRailElement, defineCustomElement as defineMdNavigationRail } from "@awc-ui/core/dist/components/md-navigation-rail.js";
+
+export type MdNavigationRailEvents = {
+    onMdTabChange: EventName<MdNavigationRailCustomEvent<{ index: number; value: string }>>,
+    onMdExpand: EventName<MdNavigationRailCustomEvent<void>>,
+    onMdCollapse: EventName<MdNavigationRailCustomEvent<void>>
+};
+
+export const MdNavigationRail: StencilReactComponent<MdNavigationRailElement, MdNavigationRailEvents, Components.MdNavigationRail> = /*@__PURE__*/ createComponent<MdNavigationRailElement, MdNavigationRailEvents, Components.MdNavigationRail>({
+    tagName: 'md-navigation-rail',
+    elementClass: MdNavigationRailElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdTabChange: 'mdTabChange',
+        onMdExpand: 'mdExpand',
+        onMdCollapse: 'mdCollapse'
+    } as MdNavigationRailEvents,
+    defineCustomElement: defineMdNavigationRail
+});

package/src/components/MdNavigationRailTab.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 { MdNavigationRailTabCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdNavigationRailTab as MdNavigationRailTabElement, defineCustomElement as defineMdNavigationRailTab } from "@awc-ui/core/dist/components/md-navigation-rail-tab.js";
+
+export type MdNavigationRailTabEvents = {
+    onMdTabClick: EventName<MdNavigationRailTabCustomEvent<{ value: string }>>,
+    onMdSubmenuToggle: EventName<MdNavigationRailTabCustomEvent<{ open: boolean }>>
+};
+
+export const MdNavigationRailTab: StencilReactComponent<MdNavigationRailTabElement, MdNavigationRailTabEvents, Components.MdNavigationRailTab> = /*@__PURE__*/ createComponent<MdNavigationRailTabElement, MdNavigationRailTabEvents, Components.MdNavigationRailTab>({
+    tagName: 'md-navigation-rail-tab',
+    elementClass: MdNavigationRailTabElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdTabClick: 'mdTabClick',
+        onMdSubmenuToggle: 'mdSubmenuToggle'
+    } as MdNavigationRailTabEvents,
+    defineCustomElement: defineMdNavigationRailTab
+});

package/src/components/MdNavigationTab.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 { MdNavigationTabCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdNavigationTab as MdNavigationTabElement, defineCustomElement as defineMdNavigationTab } from "@awc-ui/core/dist/components/md-navigation-tab.js";
+
+export type MdNavigationTabEvents = { onMdTabClick: EventName<MdNavigationTabCustomEvent<{ index: number }>> };
+
+export const MdNavigationTab: StencilReactComponent<MdNavigationTabElement, MdNavigationTabEvents, Components.MdNavigationTab> = /*@__PURE__*/ createComponent<MdNavigationTabElement, MdNavigationTabEvents, Components.MdNavigationTab>({
+    tagName: 'md-navigation-tab',
+    elementClass: MdNavigationTabElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdTabClick: 'mdTabClick' } as MdNavigationTabEvents,
+    defineCustomElement: defineMdNavigationTab
+});

package/src/components/MdNumberField.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 { MdNumberFieldChangeDetail, MdNumberFieldCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdNumberField as MdNumberFieldElement, defineCustomElement as defineMdNumberField } from "@awc-ui/core/dist/components/md-number-field.js";
+
+export type MdNumberFieldEvents = {
+    onMdInput: EventName<MdNumberFieldCustomEvent<MdNumberFieldChangeDetail>>,
+    onMdChange: EventName<MdNumberFieldCustomEvent<MdNumberFieldChangeDetail>>,
+    onMdValidityChange: EventName<MdNumberFieldCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const MdNumberField: StencilReactComponent<MdNumberFieldElement, MdNumberFieldEvents, Components.MdNumberField> = /*@__PURE__*/ createComponent<MdNumberFieldElement, MdNumberFieldEvents, Components.MdNumberField>({
+    tagName: 'md-number-field',
+    elementClass: MdNumberFieldElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdInput: 'mdInput',
+        onMdChange: 'mdChange',
+        onMdValidityChange: 'mdValidityChange'
+    } as MdNumberFieldEvents,
+    defineCustomElement: defineMdNumberField
+});

package/src/components/MdOrganizationChart.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 { MdOrganizationChartCustomEvent, OrgChartSelectionChangeDetail, OrgChartToggleDetail } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdOrganizationChart as MdOrganizationChartElement, defineCustomElement as defineMdOrganizationChart } from "@awc-ui/core/dist/components/md-organization-chart.js";
+
+export type MdOrganizationChartEvents = {
+    onMdSelectionChange: EventName<MdOrganizationChartCustomEvent<OrgChartSelectionChangeDetail>>,
+    onMdNodeToggle: EventName<MdOrganizationChartCustomEvent<OrgChartToggleDetail>>
+};
+
+export const MdOrganizationChart: StencilReactComponent<MdOrganizationChartElement, MdOrganizationChartEvents, Components.MdOrganizationChart> = /*@__PURE__*/ createComponent<MdOrganizationChartElement, MdOrganizationChartEvents, Components.MdOrganizationChart>({
+    tagName: 'md-organization-chart',
+    elementClass: MdOrganizationChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdSelectionChange: 'mdSelectionChange',
+        onMdNodeToggle: 'mdNodeToggle'
+    } as MdOrganizationChartEvents,
+    defineCustomElement: defineMdOrganizationChart
+});

package/src/components/MdOtpField.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 { MdOtpFieldCompleteDetail, MdOtpFieldCustomEvent, MdOtpFieldInvalidDetail, MdOtpFieldValidityDetail } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdOtpField as MdOtpFieldElement, defineCustomElement as defineMdOtpField } from "@awc-ui/core/dist/components/md-otp-field.js";
+
+export type MdOtpFieldEvents = {
+    onMdInput: EventName<MdOtpFieldCustomEvent<string>>,
+    onMdChange: EventName<MdOtpFieldCustomEvent<string>>,
+    onMdComplete: EventName<MdOtpFieldCustomEvent<MdOtpFieldCompleteDetail>>,
+    onMdInvalidInput: EventName<MdOtpFieldCustomEvent<MdOtpFieldInvalidDetail>>,
+    onMdValidityChange: EventName<MdOtpFieldCustomEvent<MdOtpFieldValidityDetail>>
+};
+
+export const MdOtpField: StencilReactComponent<MdOtpFieldElement, MdOtpFieldEvents, Components.MdOtpField> = /*@__PURE__*/ createComponent<MdOtpFieldElement, MdOtpFieldEvents, Components.MdOtpField>({
+    tagName: 'md-otp-field',
+    elementClass: MdOtpFieldElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdInput: 'mdInput',
+        onMdChange: 'mdChange',
+        onMdComplete: 'mdComplete',
+        onMdInvalidInput: 'mdInvalidInput',
+        onMdValidityChange: 'mdValidityChange'
+    } as MdOtpFieldEvents,
+    defineCustomElement: defineMdOtpField
+});

package/src/components/MdPieChart.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 { MdChartClickDetail, MdPieChartCustomEvent, MdPieDatum } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdPieChart as MdPieChartElement, defineCustomElement as defineMdPieChart } from "@awc-ui/core/dist/components/md-pie-chart.js";
+
+export type MdPieChartEvents = {
+    onMdSliceClick: EventName<MdPieChartCustomEvent<MdChartClickDetail<MdPieDatum>>>,
+    onMdLegendClick: EventName<MdPieChartCustomEvent<{ dataIndex: number; selected: boolean }>>,
+    onMdReady: EventName<MdPieChartCustomEvent<void>>
+};
+
+export const MdPieChart: StencilReactComponent<MdPieChartElement, MdPieChartEvents, Components.MdPieChart> = /*@__PURE__*/ createComponent<MdPieChartElement, MdPieChartEvents, Components.MdPieChart>({
+    tagName: 'md-pie-chart',
+    elementClass: MdPieChartElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdSliceClick: 'mdSliceClick',
+        onMdLegendClick: 'mdLegendClick',
+        onMdReady: 'mdReady'
+    } as MdPieChartEvents,
+    defineCustomElement: defineMdPieChart
+});

package/src/components/MdProgressIndicator.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 { MdProgressIndicatorCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdProgressIndicator as MdProgressIndicatorElement, defineCustomElement as defineMdProgressIndicator } from "@awc-ui/core/dist/components/md-progress-indicator.js";
+
+export type MdProgressIndicatorEvents = { onMdComplete: EventName<MdProgressIndicatorCustomEvent<void>> };
+
+export const MdProgressIndicator: StencilReactComponent<MdProgressIndicatorElement, MdProgressIndicatorEvents, Components.MdProgressIndicator> = /*@__PURE__*/ createComponent<MdProgressIndicatorElement, MdProgressIndicatorEvents, Components.MdProgressIndicator>({
+    tagName: 'md-progress-indicator',
+    elementClass: MdProgressIndicatorElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdComplete: 'mdComplete' } as MdProgressIndicatorEvents,
+    defineCustomElement: defineMdProgressIndicator
+});

package/src/components/MdRadio.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 { MdRadioCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdRadio as MdRadioElement, defineCustomElement as defineMdRadio } from "@awc-ui/core/dist/components/md-radio.js";
+
+export type MdRadioEvents = {
+    onMdChange: EventName<MdRadioCustomEvent<{ checked: boolean; value: string }>>,
+    onMdFocus: EventName<MdRadioCustomEvent<void>>,
+    onMdBlur: EventName<MdRadioCustomEvent<void>>,
+    onMdValidityChange: EventName<MdRadioCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const MdRadio: StencilReactComponent<MdRadioElement, MdRadioEvents, Components.MdRadio> = /*@__PURE__*/ createComponent<MdRadioElement, MdRadioEvents, Components.MdRadio>({
+    tagName: 'md-radio',
+    elementClass: MdRadioElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdChange: 'mdChange',
+        onMdFocus: 'mdFocus',
+        onMdBlur: 'mdBlur',
+        onMdValidityChange: 'mdValidityChange'
+    } as MdRadioEvents,
+    defineCustomElement: defineMdRadio
+});

package/src/components/MdRating.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 { MdRatingCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdRating as MdRatingElement, defineCustomElement as defineMdRating } from "@awc-ui/core/dist/components/md-rating.js";
+
+export type MdRatingEvents = {
+    onMdHover: EventName<MdRatingCustomEvent<number | null>>,
+    onMdChange: EventName<MdRatingCustomEvent<number>>
+};
+
+export const MdRating: StencilReactComponent<MdRatingElement, MdRatingEvents, Components.MdRating> = /*@__PURE__*/ createComponent<MdRatingElement, MdRatingEvents, Components.MdRating>({
+    tagName: 'md-rating',
+    elementClass: MdRatingElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdHover: 'mdHover',
+        onMdChange: 'mdChange'
+    } as MdRatingEvents,
+    defineCustomElement: defineMdRating
+});

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

package/src/components/MdSearch.ts

@@ -0,0 +1,48 @@
+'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 { MdSearchCustomEvent, MdSearchLeadingIconClickDetail, MdSearchTrailingIconClickDetail } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdSearch as MdSearchElement, defineCustomElement as defineMdSearch } from "@awc-ui/core/dist/components/md-search.js";
+
+export type MdSearchEvents = {
+    onMdInput: EventName<MdSearchCustomEvent<{ value: string }>>,
+    onMdSearch: EventName<MdSearchCustomEvent<{ value: string }>>,
+    onMdSubmit: EventName<MdSearchCustomEvent<{ value: string }>>,
+    onMdChange: EventName<MdSearchCustomEvent<{ value: string }>>,
+    onMdOpen: EventName<MdSearchCustomEvent<void>>,
+    onMdClose: EventName<MdSearchCustomEvent<void>>,
+    onMdClear: EventName<MdSearchCustomEvent<void>>,
+    onMdVoice: EventName<MdSearchCustomEvent<{ value: string; final: boolean }>>,
+    onMdLeadingIconClick: EventName<MdSearchCustomEvent<MdSearchLeadingIconClickDetail>>,
+    onMdTrailingIconClick: EventName<MdSearchCustomEvent<MdSearchTrailingIconClickDetail>>
+};
+
+export const MdSearch: StencilReactComponent<MdSearchElement, MdSearchEvents, Components.MdSearch> = /*@__PURE__*/ createComponent<MdSearchElement, MdSearchEvents, Components.MdSearch>({
+    tagName: 'md-search',
+    elementClass: MdSearchElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdInput: 'mdInput',
+        onMdSearch: 'mdSearch',
+        onMdSubmit: 'mdSubmit',
+        onMdChange: 'mdChange',
+        onMdOpen: 'mdOpen',
+        onMdClose: 'mdClose',
+        onMdClear: 'mdClear',
+        onMdVoice: 'mdVoice',
+        onMdLeadingIconClick: 'mdLeadingIconClick',
+        onMdTrailingIconClick: 'mdTrailingIconClick'
+    } as MdSearchEvents,
+    defineCustomElement: defineMdSearch
+});

package/src/components/MdSegmentedButton.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 { MdSegmentedButtonCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdSegmentedButton as MdSegmentedButtonElement, defineCustomElement as defineMdSegmentedButton } from "@awc-ui/core/dist/components/md-segmented-button.js";
+
+export type MdSegmentedButtonEvents = { onMdSegmentClick: EventName<MdSegmentedButtonCustomEvent<{ value: string; selected: boolean }>> };
+
+export const MdSegmentedButton: StencilReactComponent<MdSegmentedButtonElement, MdSegmentedButtonEvents, Components.MdSegmentedButton> = /*@__PURE__*/ createComponent<MdSegmentedButtonElement, MdSegmentedButtonEvents, Components.MdSegmentedButton>({
+    tagName: 'md-segmented-button',
+    elementClass: MdSegmentedButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdSegmentClick: 'mdSegmentClick' } as MdSegmentedButtonEvents,
+    defineCustomElement: defineMdSegmentedButton
+});

package/src/components/MdSegmentedButtonSet.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 { MdSegmentedButtonSetCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdSegmentedButtonSet as MdSegmentedButtonSetElement, defineCustomElement as defineMdSegmentedButtonSet } from "@awc-ui/core/dist/components/md-segmented-button-set.js";
+
+export type MdSegmentedButtonSetEvents = { onMdChange: EventName<MdSegmentedButtonSetCustomEvent<string[]>> };
+
+export const MdSegmentedButtonSet: StencilReactComponent<MdSegmentedButtonSetElement, MdSegmentedButtonSetEvents, Components.MdSegmentedButtonSet> = /*@__PURE__*/ createComponent<MdSegmentedButtonSetElement, MdSegmentedButtonSetEvents, Components.MdSegmentedButtonSet>({
+    tagName: 'md-segmented-button-set',
+    elementClass: MdSegmentedButtonSetElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdChange: 'mdChange' } as MdSegmentedButtonSetEvents,
+    defineCustomElement: defineMdSegmentedButtonSet
+});

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

package/src/components/MdSelectOption.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 { MdSelectOptionCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdSelectOption as MdSelectOptionElement, defineCustomElement as defineMdSelectOption } from "@awc-ui/core/dist/components/md-select-option.js";
+
+export type MdSelectOptionEvents = { onMdSelectOptionChange: EventName<MdSelectOptionCustomEvent<void>> };
+
+export const MdSelectOption: StencilReactComponent<MdSelectOptionElement, MdSelectOptionEvents, Components.MdSelectOption> = /*@__PURE__*/ createComponent<MdSelectOptionElement, MdSelectOptionEvents, Components.MdSelectOption>({
+    tagName: 'md-select-option',
+    elementClass: MdSelectOptionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdSelectOptionChange: 'mdSelectOptionChange' } as MdSelectOptionEvents,
+    defineCustomElement: defineMdSelectOption
+});

package/src/components/MdSideSheet.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 { MdSideSheetCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdSideSheet as MdSideSheetElement, defineCustomElement as defineMdSideSheet } from "@awc-ui/core/dist/components/md-side-sheet.js";
+
+export type MdSideSheetEvents = {
+    onMdOpen: EventName<MdSideSheetCustomEvent<void>>,
+    onMdClose: EventName<MdSideSheetCustomEvent<void>>,
+    onMdCancel: EventName<MdSideSheetCustomEvent<void>>,
+    onMdBack: EventName<MdSideSheetCustomEvent<void>>
+};
+
+export const MdSideSheet: StencilReactComponent<MdSideSheetElement, MdSideSheetEvents, Components.MdSideSheet> = /*@__PURE__*/ createComponent<MdSideSheetElement, MdSideSheetEvents, Components.MdSideSheet>({
+    tagName: 'md-side-sheet',
+    elementClass: MdSideSheetElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdOpen: 'mdOpen',
+        onMdClose: 'mdClose',
+        onMdCancel: 'mdCancel',
+        onMdBack: 'mdBack'
+    } as MdSideSheetEvents,
+    defineCustomElement: defineMdSideSheet
+});

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

package/src/components/MdSlider.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 { MdSliderCustomEvent, MdSliderDragDetail, MdSliderThumbDetail, MdSliderValueDetail } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdSlider as MdSliderElement, defineCustomElement as defineMdSlider } from "@awc-ui/core/dist/components/md-slider.js";
+
+export type MdSliderEvents = {
+    onMdInput: EventName<MdSliderCustomEvent<MdSliderValueDetail>>,
+    onMdChange: EventName<MdSliderCustomEvent<MdSliderValueDetail>>,
+    onMdFocus: EventName<MdSliderCustomEvent<MdSliderThumbDetail>>,
+    onMdBlur: EventName<MdSliderCustomEvent<MdSliderThumbDetail>>,
+    onMdDragStart: EventName<MdSliderCustomEvent<MdSliderDragDetail>>,
+    onMdDragEnd: EventName<MdSliderCustomEvent<MdSliderDragDetail>>
+};
+
+export const MdSlider: StencilReactComponent<MdSliderElement, MdSliderEvents, Components.MdSlider> = /*@__PURE__*/ createComponent<MdSliderElement, MdSliderEvents, Components.MdSlider>({
+    tagName: 'md-slider',
+    elementClass: MdSliderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdInput: 'mdInput',
+        onMdChange: 'mdChange',
+        onMdFocus: 'mdFocus',
+        onMdBlur: 'mdBlur',
+        onMdDragStart: 'mdDragStart',
+        onMdDragEnd: 'mdDragEnd'
+    } as MdSliderEvents,
+    defineCustomElement: defineMdSlider
+});