@ds-mo/ui 3.0.0 → 3.1.0

package/dist/react/ds-empty-state.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsEmptyState as DsEmptyStateElement } from "@ds-mo/ui/dist/components/ds-empty-state.js";
+export type DsEmptyStateEvents = NonNullable<unknown>;
+export declare const DsEmptyState: StencilReactComponent<DsEmptyStateElement, DsEmptyStateEvents, Components.DsEmptyState>;

package/dist/react/ds-empty-state.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsEmptyState as DsEmptyStateElement, defineCustomElement as defineDsEmptyState } from "@ds-mo/ui/dist/components/ds-empty-state.js";
+export const DsEmptyState = /*@__PURE__*/ createComponent({
+    tagName: 'ds-empty-state',
+    elementClass: DsEmptyStateElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsEmptyState
+});

package/dist/react/ds-field.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsField as DsFieldElement } from "@ds-mo/ui/dist/components/ds-field.js";
+export type DsFieldEvents = NonNullable<unknown>;
+export declare const DsField: StencilReactComponent<DsFieldElement, DsFieldEvents, Components.DsField, 'label'>;

package/dist/react/ds-field.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsField as DsFieldElement, defineCustomElement as defineDsField } from "@ds-mo/ui/dist/components/ds-field.js";
+export const DsField = /*@__PURE__*/ createComponent({
+    tagName: 'ds-field',
+    elementClass: DsFieldElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsField
+});

package/dist/react/ds-icon.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsIcon as DsIconElement } from "@ds-mo/ui/dist/components/ds-icon.js";
+export type DsIconEvents = NonNullable<unknown>;
+export declare const DsIcon: StencilReactComponent<DsIconElement, DsIconEvents, Components.DsIcon>;

package/dist/react/ds-icon.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsIcon as DsIconElement, defineCustomElement as defineDsIcon } from "@ds-mo/ui/dist/components/ds-icon.js";
+export const DsIcon = /*@__PURE__*/ createComponent({
+    tagName: 'ds-icon',
+    elementClass: DsIconElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsIcon
+});

package/dist/react/ds-input.d.ts

@@ -0,0 +1,13 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsInputCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsInput as DsInputElement } from "@ds-mo/ui/dist/components/ds-input.js";
+export type DsInputEvents = {
+    onDsChange: EventName<DsInputCustomEvent<string>>;
+    onDsClear: EventName<DsInputCustomEvent<void>>;
+};
+export declare const DsInput: StencilReactComponent<DsInputElement, DsInputEvents, Components.DsInput>;

package/dist/react/ds-input.js

@@ -0,0 +1,15 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsInput as DsInputElement, defineCustomElement as defineDsInput } from "@ds-mo/ui/dist/components/ds-input.js";
+export const DsInput = /*@__PURE__*/ createComponent({
+    tagName: 'ds-input',
+    elementClass: DsInputElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsChange: 'dsChange',
+        onDsClear: 'dsClear'
+    },
+    defineCustomElement: defineDsInput
+});

package/dist/react/ds-loader.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsLoader as DsLoaderElement } from "@ds-mo/ui/dist/components/ds-loader.js";
+export type DsLoaderEvents = NonNullable<unknown>;
+export declare const DsLoader: StencilReactComponent<DsLoaderElement, DsLoaderEvents, Components.DsLoader>;

package/dist/react/ds-loader.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsLoader as DsLoaderElement, defineCustomElement as defineDsLoader } from "@ds-mo/ui/dist/components/ds-loader.js";
+export const DsLoader = /*@__PURE__*/ createComponent({
+    tagName: 'ds-loader',
+    elementClass: DsLoaderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsLoader
+});

package/dist/react/ds-menu.d.ts

@@ -0,0 +1,14 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsMenuCustomEvent, type MenuItemData, type ShellGradientPreset } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsMenu as DsMenuElement } from "@ds-mo/ui/dist/components/ds-menu.js";
+export type DsMenuEvents = {
+    onDsClose: EventName<DsMenuCustomEvent<void>>;
+    onDsSelect: EventName<DsMenuCustomEvent<MenuItemData>>;
+    onDsGradientSelect: EventName<DsMenuCustomEvent<ShellGradientPreset>>;
+};
+export declare const DsMenu: StencilReactComponent<DsMenuElement, DsMenuEvents, Components.DsMenu>;

package/dist/react/ds-menu.js

@@ -0,0 +1,16 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsMenu as DsMenuElement, defineCustomElement as defineDsMenu } from "@ds-mo/ui/dist/components/ds-menu.js";
+export const DsMenu = /*@__PURE__*/ createComponent({
+    tagName: 'ds-menu',
+    elementClass: DsMenuElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsClose: 'dsClose',
+        onDsSelect: 'dsSelect',
+        onDsGradientSelect: 'dsGradientSelect'
+    },
+    defineCustomElement: defineDsMenu
+});

package/dist/react/ds-modal.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsModalCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsModal as DsModalElement } from "@ds-mo/ui/dist/components/ds-modal.js";
+export type DsModalEvents = {
+    onDsClose: EventName<DsModalCustomEvent<void>>;
+};
+export declare const DsModal: StencilReactComponent<DsModalElement, DsModalEvents, Components.DsModal, 'heading'>;

package/dist/react/ds-modal.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsModal as DsModalElement, defineCustomElement as defineDsModal } from "@ds-mo/ui/dist/components/ds-modal.js";
+export const DsModal = /*@__PURE__*/ createComponent({
+    tagName: 'ds-modal',
+    elementClass: DsModalElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsClose: 'dsClose' },
+    defineCustomElement: defineDsModal
+});

package/dist/react/ds-pagination.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsPaginationCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsPagination as DsPaginationElement } from "@ds-mo/ui/dist/components/ds-pagination.js";
+export type DsPaginationEvents = {
+    onDsPageChange: EventName<DsPaginationCustomEvent<number>>;
+};
+export declare const DsPagination: StencilReactComponent<DsPaginationElement, DsPaginationEvents, Components.DsPagination>;

package/dist/react/ds-pagination.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsPagination as DsPaginationElement, defineCustomElement as defineDsPagination } from "@ds-mo/ui/dist/components/ds-pagination.js";
+export const DsPagination = /*@__PURE__*/ createComponent({
+    tagName: 'ds-pagination',
+    elementClass: DsPaginationElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsPageChange: 'dsPageChange' },
+    defineCustomElement: defineDsPagination
+});

package/dist/react/ds-panel-nav.d.ts

@@ -0,0 +1,17 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type ChromeTransitionDetail, type DsPanelNavCustomEvent, type PanelNavUserActionDetail } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsPanelNav as DsPanelNavElement } from "@ds-mo/ui/dist/components/ds-panel-nav.js";
+export type DsPanelNavEvents = {
+    onDsNavSelect: EventName<DsPanelNavCustomEvent<string>>;
+    onDsNavToggle: EventName<DsPanelNavCustomEvent<boolean>>;
+    onDsChromeTransitionStart: EventName<DsPanelNavCustomEvent<ChromeTransitionDetail>>;
+    onDsChromeTransitionEnd: EventName<DsPanelNavCustomEvent<ChromeTransitionDetail>>;
+    onDsNavFooterAction: EventName<DsPanelNavCustomEvent<void>>;
+    onDsNavUserAction: EventName<DsPanelNavCustomEvent<PanelNavUserActionDetail>>;
+};
+export declare const DsPanelNav: StencilReactComponent<DsPanelNavElement, DsPanelNavEvents, Components.DsPanelNav>;

package/dist/react/ds-panel-nav.js

@@ -0,0 +1,19 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsPanelNav as DsPanelNavElement, defineCustomElement as defineDsPanelNav } from "@ds-mo/ui/dist/components/ds-panel-nav.js";
+export const DsPanelNav = /*@__PURE__*/ createComponent({
+    tagName: 'ds-panel-nav',
+    elementClass: DsPanelNavElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsNavSelect: 'dsNavSelect',
+        onDsNavToggle: 'dsNavToggle',
+        onDsChromeTransitionStart: 'dsChromeTransitionStart',
+        onDsChromeTransitionEnd: 'dsChromeTransitionEnd',
+        onDsNavFooterAction: 'dsNavFooterAction',
+        onDsNavUserAction: 'dsNavUserAction'
+    },
+    defineCustomElement: defineDsPanelNav
+});

package/dist/react/ds-panel-tools.d.ts

@@ -0,0 +1,17 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type ChromeTransitionDetail, type DsPanelToolsCustomEvent, type PanelToolsToolId } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsPanelTools as DsPanelToolsElement } from "@ds-mo/ui/dist/components/ds-panel-tools.js";
+export type DsPanelToolsEvents = {
+    onDsToolChange: EventName<DsPanelToolsCustomEvent<{
+        id: PanelToolsToolId;
+        selected: boolean;
+    }>>;
+    onDsChromeTransitionStart: EventName<DsPanelToolsCustomEvent<ChromeTransitionDetail>>;
+    onDsChromeTransitionEnd: EventName<DsPanelToolsCustomEvent<ChromeTransitionDetail>>;
+};
+export declare const DsPanelTools: StencilReactComponent<DsPanelToolsElement, DsPanelToolsEvents, Components.DsPanelTools>;

package/dist/react/ds-panel-tools.js

@@ -0,0 +1,16 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsPanelTools as DsPanelToolsElement, defineCustomElement as defineDsPanelTools } from "@ds-mo/ui/dist/components/ds-panel-tools.js";
+export const DsPanelTools = /*@__PURE__*/ createComponent({
+    tagName: 'ds-panel-tools',
+    elementClass: DsPanelToolsElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsToolChange: 'dsToolChange',
+        onDsChromeTransitionStart: 'dsChromeTransitionStart',
+        onDsChromeTransitionEnd: 'dsChromeTransitionEnd'
+    },
+    defineCustomElement: defineDsPanelTools
+});

package/dist/react/ds-radio-group.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsRadioGroupCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsRadioGroup as DsRadioGroupElement } from "@ds-mo/ui/dist/components/ds-radio-group.js";
+export type DsRadioGroupEvents = {
+    onDsChange: EventName<DsRadioGroupCustomEvent<string>>;
+};
+export declare const DsRadioGroup: StencilReactComponent<DsRadioGroupElement, DsRadioGroupEvents, Components.DsRadioGroup>;

package/dist/react/ds-radio-group.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsRadioGroup as DsRadioGroupElement, defineCustomElement as defineDsRadioGroup } from "@ds-mo/ui/dist/components/ds-radio-group.js";
+export const DsRadioGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-radio-group',
+    elementClass: DsRadioGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsChange: 'dsChange' },
+    defineCustomElement: defineDsRadioGroup
+});

package/dist/react/ds-select.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsSelectCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsSelect as DsSelectElement } from "@ds-mo/ui/dist/components/ds-select.js";
+export type DsSelectEvents = {
+    onDsChange: EventName<DsSelectCustomEvent<string>>;
+};
+export declare const DsSelect: StencilReactComponent<DsSelectElement, DsSelectEvents, Components.DsSelect>;

package/dist/react/ds-select.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsSelect as DsSelectElement, defineCustomElement as defineDsSelect } from "@ds-mo/ui/dist/components/ds-select.js";
+export const DsSelect = /*@__PURE__*/ createComponent({
+    tagName: 'ds-select',
+    elementClass: DsSelectElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsChange: 'dsChange' },
+    defineCustomElement: defineDsSelect
+});

package/dist/react/ds-shell-gradient-picker.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsShellGradientPickerCustomEvent, type ShellGradientPreset } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsShellGradientPicker as DsShellGradientPickerElement } from "@ds-mo/ui/dist/components/ds-shell-gradient-picker.js";
+export type DsShellGradientPickerEvents = {
+    onDsChange: EventName<DsShellGradientPickerCustomEvent<ShellGradientPreset>>;
+};
+export declare const DsShellGradientPicker: StencilReactComponent<DsShellGradientPickerElement, DsShellGradientPickerEvents, Components.DsShellGradientPicker>;

package/dist/react/ds-shell-gradient-picker.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsShellGradientPicker as DsShellGradientPickerElement, defineCustomElement as defineDsShellGradientPicker } from "@ds-mo/ui/dist/components/ds-shell-gradient-picker.js";
+export const DsShellGradientPicker = /*@__PURE__*/ createComponent({
+    tagName: 'ds-shell-gradient-picker',
+    elementClass: DsShellGradientPickerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsChange: 'dsChange' },
+    defineCustomElement: defineDsShellGradientPicker
+});

package/dist/react/ds-shell-gradient-swatch.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsShellGradientSwatchCustomEvent, type ShellGradientPreset } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsShellGradientSwatch as DsShellGradientSwatchElement } from "@ds-mo/ui/dist/components/ds-shell-gradient-swatch.js";
+export type DsShellGradientSwatchEvents = {
+    onDsSelect: EventName<DsShellGradientSwatchCustomEvent<ShellGradientPreset>>;
+};
+export declare const DsShellGradientSwatch: StencilReactComponent<DsShellGradientSwatchElement, DsShellGradientSwatchEvents, Components.DsShellGradientSwatch>;

package/dist/react/ds-shell-gradient-swatch.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsShellGradientSwatch as DsShellGradientSwatchElement, defineCustomElement as defineDsShellGradientSwatch } from "@ds-mo/ui/dist/components/ds-shell-gradient-swatch.js";
+export const DsShellGradientSwatch = /*@__PURE__*/ createComponent({
+    tagName: 'ds-shell-gradient-swatch',
+    elementClass: DsShellGradientSwatchElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsSelect: 'dsSelect' },
+    defineCustomElement: defineDsShellGradientSwatch
+});

package/dist/react/ds-skeleton.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsSkeleton as DsSkeletonElement } from "@ds-mo/ui/dist/components/ds-skeleton.js";
+export type DsSkeletonEvents = NonNullable<unknown>;
+export declare const DsSkeleton: StencilReactComponent<DsSkeletonElement, DsSkeletonEvents, Components.DsSkeleton>;

package/dist/react/ds-skeleton.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsSkeleton as DsSkeletonElement, defineCustomElement as defineDsSkeleton } from "@ds-mo/ui/dist/components/ds-skeleton.js";
+export const DsSkeleton = /*@__PURE__*/ createComponent({
+    tagName: 'ds-skeleton',
+    elementClass: DsSkeletonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsSkeleton
+});

package/dist/react/ds-slider.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsSliderCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsSlider as DsSliderElement } from "@ds-mo/ui/dist/components/ds-slider.js";
+export type DsSliderEvents = {
+    onDsChange: EventName<DsSliderCustomEvent<number>>;
+};
+export declare const DsSlider: StencilReactComponent<DsSliderElement, DsSliderEvents, Components.DsSlider, 'label'>;

package/dist/react/ds-slider.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsSlider as DsSliderElement, defineCustomElement as defineDsSlider } from "@ds-mo/ui/dist/components/ds-slider.js";
+export const DsSlider = /*@__PURE__*/ createComponent({
+    tagName: 'ds-slider',
+    elementClass: DsSliderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsChange: 'dsChange' },
+    defineCustomElement: defineDsSlider
+});

package/dist/react/ds-tab-group-nav.d.ts

@@ -0,0 +1,13 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsTabGroupNavCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsTabGroupNav as DsTabGroupNavElement } from "@ds-mo/ui/dist/components/ds-tab-group-nav.js";
+export type DsTabGroupNavEvents = {
+    onDsChange: EventName<DsTabGroupNavCustomEvent<string>>;
+    onDsRovingExit: EventName<DsTabGroupNavCustomEvent<'start' | 'end'>>;
+};
+export declare const DsTabGroupNav: StencilReactComponent<DsTabGroupNavElement, DsTabGroupNavEvents, Components.DsTabGroupNav>;

package/dist/react/ds-tab-group-nav.js

@@ -0,0 +1,15 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsTabGroupNav as DsTabGroupNavElement, defineCustomElement as defineDsTabGroupNav } from "@ds-mo/ui/dist/components/ds-tab-group-nav.js";
+export const DsTabGroupNav = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tab-group-nav',
+    elementClass: DsTabGroupNavElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsChange: 'dsChange',
+        onDsRovingExit: 'dsRovingExit'
+    },
+    defineCustomElement: defineDsTabGroupNav
+});

package/dist/react/ds-tab-group.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsTabGroupCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsTabGroup as DsTabGroupElement } from "@ds-mo/ui/dist/components/ds-tab-group.js";
+export type DsTabGroupEvents = {
+    onDsChange: EventName<DsTabGroupCustomEvent<string>>;
+};
+export declare const DsTabGroup: StencilReactComponent<DsTabGroupElement, DsTabGroupEvents, Components.DsTabGroup>;

package/dist/react/ds-tab-group.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsTabGroup as DsTabGroupElement, defineCustomElement as defineDsTabGroup } from "@ds-mo/ui/dist/components/ds-tab-group.js";
+export const DsTabGroup = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tab-group',
+    elementClass: DsTabGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsChange: 'dsChange' },
+    defineCustomElement: defineDsTabGroup
+});

package/dist/react/ds-table.d.ts

@@ -0,0 +1,21 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsTableCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsTable as DsTableElement } from "@ds-mo/ui/dist/components/ds-table.js";
+export type DsTableEvents = {
+    onDsSort: EventName<DsTableCustomEvent<{
+        columnId: string;
+    }>>;
+    onDsRowClick: EventName<DsTableCustomEvent<{
+        row: unknown;
+        rowIndex: number;
+    }>>;
+    onDsPageChange: EventName<DsTableCustomEvent<{
+        pageIndex: number;
+    }>>;
+};
+export declare const DsTable: StencilReactComponent<DsTableElement, DsTableEvents, Components.DsTable>;

package/dist/react/ds-table.js

@@ -0,0 +1,16 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsTable as DsTableElement, defineCustomElement as defineDsTable } from "@ds-mo/ui/dist/components/ds-table.js";
+export const DsTable = /*@__PURE__*/ createComponent({
+    tagName: 'ds-table',
+    elementClass: DsTableElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsSort: 'dsSort',
+        onDsRowClick: 'dsRowClick',
+        onDsPageChange: 'dsPageChange'
+    },
+    defineCustomElement: defineDsTable
+});

package/dist/react/ds-tag.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsTag as DsTagElement } from "@ds-mo/ui/dist/components/ds-tag.js";
+export type DsTagEvents = NonNullable<unknown>;
+export declare const DsTag: StencilReactComponent<DsTagElement, DsTagEvents, Components.DsTag, 'label'>;

package/dist/react/ds-tag.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsTag as DsTagElement, defineCustomElement as defineDsTag } from "@ds-mo/ui/dist/components/ds-tag.js";
+export const DsTag = /*@__PURE__*/ createComponent({
+    tagName: 'ds-tag',
+    elementClass: DsTagElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsTag
+});

package/dist/react/ds-text.d.ts

@@ -0,0 +1,9 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsText as DsTextElement } from "@ds-mo/ui/dist/components/ds-text.js";
+export type DsTextEvents = NonNullable<unknown>;
+export declare const DsText: StencilReactComponent<DsTextElement, DsTextEvents, Components.DsText>;

package/dist/react/ds-text.js

@@ -0,0 +1,12 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsText as DsTextElement, defineCustomElement as defineDsText } from "@ds-mo/ui/dist/components/ds-text.js";
+export const DsText = /*@__PURE__*/ createComponent({
+    tagName: 'ds-text',
+    elementClass: DsTextElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {},
+    defineCustomElement: defineDsText
+});

package/dist/react/ds-toggle.d.ts

@@ -0,0 +1,12 @@
+/**
+ * This file was automatically generated by the Stencil React Output Target.
+ * Changes to this file may cause incorrect behavior and will be lost if the code is regenerated.
+ */
+import type { EventName, StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { type DsToggleCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsToggle as DsToggleElement } from "@ds-mo/ui/dist/components/ds-toggle.js";
+export type DsToggleEvents = {
+    onDsChange: EventName<DsToggleCustomEvent<boolean>>;
+};
+export declare const DsToggle: StencilReactComponent<DsToggleElement, DsToggleEvents, Components.DsToggle>;