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

package/src/components/MdSnackbar.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 { MdSnackbarCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdSnackbar as MdSnackbarElement, defineCustomElement as defineMdSnackbar } from "@awc-ui/core/dist/components/md-snackbar.js";
+
+export type MdSnackbarEvents = {
+    onMdOpen: EventName<MdSnackbarCustomEvent<void>>,
+    onMdClose: EventName<MdSnackbarCustomEvent<{ reason: 'auto' | 'action' | 'close' }>>,
+    onMdAction: EventName<MdSnackbarCustomEvent<void>>
+};
+
+export const MdSnackbar: StencilReactComponent<MdSnackbarElement, MdSnackbarEvents, Components.MdSnackbar> = /*@__PURE__*/ createComponent<MdSnackbarElement, MdSnackbarEvents, Components.MdSnackbar>({
+    tagName: 'md-snackbar',
+    elementClass: MdSnackbarElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdOpen: 'mdOpen',
+        onMdClose: 'mdClose',
+        onMdAction: 'mdAction'
+    } as MdSnackbarEvents,
+    defineCustomElement: defineMdSnackbar
+});

package/src/components/MdSparkline.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 { MdSparklineCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdSparkline as MdSparklineElement, defineCustomElement as defineMdSparkline } from "@awc-ui/core/dist/components/md-sparkline.js";
+
+export type MdSparklineEvents = {
+    onMdSparkClick: EventName<MdSparklineCustomEvent<{ dataIndex: number; value: number | null }>>,
+    onMdReady: EventName<MdSparklineCustomEvent<void>>
+};
+
+export const MdSparkline: StencilReactComponent<MdSparklineElement, MdSparklineEvents, Components.MdSparkline> = /*@__PURE__*/ createComponent<MdSparklineElement, MdSparklineEvents, Components.MdSparkline>({
+    tagName: 'md-sparkline',
+    elementClass: MdSparklineElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdSparkClick: 'mdSparkClick',
+        onMdReady: 'mdReady'
+    } as MdSparklineEvents,
+    defineCustomElement: defineMdSparkline
+});

package/src/components/MdSplitButton.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 { MdSplitButtonCustomEvent } from "@awc-ui/core";
+import type { Components } from "@awc-ui/core/dist/components";
+import { MdSplitButton as MdSplitButtonElement, defineCustomElement as defineMdSplitButton } from "@awc-ui/core/dist/components/md-split-button.js";
+
+export type MdSplitButtonEvents = {
+    onMdLeadingClick: EventName<MdSplitButtonCustomEvent<void>>,
+    onMdTrailingClick: EventName<MdSplitButtonCustomEvent<{ checked: boolean }>>
+};
+
+export const MdSplitButton: StencilReactComponent<MdSplitButtonElement, MdSplitButtonEvents, Components.MdSplitButton> = /*@__PURE__*/ createComponent<MdSplitButtonElement, MdSplitButtonEvents, Components.MdSplitButton>({
+    tagName: 'md-split-button',
+    elementClass: MdSplitButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onMdLeadingClick: 'mdLeadingClick',
+        onMdTrailingClick: 'mdTrailingClick'
+    } as MdSplitButtonEvents,
+    defineCustomElement: defineMdSplitButton
+});

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

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