@ds-mo/ui 1.0.2 → 1.2.0

package/src/react/ds-badge.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* eslint-disable */
+
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsBadge as DsBadgeElement, defineCustomElement as defineDsBadge } from "@ds-mo/ui/dist/components/ds-badge.js";
+
+export type DsBadgeEvents = NonNullable<unknown>;
+
+export const DsBadge: StencilReactComponent<DsBadgeElement, DsBadgeEvents, Components.DsBadge> = /*@__PURE__*/ createComponent<DsBadgeElement, DsBadgeEvents, Components.DsBadge>({
+    tagName: 'ds-badge',
+    elementClass: DsBadgeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as DsBadgeEvents,
+    defineCustomElement: defineDsBadge
+});

package/src/react/ds-banner.ts

@@ -0,0 +1,27 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* 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 DsBannerCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsBanner as DsBannerElement, defineCustomElement as defineDsBanner } from "@ds-mo/ui/dist/components/ds-banner.js";
+
+export type DsBannerEvents = { onDsDismiss: EventName<DsBannerCustomEvent<void>> };
+
+export const DsBanner: StencilReactComponent<DsBannerElement, DsBannerEvents, Components.DsBanner> = /*@__PURE__*/ createComponent<DsBannerElement, DsBannerEvents, Components.DsBanner>({
+    tagName: 'ds-banner',
+    elementClass: DsBannerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsDismiss: 'dsDismiss' } as DsBannerEvents,
+    defineCustomElement: defineDsBanner
+});

package/src/react/ds-bar-nav-action.ts

@@ -0,0 +1,27 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* 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 DsBarNavActionCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsBarNavAction as DsBarNavActionElement, defineCustomElement as defineDsBarNavAction } from "@ds-mo/ui/dist/components/ds-bar-nav-action.js";
+
+export type DsBarNavActionEvents = { onDsChange: EventName<DsBarNavActionCustomEvent<boolean>> };
+
+export const DsBarNavAction: StencilReactComponent<DsBarNavActionElement, DsBarNavActionEvents, Components.DsBarNavAction> = /*@__PURE__*/ createComponent<DsBarNavActionElement, DsBarNavActionEvents, Components.DsBarNavAction>({
+    tagName: 'ds-bar-nav-action',
+    elementClass: DsBarNavActionElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsChange: 'dsChange' } as DsBarNavActionEvents,
+    defineCustomElement: defineDsBarNavAction
+});

package/src/react/ds-bar-nav.ts

@@ -0,0 +1,33 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* 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 DsBarNavCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsBarNav as DsBarNavElement, defineCustomElement as defineDsBarNav } from "@ds-mo/ui/dist/components/ds-bar-nav.js";
+
+export type DsBarNavEvents = {
+    onDsTabChange: EventName<DsBarNavCustomEvent<string>>,
+    onDsActionChange: EventName<DsBarNavCustomEvent<{ id: string; selected: boolean }>>
+};
+
+export const DsBarNav: StencilReactComponent<DsBarNavElement, DsBarNavEvents, Components.DsBarNav> = /*@__PURE__*/ createComponent<DsBarNavElement, DsBarNavEvents, Components.DsBarNav>({
+    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',
+        onDsActionChange: 'dsActionChange'
+    } as DsBarNavEvents,
+    defineCustomElement: defineDsBarNav
+});

package/src/react/ds-breadcrumb.ts

@@ -0,0 +1,27 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* 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 BreadcrumbItem, type DsBreadcrumbCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsBreadcrumb as DsBreadcrumbElement, defineCustomElement as defineDsBreadcrumb } from "@ds-mo/ui/dist/components/ds-breadcrumb.js";
+
+export type DsBreadcrumbEvents = { onDsNavigate: EventName<DsBreadcrumbCustomEvent<{ item: BreadcrumbItem; index: number }>> };
+
+export const DsBreadcrumb: StencilReactComponent<DsBreadcrumbElement, DsBreadcrumbEvents, Components.DsBreadcrumb> = /*@__PURE__*/ createComponent<DsBreadcrumbElement, DsBreadcrumbEvents, Components.DsBreadcrumb>({
+    tagName: 'ds-breadcrumb',
+    elementClass: DsBreadcrumbElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsNavigate: 'dsNavigate' } as DsBreadcrumbEvents,
+    defineCustomElement: defineDsBreadcrumb
+});

package/src/react/ds-button-group.ts

@@ -0,0 +1,27 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* 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 DsButtonGroupCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsButtonGroup as DsButtonGroupElement, defineCustomElement as defineDsButtonGroup } from "@ds-mo/ui/dist/components/ds-button-group.js";
+
+export type DsButtonGroupEvents = { onDsClick: EventName<DsButtonGroupCustomEvent<number>> };
+
+export const DsButtonGroup: StencilReactComponent<DsButtonGroupElement, DsButtonGroupEvents, Components.DsButtonGroup> = /*@__PURE__*/ createComponent<DsButtonGroupElement, DsButtonGroupEvents, Components.DsButtonGroup>({
+    tagName: 'ds-button-group',
+    elementClass: DsButtonGroupElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: { onDsClick: 'dsClick' } as DsButtonGroupEvents,
+    defineCustomElement: defineDsButtonGroup
+});

package/src/react/ds-button.ts

@@ -0,0 +1,35 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* 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 DsButtonCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsButton as DsButtonElement, defineCustomElement as defineDsButton } from "@ds-mo/ui/dist/components/ds-button.js";
+
+export type DsButtonEvents = {
+    onDsClick: EventName<DsButtonCustomEvent<MouseEvent>>,
+    onDsMouseEnter: EventName<DsButtonCustomEvent<MouseEvent>>,
+    onDsMouseLeave: EventName<DsButtonCustomEvent<MouseEvent>>
+};
+
+export const DsButton: StencilReactComponent<DsButtonElement, DsButtonEvents, Components.DsButton> = /*@__PURE__*/ createComponent<DsButtonElement, DsButtonEvents, Components.DsButton>({
+    tagName: 'ds-button',
+    elementClass: DsButtonElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {
+        onDsClick: 'dsClick',
+        onDsMouseEnter: 'dsMouseEnter',
+        onDsMouseLeave: 'dsMouseLeave'
+    } as DsButtonEvents,
+    defineCustomElement: defineDsButton
+});

package/src/react/ds-card.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* eslint-disable */
+
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsCard as DsCardElement, defineCustomElement as defineDsCard } from "@ds-mo/ui/dist/components/ds-card.js";
+
+export type DsCardEvents = NonNullable<unknown>;
+
+export const DsCard: StencilReactComponent<DsCardElement, DsCardEvents, Components.DsCard> = /*@__PURE__*/ createComponent<DsCardElement, DsCardEvents, Components.DsCard>({
+    tagName: 'ds-card',
+    elementClass: DsCardElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as DsCardEvents,
+    defineCustomElement: defineDsCard
+});

package/src/react/ds-checkbox.ts

@@ -0,0 +1,27 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* 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 DsCheckboxCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsCheckbox as DsCheckboxElement, defineCustomElement as defineDsCheckbox } from "@ds-mo/ui/dist/components/ds-checkbox.js";
+
+export type DsCheckboxEvents = { onDsChange: EventName<DsCheckboxCustomEvent<boolean>> };
+
+export const DsCheckbox: StencilReactComponent<DsCheckboxElement, DsCheckboxEvents, Components.DsCheckbox> = /*@__PURE__*/ createComponent<DsCheckboxElement, DsCheckboxEvents, Components.DsCheckbox>({
+    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' } as DsCheckboxEvents,
+    defineCustomElement: defineDsCheckbox
+});

package/src/react/ds-divider.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* eslint-disable */
+
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsDivider as DsDividerElement, defineCustomElement as defineDsDivider } from "@ds-mo/ui/dist/components/ds-divider.js";
+
+export type DsDividerEvents = NonNullable<unknown>;
+
+export const DsDivider: StencilReactComponent<DsDividerElement, DsDividerEvents, Components.DsDivider> = /*@__PURE__*/ createComponent<DsDividerElement, DsDividerEvents, Components.DsDivider>({
+    tagName: 'ds-divider',
+    elementClass: DsDividerElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as DsDividerEvents,
+    defineCustomElement: defineDsDivider
+});

package/src/react/ds-empty-state.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* eslint-disable */
+
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsEmptyState as DsEmptyStateElement, defineCustomElement as defineDsEmptyState } from "@ds-mo/ui/dist/components/ds-empty-state.js";
+
+export type DsEmptyStateEvents = NonNullable<unknown>;
+
+export const DsEmptyState: StencilReactComponent<DsEmptyStateElement, DsEmptyStateEvents, Components.DsEmptyState> = /*@__PURE__*/ createComponent<DsEmptyStateElement, DsEmptyStateEvents, Components.DsEmptyState>({
+    tagName: 'ds-empty-state',
+    elementClass: DsEmptyStateElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as DsEmptyStateEvents,
+    defineCustomElement: defineDsEmptyState
+});

package/src/react/ds-fade.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* eslint-disable */
+
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsFade as DsFadeElement, defineCustomElement as defineDsFade } from "@ds-mo/ui/dist/components/ds-fade.js";
+
+export type DsFadeEvents = NonNullable<unknown>;
+
+export const DsFade: StencilReactComponent<DsFadeElement, DsFadeEvents, Components.DsFade> = /*@__PURE__*/ createComponent<DsFadeElement, DsFadeEvents, Components.DsFade>({
+    tagName: 'ds-fade',
+    elementClass: DsFadeElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as DsFadeEvents,
+    defineCustomElement: defineDsFade
+});

package/src/react/ds-field.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* eslint-disable */
+
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsField as DsFieldElement, defineCustomElement as defineDsField } from "@ds-mo/ui/dist/components/ds-field.js";
+
+export type DsFieldEvents = NonNullable<unknown>;
+
+export const DsField: StencilReactComponent<DsFieldElement, DsFieldEvents, Components.DsField> = /*@__PURE__*/ createComponent<DsFieldElement, DsFieldEvents, Components.DsField>({
+    tagName: 'ds-field',
+    elementClass: DsFieldElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as DsFieldEvents,
+    defineCustomElement: defineDsField
+});

package/src/react/ds-header.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* eslint-disable */
+
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsHeader as DsHeaderElement, defineCustomElement as defineDsHeader } from "@ds-mo/ui/dist/components/ds-header.js";
+
+export type DsHeaderEvents = NonNullable<unknown>;
+
+export const DsHeader: StencilReactComponent<DsHeaderElement, DsHeaderEvents, Components.DsHeader> = /*@__PURE__*/ createComponent<DsHeaderElement, DsHeaderEvents, Components.DsHeader>({
+    tagName: 'ds-header',
+    elementClass: DsHeaderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as DsHeaderEvents,
+    defineCustomElement: defineDsHeader
+});

package/src/react/ds-icon.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* eslint-disable */
+
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsIcon as DsIconElement, defineCustomElement as defineDsIcon } from "@ds-mo/ui/dist/components/ds-icon.js";
+
+export type DsIconEvents = NonNullable<unknown>;
+
+export const DsIcon: StencilReactComponent<DsIconElement, DsIconEvents, Components.DsIcon> = /*@__PURE__*/ createComponent<DsIconElement, DsIconEvents, Components.DsIcon>({
+    tagName: 'ds-icon',
+    elementClass: DsIconElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as DsIconEvents,
+    defineCustomElement: defineDsIcon
+});

package/src/react/ds-input.ts

@@ -0,0 +1,33 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* 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 DsInputCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsInput as DsInputElement, defineCustomElement as defineDsInput } from "@ds-mo/ui/dist/components/ds-input.js";
+
+export type DsInputEvents = {
+    onDsChange: EventName<DsInputCustomEvent<string>>,
+    onDsClear: EventName<DsInputCustomEvent<void>>
+};
+
+export const DsInput: StencilReactComponent<DsInputElement, DsInputEvents, Components.DsInput> = /*@__PURE__*/ createComponent<DsInputElement, DsInputEvents, Components.DsInput>({
+    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'
+    } as DsInputEvents,
+    defineCustomElement: defineDsInput
+});

package/src/react/ds-loader.ts

@@ -0,0 +1,26 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* eslint-disable */
+
+import type { StencilReactComponent } from '@stencil/react-output-target/runtime';
+import { createComponent } from '@stencil/react-output-target/runtime';
+import React from 'react';
+
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsLoader as DsLoaderElement, defineCustomElement as defineDsLoader } from "@ds-mo/ui/dist/components/ds-loader.js";
+
+export type DsLoaderEvents = NonNullable<unknown>;
+
+export const DsLoader: StencilReactComponent<DsLoaderElement, DsLoaderEvents, Components.DsLoader> = /*@__PURE__*/ createComponent<DsLoaderElement, DsLoaderEvents, Components.DsLoader>({
+    tagName: 'ds-loader',
+    elementClass: DsLoaderElement,
+    // @ts-ignore - ignore potential React type mismatches between the Stencil Output Target and your project.
+    react: React,
+    events: {} as DsLoaderEvents,
+    defineCustomElement: defineDsLoader
+});

package/src/react/ds-menu.ts

@@ -0,0 +1,33 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* 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 DsMenuCustomEvent, type MenuItemData } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsMenu as DsMenuElement, defineCustomElement as defineDsMenu } from "@ds-mo/ui/dist/components/ds-menu.js";
+
+export type DsMenuEvents = {
+    onDsClose: EventName<DsMenuCustomEvent<void>>,
+    onDsSelect: EventName<DsMenuCustomEvent<MenuItemData>>
+};
+
+export const DsMenu: StencilReactComponent<DsMenuElement, DsMenuEvents, Components.DsMenu> = /*@__PURE__*/ createComponent<DsMenuElement, DsMenuEvents, Components.DsMenu>({
+    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'
+    } as DsMenuEvents,
+    defineCustomElement: defineDsMenu
+});

package/src/react/ds-modal.ts

@@ -0,0 +1,27 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* 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 DsModalCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsModal as DsModalElement, defineCustomElement as defineDsModal } from "@ds-mo/ui/dist/components/ds-modal.js";
+
+export type DsModalEvents = { onDsClose: EventName<DsModalCustomEvent<void>> };
+
+export const DsModal: StencilReactComponent<DsModalElement, DsModalEvents, Components.DsModal> = /*@__PURE__*/ createComponent<DsModalElement, DsModalEvents, Components.DsModal>({
+    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' } as DsModalEvents,
+    defineCustomElement: defineDsModal
+});

package/src/react/ds-pagination.ts

@@ -0,0 +1,27 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* 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 DsPaginationCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsPagination as DsPaginationElement, defineCustomElement as defineDsPagination } from "@ds-mo/ui/dist/components/ds-pagination.js";
+
+export type DsPaginationEvents = { onDsPageChange: EventName<DsPaginationCustomEvent<number>> };
+
+export const DsPagination: StencilReactComponent<DsPaginationElement, DsPaginationEvents, Components.DsPagination> = /*@__PURE__*/ createComponent<DsPaginationElement, DsPaginationEvents, Components.DsPagination>({
+    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' } as DsPaginationEvents,
+    defineCustomElement: defineDsPagination
+});

package/src/react/ds-panel-nav.ts

@@ -0,0 +1,37 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* 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 DsPanelNavCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsPanelNav as DsPanelNavElement, defineCustomElement as defineDsPanelNav } from "@ds-mo/ui/dist/components/ds-panel-nav.js";
+
+export type DsPanelNavEvents = {
+    onDsNavSelect: EventName<DsPanelNavCustomEvent<string>>,
+    onDsNavToggle: EventName<DsPanelNavCustomEvent<boolean>>,
+    onDsNavFooterAction: EventName<DsPanelNavCustomEvent<void>>,
+    onDsNavUserAction: EventName<DsPanelNavCustomEvent<void>>
+};
+
+export const DsPanelNav: StencilReactComponent<DsPanelNavElement, DsPanelNavEvents, Components.DsPanelNav> = /*@__PURE__*/ createComponent<DsPanelNavElement, DsPanelNavEvents, Components.DsPanelNav>({
+    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',
+        onDsNavFooterAction: 'dsNavFooterAction',
+        onDsNavUserAction: 'dsNavUserAction'
+    } as DsPanelNavEvents,
+    defineCustomElement: defineDsPanelNav
+});

package/src/react/ds-radio-group.ts

@@ -0,0 +1,27 @@
+'use client';
+
+/**
+ * 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.
+ */
+
+/* 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 DsRadioGroupCustomEvent } from "@ds-mo/ui";
+import type { Components } from "@ds-mo/ui/dist/components";
+import { DsRadioGroup as DsRadioGroupElement, defineCustomElement as defineDsRadioGroup } from "@ds-mo/ui/dist/components/ds-radio-group.js";
+
+export type DsRadioGroupEvents = { onDsChange: EventName<DsRadioGroupCustomEvent<string>> };
+
+export const DsRadioGroup: StencilReactComponent<DsRadioGroupElement, DsRadioGroupEvents, Components.DsRadioGroup> = /*@__PURE__*/ createComponent<DsRadioGroupElement, DsRadioGroupEvents, Components.DsRadioGroup>({
+    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' } as DsRadioGroupEvents,
+    defineCustomElement: defineDsRadioGroup
+});