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

package/src/components/MdStep.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 { MdStepCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdStep as MdStepElement, defineCustomElement as defineMdStep } from "@awc-ui/core/dist/components/md-step.js";
+
+export type MdStepEvents = {
+    onMdStepClick: EventName<MdStepCustomEvent<{ index: number }>>,
+    onMdStepNext: EventName<MdStepCustomEvent<{ index: number }>>,
+    onMdStepBack: EventName<MdStepCustomEvent<{ index: number }>>
+};
+
+export const MdStep: StencilReactComponent<MdStepElement, MdStepEvents, Components.MdStep> = /*@__PURE__*/ createComponent<MdStepElement, MdStepEvents, Components.MdStep>({
+    tagName: 'md-step',
+    elementClass: MdStepElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdStepClick: 'mdStepClick',
+        onMdStepNext: 'mdStepNext',
+        onMdStepBack: 'mdStepBack'
+    } as MdStepEvents,
+    defineCustomElement: defineMdStep
+});

package/src/components/MdStepper.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 { MdStepperCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdStepper as MdStepperElement, defineCustomElement as defineMdStepper } from "@awc-ui/core/dist/components/md-stepper.js";
+
+export type MdStepperEvents = {
+    onMdBeforeChange: EventName<MdStepperCustomEvent<{ index: number; previous: number }>>,
+    onMdStepChange: EventName<MdStepperCustomEvent<{ index: number; previous: number }>>,
+    onMdComplete: EventName<MdStepperCustomEvent<void>>
+};
+
+export const MdStepper: StencilReactComponent<MdStepperElement, MdStepperEvents, Components.MdStepper> = /*@__PURE__*/ createComponent<MdStepperElement, MdStepperEvents, Components.MdStepper>({
+    tagName: 'md-stepper',
+    elementClass: MdStepperElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdBeforeChange: 'mdBeforeChange',
+        onMdStepChange: 'mdStepChange',
+        onMdComplete: 'mdComplete'
+    } as MdStepperEvents,
+    defineCustomElement: defineMdStepper
+});

package/src/components/MdSubMenuItem.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 { MdSubMenuItemCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdSubMenuItem as MdSubMenuItemElement, defineCustomElement as defineMdSubMenuItem } from "@awc-ui/core/dist/components/md-sub-menu-item.js";
+
+export type MdSubMenuItemEvents = { onMdClick: EventName<MdSubMenuItemCustomEvent<void>> };
+
+export const MdSubMenuItem: StencilReactComponent<MdSubMenuItemElement, MdSubMenuItemEvents, Components.MdSubMenuItem> = /*@__PURE__*/ createComponent<MdSubMenuItemElement, MdSubMenuItemEvents, Components.MdSubMenuItem>({
+    tagName: 'md-sub-menu-item',
+    elementClass: MdSubMenuItemElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdClick: 'mdClick' } as MdSubMenuItemEvents,
+    defineCustomElement: defineMdSubMenuItem
+});

package/src/components/MdSwitch.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 { MdSwitchCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdSwitch as MdSwitchElement, defineCustomElement as defineMdSwitch } from "@awc-ui/core/dist/components/md-switch.js";
+
+export type MdSwitchEvents = {
+    onMdInput: EventName<MdSwitchCustomEvent<{ selected: boolean }>>,
+    onMdChange: EventName<MdSwitchCustomEvent<{ selected: boolean }>>,
+    onMdValidityChange: EventName<MdSwitchCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const MdSwitch: StencilReactComponent<MdSwitchElement, MdSwitchEvents, Components.MdSwitch> = /*@__PURE__*/ createComponent<MdSwitchElement, MdSwitchEvents, Components.MdSwitch>({
+    tagName: 'md-switch',
+    elementClass: MdSwitchElement,
+    // @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 MdSwitchEvents,
+    defineCustomElement: defineMdSwitch
+});

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

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

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

package/src/components/MdTable.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 { MdTableCustomEvent, MdTableSelectionState, MdTableSortState } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdTable as MdTableElement, defineCustomElement as defineMdTable } from "@awc-ui/core/dist/components/md-table.js";
+
+export type MdTableEvents = {
+    onMdSortChange: EventName<MdTableCustomEvent<MdTableSortState>>,
+    onMdSelectionChange: EventName<MdTableCustomEvent<MdTableSelectionState>>,
+    onMdPinChange: EventName<MdTableCustomEvent<{ column: number; side: 'start' | 'end' | null }>>,
+    onMdColumnVisibilityChange: EventName<MdTableCustomEvent<{ column: number; visible: boolean; hidden: number[] }>>,
+    onMdScroll: EventName<MdTableCustomEvent<{ scrollLeft: number; scrollTop: number }>>
+};
+
+export const MdTable: StencilReactComponent<MdTableElement, MdTableEvents, Components.MdTable> = /*@__PURE__*/ createComponent<MdTableElement, MdTableEvents, Components.MdTable>({
+    tagName: 'md-table',
+    elementClass: MdTableElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdSortChange: 'mdSortChange',
+        onMdSelectionChange: 'mdSelectionChange',
+        onMdPinChange: 'mdPinChange',
+        onMdColumnVisibilityChange: 'mdColumnVisibilityChange',
+        onMdScroll: 'mdScroll'
+    } as MdTableEvents,
+    defineCustomElement: defineMdTable
+});

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

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

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

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

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

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

package/src/components/MdTablePagination.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 { MdTablePaginationCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdTablePagination as MdTablePaginationElement, defineCustomElement as defineMdTablePagination } from "@awc-ui/core/dist/components/md-table-pagination.js";
+
+export type MdTablePaginationEvents = {
+    onMdPageChange: EventName<MdTablePaginationCustomEvent<{ page: number }>>,
+    onMdRowsPerPageChange: EventName<MdTablePaginationCustomEvent<{ rowsPerPage: number }>>
+};
+
+export const MdTablePagination: StencilReactComponent<MdTablePaginationElement, MdTablePaginationEvents, Components.MdTablePagination> = /*@__PURE__*/ createComponent<MdTablePaginationElement, MdTablePaginationEvents, Components.MdTablePagination>({
+    tagName: 'md-table-pagination',
+    elementClass: MdTablePaginationElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdPageChange: 'mdPageChange',
+        onMdRowsPerPageChange: 'mdRowsPerPageChange'
+    } as MdTablePaginationEvents,
+    defineCustomElement: defineMdTablePagination
+});

package/src/components/MdTableRow.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 { MdTableRowCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdTableRow as MdTableRowElement, defineCustomElement as defineMdTableRow } from "@awc-ui/core/dist/components/md-table-row.js";
+
+export type MdTableRowEvents = {
+    onMdRowClick: EventName<MdTableRowCustomEvent<{ value: string; row: HTMLElement }>>,
+    onMdRowSelectionChange: EventName<MdTableRowCustomEvent<{ selected: boolean; value: string }>>,
+    onMdRowExpandedChange: EventName<MdTableRowCustomEvent<{ expanded: boolean }>>
+};
+
+export const MdTableRow: StencilReactComponent<MdTableRowElement, MdTableRowEvents, Components.MdTableRow> = /*@__PURE__*/ createComponent<MdTableRowElement, MdTableRowEvents, Components.MdTableRow>({
+    tagName: 'md-table-row',
+    elementClass: MdTableRowElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdRowClick: 'mdRowClick',
+        onMdRowSelectionChange: 'mdRowSelectionChange',
+        onMdRowExpandedChange: 'mdRowExpandedChange'
+    } as MdTableRowEvents,
+    defineCustomElement: defineMdTableRow
+});

package/src/components/MdTableSortLabel.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 { MdTableSortLabelCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdTableSortLabel as MdTableSortLabelElement, defineCustomElement as defineMdTableSortLabel } from "@awc-ui/core/dist/components/md-table-sort-label.js";
+
+export type MdTableSortLabelEvents = { onMdSortRequest: EventName<MdTableSortLabelCustomEvent<{ column: string; defaultOrder: 'asc' | 'desc' }>> };
+
+export const MdTableSortLabel: StencilReactComponent<MdTableSortLabelElement, MdTableSortLabelEvents, Components.MdTableSortLabel> = /*@__PURE__*/ createComponent<MdTableSortLabelElement, MdTableSortLabelEvents, Components.MdTableSortLabel>({
+    tagName: 'md-table-sort-label',
+    elementClass: MdTableSortLabelElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdSortRequest: 'mdSortRequest' } as MdTableSortLabelEvents,
+    defineCustomElement: defineMdTableSortLabel
+});

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

package/src/components/MdTabs.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 { MdTabsCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdTabs as MdTabsElement, defineCustomElement as defineMdTabs } from "@awc-ui/core/dist/components/md-tabs.js";
+
+export type MdTabsEvents = { onMdTabChange: EventName<MdTabsCustomEvent<{ index: number; previousIndex: number }>> };
+
+export const MdTabs: StencilReactComponent<MdTabsElement, MdTabsEvents, Components.MdTabs> = /*@__PURE__*/ createComponent<MdTabsElement, MdTabsEvents, Components.MdTabs>({
+    tagName: 'md-tabs',
+    elementClass: MdTabsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onMdTabChange: 'mdTabChange' } as MdTabsEvents,
+    defineCustomElement: defineMdTabs
+});

package/src/components/MdTextField.ts

@@ -0,0 +1,42 @@
+'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 { MdTextFieldCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdTextField as MdTextFieldElement, defineCustomElement as defineMdTextField } from "@awc-ui/core/dist/components/md-text-field.js";
+
+export type MdTextFieldEvents = {
+    onMdInput: EventName<MdTextFieldCustomEvent<string>>,
+    onMdChange: EventName<MdTextFieldCustomEvent<string>>,
+    onMdSearch: EventName<MdTextFieldCustomEvent<string>>,
+    onMdClear: EventName<MdTextFieldCustomEvent<void>>,
+    onMdPasswordToggle: EventName<MdTextFieldCustomEvent<{ visible: boolean }>>,
+    onMdSpeechResult: EventName<MdTextFieldCustomEvent<{ transcript: string; listening: boolean }>>,
+    onMdValidityChange: EventName<MdTextFieldCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const MdTextField: StencilReactComponent<MdTextFieldElement, MdTextFieldEvents, Components.MdTextField> = /*@__PURE__*/ createComponent<MdTextFieldElement, MdTextFieldEvents, Components.MdTextField>({
+    tagName: 'md-text-field',
+    elementClass: MdTextFieldElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdInput: 'mdInput',
+        onMdChange: 'mdChange',
+        onMdSearch: 'mdSearch',
+        onMdClear: 'mdClear',
+        onMdPasswordToggle: 'mdPasswordToggle',
+        onMdSpeechResult: 'mdSpeechResult',
+        onMdValidityChange: 'mdValidityChange'
+    } as MdTextFieldEvents,
+    defineCustomElement: defineMdTextField
+});

package/src/components/MdTimePicker.ts

@@ -0,0 +1,42 @@
+'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 { MdTimePickerChangeDetail, MdTimePickerCustomEvent, MdTimePickerModeChangeDetail } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdTimePicker as MdTimePickerElement, defineCustomElement as defineMdTimePicker } from "@awc-ui/core/dist/components/md-time-picker.js";
+
+export type MdTimePickerEvents = {
+    onMdChange: EventName<MdTimePickerCustomEvent<MdTimePickerChangeDetail>>,
+    onMdInput: EventName<MdTimePickerCustomEvent<MdTimePickerChangeDetail>>,
+    onMdOpen: EventName<MdTimePickerCustomEvent<void>>,
+    onMdClose: EventName<MdTimePickerCustomEvent<void>>,
+    onMdCancel: EventName<MdTimePickerCustomEvent<void>>,
+    onMdModeChange: EventName<MdTimePickerCustomEvent<MdTimePickerModeChangeDetail>>,
+    onMdValidityChange: EventName<MdTimePickerCustomEvent<{ valid: boolean; validationMessage: string; flags: Record<string, boolean>; }>>
+};
+
+export const MdTimePicker: StencilReactComponent<MdTimePickerElement, MdTimePickerEvents, Components.MdTimePicker> = /*@__PURE__*/ createComponent<MdTimePickerElement, MdTimePickerEvents, Components.MdTimePicker>({
+    tagName: 'md-time-picker',
+    elementClass: MdTimePickerElement,
+    // @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',
+        onMdCancel: 'mdCancel',
+        onMdModeChange: 'mdModeChange',
+        onMdValidityChange: 'mdValidityChange'
+    } as MdTimePickerEvents,
+    defineCustomElement: defineMdTimePicker
+});