@hashicorp/design-system-components 5.0.0 → 5.1.0-rc-20251125151324

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

@@ -5,8 +5,10 @@
 import Component from '@glimmer/component';
 import type Owner from '@ember/owner';
 import type { WithBoundArgs } from '@glint/template';
+import type { ComponentLike } from '@glint/template';
 import { HdsAdvancedTableDensityValues, HdsAdvancedTableVerticalAlignmentValues } from './types.ts';
 import type { HdsAdvancedTableColumn, HdsAdvancedTableDensities, HdsAdvancedTableHorizontalAlignment, HdsAdvancedTableOnSelectionChangeSignature, HdsAdvancedTableThSortOrder, HdsAdvancedTableVerticalAlignment, HdsAdvancedTableModel, HdsAdvancedTableExpandState, HdsAdvancedTableColumnReorderCallback } from './types.ts';
+import type { HdsFilterBarSignature } from '../filter-bar/index.ts';
 import type { HdsFormCheckboxBaseSignature } from '../form/checkbox/base.ts';
 import type HdsAdvancedTableTd from './td.ts';
 import type HdsAdvancedTableTh from './th.ts';
@@ -41,12 +43,18 @@ export interface HdsAdvancedTableSignature {
         hasStickyFirstColumn?: boolean;
         childrenKey?: string;
         maxHeight?: string;
+        isEmpty?: boolean;
         onColumnReorder?: HdsAdvancedTableColumnReorderCallback;
         onColumnResize?: (columnKey: string, newWidth?: string) => void;
         onSelectionChange?: (selection: HdsAdvancedTableOnSelectionChangeSignature) => void;
         onSort?: (sortBy: string, sortOrder: HdsAdvancedTableThSortOrder) => void;
     };
     Blocks: {
+        actions?: [
+            {
+                FilterBar?: ComponentLike<HdsFilterBarSignature>;
+            }
+        ];
         body?: [
             {
                 Td?: WithBoundArgs<typeof HdsAdvancedTableTd, 'align'>;
@@ -57,6 +65,7 @@ export interface HdsAdvancedTableSignature {
                 isOpen?: HdsAdvancedTableExpandState;
             }
         ];
+        emptyState?: [];
     };
     Element: HTMLDivElement;
 }
@@ -89,6 +98,7 @@ export default class HdsAdvancedTable extends Component<HdsAdvancedTableSignatur
     showScrollIndicatorBottom: boolean;
     stickyColumnOffset: string;
     constructor(owner: Owner, args: HdsAdvancedTableSignature['Args']);
+    get isEmpty(): boolean;
     get identityKey(): string | undefined;
     get childrenKey(): string;
     get hasStickyFirstColumn(): boolean | undefined;

package/declarations/components/hds/dropdown/list-item/checkbox.d.ts

@@ -9,6 +9,7 @@ export interface HdsDropdownListItemCheckboxSignature {
     Args: HdsFormCheckboxBaseSignature['Args'] & {
         count?: string | number;
         icon?: HdsIconSignature['Args']['name'];
+        id?: string;
     };
     Blocks: {
         default: [];

package/declarations/components/hds/dropdown/list-item/radio.d.ts

@@ -9,6 +9,7 @@ export interface HdsDropdownListItemRadioSignature {
     Args: HdsFormRadioBaseSignature['Args'] & {
         count?: string | number;
         icon?: HdsIconSignature['Args']['name'];
+        id?: string;
     };
     Blocks: {
         default: [];

package/declarations/components/hds/filter-bar/dropdown.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type Owner from '@ember/owner';
+import type { WithBoundArgs } from '@glint/template';
+import HdsFilterBarFilterGroup from './filter-group/index.ts';
+import type { HdsFilterBarFilters, HdsFilterBarFilter } from './types.ts';
+import type { HdsDropdownSignature } from '../dropdown/index.ts';
+export interface HdsFilterBarDropdownSignature {
+    Args: HdsDropdownSignature['Args'] & {
+        filters: HdsFilterBarFilters;
+        isLiveFilter: boolean;
+        onFilter?: (filters: HdsFilterBarFilters) => void;
+    };
+    Blocks: {
+        default: [
+            {
+                FilterGroup?: WithBoundArgs<typeof HdsFilterBarFilterGroup, 'tab' | 'panel' | 'filters' | 'onChange'>;
+            }
+        ];
+    };
+    Element: HTMLDivElement;
+}
+export default class HdsFilterBarDropdown extends Component<HdsDropdownSignature & HdsFilterBarDropdownSignature> {
+    internalFilters: HdsFilterBarFilters;
+    constructor(owner: Owner, args: HdsFilterBarDropdownSignature['Args']);
+    private _syncFilters;
+    get isLiveFilter(): boolean;
+    onFilter(key: string, keyFilter?: HdsFilterBarFilter): void;
+    onApply(closeDropdown?: () => void): void;
+    onClear(closeDropdown?: () => void): void;
+    get classNames(): string;
+    private _updateFilter;
+    private _applyFilters;
+    private _onClose;
+}

package/declarations/components/hds/filter-bar/filter-group/checkbox.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type { HdsFilterBarFilter } from '../types.ts';
+export interface HdsFilterBarFilterGroupCheckboxSignature {
+    Args: {
+        value?: string;
+        keyFilter: HdsFilterBarFilter | undefined;
+        onChange?: (event: Event) => void;
+    };
+    Blocks: {
+        default: [];
+    };
+    Element: HTMLDivElement;
+}
+export default class HdsFilterBarFilterGroupCheckbox extends Component<HdsFilterBarFilterGroupCheckboxSignature> {
+    onChange(event: Event): void;
+    get isChecked(): boolean;
+}

package/declarations/components/hds/filter-bar/filter-group/date.d.ts

@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type Owner from '@ember/owner';
+import type HdsIntlService from '../../../../services/hds-intl';
+import type { HdsFormTextInputTypes } from '../../form/text-input/types.ts';
+import type { HdsFilterBarFilter, HdsFilterBarDateFilterSelector, HdsFilterBarDateFilterValue } from '../types.ts';
+export declare const DATE_SELECTORS: HdsFilterBarDateFilterSelector[];
+export declare const DATE_SELECTORS_TEXT: Record<HdsFilterBarDateFilterSelector, string>;
+export declare const DATE_SELECTORS_INPUT_TEXT: Record<HdsFilterBarDateFilterSelector, string>;
+export interface HdsFilterBarFilterGroupDateSignature {
+    Args: {
+        keyFilter: HdsFilterBarFilter | undefined;
+        type?: 'date' | 'time' | 'datetime';
+        onChange?: (selector?: HdsFilterBarDateFilterSelector, value?: HdsFilterBarDateFilterValue) => void;
+    };
+    Blocks: {
+        default: [];
+    };
+    Element: HTMLDivElement;
+}
+export default class HdsFilterBarFilterGroupDate extends Component<HdsFilterBarFilterGroupDateSignature> {
+    hdsIntl: HdsIntlService;
+    private _selector;
+    private _value;
+    private _betweenValueStart;
+    private _betweenValueEnd;
+    private _selectorValues;
+    private _selectorInputId;
+    private _valueInputId;
+    private _betweenValueStartInputId;
+    private _betweenValueEndInputId;
+    constructor(owner: Owner, args: HdsFilterBarFilterGroupDateSignature['Args']);
+    get type(): 'date' | 'time' | 'datetime';
+    get inputType(): HdsFormTextInputTypes;
+    get selectorLabelText(): string;
+    onSelectorChange(event: Event): void;
+    onValueChange(event: Event): void;
+    onBetweenValueStartChange(event: Event): void;
+    onBetweenValueEndChange(event: Event): void;
+    onClear(): void;
+    private _onChange;
+    private _selectorText;
+    private _resetInputValues;
+}

package/declarations/components/hds/filter-bar/filter-group/generic.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type { HdsFilterBarFilter, HdsFilterBarGenericFilter } from '../types.ts';
+export interface HdsFilterBarFilterGroupGenericSignature {
+    Args: {
+        keyFilter: HdsFilterBarFilter | undefined;
+        onChange?: (filter?: HdsFilterBarGenericFilter) => void;
+    };
+    Blocks: {
+        default: [
+            {
+                updateFilter: (filter: HdsFilterBarGenericFilter) => void;
+            }
+        ];
+    };
+    Element: HTMLDivElement;
+}
+export default class HdsFilterBarFilterGroupGeneric extends Component<HdsFilterBarFilterGroupGenericSignature> {
+    updateFilter(filter: HdsFilterBarGenericFilter): void;
+    onClear(): void;
+}

package/declarations/components/hds/filter-bar/filter-group/index.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type { WithBoundArgs } from '@glint/template';
+import HdsFilterBarTabsTab from '../tabs/tab.ts';
+import HdsFilterBarTabsPanel from '../tabs/panel.ts';
+import type { HdsTabsPanelSignature } from '../../tabs/panel.ts';
+import HdsFilterBarFilterGroupGeneric from './generic.ts';
+import HdsFilterBarFilterGroupCheckbox from './checkbox.ts';
+import HdsFilterBarFilterGroupRadio from './radio.ts';
+import type { HdsFilterBarFilter, HdsFilterBarFilters, HdsFilterBarFilterType, HdsFilterBarData, HdsFilterBarGenericFilter, HdsFilterBarNumericalFilterSelector, HdsFilterBarNumericalFilterValue, HdsFilterBarDateFilterSelector, HdsFilterBarDateFilterValue } from '../types.ts';
+export interface HdsFilterBarFilterGroupSignature {
+    Args: {
+        tab?: WithBoundArgs<typeof HdsFilterBarTabsTab, never>;
+        panel?: WithBoundArgs<typeof HdsFilterBarTabsPanel, never>;
+        key: string;
+        text: string;
+        type?: HdsFilterBarFilterType;
+        filters: HdsFilterBarFilters;
+        searchEnabled?: boolean;
+        onChange: (key: string, keyFilter?: HdsFilterBarFilter) => void;
+    };
+    Blocks: {
+        default: [
+            {
+                Generic?: WithBoundArgs<typeof HdsFilterBarFilterGroupGeneric, 'keyFilter'>;
+                Checkbox?: WithBoundArgs<typeof HdsFilterBarFilterGroupCheckbox, 'keyFilter' | 'onChange'>;
+                Radio?: WithBoundArgs<typeof HdsFilterBarFilterGroupRadio, 'keyFilter' | 'onChange'>;
+            }
+        ];
+    };
+    Element: HdsTabsPanelSignature['Element'];
+}
+export default class HdsFilterBarFilterGroup extends Component<HdsFilterBarFilterGroupSignature> {
+    internalFilters: HdsFilterBarData | undefined;
+    private _panelElement;
+    private _setUpFilterPanel;
+    get type(): HdsFilterBarFilterType;
+    get keyFilter(): HdsFilterBarFilter | undefined;
+    get numFilters(): number;
+    onSelectionChange(event: Event): void;
+    onNumericalChange(selector?: HdsFilterBarNumericalFilterSelector, value?: HdsFilterBarNumericalFilterValue): void;
+    onDateChange(selector?: HdsFilterBarDateFilterSelector, value?: HdsFilterBarDateFilterValue): void;
+    onGenericChange(filter?: HdsFilterBarGenericFilter): void;
+    onClear(): void;
+    get formattedFilters(): HdsFilterBarFilter | undefined;
+    get classNames(): string;
+    private onSearch;
+}

package/declarations/components/hds/filter-bar/filter-group/numerical.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type Owner from '@ember/owner';
+import type HdsIntlService from '../../../../services/hds-intl';
+import type { HdsFilterBarFilter, HdsFilterBarNumericalFilterSelector, HdsFilterBarNumericalFilterValue } from '../types.ts';
+export declare const NUMERICAL_SELECTORS: HdsFilterBarNumericalFilterSelector[];
+export declare const NUMERICAL_SELECTORS_TEXT: Record<HdsFilterBarNumericalFilterSelector, string>;
+export declare const NUMERICAL_SELECTORS_INPUT_TEXT: Record<HdsFilterBarNumericalFilterSelector, string>;
+export interface HdsFilterBarFilterGroupNumericalSignature {
+    Args: {
+        keyFilter: HdsFilterBarFilter | undefined;
+        onChange?: (selector?: HdsFilterBarNumericalFilterSelector, value?: HdsFilterBarNumericalFilterValue) => void;
+    };
+    Blocks: {
+        default: [];
+    };
+    Element: HTMLDivElement;
+}
+export default class HdsFilterBarFilterGroupNumerical extends Component<HdsFilterBarFilterGroupNumericalSignature> {
+    hdsIntl: HdsIntlService;
+    private _selector;
+    private _value;
+    private _betweenValueStart;
+    private _betweenValueEnd;
+    private _selectorValues;
+    private _selectorInputId;
+    private _valueInputId;
+    private _betweenValueStartInputId;
+    private _betweenValueEndInputId;
+    constructor(owner: Owner, args: HdsFilterBarFilterGroupNumericalSignature['Args']);
+    get stringValue(): string | undefined;
+    get stringBetweenValueStart(): string | undefined;
+    get stringBetweenValueEnd(): string | undefined;
+    onSelectorChange(event: Event): void;
+    onValueChange(event: Event): void;
+    onBetweenValueStartChange(event: Event): void;
+    onBetweenValueEndChange(event: Event): void;
+    onClear(): void;
+    private _onChange;
+    private _selectorText;
+    private _resetInputValues;
+}

package/declarations/components/hds/filter-bar/filter-group/radio.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type { HdsFilterBarFilter } from '../types.ts';
+export interface HdsFilterBarFilterGroupRadioSignature {
+    Args: {
+        value?: string;
+        keyFilter: HdsFilterBarFilter | undefined;
+        onChange?: (event: Event) => void;
+    };
+    Blocks: {
+        default: [];
+    };
+    Element: HTMLDivElement;
+}
+export default class HdsFilterBarFilterGroupRadio extends Component<HdsFilterBarFilterGroupRadioSignature> {
+    onChange(event: Event): void;
+    get isChecked(): boolean;
+}

package/declarations/components/hds/filter-bar/index.d.ts

@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type { WithBoundArgs } from '@glint/template';
+import type HdsIntlService from '../../../services/hds-intl';
+import type { HdsFilterBarFilters } from './types.ts';
+import HdsDropdown from '../dropdown/index.ts';
+import HdsYield from '../yield/index.ts';
+import HdsFilterBarDropdown from './dropdown.ts';
+export interface HdsFilterBarSignature {
+    Args: {
+        filters: HdsFilterBarFilters;
+        isLiveFilter?: boolean;
+        hasSearch?: boolean;
+        onFilter?: (filters: HdsFilterBarFilters) => void;
+    };
+    Blocks: {
+        default?: [
+            {
+                ActionsDropdown?: WithBoundArgs<typeof HdsDropdown, never>;
+                ActionsGeneric?: WithBoundArgs<typeof HdsYield, never>;
+                Dropdown?: WithBoundArgs<typeof HdsFilterBarDropdown, 'filters' | 'isLiveFilter' | 'onFilter'>;
+            }
+        ];
+    };
+    Element: HTMLDivElement;
+}
+export default class HdsFilterBar extends Component<HdsFilterBarSignature> {
+    hdsIntl: HdsIntlService;
+    _isExpanded: boolean;
+    get searchValue(): string;
+    onFilter(filters: HdsFilterBarFilters): void;
+    clearFilters(): void;
+    onSearch(event: Event): void;
+    toggleExpand(): void;
+    get hasActiveFilters(): boolean;
+    private onFilterDismiss;
+    private _filterData;
+    private _filterText;
+    private _filterArrayData;
+    private _filterKeyText;
+    private _numericalFilterText;
+    private _dateFilterText;
+    private _dateDisplayText;
+    private _genericFilterText;
+}

package/declarations/components/hds/filter-bar/tabs/index.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+import type { WithBoundArgs } from '@glint/template';
+import HdsFilterBarTabsTabComponent from './tab.ts';
+import HdsFilterBarTabsPanelComponent from './panel.ts';
+export interface HdsFilterBarTabsSignature {
+    Args: {
+        selectedTabIndex?: number;
+        ariaLabel: string;
+        onClickTab?: (event: MouseEvent, tabIndex: number) => void;
+    };
+    Blocks: {
+        default: [
+            {
+                Tab?: WithBoundArgs<typeof HdsFilterBarTabsTabComponent, 'selectedTabIndex' | 'tabIds' | 'panelIds' | 'didInsertNode' | 'willDestroyNode' | 'onClick' | 'onKeyUp'>;
+                Panel?: WithBoundArgs<typeof HdsFilterBarTabsPanelComponent, 'selectedTabIndex' | 'tabIds' | 'panelIds' | 'didInsertNode' | 'willDestroyNode'>;
+            }
+        ];
+    };
+    Element: HTMLDivElement;
+}
+export default class HdsFilterBarTabs extends Component<HdsFilterBarTabsSignature> {
+    private _tabIds;
+    private _tabNodes;
+    private _panelNodes;
+    private _panelIds;
+    private _selectedTabIndex;
+    private _selectedTabId?;
+    private _element;
+    private _setUpFilterBarTabs;
+    didInsertTab(): void;
+    willDestroyTab(element: HTMLElement): void;
+    didInsertPanel(): void;
+    willDestroyPanel(element: HTMLElement): void;
+    onClick(event: MouseEvent, tabIndex: number): void;
+    onKeyUp(event: KeyboardEvent, tabIndex: number): void;
+    focusTab(tabIndex: number, event: KeyboardEvent): void;
+    private updateTabs;
+    private updatePanels;
+}

package/declarations/components/hds/filter-bar/tabs/panel.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+export interface HdsFilterBarTabsPanelSignature {
+    Args: {
+        selectedTabIndex?: number;
+        tabIds?: string[];
+        panelIds?: string[];
+        didInsertNode?: () => void;
+        willDestroyNode?: (element: HTMLElement) => void;
+    };
+    Blocks: {
+        default: [];
+    };
+    Element: HTMLElement;
+}
+export default class HdsFilterBarTabsPanel extends Component<HdsFilterBarTabsPanelSignature> {
+    private _panelId;
+    private _elementId?;
+    private _setUpPanel;
+    get nodeIndex(): number | undefined;
+    get coupledTabId(): string | undefined;
+    get isVisible(): boolean;
+    didInsertNode(element: HTMLElement): void;
+    willDestroyNode(element: HTMLElement): void;
+}

package/declarations/components/hds/filter-bar/tabs/tab.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+import Component from '@glimmer/component';
+export interface HdsFilterBarTabsTabSignature {
+    Args: {
+        selectedTabIndex?: number;
+        tabIds?: string[];
+        panelIds?: string[];
+        numFilters?: number;
+        didInsertNode?: () => void;
+        willDestroyNode?: (element: HTMLButtonElement) => void;
+        onClick?: (event: MouseEvent, nodeIndex: number) => void;
+        onKeyUp?: (event: KeyboardEvent, nodeIndex: number) => void;
+    };
+    Blocks: {
+        default: [];
+    };
+    Element: HTMLElement;
+}
+export default class HdsFilterBarTabsTab extends Component<HdsFilterBarTabsTabSignature> {
+    private _tabId;
+    private _elementId?;
+    private _setUpTab;
+    get nodeIndex(): number | undefined;
+    get coupledPanelId(): string | undefined;
+    get isSelected(): boolean;
+    didInsertNode(element: HTMLButtonElement): void;
+    willDestroyNode(element: HTMLButtonElement): void;
+    onClick(event: MouseEvent): false | undefined;
+    onKeyUp(event: KeyboardEvent): void;
+    get classNames(): string;
+}

package/declarations/components/hds/filter-bar/types.d.ts

@@ -0,0 +1,86 @@
+/**
+ * Copyright (c) HashiCorp, Inc.
+ * SPDX-License-Identifier: MPL-2.0
+ */
+export declare enum HdsFilterBarFilterTypeValues {
+    multiSelect = "multi-select",
+    singleSelect = "single-select",
+    numerical = "numerical",
+    date = "date",
+    time = "time",
+    datetime = "datetime",
+    generic = "generic",
+    search = "search"
+}
+export type HdsFilterBarFilterType = `${HdsFilterBarFilterTypeValues}`;
+export interface HdsFilterBarGenericFilterData {
+    value: unknown;
+}
+export interface HdsFilterBarNumericalFilterData {
+    selector: HdsFilterBarNumericalFilterSelector;
+    value: HdsFilterBarNumericalFilterValue;
+}
+export interface HdsFilterBarDateFilterData {
+    selector: HdsFilterBarDateFilterSelector;
+    value: HdsFilterBarDateFilterValue;
+}
+export type HdsFilterBarData = HdsFilterBarGenericFilterData[] | HdsFilterBarGenericFilterData | HdsFilterBarNumericalFilterData | HdsFilterBarDateFilterData;
+export interface HdsFilterBarGenericFilter {
+    type: 'generic';
+    text?: string;
+    dismissTagText?: string;
+    data: HdsFilterBarGenericFilterData | HdsFilterBarGenericFilterData[];
+}
+export interface HdsFilterBarSingleSelectFilter {
+    type: 'single-select';
+    text?: string;
+    data: HdsFilterBarGenericFilterData;
+}
+export interface HdsFilterBarMultiSelectFilter {
+    type: 'multi-select';
+    text?: string;
+    data: HdsFilterBarGenericFilterData[];
+}
+export interface HdsFilterBarNumericalFilter {
+    type: 'numerical';
+    text?: string;
+    data: HdsFilterBarNumericalFilterData;
+}
+export interface HdsFilterBarDateFilter {
+    type: 'date' | 'time' | 'datetime';
+    text?: string;
+    data: HdsFilterBarDateFilterData;
+}
+export interface HdsFilterBarSearchFilter {
+    type: 'search';
+    text?: string;
+    data: HdsFilterBarGenericFilterData;
+}
+export type HdsFilterBarFilter = HdsFilterBarSingleSelectFilter | HdsFilterBarMultiSelectFilter | HdsFilterBarNumericalFilter | HdsFilterBarDateFilter | HdsFilterBarSearchFilter | HdsFilterBarGenericFilter;
+export interface HdsFilterBarFilters {
+    [name: string]: HdsFilterBarFilter;
+}
+export declare enum HdsFilterBarNumericalFilterSelectorValues {
+    lessThan = "less-than",
+    lessThanOrEqualTo = "less-than-or-equal-to",
+    equalTo = "equal-to",
+    greaterThanOrEqualTo = "greater-than-or-equal-to",
+    greaterThan = "greater-than",
+    between = "between"
+}
+export type HdsFilterBarNumericalFilterSelector = `${HdsFilterBarNumericalFilterSelectorValues}`;
+export declare enum HdsFilterBarDateFilterSelectorValues {
+    before = "before",
+    exactly = "exactly",
+    after = "after",
+    between = "between"
+}
+export type HdsFilterBarDateFilterSelector = `${HdsFilterBarDateFilterSelectorValues}`;
+export type HdsFilterBarNumericalFilterValue = number | {
+    start?: number;
+    end?: number;
+};
+export type HdsFilterBarDateFilterValue = string | {
+    start?: string;
+    end?: string;
+};

package/declarations/components/hds/form/text-input/field.d.ts

@@ -31,7 +31,7 @@ export interface HdsFormTextInputFieldSignature {
 }
 export default class HdsFormTextInputField extends Component<HdsFormTextInputFieldSignature> {
     private _isPasswordMasked;
-    type: "search" | "time" | "text" | "month" | "week" | "email" | "tel" | "password" | "url" | "date" | "datetime-local";
+    type: "search" | "time" | "text" | "month" | "week" | "date" | "email" | "tel" | "password" | "url" | "datetime-local";
     constructor(owner: Owner, args: HdsFormTextInputFieldSignature['Args']);
     get hasVisibilityToggle(): boolean;
     get showVisibilityToggle(): boolean;

package/declarations/components.d.ts

@@ -87,6 +87,18 @@ export { default as HdsDropdownToggleIcon } from './components/hds/dropdown/togg
 export * from './components/hds/dropdown/list-item/types.ts';
 export * from './components/hds/dropdown/toggle/types.ts';
 export * from './components/hds/dropdown/types.ts';
+export { default as HdsFilterBar } from './components/hds/filter-bar/index.ts';
+export { default as HdsFilterBarDropdown } from './components/hds/filter-bar/dropdown.ts';
+export { default as HdsFilterBarFilterGroup } from './components/hds/filter-bar/filter-group/index.ts';
+export { default as HdsFilterBarFilterGroupCheckbox } from './components/hds/filter-bar/filter-group/checkbox.ts';
+export { default as HdsFilterBarFilterGroupDate } from './components/hds/filter-bar/filter-group/date.ts';
+export { default as HdsFilterBarFilterGroupGeneric } from './components/hds/filter-bar/filter-group/generic.ts';
+export { default as HdsFilterBarFilterGroupRadio } from './components/hds/filter-bar/filter-group/radio.ts';
+export { default as HdsFilterBarFilterGroupNumerical } from './components/hds/filter-bar/filter-group/numerical.ts';
+export { default as HdsFilterBarTabs } from './components/hds/filter-bar/tabs/index.ts';
+export { default as HdsFilterBarTabsPanel } from './components/hds/filter-bar/tabs/panel.ts';
+export { default as HdsFilterBarTabsTab } from './components/hds/filter-bar/tabs/tab.ts';
+export * from './components/hds/filter-bar/types.ts';
 export { default as HdsFlyout } from './components/hds/flyout/index.ts';
 export * from './components/hds/flyout/types.ts';
 export { default as HdsForm } from './components/hds/form/index.ts';

package/declarations/template-registry.d.ts

@@ -93,6 +93,17 @@ import type HdsDropdownListItemTitleComponent from './components/hds/dropdown/li
 import type HdsDropdownToggleButtonComponent from './components/hds/dropdown/toggle/button';
 import type HdsDropdownToggleChevronComponent from './components/hds/dropdown/toggle/chevron';
 import type HdsDropdownToggleIconComponent from './components/hds/dropdown/toggle/icon';
+import type HdsFilterBarComponent from './components/hds/filter-bar';
+import type HdsFilterBarDropdownComponent from './components/hds/filter-bar/dropdown';
+import type HdsFilterBarFilterGroupComponent from './components/hds/filter-bar/filter-group/index.ts';
+import type HdsFilterBarFilterGroupCheckboxComponent from './components/hds/filter-bar/filter-group/checkbox';
+import type HdsFilterBarFilterGroupDateComponent from './components/hds/filter-bar/filter-group/date';
+import type HdsFilterBarFilterGroupGenericComponent from './components/hds/filter-bar/filter-group/generic';
+import type HdsFilterBarFilterGroupRadioComponent from './components/hds/filter-bar/filter-group/radio';
+import type HdsFilterBarFilterGroupNumericalComponent from './components/hds/filter-bar/filter-group/numerical';
+import type HdsFilterBarTabsComponent from './components/hds/filter-bar/tabs';
+import type HdsFilterBarTabsPanelComponent from './components/hds/filter-bar/tabs/panel';
+import type HdsFilterBarTabsTabComponent from './components/hds/filter-bar/tabs/tab';
 import type HdsFlyoutComponent from './components/hds/flyout';
 import type HdsFormComponent from './components/hds/form';
 import type HdsFormCharacterCountComponent from './components/hds/form/character-count';
@@ -424,6 +435,28 @@ export default interface HdsComponentsRegistry {
     'hds/dropdown/toggle/chevron': typeof HdsDropdownToggleChevronComponent;
     'Hds::Dropdown::Toggle::Icon': typeof HdsDropdownToggleIconComponent;
     'hds/dropdown/toggle/icon': typeof HdsDropdownToggleIconComponent;
+    'Hds::FilterBar': typeof HdsFilterBarComponent;
+    'hds/filter-bar': typeof HdsFilterBarComponent;
+    'Hds::FilterBar::Dropdown': typeof HdsFilterBarDropdownComponent;
+    'hds/filter-bar/dropdown': typeof HdsFilterBarDropdownComponent;
+    'Hds::FilterBar::FilterGroup': typeof HdsFilterBarFilterGroupComponent;
+    'hds/filter-bar/filter-group': typeof HdsFilterBarFilterGroupComponent;
+    'Hds::FilterBar::FilterGroup::Checkbox': typeof HdsFilterBarFilterGroupCheckboxComponent;
+    'hds/filter-bar/filter-group/checkbox': typeof HdsFilterBarFilterGroupCheckboxComponent;
+    'Hds::FilterBar::FilterGroup::Date': typeof HdsFilterBarFilterGroupDateComponent;
+    'hds/filter-bar/filter-group/date': typeof HdsFilterBarFilterGroupDateComponent;
+    'Hds::FilterBar::FilterGroup::Generic': typeof HdsFilterBarFilterGroupGenericComponent;
+    'hds/filter-bar/filter-group/generic': typeof HdsFilterBarFilterGroupGenericComponent;
+    'Hds::FilterBar::FilterGroup::Radio': typeof HdsFilterBarFilterGroupRadioComponent;
+    'hds/filter-bar/filter-group/radio': typeof HdsFilterBarFilterGroupRadioComponent;
+    'Hds::FilterBar::FilterGroup::Numerical': typeof HdsFilterBarFilterGroupNumericalComponent;
+    'hds/filter-bar/filter-group/numerical': typeof HdsFilterBarFilterGroupNumericalComponent;
+    'Hds::FilterBar::Tabs': typeof HdsFilterBarTabsComponent;
+    'hds/filter-bar/tabs': typeof HdsFilterBarTabsComponent;
+    'Hds::FilterBar::Tabs::Panel': typeof HdsFilterBarTabsPanelComponent;
+    'hds/filter-bar/tabs/panel': typeof HdsFilterBarTabsPanelComponent;
+    'Hds::FilterBar::Tabs::Tab': typeof HdsFilterBarTabsTabComponent;
+    'hds/filter-bar/tabs/tab': typeof HdsFilterBarTabsTabComponent;
     'Hds::Flyout': typeof HdsFlyoutComponent;
     'hds/flyout': typeof HdsFlyoutComponent;
     'Hds::Form': typeof HdsFormComponent;

package/dist/_app_/components/hds/filter-bar/dropdown.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/dropdown";

package/dist/_app_/components/hds/filter-bar/filter-group/checkbox.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/filter-group/checkbox";

package/dist/_app_/components/hds/filter-bar/filter-group/date.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/filter-group/date";

package/dist/_app_/components/hds/filter-bar/filter-group/generic.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/filter-group/generic";

package/dist/_app_/components/hds/filter-bar/filter-group/numerical.js

@@ -0,0 +1 @@
+export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/filter-group/numerical";