@hashicorp/design-system-components 4.23.1 → 4.24.0-rc-20250923215537

package/declarations/components/hds/advanced-table/index.d.ts

@@ -3,39 +3,45 @@
  * SPDX-License-Identifier: MPL-2.0
  */
 import Component from '@glimmer/component';
-import type { WithBoundArgs } from '@glint/template';
 import type Owner from '@ember/owner';
+import type { WithBoundArgs } from '@glint/template';
 import { HdsAdvancedTableDensityValues, HdsAdvancedTableVerticalAlignmentValues } from './types.ts';
-import type { HdsAdvancedTableColumn, HdsAdvancedTableDensities, HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableOnSelectionChangeSignature, HdsAdvancedTableThSortOrder, HdsAdvancedTableVerticalAlignment, HdsAdvancedTableModel, HdsAdvancedTableExpandState } from './types.ts';
+import type { HdsAdvancedTableColumn, HdsAdvancedTableDensities, HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableOnSelectionChangeSignature, HdsAdvancedTableThSortOrder, HdsAdvancedTableVerticalAlignment, HdsAdvancedTableModel, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderCallback } from './types.ts';
 import type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base.ts';
 import type HdsAdvancedTableTd from './td.ts';
 import type HdsAdvancedTableTh from './th.ts';
 import type HdsAdvancedTableTr from './tr.ts';
+import type HdsIntlService from '../../../services/hds-intl.ts';
 export declare const DENSITIES: HdsAdvancedTableDensities[];
 export declare const DEFAULT_DENSITY = HdsAdvancedTableDensityValues.Medium;
 export declare const VALIGNMENTS: HdsAdvancedTableVerticalAlignment[];
 export declare const DEFAULT_VALIGN = HdsAdvancedTableVerticalAlignmentValues.Top;
+export declare const BORDER_WIDTH = 1;
 export interface HdsAdvancedTableSignature {
     Args: {
         align?: HdsAdvancedTableHorizontalAlignment;
         caption?: string;
         columns: HdsAdvancedTableColumn[];
+        columnOrder?: string[];
         density?: HdsAdvancedTableDensities;
         identityKey?: string;
         isSelectable?: boolean;
         isStriped?: boolean;
         model: HdsAdvancedTableModel;
+        reorderedMessageText?: string;
         selectionAriaLabelSuffix?: string;
         sortBy?: string;
         selectableColumnKey?: string;
         sortedMessageText?: string;
         sortOrder?: HdsAdvancedTableThSortOrder;
         valign?: HdsAdvancedTableVerticalAlignment;
+        hasReorderableColumns?: boolean;
         hasResizableColumns?: boolean;
         hasStickyHeader?: boolean;
         hasStickyFirstColumn?: boolean;
         childrenKey?: string;
         maxHeight?: string;
+        onColumnReorder?: HdsAdvancedTableColumnReorderCallback;
         onColumnResize?: (columnKey: string, newWidth?: string) => void;
         onSelectionChange?: (selection: HdsAdvancedTableOnSelectionChangeSignature) => void;
         onSort?: (sortBy: string, sortOrder: HdsAdvancedTableThSortOrder) => void;
@@ -55,6 +61,7 @@ export interface HdsAdvancedTableSignature {
     Element: HTMLDivElement;
 }
 export default class HdsAdvancedTable extends Component<HdsAdvancedTableSignature> {
+    hdsIntl: HdsIntlService;
     private _selectAllCheckbox?;
     private _isSelectAllCheckboxSelected?;
     private _tableHeight;
@@ -70,12 +77,12 @@ export default class HdsAdvancedTable extends Component<HdsAdvancedTableSignatur
         height: string;
         left: string;
         right: string;
-        top: string;
         width: string;
     };
     isStickyColumnPinned: boolean;
     isStickyHeaderPinned: boolean;
     hasPinnedFirstColumn: boolean | undefined;
+    reorderedMessageText: string;
     showScrollIndicatorLeft: boolean;
     showScrollIndicatorRight: boolean;
     showScrollIndicatorTop: boolean;
@@ -98,9 +105,12 @@ export default class HdsAdvancedTable extends Component<HdsAdvancedTableSignatur
     private _registerGridElement;
     private _registerThElement;
     private _setUpScrollWrapper;
+    private _runAssertions;
     private _setUpThead;
+    private _onColumnReorder;
     onSelectionChangeCallback(checkbox?: HdsFormCheckboxBaseSignature['Element'], selectionKey?: string): void;
     setupTableModelData(): void;
+    updateTableModelColumnOrder(): void;
     onSelectionAllChange(): void;
     onSelectionRowChange(checkbox?: HdsFormCheckboxBaseSignature['Element'], selectionKey?: string): void;
     didInsertSelectAllCheckbox(checkbox: HdsFormCheckboxBaseSignature['Element']): void;

package/declarations/components/hds/advanced-table/models/column.d.ts

@@ -2,28 +2,34 @@
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
+import type { HdsAdvancedTableThReorderHandleSignature } from '../th-reorder-handle.ts';
 import type HdsAdvancedTableModel from './table.ts';
-import type { HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableColumn as HdsAdvancedTableColumnType } from '../types';
+import type { HdsDropdownToggleButtonSignature } from '../../dropdown/toggle/button.ts';
+import type { HdsAdvancedTableCell, HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableColumn as HdsAdvancedTableColumnType } from '../types';
 export declare const DEFAULT_WIDTH = "1fr";
 export declare const DEFAULT_MIN_WIDTH = "150px";
 export declare const DEFAULT_MAX_WIDTH = "800px";
 export default class HdsAdvancedTableColumn {
     label: string;
     align?: HdsAdvancedTableHorizontalAlignment;
+    isBeingDragged: boolean;
     isExpandable?: boolean;
     isSortable?: boolean;
     isVisuallyHidden?: boolean;
     key: string;
     tooltip?: string;
+    sortingFunction?: (a: unknown, b: unknown) => number;
     thElement?: HTMLDivElement;
+    reorderHandleElement?: HdsAdvancedTableThReorderHandleSignature['Element'];
+    thContextMenuToggleElement?: HdsDropdownToggleButtonSignature['Element'];
     transientWidth?: `${number}px`;
     width: string;
     minWidth: `${number}px`;
     maxWidth: `${number}px`;
     originalWidth: string;
     widthDebts: Record<string, number>;
-    sortingFunction?: (a: unknown, b: unknown) => number;
     table: HdsAdvancedTableModel;
+    get cells(): HdsAdvancedTableCell[];
     get appliedWidth(): string;
     get pxAppliedWidth(): number | undefined;
     get pxTransientWidth(): number | undefined;
@@ -48,6 +54,7 @@ export default class HdsAdvancedTableColumn {
     private payWidthDebts;
     private settleWidthDebts;
     private _setWidthValues;
+    focusReorderHandle(): void;
     setPxTransientWidth(newPxWidth: number): void;
     restoreWidth(): void;
 }

package/declarations/components/hds/advanced-table/models/row.d.ts

@@ -2,21 +2,25 @@
  * Copyright (c) HashiCorp, Inc.
  * SPDX-License-Identifier: MPL-2.0
  */
-import type { HdsAdvancedTableColumn } from '../types';
+import type { HdsAdvancedTableColumn, HdsAdvancedTableCell } from '../types';
 interface HdsAdvancedTableRowArgs {
     [key: string]: unknown;
     columns: HdsAdvancedTableColumn[];
     id?: string;
     childrenKey?: string;
+    columnOrder?: string[];
 }
 export default class HdsAdvancedTableRow {
     id: string;
     [key: string]: unknown;
     isOpen: boolean;
+    cells: HdsAdvancedTableCell[];
+    columnOrder: string[];
     children: HdsAdvancedTableRow[];
     childrenKey: string;
     get hasChildren(): boolean;
     get showChildren(): boolean;
+    get orderedCells(): HdsAdvancedTableCell[];
     constructor(args: HdsAdvancedTableRowArgs);
     openAll(): void;
     collapseAll(): void;

package/declarations/components/hds/advanced-table/models/table.d.ts

@@ -5,18 +5,25 @@
 import HdsAdvancedTableRow from './row.ts';
 import HdsAdvancedTableColumn from './column.ts';
 import type { HdsAdvancedTableSignature } from '../index.ts';
-import type { HdsAdvancedTableExpandState, HdsAdvancedTableSortingFunction } from '../types';
-type HdsAdvancedTableTableArgs = Pick<HdsAdvancedTableSignature['Args'], 'model' | 'columns' | 'childrenKey' | 'hasResizableColumns' | 'sortBy' | 'sortOrder' | 'onSort'>;
+import type { HdsAdvancedTableExpandState, HdsAdvancedTableCell, HdsAdvancedTableColumnReorderCallback, HdsAdvancedTableColumnReorderSide, HdsAdvancedTableSortingFunction } from '../types';
+type HdsAdvancedTableTableArgs = Pick<HdsAdvancedTableSignature['Args'], 'model' | 'columns' | 'columnOrder' | 'childrenKey' | 'hasResizableColumns' | 'sortBy' | 'sortOrder' | 'onSort' | 'onColumnReorder' | 'onColumnResize'>;
 export default class HdsAdvancedTableTableModel {
     columns: HdsAdvancedTableColumn[];
+    columnOrder: string[];
+    reorderDraggedColumn: HdsAdvancedTableColumn | null;
+    reorderHoveredColumn: HdsAdvancedTableColumn | null;
     rows: HdsAdvancedTableRow[];
     sortBy: HdsAdvancedTableTableArgs['sortBy'];
     sortOrder: HdsAdvancedTableTableArgs['sortOrder'];
     gridElement?: HTMLDivElement;
     childrenKey?: HdsAdvancedTableTableArgs['childrenKey'];
     hasResizableColumns?: HdsAdvancedTableTableArgs['hasResizableColumns'];
+    onColumnReorder?: HdsAdvancedTableColumnReorderCallback;
     onSort?: HdsAdvancedTableSignature['Args']['onSort'];
     constructor(args: HdsAdvancedTableTableArgs);
+    get hasColumnBeingDragged(): boolean;
+    get reorderDraggedColumnCells(): HdsAdvancedTableCell[];
+    get orderedColumns(): HdsAdvancedTableColumn[];
     get sortCriteria(): string | HdsAdvancedTableSortingFunction<unknown>;
     get sortedRows(): HdsAdvancedTableRow[];
     get totalRowCount(): number;
@@ -36,5 +43,9 @@ export default class HdsAdvancedTableTableModel {
     openAll(): void;
     collapseAll(): void;
     toggleAll(): void;
+    stepColumn(column: HdsAdvancedTableColumn, step: number): void;
+    moveColumnToTerminalPosition(column: HdsAdvancedTableColumn, position: 'start' | 'end'): void;
+    moveColumnToTarget(sourceColumn: HdsAdvancedTableColumn, targetColumn: HdsAdvancedTableColumn, side: HdsAdvancedTableColumnReorderSide): void;
+    moveColumnToDropTarget(targetColumn: HdsAdvancedTableColumn, side: HdsAdvancedTableColumnReorderSide): void;
 }
 export {};

package/declarations/components/hds/advanced-table/td.d.ts

@@ -6,7 +6,7 @@ import Component from '@glimmer/component';
 import { type FocusableElement } from 'tabbable';
 import type { HdsAdvancedTableHorizontalAlignment } from './types.ts';
 import { HdsAdvancedTableHorizontalAlignmentValues } from './types.ts';
-export declare const ALIGNMENTS: string[];
+export declare const ALIGNMENTS: HdsAdvancedTableHorizontalAlignment[];
 export declare const DEFAULT_ALIGN = HdsAdvancedTableHorizontalAlignmentValues.Left;
 export interface HdsAdvancedTableTdSignature {
     Args: {

package/declarations/components/hds/advanced-table/th-context-menu.d.ts

@@ -7,19 +7,22 @@ import type HdsAdvancedTableColumn from './models/column.ts';
 import type { HdsDropdownSignature } from '../dropdown/index.ts';
 import type { HdsDropdownToggleIconSignature } from '../dropdown/toggle/icon.ts';
 import type { HdsAdvancedTableSignature } from './index.ts';
+import type { HdsAdvancedTableThReorderHandleSignature } from './th-reorder-handle.ts';
 import type { HdsAdvancedTableThResizeHandleSignature } from './th-resize-handle.ts';
 import type HdsIntlService from '../../../services/hds-intl.ts';
 interface HdsAdvancedTableThContextMenuOption {
     key: string;
-    label: string;
-    icon: HdsDropdownToggleIconSignature['Args']['icon'];
-    action: (column: HdsAdvancedTableColumn, dropdownCloseCallback: () => void) => void;
+    icon?: HdsDropdownToggleIconSignature['Args']['icon'];
+    label?: string;
+    action?: (dropdownCloseCallback: () => void) => void;
 }
 export interface HdsAdvancedTableThContextMenuSignature {
     Args: {
         column: HdsAdvancedTableColumn;
-        isStickyColumn?: boolean;
         hasResizableColumns?: boolean;
+        hasReorderableColumns?: boolean;
+        isStickyColumn?: boolean;
+        reorderHandleElement?: HdsAdvancedTableThReorderHandleSignature['Element'];
         resizeHandleElement?: HdsAdvancedTableThResizeHandleSignature['Element'];
         onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
         onPinFirstColumn?: () => void;
@@ -29,9 +32,15 @@ export interface HdsAdvancedTableThContextMenuSignature {
 export default class HdsAdvancedTableThContextMenu extends Component<HdsAdvancedTableThContextMenuSignature> {
     hdsIntl: HdsIntlService;
     private _element;
+    get _resizeOptions(): HdsAdvancedTableThContextMenuOption[];
+    get _reorderOptions(): HdsAdvancedTableThContextMenuOption[];
+    get _stickyColumnOptions(): HdsAdvancedTableThContextMenuOption[];
     get _options(): HdsAdvancedTableThContextMenuOption[];
-    resizeColumn(): void;
-    resetColumnWidth(column: HdsAdvancedTableColumn, dropdownCloseCallback: () => void): void;
-    pinFirstColumn(column: HdsAdvancedTableColumn, dropdownCloseCallback: () => void): void;
+    private _registerDropdownToggleElement;
+    private _resizeColumn;
+    private _resetColumnWidth;
+    private _moveColumn;
+    private _moveColumnToPosition;
+    private _pinFirstColumn;
 }
 export {};

package/declarations/components/hds/advanced-table/th-reorder-drop-target.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type HdsAdvancedTableColumn from './models/column.ts';
+import type { HdsAdvancedTableColumnReorderSide } from './types.ts';
+import type { HdsAdvancedTableSignature } from './index.ts';
+export interface HdsAdvancedTableThReorderDropTargetSignature {
+    Args: {
+        column: HdsAdvancedTableColumn;
+        hasSelectableRows?: HdsAdvancedTableSignature['Args']['isSelectable'];
+        tableHeight?: number;
+        onReorderDrop?: (column: HdsAdvancedTableColumn, side: HdsAdvancedTableColumnReorderSide) => void;
+    };
+    Blocks: {
+        default?: [];
+    };
+    Element: HTMLDivElement;
+}
+export default class HdsAdvancedTableThReorderDropTarget extends Component<HdsAdvancedTableThReorderDropTargetSignature> {
+    private _dragSide;
+    private _isUpdateQueued;
+    private _element;
+    private _registerElement;
+    private _getDragSide;
+    get isDraggingOver(): boolean;
+    get classNames(): string;
+    get height(): string | undefined;
+    handleDragOver(event: DragEvent): void;
+    handleDrop(event: DragEvent): void;
+}

package/declarations/components/hds/advanced-table/th-reorder-handle.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type HdsAdvancedTableColumn from './models/column.ts';
+export interface HdsAdvancedTableThReorderHandleSignature {
+    Args: {
+        column: HdsAdvancedTableColumn;
+        tableHeight?: number;
+        onReorderDragStart: (column: HdsAdvancedTableColumn) => void;
+        onReorderDragEnd?: () => void;
+    };
+    Blocks: {
+        default?: [];
+    };
+    Element: HTMLDivElement;
+}
+export default class HdsAdvancedTableThReorderHandle extends Component<HdsAdvancedTableThReorderHandleSignature> {
+    private _registerElement;
+    handleDragStart(event: DragEvent): void;
+    handleDragEnd(): void;
+    handleKeydown(event: KeyboardEvent): void;
+}

package/declarations/components/hds/advanced-table/th-resize-handle.d.ts

@@ -8,7 +8,6 @@ import type { HdsAdvancedTableSignature } from './index.ts';
 export interface HdsAdvancedTableThResizeHandleSignature {
     Args: {
         column: HdsAdvancedTableColumn;
-        hasResizableColumns: HdsAdvancedTableSignature['Args']['hasResizableColumns'];
         tableHeight?: number;
         onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
     };
@@ -24,6 +23,8 @@ export default class HdsAdvancedTableThResizeHandle extends Component<HdsAdvance
         startNextColumnPxWidth?: number;
     } | null;
     private _transientDelta;
+    private _isUpdateQueued;
+    private _lastPointerEvent;
     private _handleElement;
     private _boundResize;
     private _boundStopResize;

package/declarations/components/hds/advanced-table/th-sort.d.ts

@@ -6,17 +6,20 @@ import Component from '@glimmer/component';
 import { type FocusableElement } from 'tabbable';
 import type Owner from '@ember/owner';
 import { HdsAdvancedTableHorizontalAlignmentValues } from './types.ts';
-import type { HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableThSortOrder, HdsAdvancedTableThSortOrderLabels } from './types.ts';
+import type { HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableThSortOrder, HdsAdvancedTableThSortOrderLabels, HdsAdvancedTableColumnReorderSide } from './types.ts';
 import type { HdsAdvancedTableThButtonSortSignature } from './th-button-sort.ts';
 import type { HdsAdvancedTableThSignature } from './th.ts';
 import type { HdsAdvancedTableSignature } from './index.ts';
-export declare const ALIGNMENTS: string[];
+import type HdsAdvancedTableColumn from './models/column.ts';
+export declare const ALIGNMENTS: HdsAdvancedTableHorizontalAlignment[];
 export declare const DEFAULT_ALIGN = HdsAdvancedTableHorizontalAlignmentValues.Left;
 export interface HdsAdvancedTableThSortSignature {
     Args: {
         column?: HdsAdvancedTableThSignature['Args']['column'];
         align?: HdsAdvancedTableHorizontalAlignment;
+        hasReorderableColumns?: HdsAdvancedTableSignature['Args']['hasReorderableColumns'];
         hasResizableColumns?: HdsAdvancedTableSignature['Args']['hasResizableColumns'];
+        hasSelectableRows?: HdsAdvancedTableSignature['Args']['isSelectable'];
         onClickSort?: HdsAdvancedTableThButtonSortSignature['Args']['onClick'];
         sortOrder?: HdsAdvancedTableThSortOrder;
         tooltip?: string;
@@ -27,6 +30,9 @@ export interface HdsAdvancedTableThSortSignature {
         isStickyColumnPinned?: boolean;
         onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
         onPinFirstColumn?: () => void;
+        onReorderDragEnd?: () => void;
+        onReorderDragStart?: (column: HdsAdvancedTableColumn) => void;
+        onReorderDrop?: (column: HdsAdvancedTableColumn, side: HdsAdvancedTableColumnReorderSide) => void;
     };
     Blocks: {
         default?: [];
@@ -37,15 +43,17 @@ export default class HdsAdvancedTableThSort extends Component<HdsAdvancedTableTh
     private _labelId;
     private _element;
     private _shouldTrapFocus;
+    private _reorderHandleElement?;
     private _resizeHandleElement?;
     constructor(owner: Owner, args: HdsAdvancedTableThSortSignature['Args']);
     get ariaSort(): HdsAdvancedTableThSortOrderLabels;
     get align(): HdsAdvancedTableHorizontalAlignment;
-    get showContextMenu(): boolean;
     get classNames(): string;
+    handleDragStart(column: HdsAdvancedTableColumn): void;
     onFocusTrapDeactivate(): void;
     enableFocusTrap(): void;
     getInitialFocus(): FocusableElement | undefined;
     setElement(element: HTMLDivElement): void;
+    private _registerReorderHandleElement;
     private _registerResizeHandleElement;
 }

package/declarations/components/hds/advanced-table/th.d.ts

@@ -7,9 +7,9 @@ import { type FocusableElement } from 'tabbable';
 import HdsAdvancedTableColumn from './models/column.ts';
 import { HdsAdvancedTableHorizontalAlignmentValues } from './types.ts';
 import type Owner from '@ember/owner';
-import type { HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableScope, HdsAdvancedTableExpandState } from './types.ts';
+import type { HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableScope, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderSide } from './types.ts';
 import type { HdsAdvancedTableSignature } from './index.ts';
-export declare const ALIGNMENTS: string[];
+export declare const ALIGNMENTS: HdsAdvancedTableHorizontalAlignment[];
 export declare const DEFAULT_ALIGN = HdsAdvancedTableHorizontalAlignmentValues.Left;
 export interface HdsAdvancedTableThSignature {
     Args: {
@@ -18,7 +18,9 @@ export interface HdsAdvancedTableThSignature {
         colspan?: number;
         depth?: number;
         hasExpandAllButton?: boolean;
-        hasResizableColumns?: boolean;
+        hasReorderableColumns?: HdsAdvancedTableSignature['Args']['hasReorderableColumns'];
+        hasResizableColumns?: HdsAdvancedTableSignature['Args']['hasResizableColumns'];
+        hasSelectableRows?: HdsAdvancedTableSignature['Args']['isSelectable'];
         isExpanded?: HdsAdvancedTableExpandState;
         isExpandable?: boolean;
         isStickyColumn?: boolean;
@@ -34,6 +36,9 @@ export interface HdsAdvancedTableThSignature {
         onClickToggle?: () => void;
         onColumnResize?: HdsAdvancedTableSignature['Args']['onColumnResize'];
         onPinFirstColumn?: () => void;
+        onReorderDragEnd?: () => void;
+        onReorderDragStart?: (column: HdsAdvancedTableColumn) => void;
+        onReorderDrop?: (column: HdsAdvancedTableColumn, side: HdsAdvancedTableColumnReorderSide) => void;
         willDestroyExpandButton?: (button: HTMLButtonElement) => void;
     };
     Blocks: {
@@ -45,6 +50,7 @@ export default class HdsAdvancedTableTh extends Component<HdsAdvancedTableThSign
     private _labelId;
     private _element;
     private _shouldTrapFocus;
+    private _reorderHandleElement?;
     private _resizeHandleElement?;
     constructor(owner: Owner, args: HdsAdvancedTableThSignature['Args']);
     get scope(): HdsAdvancedTableScope;
@@ -54,11 +60,12 @@ export default class HdsAdvancedTableTh extends Component<HdsAdvancedTableThSign
     get colspan(): string | undefined;
     get paddingLeft(): string | undefined;
     get classNames(): string;
-    get showContextMenu(): boolean;
+    handleDragStart(column: HdsAdvancedTableColumn): void;
     onFocusTrapDeactivate(): void;
     enableFocusTrap(): void;
     getInitialFocus(): FocusableElement | undefined;
     setElement(element: HTMLDivElement): void;
+    private _registerReorderHandleElement;
     private _registerResizeHandleElement;
     private _manageExpandButton;
 }

package/declarations/components/hds/advanced-table/tr.d.ts

@@ -7,6 +7,7 @@ import type { HdsAdvancedTableScope, HdsAdvancedTableThSortOrder } from './types
 import type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base.ts';
 import type { HdsAdvancedTableSignature } from './index.ts';
 import type { HdsAdvancedTableThSelectableSignature } from './th-selectable.ts';
+import type HdsAdvancedTableRow from './models/row.ts';
 export interface BaseHdsAdvancedTableTrSignature {
     Args: {
         selectableColumnKey?: HdsAdvancedTableSignature['Args']['selectableColumnKey'];
@@ -14,6 +15,7 @@ export interface BaseHdsAdvancedTableTrSignature {
         isSelectable?: boolean;
         isSelected?: boolean;
         isParentRow?: boolean;
+        data?: HdsAdvancedTableRow;
         selectionAriaLabelSuffix?: string;
         selectionKey?: string;
         selectionScope?: HdsAdvancedTableScope;
@@ -28,7 +30,11 @@ export interface BaseHdsAdvancedTableTrSignature {
         isStickyColumnPinned?: boolean;
     };
     Blocks: {
-        default?: [];
+        default?: [
+            {
+                orderedCells?: HdsAdvancedTableRow['cells'];
+            }
+        ];
     };
     Element: HTMLDivElement;
 }

package/declarations/components/hds/advanced-table/types.d.ts

@@ -87,4 +87,19 @@ export interface HdsAdvancedTableOnSelectionChangeSignature {
     }[];
 }
 export type HdsAdvancedTableModel = Array<Record<string, unknown>>;
+export type HdsAdvancedTableColumnResizeCallback = (columnKey: string, newWidth?: string) => void;
+export type HdsAdvancedTableColumnReorderCallback = ({ column, newOrder, insertedAt, }: {
+    column: HdsAdvancedTableColumn;
+    newOrder: string[];
+    insertedAt: number;
+}) => void;
+export interface HdsAdvancedTableCell {
+    columnKey: string;
+    content: unknown;
+}
+export declare enum HdsAdvancedTableColumnReorderSideValues {
+    Left = "left",
+    Right = "right"
+}
+export type HdsAdvancedTableColumnReorderSide = `${HdsAdvancedTableColumnReorderSideValues}`;
 export {};

package/declarations/components/hds/advanced-table/utils.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+export declare function requestAnimationFrameWaiter(callback: () => void): number;

package/declarations/components/hds/dropdown/toggle/icon.d.ts

@@ -10,7 +10,7 @@ import type { ModifierLike } from '@glint/template';
 import type { SetupPrimitiveToggleModifier } from '../../popover-primitive/index.ts';
 import type Owner from '@ember/owner';
 export declare const DEFAULT_SIZE = HdsDropdownToggleIconSizeValues.Medium;
-export declare const SIZES: string[];
+export declare const SIZES: HdsDropdownToggleIconSizes[];
 export interface HdsDropdownToggleIconSignature {
     Args: {
         hasChevron?: boolean;

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

@@ -4,6 +4,7 @@
  */
 import Component from '@glimmer/component';
 import type { WithBoundArgs } from '@glint/template';
+import type Owner from '@ember/owner';
 import type { HdsFlyoutSizes } from './types.ts';
 import { HdsFlyoutSizesValues } from './types.ts';
 import HdsDialogPrimitiveBodyComponent from '../dialog-primitive/body.ts';
@@ -37,6 +38,8 @@ export default class HdsFlyout extends Component<HdsFlyoutSignature> {
     _element: HTMLDialogElement;
     private _body;
     private _bodyInitialOverflowValue;
+    private _clickHandler;
+    constructor(owner: Owner, args: HdsFlyoutSignature['Args']);
     /**
      * Sets the size of the flyout
      * Accepted values: medium, large
@@ -57,7 +60,7 @@ export default class HdsFlyout extends Component<HdsFlyoutSignature> {
      */
     get classNames(): string;
     registerOnCloseCallback(event: Event): void;
-    didInsert(element: HTMLDialogElement): void;
+    private _registerDialog;
     willDestroyNode(): void;
     open(): void;
     onDismiss(): Promise<void>;

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

@@ -18,7 +18,7 @@ import type { HdsFormSectionMultiFieldGroupItemSignature } from './section/multi
 import type { HdsFormSeparatorSignature } from './separator/index.ts';
 import type { HdsFormFooterSignature } from './footer/index.ts';
 export declare const DEFAULT_TAG = HdsFormTagValues.Form;
-export declare const AVAILABLE_TAGS: string[];
+export declare const AVAILABLE_TAGS: HdsFormTags[];
 export interface HdsFormSignature {
     Args: {
         tag?: HdsFormTags;

package/declarations/components/hds/form/key-value-inputs/index.d.ts

@@ -13,9 +13,9 @@ import HdsFormKeyValueInputsGenericComponent from './generic.ts';
 import HdsFormLegendComponent from '../legend/index.ts';
 import type { HdsFormKeyValueInputsAddRowButtonSignature } from './add-row-button.ts';
 import type { HdsYieldSignature } from '../../yield/index.ts';
-export interface HdsFormKeyValueInputsSignature {
+export interface HdsFormKeyValueInputsSignature<T = unknown> {
     Args: {
-        data: Array<unknown>;
+        data: Array<T>;
         extraAriaDescribedBy?: string;
         isOptional?: boolean;
         isRequired?: boolean;
@@ -33,7 +33,7 @@ export interface HdsFormKeyValueInputsSignature {
                 Field?: WithBoundArgs<typeof HdsFormKeyValueInputsFieldComponent, 'onInsert' | 'onRemove' | 'rowIndex'>;
                 Generic?: WithBoundArgs<typeof HdsFormKeyValueInputsGenericComponent, 'onInsert' | 'onRemove'>;
                 DeleteRowButton?: WithBoundArgs<typeof HdsFormKeyValueInputsDeleteRowButtonComponent, 'onInsert' | 'onRemove' | 'returnFocusTo' | 'rowData' | 'rowIndex'>;
-                rowData?: unknown;
+                rowData?: T;
                 rowIndex?: number;
             }
         ];
@@ -47,7 +47,7 @@ export interface HdsFormKeyValueInputsSignature {
     };
     Element: HTMLFieldSetElement;
 }
-export default class HdsFormKeyValueInputs extends Component<HdsFormKeyValueInputsSignature> {
+export default class HdsFormKeyValueInputs<T = unknown> extends Component<HdsFormKeyValueInputsSignature<T>> {
     private _element;
     _gridTemplateColumns: string;
     get glueId(): string;

package/declarations/components/hds/form/radio-card/index.d.ts

@@ -14,8 +14,8 @@ import type { HdsYieldSignature } from '../../yield';
 import type { HdsFormRadioCardControlPositions, HdsFormRadioCardAlignments } from './types';
 export declare const DEFAULT_CONTROL_POSITION = HdsFormRadioCardControlPositionValues.Bottom;
 export declare const DEFAULT_ALIGNMENT = HdsFormRadioCardAlignmentValues.Left;
-export declare const CONTROL_POSITIONS: string[];
-export declare const ALIGNMENTS: string[];
+export declare const CONTROL_POSITIONS: HdsFormRadioCardControlPositions[];
+export declare const ALIGNMENTS: HdsFormRadioCardAlignments[];
 export interface HdsFormRadioCardSignature {
     Args: {
         name?: string;

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

@@ -4,6 +4,7 @@
  */
 import Component from '@glimmer/component';
 import type { WithBoundArgs } from '@glint/template';
+import type Owner from '@ember/owner';
 import type { HdsModalSizes, HdsModalColors } from './types.ts';
 import HdsDialogPrimitiveHeaderComponent from '../dialog-primitive/header.ts';
 import HdsDialogPrimitiveBodyComponent from '../dialog-primitive/body.ts';
@@ -38,14 +39,15 @@ export default class HdsModal extends Component<HdsModalSignature> {
     private _element;
     private _body;
     private _bodyInitialOverflowValue;
+    private _clickHandler;
+    constructor(owner: Owner, args: HdsModalSignature['Args']);
     get isDismissDisabled(): boolean;
     get size(): HdsModalSizes;
     get color(): HdsModalColors;
     get id(): string;
     get classNames(): string;
     registerOnCloseCallback(event: Event): void;
-    didInsert(element: HTMLDialogElement): void;
-    willDestroyNode(): void;
+    private _registerDialog;
     open(): void;
     onDismiss(): Promise<void>;
 }

package/declarations/components/hds/popover-primitive/index.d.ts

@@ -48,6 +48,7 @@ export interface SetupPrimitivePopoverModifier {
 export default class HdsPopoverPrimitive extends Component<HdsPopoverPrimitiveSignature> {
     private _isOpen;
     private _isClosing;
+    private _anchoredPositionOptions?;
     private _containerElement?;
     private _toggleElement?;
     private _popoverElement?;
@@ -78,6 +79,8 @@ export default class HdsPopoverPrimitive extends Component<HdsPopoverPrimitiveSi
         };
         Element: HTMLElement;
     }>;
+    private _applyAnchoredPositionModifier;
+    private _linkToggleAndPopover;
     showPopover(): void;
     hidePopover(_event?: Event): void;
     togglePopover(): void;

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

@@ -6,7 +6,7 @@ import Component from '@glimmer/component';
 import { HdsSeparatorSpacingValues } from './types.ts';
 import type { HdsSeparatorSpacing } from './types.ts';
 export declare const DEFAULT_SPACING = HdsSeparatorSpacingValues.TwentyFour;
-export declare const SPACING: string[];
+export declare const SPACING: HdsSeparatorSpacing[];
 export interface HdsSeparatorSignature {
     Args: {
         spacing?: HdsSeparatorSpacing;

package/declarations/components/hds/stepper/list/step.d.ts

@@ -6,7 +6,7 @@ import Component from '@glimmer/component';
 import { HdsStepperStatusesValues } from '../types.ts';
 import type { HdsStepperListStepIds, HdsStepperStatuses, HdsStepperTitleTags } from '../types.ts';
 export declare const DEFAULT_STATUS = HdsStepperStatusesValues.Incomplete;
-export declare const STATUSES: string[];
+export declare const STATUSES: HdsStepperStatuses[];
 export declare const MAPPING_STATUS_TO_SR_ONLY_TEXT: Record<HdsStepperStatusesValues, string>;
 export interface HdsStepperListStepSignature {
     Args: {