@hashicorp/design-system-components 6.2.0 → 6.3.0-rc-20260507194626

package/declarations/components/hds/accordion/cds/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/accordion/accordion.js';
+import { ACCORDION_SIZE, ACCORDION_ALIGNMENT } from '@carbon/web-components/es/components/accordion/accordion.js';
+import type { WithBoundArgs } from '@glint/template';
+import HdsAccordionItem from './item/index';
+import type { HdsAccordionForceStates, HdsAccordionSizes, HdsAccordionTypes, HdsAccordionItemTitleTags } from '../types.ts';
+export interface HdsAccordionSignature {
+    Args: {
+        size?: HdsAccordionSizes;
+        type?: HdsAccordionTypes;
+        forceState?: HdsAccordionForceStates;
+        titleTag?: HdsAccordionItemTitleTags;
+        disabled?: boolean;
+        alignment?: ACCORDION_ALIGNMENT;
+    };
+    Blocks: {
+        default: [
+            {
+                Item?: WithBoundArgs<typeof HdsAccordionItem, 'titleTag' | 'type' | 'forceState' | 'size'>;
+            }
+        ];
+    };
+    Element: HTMLDivElement;
+}
+export default class HdsAccordion extends Component<HdsAccordionSignature> {
+    get size(): ACCORDION_SIZE;
+    get titleTag(): HdsAccordionItemTitleTags;
+    get type(): HdsAccordionTypes;
+    get isFlush(): boolean;
+    get sizeClassName(): HdsAccordionSizes;
+}

package/declarations/components/hds/accordion/cds/item/index.d.ts

@@ -0,0 +1,61 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/accordion/accordion.js';
+import { ACCORDION_SIZE } from '@carbon/web-components/es/components/accordion/accordion.js';
+import { HdsAccordionSizeValues, HdsAccordionTypeValues } from '../../types.ts';
+import type { HdsAccordionForceStates, HdsAccordionSizes, HdsAccordionTypes, HdsAccordionItemTitleTags } from '../../types.ts';
+export declare const SIZES: HdsAccordionSizes[];
+export declare const DEFAULT_SIZE = HdsAccordionSizeValues.Medium;
+export declare const TYPES: HdsAccordionTypes[];
+export declare const DEFAULT_TYPE = HdsAccordionTypeValues.Card;
+export interface HdsAccordionItemSignature {
+    Args: {
+        ariaLabel?: string;
+        /**
+         * @deprecated Cannot have @containsInteractive anymore bc Carbon wraps the toggle content in a button
+         */
+        containsInteractive?: boolean;
+        forceState?: HdsAccordionForceStates;
+        isOpen?: boolean;
+        isStatic?: boolean;
+        onClickToggle?: (event: MouseEvent, ...args: any[]) => void;
+        size?: HdsAccordionSizes;
+        titleTag?: HdsAccordionItemTitleTags;
+        type?: HdsAccordionTypes;
+    };
+    Blocks: {
+        toggle?: [];
+        content: [
+            {
+                close: (...args: any[]) => void;
+            }
+        ];
+    };
+    Element: HTMLElement;
+}
+export default class HdsAccordionItem extends Component<HdsAccordionItemSignature> {
+    private _userOpen;
+    private _lastSeenForceState?;
+    constructor(owner: unknown, args: HdsAccordionItemSignature['Args']);
+    private computeInitialOpen;
+    get containsInteractive(): boolean;
+    get toggleTextSize(): number;
+    get size(): ACCORDION_SIZE;
+    get isOpen(): boolean;
+    syncForceState: import("ember-modifier").FunctionBasedModifier<{
+        Args: {
+            Positional: [];
+            Named: {
+                forceState?: HdsAccordionForceStates;
+            };
+        };
+        Element: Element;
+    }>;
+    get type(): HdsAccordionTypes;
+    get titleTag(): HdsAccordionItemTitleTags;
+    handleToggled(event: Event): void;
+    close(): void;
+}

package/declarations/components/hds/accordion/hds/index.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type { WithBoundArgs } from '@glint/template';
+import HdsAccordionItem from './item/index';
+import type { HdsAccordionForceStates, HdsAccordionSizes, HdsAccordionTypes, HdsAccordionItemTitleTags } from '../types.ts';
+export interface HdsAccordionSignature {
+    Args: {
+        size?: HdsAccordionSizes;
+        type?: HdsAccordionTypes;
+        forceState?: HdsAccordionForceStates;
+        titleTag?: HdsAccordionItemTitleTags;
+    };
+    Blocks: {
+        default: [
+            {
+                Item?: WithBoundArgs<typeof HdsAccordionItem, 'titleTag' | 'size' | 'type' | 'forceState'>;
+            }
+        ];
+    };
+    Element: HTMLDivElement;
+}
+export default class HdsAccordion extends Component<HdsAccordionSignature> {
+    get size(): HdsAccordionSizes;
+    get titleTag(): HdsAccordionItemTitleTags;
+    get type(): HdsAccordionTypes;
+    get classNames(): string;
+}

package/declarations/components/hds/accordion/{item → hds/item}/button.d.ts

@@ -3,7 +3,7 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
-import type { HdsAccordionSizes } from '../types.ts';
+import type { HdsAccordionSizes } from '../../types.ts';
 export interface HdsAccordionItemButtonSignature {
     Args: {
         ariaLabel?: string;

package/declarations/components/hds/accordion/hds/item/index.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import { HdsAccordionSizeValues, HdsAccordionTypeValues } from '../../types.ts';
+import type { HdsAccordionForceStates, HdsAccordionSizes, HdsAccordionTypes, HdsAccordionItemTitleTags } from '../../types.ts';
+export declare const SIZES: HdsAccordionSizes[];
+export declare const DEFAULT_SIZE = HdsAccordionSizeValues.Medium;
+export declare const TYPES: HdsAccordionTypes[];
+export declare const DEFAULT_TYPE = HdsAccordionTypeValues.Card;
+export interface HdsAccordionItemSignature {
+    Args: {
+        ariaLabel?: string;
+        containsInteractive?: boolean;
+        forceState?: HdsAccordionForceStates;
+        isOpen?: boolean;
+        isStatic?: boolean;
+        onClickToggle?: (event: MouseEvent, ...args: any[]) => void;
+        size?: HdsAccordionSizes;
+        titleTag?: HdsAccordionItemTitleTags;
+        type?: HdsAccordionTypes;
+    };
+    Blocks: {
+        toggle?: [];
+        content: [
+            {
+                close: (...args: any[]) => void;
+            }
+        ];
+    };
+    Element: HTMLElement;
+}
+export default class HdsAccordionItem extends Component<HdsAccordionItemSignature> {
+    private _titleId;
+    get ariaLabelledBy(): string | undefined;
+    get containsInteractive(): boolean;
+    get toggleTextSize(): number;
+    get size(): HdsAccordionSizes;
+    get isOpen(): boolean;
+    get type(): HdsAccordionTypes;
+    get titleTag(): HdsAccordionItemTitleTags;
+    get classNames(): string;
+}

package/declarations/components/hds/accordion/index.d.ts

@@ -4,6 +4,7 @@
  */
 import Component from '@glimmer/component';
 import type { WithBoundArgs } from '@glint/template';
+import type { ACCORDION_ALIGNMENT } from '@carbon/web-components/es/components/accordion/accordion.js';
 import HdsAccordionItem from './item/index';
 import type { HdsAccordionForceStates, HdsAccordionSizes, HdsAccordionTypes, HdsAccordionItemTitleTags } from './types.ts';
 export interface HdsAccordionSignature {
@@ -12,19 +13,25 @@ export interface HdsAccordionSignature {
         type?: HdsAccordionTypes;
         forceState?: HdsAccordionForceStates;
         titleTag?: HdsAccordionItemTitleTags;
+        /**
+         * When true, renders the Carbon (cds) accordion implementation.
+         * When false (default), renders the original HDS accordion implementation.
+         */
+        useCds?: boolean;
+        /** Only applies when @useCds is true. */
+        disabled?: boolean;
+        /** Only applies when @useCds is true. */
+        alignment?: ACCORDION_ALIGNMENT;
     };
     Blocks: {
         default: [
             {
-                Item?: WithBoundArgs<typeof HdsAccordionItem, 'titleTag' | 'size' | 'type' | 'forceState'>;
+                Item?: WithBoundArgs<typeof HdsAccordionItem, 'titleTag' | 'type' | 'forceState' | 'size' | 'useCds'>;
             }
         ];
     };
-    Element: HTMLDivElement;
+    Element: HTMLElement;
 }
 export default class HdsAccordion extends Component<HdsAccordionSignature> {
-    get size(): HdsAccordionSizes;
-    get titleTag(): HdsAccordionItemTitleTags;
-    get type(): HdsAccordionTypes;
-    get classNames(): string;
+    get useCds(): boolean;
 }

package/declarations/components/hds/accordion/item/index.d.ts

@@ -3,15 +3,15 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
-import { HdsAccordionSizeValues, HdsAccordionTypeValues } from '../types.ts';
+export { SIZES, DEFAULT_SIZE, TYPES, DEFAULT_TYPE, } from '../cds/item/index';
 import type { HdsAccordionForceStates, HdsAccordionSizes, HdsAccordionTypes, HdsAccordionItemTitleTags } from '../types.ts';
-export declare const SIZES: HdsAccordionSizes[];
-export declare const DEFAULT_SIZE = HdsAccordionSizeValues.Medium;
-export declare const TYPES: HdsAccordionTypes[];
-export declare const DEFAULT_TYPE = HdsAccordionTypeValues.Card;
 export interface HdsAccordionItemSignature {
     Args: {
         ariaLabel?: string;
+        /**
+         * Only meaningful for the original HDS implementation. Ignored when @useCds is true,
+         * since Carbon wraps the toggle content in a button.
+         */
         containsInteractive?: boolean;
         forceState?: HdsAccordionForceStates;
         isOpen?: boolean;
@@ -20,6 +20,11 @@ export interface HdsAccordionItemSignature {
         size?: HdsAccordionSizes;
         titleTag?: HdsAccordionItemTitleTags;
         type?: HdsAccordionTypes;
+        /**
+         * When true, renders the Carbon (cds) accordion item implementation.
+         * When false (default), renders the original HDS accordion item implementation.
+         */
+        useCds?: boolean;
     };
     Blocks: {
         toggle?: [];
@@ -32,13 +37,5 @@ export interface HdsAccordionItemSignature {
     Element: HTMLElement;
 }
 export default class HdsAccordionItem extends Component<HdsAccordionItemSignature> {
-    private _titleId;
-    get ariaLabelledBy(): string | undefined;
-    get containsInteractive(): boolean;
-    get toggleTextSize(): number;
-    get size(): HdsAccordionSizes;
-    get isOpen(): boolean;
-    get type(): HdsAccordionTypes;
-    get titleTag(): HdsAccordionItemTitleTags;
-    get classNames(): string;
+    get useCds(): boolean;
 }

package/declarations/components/hds/badge/index.d.ts

@@ -3,6 +3,8 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/tag/index.js';
+import { TAG_SIZE, TAG_TYPE } from '@carbon/web-components/es/components/tag/tag.js';
 import { HdsBadgeColorValues, HdsBadgeSizeValues, HdsBadgeTypeValues } from './types.ts';
 import type { HdsBadgeColors, HdsBadgeSizes, HdsBadgeTypes } from './types.ts';
 import type { HdsIconSignature } from '../icon/index';
@@ -14,19 +16,25 @@ export declare const DEFAULT_TYPE = HdsBadgeTypeValues.Filled;
 export declare const DEFAULT_COLOR = HdsBadgeColorValues.Neutral;
 export interface HdsBadgeSignature {
     Args: {
+        useCds?: boolean;
         size?: HdsBadgeSizes;
         type?: HdsBadgeTypes;
         color?: HdsBadgeColors;
         text: string | number;
         icon?: HdsIconSignature['Args']['name'];
+        /**
+         * @deprecated Carbon makes it so all tags have visible text
+         */
         isIconOnly?: boolean;
     };
     Element: HTMLDivElement;
 }
 export default class HdsBadge extends Component<HdsBadgeSignature> {
     get size(): "small" | "medium" | "large" | HdsBadgeSizeValues.Medium;
+    get mappedCarbonSize(): TAG_SIZE;
     get type(): "filled" | "inverted" | "outlined" | HdsBadgeTypeValues.Filled;
     get color(): "highlight" | "success" | "warning" | "critical" | "neutral" | "neutral-dark-mode" | HdsBadgeColorValues.Neutral;
+    get mappedCarbonType(): TAG_TYPE.RED | TAG_TYPE.PURPLE | TAG_TYPE.GREEN | TAG_TYPE.GRAY | "high-contrast" | "outline";
     get text(): string | number;
     get isIconOnly(): boolean;
     get classNames(): string;

package/declarations/components/hds/button/index.d.ts

@@ -3,6 +3,8 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/button/index.js';
+import { BUTTON_KIND, BUTTON_SIZE } from '@carbon/web-components/es/components/button/button.js';
 import { HdsButtonSizeValues, HdsButtonColorValues, HdsButtonIconPositionValues } from './types.ts';
 import type { HdsButtonSizes, HdsButtonColors, HdsButtonIconPositions } from './types.ts';
 import type { HdsInteractiveSignature } from '../interactive/index';
@@ -15,12 +17,19 @@ export declare const DEFAULT_COLOR = HdsButtonColorValues.Primary;
 export declare const DEFAULT_ICON_POSITION = HdsButtonIconPositionValues.Leading;
 export interface HdsButtonSignature {
     Args: HdsInteractiveSignature['Args'] & {
+        useCds?: boolean;
         size?: HdsButtonSizes;
         color?: HdsButtonColors;
         text: string;
         icon?: HdsIconSignature['Args']['name'];
+        /**
+         * @deprecated Carbon doesnt allow leading icons in buttons
+         */
         iconPosition?: HdsButtonIconPositions;
         isIconOnly?: boolean;
+        /**
+         * @deprecated Carbon doesnt have full width button
+         */
         isFullWidth?: boolean;
         isInline?: boolean;
     };
@@ -36,4 +45,7 @@ export default class HdsButton extends Component<HdsButtonSignature> {
     get iconSize(): HdsIconSignature['Args']['size'];
     get isFullWidth(): boolean;
     get classNames(): string;
+    get shouldRenderCarbon(): boolean;
+    get mappedCarbonKind(): BUTTON_KIND.PRIMARY | BUTTON_KIND.SECONDARY | BUTTON_KIND.GHOST | BUTTON_KIND.DANGER;
+    get mappedCarbonSize(): BUTTON_SIZE.SMALL | BUTTON_SIZE.MEDIUM | BUTTON_SIZE.LARGE;
 }

package/declarations/components/hds/cds-accordion/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import CDSAccordion from '@carbon/web-components/es/components/accordion/accordion.js';
+import { ACCORDION_SIZE, ACCORDION_ALIGNMENT } from '@carbon/web-components/es/components/accordion/defs.js';
+export declare const CDS_ACCORDION_SIZE_OPTIONS: ACCORDION_SIZE[];
+export declare const CDS_ACCORDION_ALIGNMENT_OPTIONS: ACCORDION_ALIGNMENT[];
+declare const _default: abstract new (...args: unknown[]) => import("@glimmer/component").default<import('../../../utils/create-component').WebComponentSignature<CDSAccordion>>;
+export default _default;

package/declarations/components/hds/cds-accordion/item.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import CDSAccordionItem from '@carbon/web-components/es/components/accordion/accordion-item.js';
+declare const _default: abstract new (...args: unknown[]) => import("@glimmer/component").default<import('../../../utils/create-component').WebComponentSignature<CDSAccordionItem>>;
+export default _default;

package/declarations/components/hds/cds-badge/index.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/tag/index.js';
+import { TAG_SIZE, TAG_TYPE } from '@carbon/web-components/es/components/tag/defs.js';
+type TagSize = `${TAG_SIZE}`;
+type TagType = `${TAG_TYPE}`;
+export declare const CDS_BADGE_SIZE_OPTIONS: TAG_SIZE[];
+export declare const CDS_BADGE_TYPE_OPTIONS: TAG_TYPE[];
+export interface HdsCdsBadgeSignature {
+    Args: {
+        filter?: boolean;
+        hasCustomIcon?: boolean;
+        open?: boolean;
+        size?: TagSize;
+        title?: string;
+        type?: TagType;
+    };
+    Blocks: {
+        default: [];
+    };
+    Element: Element;
+}
+export default class HdsCdsBadge extends Component<HdsCdsBadgeSignature> {
+}
+export {};

package/declarations/components/hds/cds-button/index.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/button/index.js';
+import { BUTTON_KIND, BUTTON_SIZE, BUTTON_TOOLTIP_ALIGNMENT, BUTTON_TOOLTIP_POSITION, BUTTON_TYPE } from '@carbon/web-components/es/components/button/defs.js';
+type ButtonKind = `${BUTTON_KIND}`;
+type ButtonSize = `${BUTTON_SIZE}`;
+type ButtonTooltipAlignment = `${BUTTON_TOOLTIP_ALIGNMENT}`;
+type ButtonTooltipPosition = `${BUTTON_TOOLTIP_POSITION}`;
+type ButtonType = `${BUTTON_TYPE}`;
+type ShadowRootOptionsArg = {
+    delegatesFocus: boolean;
+    mode: ShadowRootMode;
+    slotAssignment?: SlotAssignmentMode;
+    customElements?: CustomElementRegistry;
+    registry?: CustomElementRegistry;
+};
+export declare const CDS_BUTTON_KIND_OPTIONS: BUTTON_KIND[];
+export declare const CDS_BUTTON_SIZE_OPTIONS: BUTTON_SIZE[];
+export declare const CDS_BUTTON_TOOLTIP_ALIGNMENT_OPTIONS: BUTTON_TOOLTIP_ALIGNMENT[];
+export declare const CDS_BUTTON_TOOLTIP_POSITION_OPTIONS: BUTTON_TOOLTIP_POSITION[];
+export declare const CDS_BUTTON_TYPE_OPTIONS: BUTTON_TYPE[];
+export interface HdsCdsButtonSignature {
+    Args: {
+        autofocus?: boolean;
+        batchAction?: boolean;
+        buttonClassName?: string;
+        dangerDescription?: string;
+        disabled?: boolean;
+        download?: string;
+        hasMainContent?: boolean;
+        href?: string;
+        hreflang?: string;
+        isExpressive?: boolean;
+        isSelected?: boolean;
+        kind?: ButtonKind;
+        linkRole?: string;
+        openTooltip?: boolean;
+        ping?: string;
+        rel?: string;
+        shadowRootOptions?: ShadowRootOptionsArg;
+        size?: ButtonSize;
+        styles?: string;
+        tabIndex?: number;
+        target?: string;
+        tooltipAlignment?: ButtonTooltipAlignment;
+        tooltipPosition?: ButtonTooltipPosition;
+        tooltipText?: string;
+        type?: ButtonType;
+    };
+    Blocks: {
+        default: [];
+    };
+    Element: Element;
+}
+export default class HdsCdsButton extends Component<HdsCdsButtonSignature> {
+}
+export {};

package/declarations/components/hds/cds-link/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import CDSLink from '@carbon/web-components/es/components/link/link.js';
+type LinkSize = 'md' | 'sm' | 'lg';
+export declare const CDS_LINK_SIZE_OPTIONS: LinkSize[];
+declare const _default: abstract new (...args: unknown[]) => import("@glimmer/component").default<import('../../../utils/create-component').WebComponentSignature<CDSLink>>;
+export default _default;

package/declarations/components/hds/cds-modal/body-content.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/modal/modal-body-content.js';
+export interface HdsCdsModalBodyContentSignature {
+    Args: Record<string, never>;
+    Blocks: {
+        default: [];
+    };
+    Element: Element;
+}
+export default class HdsCdsModalBodyContent extends Component<HdsCdsModalBodyContentSignature> {
+}

package/declarations/components/hds/cds-modal/body.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/modal/modal-body.js';
+export interface HdsCdsModalBodySignature {
+    Args: Record<string, never>;
+    Blocks: {
+        default: [];
+    };
+    Element: Element;
+}
+export default class HdsCdsModalBody extends Component<HdsCdsModalBodySignature> {
+}

package/declarations/components/hds/cds-modal/close-button.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/modal/modal-close-button.js';
+export interface HdsCdsModalCloseButtonSignature {
+    Args: {
+        closeButtonLabel?: string;
+    };
+    Blocks: {
+        default: [];
+    };
+    Element: Element;
+}
+export default class HdsCdsModalCloseButton extends Component<HdsCdsModalCloseButtonSignature> {
+}

package/declarations/components/hds/cds-modal/footer-button.d.ts

@@ -0,0 +1,55 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/modal/modal-footer-button.js';
+import { BUTTON_KIND, BUTTON_SIZE, BUTTON_TOOLTIP_ALIGNMENT, BUTTON_TOOLTIP_POSITION, BUTTON_TYPE } from '@carbon/web-components/es/components/button/defs.js';
+type ButtonKind = `${BUTTON_KIND}`;
+type ButtonSize = `${BUTTON_SIZE}`;
+type ButtonTooltipAlignment = `${BUTTON_TOOLTIP_ALIGNMENT}`;
+type ButtonTooltipPosition = `${BUTTON_TOOLTIP_POSITION}`;
+type ButtonType = `${BUTTON_TYPE}`;
+type ModalFooterButtonShadowRootOptions = {
+    delegatesFocus: boolean;
+    mode: ShadowRootMode;
+    slotAssignment?: SlotAssignmentMode;
+    customElements?: CustomElementRegistry;
+    registry?: CustomElementRegistry;
+};
+export interface HdsCdsModalFooterButtonSignature {
+    Args: {
+        autofocus?: boolean;
+        batchAction?: boolean;
+        buttonClassName?: string;
+        dangerDescription?: string;
+        disabled?: boolean;
+        download?: string;
+        hasMainContent?: boolean;
+        href?: string;
+        hreflang?: string;
+        isExpressive?: boolean;
+        isSelected?: boolean;
+        kind?: ButtonKind;
+        linkRole?: string;
+        openTooltip?: boolean;
+        ping?: string;
+        rel?: string;
+        size?: ButtonSize;
+        tabIndex?: number;
+        target?: string;
+        tooltipAlignment?: ButtonTooltipAlignment;
+        tooltipPosition?: ButtonTooltipPosition;
+        tooltipText?: string;
+        type?: ButtonType;
+        shadowRootOptions?: ModalFooterButtonShadowRootOptions;
+        styles?: unknown[];
+    };
+    Blocks: {
+        default: [];
+    };
+    Element: Element;
+}
+export default class HdsCdsModalFooterButton extends Component<HdsCdsModalFooterButtonSignature> {
+}
+export {};

package/declarations/components/hds/cds-modal/footer.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/modal/modal-footer.js';
+export interface HdsCdsModalFooterSignature {
+    Args: Record<string, never>;
+    Blocks: {
+        default: [];
+    };
+    Element: Element;
+}
+export default class HdsCdsModalFooter extends Component<HdsCdsModalFooterSignature> {
+}

package/declarations/components/hds/cds-modal/header.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/modal/modal-header.js';
+export interface HdsCdsModalHeaderSignature {
+    Args: Record<string, never>;
+    Blocks: {
+        default: [];
+    };
+    Element: Element;
+}
+export default class HdsCdsModalHeader extends Component<HdsCdsModalHeaderSignature> {
+}

package/declarations/components/hds/cds-modal/heading.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/modal/modal-heading.js';
+export interface HdsCdsModalHeadingSignature {
+    Args: Record<string, never>;
+    Blocks: {
+        default: [];
+    };
+    Element: Element;
+}
+export default class HdsCdsModalHeading extends Component<HdsCdsModalHeadingSignature> {
+}

package/declarations/components/hds/cds-modal/index.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Copyright IBM Corp. 2021, 2025
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import '@carbon/web-components/es/components/modal/index.js';
+import { MODAL_SIZE } from '@carbon/web-components/es/components/modal/defs.js';
+type ModalSize = `${MODAL_SIZE}`;
+type ModalLoadingStatus = 'inactive' | 'active' | 'finished' | 'error';
+export declare const CDS_MODAL_SIZE_OPTIONS: MODAL_SIZE[];
+export declare const CDS_MODAL_LOADING_STATUS_OPTIONS: ModalLoadingStatus[];
+export interface HdsCdsModalSignature {
+    Args: {
+        alert?: boolean;
+        ariaLabel?: string;
+        containerClass?: string;
+        fullWidth?: boolean;
+        hasScrollingContent?: boolean;
+        loadingDescription?: string;
+        loadingIconDescription?: string;
+        loadingStatus?: ModalLoadingStatus;
+        loadingSuccessDelay?: number;
+        open?: boolean;
+        preventClose?: boolean;
+        preventCloseOnClickOutside?: boolean;
+        shouldSubmitOnEnter?: boolean;
+        size?: ModalSize;
+        styles?: string;
+    };
+    Blocks: {
+        default: [];
+    };
+    Element: Element;
+}
+export default class HdsCdsModal extends Component<HdsCdsModalSignature> {
+}
+export {};