@ds-mo/ui 3.0.1 → 3.1.0

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

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

package/dist/react/ds-button-filled.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 DsButtonFilledCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsButtonFilled as DsButtonFilledElement } from "@ds-mo/ui/dist/components/ds-button-filled.js";
+export type DsButtonFilledEvents = {
+    onDsClick: EventName<DsButtonFilledCustomEvent<MouseEvent>>;
+};
+export declare const DsButtonFilled: StencilReactComponent<DsButtonFilledElement, DsButtonFilledEvents, Components.DsButtonFilled>;

package/dist/react/ds-button-filled.js

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

package/dist/react/ds-button-unfilled.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 DsButtonUnfilledCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsButtonUnfilled as DsButtonUnfilledElement } from "@ds-mo/ui/dist/components/ds-button-unfilled.js";
+export type DsButtonUnfilledEvents = {
+    onDsClick: EventName<DsButtonUnfilledCustomEvent<MouseEvent>>;
+    onDsChange: EventName<DsButtonUnfilledCustomEvent<boolean>>;
+};
+export declare const DsButtonUnfilled: StencilReactComponent<DsButtonUnfilledElement, DsButtonUnfilledEvents, Components.DsButtonUnfilled>;

package/dist/react/ds-button-unfilled.js

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

package/dist/react/ds-card-data-viz-donut.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 DsCardDataVizDonutCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsCardDataVizDonut as DsCardDataVizDonutElement } from "@ds-mo/ui/dist/components/ds-card-data-viz-donut.js";
+export type DsCardDataVizDonutEvents = {
+    onDsFilterClick: EventName<DsCardDataVizDonutCustomEvent<void>>;
+};
+export declare const DsCardDataVizDonut: StencilReactComponent<DsCardDataVizDonutElement, DsCardDataVizDonutEvents, Components.DsCardDataVizDonut, 'heading'>;

package/dist/react/ds-card-data-viz-donut.js

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

package/dist/react/ds-card-setting.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 DsCardSettingCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsCardSetting as DsCardSettingElement } from "@ds-mo/ui/dist/components/ds-card-setting.js";
+export type DsCardSettingEvents = {
+    onDsEditingChange: EventName<DsCardSettingCustomEvent<boolean>>;
+};
+export declare const DsCardSetting: StencilReactComponent<DsCardSettingElement, DsCardSettingEvents, Components.DsCardSetting, 'heading'>;

package/dist/react/ds-card-setting.js

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

package/dist/react/ds-card.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 { DsCard as DsCardElement } from "@ds-mo/ui/dist/components/ds-card.js";
+export type DsCardEvents = NonNullable<unknown>;
+export declare const DsCard: StencilReactComponent<DsCardElement, DsCardEvents, Components.DsCard, 'heading'>;

package/dist/react/ds-card.js

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

package/dist/react/ds-chart-bar.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 { DsChartBar as DsChartBarElement } from "@ds-mo/ui/dist/components/ds-chart-bar.js";
+export type DsChartBarEvents = NonNullable<unknown>;
+export declare const DsChartBar: StencilReactComponent<DsChartBarElement, DsChartBarEvents, Components.DsChartBar>;

package/dist/react/ds-chart-bar.js

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

package/dist/react/ds-chart-donut.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 ChartDatum, type DsChartDonutCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsChartDonut as DsChartDonutElement } from "@ds-mo/ui/dist/components/ds-chart-donut.js";
+export type DsChartDonutEvents = {
+    onDsSliceHover: EventName<DsChartDonutCustomEvent<ChartDatum | null>>;
+};
+export declare const DsChartDonut: StencilReactComponent<DsChartDonutElement, DsChartDonutEvents, Components.DsChartDonut>;

package/dist/react/ds-chart-donut.js

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

package/dist/react/ds-chart-legend.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 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 ChartLegendItem, type DsChartLegendCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsChartLegend as DsChartLegendElement } from "@ds-mo/ui/dist/components/ds-chart-legend.js";
+export type DsChartLegendEvents = {
+    onDsItemHover: EventName<DsChartLegendCustomEvent<ChartLegendItem | null>>;
+    onDsItemClick: EventName<DsChartLegendCustomEvent<{
+        item: ChartLegendItem;
+        originalEvent: MouseEvent;
+    }>>;
+};
+export declare const DsChartLegend: StencilReactComponent<DsChartLegendElement, DsChartLegendEvents, Components.DsChartLegend>;

package/dist/react/ds-chart-legend.js

@@ -0,0 +1,15 @@
+'use client';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+import { DsChartLegend as DsChartLegendElement, defineCustomElement as defineDsChartLegend } from "@ds-mo/ui/dist/components/ds-chart-legend.js";
+export const DsChartLegend = /*@__PURE__*/ createComponent({
+    tagName: 'ds-chart-legend',
+    elementClass: DsChartLegendElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsItemHover: 'dsItemHover',
+        onDsItemClick: 'dsItemClick'
+    },
+    defineCustomElement: defineDsChartLegend
+});

package/dist/react/ds-chart-line.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 { DsChartLine as DsChartLineElement } from "@ds-mo/ui/dist/components/ds-chart-line.js";
+export type DsChartLineEvents = NonNullable<unknown>;
+export declare const DsChartLine: StencilReactComponent<DsChartLineElement, DsChartLineEvents, Components.DsChartLine>;

package/dist/react/ds-chart-line.js

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

package/dist/react/ds-checkbox.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 DsCheckboxCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsCheckbox as DsCheckboxElement } from "@ds-mo/ui/dist/components/ds-checkbox.js";
+export type DsCheckboxEvents = {
+    onDsChange: EventName<DsCheckboxCustomEvent<boolean>>;
+};
+export declare const DsCheckbox: StencilReactComponent<DsCheckboxElement, DsCheckboxEvents, Components.DsCheckbox, 'label'>;

package/dist/react/ds-checkbox.js

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

package/dist/react/ds-chip.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 DsChipCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsChip as DsChipElement } from "@ds-mo/ui/dist/components/ds-chip.js";
+export type DsChipEvents = {
+    onDsRemove: EventName<DsChipCustomEvent<void>>;
+};
+export declare const DsChip: StencilReactComponent<DsChipElement, DsChipEvents, Components.DsChip, 'label'>;

package/dist/react/ds-chip.js

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

package/dist/react/ds-divider.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 { DsDivider as DsDividerElement } from "@ds-mo/ui/dist/components/ds-divider.js";
+export type DsDividerEvents = NonNullable<unknown>;
+export declare const DsDivider: StencilReactComponent<DsDividerElement, DsDividerEvents, Components.DsDivider>;

package/dist/react/ds-divider.js

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

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>;