@ds-mo/ui 3.0.1 → 3.1.0

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

package/dist/react/ds-toggle.js

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

package/dist/react/ds-tooltip-data-viz.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 { DsTooltipDataViz as DsTooltipDataVizElement } from "@ds-mo/ui/dist/components/ds-tooltip-data-viz.js";
+export type DsTooltipDataVizEvents = NonNullable<unknown>;
+export declare const DsTooltipDataViz: StencilReactComponent<DsTooltipDataVizElement, DsTooltipDataVizEvents, Components.DsTooltipDataViz>;

package/dist/react/ds-tooltip-data-viz.js

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

package/dist/react/ds-tooltip.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 { DsTooltip as DsTooltipElement } from "@ds-mo/ui/dist/components/ds-tooltip.js";
+export type DsTooltipEvents = NonNullable<unknown>;
+export declare const DsTooltip: StencilReactComponent<DsTooltipElement, DsTooltipEvents, Components.DsTooltip, 'label'>;

package/dist/react/ds-tooltip.js

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

package/dist/types/components/BarNav/BarNav.d.ts

@@ -23,6 +23,7 @@ export declare class BarNav {
     basePath: string;
     /** Current route URL. When set with `basePath`, the active tab is derived automatically. */
     currentUrl: string;
+    moreTabsLabel: string;
     /** Emitted when the active tab changes. Detail = tab id. */
     dsTabChange: EventEmitter<string>;
     private resolvedTabs;

package/dist/types/components/ButtonFilled/ButtonFilled.d.ts

@@ -31,7 +31,7 @@ export declare class ButtonFilled {
     isInactive: boolean;
     /** Native button type. */
     type: 'button' | 'submit' | 'reset';
-    ariaLabel: string | undefined;
+    ariaLabel: string | null;
     dsClick: EventEmitter<MouseEvent>;
     private buttonEl;
     setFocus(): Promise<void>;

package/dist/types/components/ButtonUnfilled/ButtonUnfilled.d.ts

@@ -43,7 +43,7 @@ export declare class ButtonUnfilled {
     backgroundContrast?: ButtonUnfilledOnBackgroundContrast;
     /** Parent surface context for navigation and always-dark chrome. */
     background: ButtonUnfilledBackground | undefined;
-    ariaLabel: string | undefined;
+    ariaLabel: string | null;
     controls: string | undefined;
     expanded: boolean | undefined;
     haspopup: string | undefined;

package/dist/types/components/CardDataVizDonut/CardDataVizDonut.d.ts

@@ -11,6 +11,7 @@ export declare class CardDataVizDonut {
     heading: string;
     /** Card width token — also sets matching min-height. */
     cardWidth: CardDataVizDonutWidth;
+    filterLabel: string;
     /** Emits when the header filter control is activated. */
     dsFilterClick: EventEmitter<void>;
     private hasChartSlot;

package/dist/types/components/CardSetting/CardSetting.d.ts

@@ -12,6 +12,9 @@ export declare class CardSetting {
     cardWidth: CardSettingWidth;
     /** Controlled edit state — parent owns single-edit orchestration. */
     editing: boolean;
+    editLabel: string;
+    cancelLabel: string;
+    saveLabel: string;
     /** Emits when the user enters or exits edit mode. */
     dsEditingChange: EventEmitter<boolean>;
     private enterEdit;

package/dist/types/components/ChartDonut/ChartDonut.d.ts

@@ -1,6 +1,8 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { ChartDatum } from '../../utils/chart-types';
 export declare class ChartDonut {
+    locale: string | undefined;
+    noDataLabel: string;
     el: HTMLElement;
     /** Slices to render. Set as a JS property (not an HTML attribute). */
     data: ChartDatum[];

package/dist/types/components/ChartLegend/ChartLegend.d.ts

@@ -9,6 +9,7 @@ export type ChartLegendDirection = 'vertical' | 'horizontal';
  * render their own markup against the same `ChartDatum[]` data.
  */
 export declare class ChartLegend {
+    locale: string | undefined;
     /** Legend entries. Set as a JS property (not an HTML attribute). */
     items: ChartLegendItem[];
     direction: ChartLegendDirection;

package/dist/types/components/Checkbox/Checkbox.d.ts

@@ -1,11 +1,23 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class Checkbox {
+    internals: ElementInternals;
     private labelId;
     label: string;
     checked: boolean;
+    name: string | undefined;
+    value: string;
+    disabled: boolean;
+    required: boolean;
+    requiredMessage: string;
     indeterminate: boolean;
     isInactive: boolean;
     dsChange: EventEmitter<boolean>;
+    private initialChecked;
+    private formDisabled;
+    componentWillLoad(): void;
+    syncFormValue(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
     private handleActivate;
     private handleKeyDown;
     render(): any;

package/dist/types/components/Chip/Chip.d.ts

@@ -26,6 +26,8 @@ export declare class Chip {
     isInactive: boolean;
     /** Surface context for interaction-fill tokens when the chip sits on a non-default surface. */
     background: ChipBackground | undefined;
+    /** Accessible remove action. Use `{label}` as the chip-label placeholder. */
+    removeLabel: string;
     /** Fired when the remove button is clicked. */
     dsRemove: EventEmitter<void>;
     private handleRemove;

package/dist/types/components/EmptyState/EmptyState.d.ts

@@ -2,6 +2,8 @@ export type EmptyStateType = 'no-content' | 'no-results' | 'no-results-filter' |
 export declare class EmptyState {
     type: EmptyStateType;
     message: string | undefined;
+    /** Localized defaults keyed by empty-state type. Set as a JS property. */
+    messages: Partial<Record<EmptyStateType, string>>;
     render(): any;
 }
 //# sourceMappingURL=EmptyState.d.ts.map

package/dist/types/components/Input/Input.d.ts

@@ -2,9 +2,15 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export type InputType = 'text' | 'email' | 'tel' | 'url' | 'search' | 'password';
 export declare class Input {
     el: HTMLElement;
+    internals: ElementInternals;
     private generatedId;
     private errorId;
     value: string;
+    name: string | undefined;
+    disabled: boolean;
+    required: boolean;
+    requiredMessage: string;
+    clearLabel: string;
     placeholder: string | undefined;
     type: InputType;
     isInactive: boolean;
@@ -13,11 +19,18 @@ export declare class Input {
     errorMessage: string | undefined;
     /** Associates the internal input with an external <label>. */
     inputId: string | undefined;
-    ariaLabel: string | undefined;
+    ariaLabel: string | null;
     ariaLabelledby: string | undefined;
     ariaDescribedby: string | undefined;
     dsChange: EventEmitter<string>;
     dsClear: EventEmitter<void>;
+    private initialValue;
+    private formDisabled;
+    componentWillLoad(): void;
+    syncFormValue(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
     setFocus(): Promise<void>;
     private handleInput;
     private handleClear;

package/dist/types/components/Menu/Menu.d.ts

@@ -21,6 +21,8 @@ export declare class Menu {
     anchorId: string | undefined;
     /** Show a visible ring on the initially focused menu item. Use only when the opener was keyboard-driven. */
     initialFocusVisible: boolean;
+    /** Accessible name for the popup menu. */
+    menuLabel: string;
     private shouldRender;
     private closing;
     private pos;

package/dist/types/components/Pagination/Pagination.d.ts

@@ -4,6 +4,9 @@ export declare class Pagination {
     totalPages: number;
     siblingCount: number;
     isInactive: boolean;
+    paginationLabel: string;
+    previousPageLabel: string;
+    nextPageLabel: string;
     dsPageChange: EventEmitter<number>;
     private go;
     render(): any;

package/dist/types/components/PanelNav/PanelNav.d.ts

@@ -32,6 +32,13 @@ export declare class PanelNav {
     userName: string;
     /** Single character shown in the collapsed avatar */
     userInitial: string;
+    dashboardLabel: string;
+    settingsLabel: string;
+    accountLabel: string;
+    dashboardNavigationLabel: string;
+    settingsNavigationLabel: string;
+    expandNavigationLabel: string;
+    collapseNavigationLabel: string;
     /** Emitted when a nav item is clicked. Detail = the item's `id`. */
     dsNavSelect: EventEmitter<string>;
     /** Emitted when the collapse toggle is clicked. Detail = new collapsed state. */

package/dist/types/components/PanelTools/PanelTools.d.ts

@@ -14,6 +14,8 @@ export declare class PanelTools {
     items: PanelToolsItem[];
     /** JSON fallback for `items` — useful when framework bindings don't propagate arrays. */
     itemsJson: string;
+    toolsLabel: string;
+    toolShortcutsLabel: string;
     /** Emitted when a rail button is toggled. Detail = { id, selected }. */
     dsToolChange: EventEmitter<{
         id: PanelToolsToolId;

package/dist/types/components/RadioGroup/RadioGroup.d.ts

@@ -6,13 +6,25 @@ export interface RadioOption {
 }
 export declare class RadioGroup {
     el: HTMLElement;
+    internals: ElementInternals;
     options: RadioOption[];
     value: string;
+    name: string | undefined;
+    disabled: boolean;
+    required: boolean;
+    requiredMessage: string;
     direction: 'vertical' | 'horizontal';
     isInactive: boolean;
-    ariaLabel: string | undefined;
+    ariaLabel: string | null;
     ariaLabelledby: string | undefined;
     dsChange: EventEmitter<string>;
+    private initialValue;
+    private formDisabled;
+    componentWillLoad(): void;
+    syncFormValue(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    formStateRestoreCallback(state: string | File | FormData | null): void;
     private get activeItems();
     handleKeyDown(e: KeyboardEvent): void;
     private selectItem;