@hashicorp/design-system-components 5.1.0-rc-20251106155636 → 5.1.0-rc-20251125203828

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/{filters-dropdown.d.ts → dropdown.d.ts}

@@ -5,12 +5,13 @@
 import Component from '@glimmer/component';
 import type Owner from '@ember/owner';
 import type { WithBoundArgs } from '@glint/template';
-import HdsFilterBarFilterGroup from './filter-group.ts';
+import HdsFilterBarFilterGroup from './filter-group/index.ts';
 import type { HdsFilterBarFilters, HdsFilterBarFilter } from './types.ts';
 import type { HdsDropdownSignature } from '../dropdown/index.ts';
-export interface HdsFilterBarFiltersDropdownSignature {
+export interface HdsFilterBarDropdownSignature {
     Args: HdsDropdownSignature['Args'] & {
         filters: HdsFilterBarFilters;
+        isLiveFilter: boolean;
         onFilter?: (filters: HdsFilterBarFilters) => void;
     };
     Blocks: {
@@ -22,15 +23,16 @@ export interface HdsFilterBarFiltersDropdownSignature {
     };
     Element: HTMLDivElement;
 }
-export default class HdsFilterBarFiltersDropdown extends Component<HdsDropdownSignature & HdsFilterBarFiltersDropdownSignature> {
+export default class HdsFilterBarDropdown extends Component<HdsDropdownSignature & HdsFilterBarDropdownSignature> {
     internalFilters: HdsFilterBarFilters;
-    constructor(owner: Owner, args: HdsFilterBarFiltersDropdownSignature['Args']);
+    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 numFilters(): number;
     get classNames(): string;
     private _updateFilter;
+    private _applyFilters;
     private _onClose;
 }

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

@@ -0,0 +1,22 @@
+/**
+ * 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;
+        label?: string;
+        keyFilter: HdsFilterBarFilter | undefined;
+        onChange?: (event: Event, label?: string) => 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, label?: string): 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,22 @@
+/**
+ * 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;
+        label?: string;
+        keyFilter: HdsFilterBarFilter | undefined;
+        onChange?: (event: Event, label?: string) => 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

@@ -4,12 +4,15 @@
  */
 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 HdsFilterBarFiltersDropdown from './filters-dropdown.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;
     };
@@ -17,13 +20,15 @@ export interface HdsFilterBarSignature {
         default?: [
             {
                 ActionsDropdown?: WithBoundArgs<typeof HdsDropdown, never>;
-                FiltersDropdown?: WithBoundArgs<typeof HdsFilterBarFiltersDropdown, 'filters' | 'onFilter'>;
+                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;
@@ -36,5 +41,8 @@ export default class HdsFilterBar extends Component<HdsFilterBarSignature> {
     private _filterText;
     private _filterArrayData;
     private _filterKeyText;
-    private _rangeFilterText;
+    private _numericalFilterText;
+    private _dateFilterText;
+    private _dateDisplayText;
+    private _genericFilterText;
 }

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

@@ -8,6 +8,7 @@ export interface HdsFilterBarTabsTabSignature {
         selectedTabIndex?: number;
         tabIds?: string[];
         panelIds?: string[];
+        numFilters?: number;
         didInsertNode?: () => void;
         willDestroyNode?: (element: HTMLButtonElement) => void;
         onClick?: (event: MouseEvent, nodeIndex: number) => void;

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

@@ -5,19 +5,33 @@
 export declare enum HdsFilterBarFilterTypeValues {
     multiSelect = "multi-select",
     singleSelect = "single-select",
-    range = "range",
+    numerical = "numerical",
+    date = "date",
+    time = "time",
+    datetime = "datetime",
     generic = "generic",
     search = "search"
 }
 export type HdsFilterBarFilterType = `${HdsFilterBarFilterTypeValues}`;
 export interface HdsFilterBarGenericFilterData {
     value: unknown;
+    label?: string;
 }
-export interface HdsFilterBarRangeFilterData {
-    selector: HdsFilterBarRangeFilterSelector;
-    value: number;
+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 type HdsFilterBarData = HdsFilterBarGenericFilterData[] | HdsFilterBarGenericFilterData | HdsFilterBarRangeFilterData;
 export interface HdsFilterBarSingleSelectFilter {
     type: 'single-select';
     text?: string;
@@ -28,25 +42,46 @@ export interface HdsFilterBarMultiSelectFilter {
     text?: string;
     data: HdsFilterBarGenericFilterData[];
 }
-export interface HdsFilterBarRangeFilter {
-    type: 'range';
+export interface HdsFilterBarNumericalFilter {
+    type: 'numerical';
     text?: string;
-    data: HdsFilterBarRangeFilterData;
+    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 | HdsFilterBarRangeFilter | HdsFilterBarSearchFilter;
+export type HdsFilterBarFilter = HdsFilterBarSingleSelectFilter | HdsFilterBarMultiSelectFilter | HdsFilterBarNumericalFilter | HdsFilterBarDateFilter | HdsFilterBarSearchFilter | HdsFilterBarGenericFilter;
 export interface HdsFilterBarFilters {
     [name: string]: HdsFilterBarFilter;
 }
-export declare enum HdsFilterBarRangeFilterSelectorValues {
+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"
+    greaterThan = "greater-than",
+    between = "between"
+}
+export type HdsFilterBarNumericalFilterSelector = `${HdsFilterBarNumericalFilterSelectorValues}`;
+export declare enum HdsFilterBarDateFilterSelectorValues {
+    before = "before",
+    exactly = "exactly",
+    after = "after",
+    between = "between"
 }
-export type HdsFilterBarRangeFilterSelector = `${HdsFilterBarRangeFilterSelectorValues}`;
+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

@@ -88,11 +88,13 @@ 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 HdsFilterBarCheckbox } from './components/hds/filter-bar/checkbox.ts';
-export { default as HdsFilterBarFiltersDropdown } from './components/hds/filter-bar/filters-dropdown.ts';
-export { default as HdsFilterBarFilterGroup } from './components/hds/filter-bar/filter-group.ts';
-export { default as HdsFilterBarRadio } from './components/hds/filter-bar/radio.ts';
-export { default as HdsFilterBarRange } from './components/hds/filter-bar/range.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';

package/declarations/template-registry.d.ts

@@ -94,11 +94,13 @@ import type HdsDropdownToggleButtonComponent from './components/hds/dropdown/tog
 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 HdsFilterBarCheckboxComponent from './components/hds/filter-bar/checkbox';
-import type HdsFilterBarRadioComponent from './components/hds/filter-bar/radio';
-import type HdsFilterBarFiltersDropdownComponent from './components/hds/filter-bar/filters-dropdown';
-import type HdsFilterBarFilterGroupComponent from './components/hds/filter-bar/filter-group';
-import type HdsFilterBarRangeComponent from './components/hds/filter-bar/range';
+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';
@@ -435,16 +437,20 @@ export default interface HdsComponentsRegistry {
     'hds/dropdown/toggle/icon': typeof HdsDropdownToggleIconComponent;
     'Hds::FilterBar': typeof HdsFilterBarComponent;
     'hds/filter-bar': typeof HdsFilterBarComponent;
-    'Hds::FilterBar::Checkbox': typeof HdsFilterBarCheckboxComponent;
-    'hds/filter-bar/checkbox': typeof HdsFilterBarCheckboxComponent;
-    'Hds::FilterBar::Radio': typeof HdsFilterBarRadioComponent;
-    'hds/filter-bar/radio': typeof HdsFilterBarRadioComponent;
-    'Hds::FilterBar::FiltersDropdown': typeof HdsFilterBarFiltersDropdownComponent;
-    'hds/filter-bar/filters-dropdown': typeof HdsFilterBarFiltersDropdownComponent;
+    '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::Range': typeof HdsFilterBarRangeComponent;
-    'hds/filter-bar/range': typeof HdsFilterBarRangeComponent;
+    '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;

package/dist/_app_/components/hds/filter-bar/{checkbox.js → dropdown.js}

@@ -1 +1 @@
-export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/checkbox";
+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/{filters-dropdown.js → filter-group/date.js}

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

package/dist/_app_/components/hds/filter-bar/{range.js → filter-group/generic.js}

@@ -1 +1 @@
-export { default } from "@hashicorp/design-system-components/components/hds/filter-bar/range";
+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";

package/dist/_app_/components/hds/filter-bar/{radio.js → filter-group/radio.js}

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

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

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

package/dist/components/hds/advanced-table/index.js

@@ -11,7 +11,7 @@ import { precompileTemplate } from '@ember/template-compilation';
 import { g, i, n } from 'decorator-transforms/runtime';
 import { setComponentTemplate } from '@ember/component';
 
-var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n{{#if (has-block \"actions\")}}\n  <div class=\"hds-advanced-table__actions\">\n    {{yield (hash FilterBar=(component \"hds/filter-bar\")) to=\"actions\"}}\n  </div>\n{{/if}}\n<div\n  class=\"hds-advanced-table__container\n    {{(if this.isStickyHeaderPinned \'hds-advanced-table__container--header-is-pinned\')}}\"\n  {{did-update this.setupTableModelData @columns @model @sortBy @sortOrder}}\n  {{did-update this.updateTableModelColumnOrder @columnOrder}}\n  ...attributes\n>\n  {{! Caption }}\n  <div id={{this._captionId}} class=\"sr-only hds-advanced-table__caption\" aria-live=\"polite\">\n    {{@caption}}\n    {{this.sortedMessageText}}\n    {{this.reorderedMessageText}}\n  </div>\n\n  {{! Grid }}\n  <div\n    class={{this.classNames}}\n    role=\"grid\"\n    aria-describedby={{this._captionId}}\n    {{style\n      grid-template-columns=this.gridTemplateColumns\n      --hds-advanced-table-sticky-column-offset=this.stickyColumnOffset\n      max-height=@maxHeight\n    }}\n    {{this._registerGridElement}}\n    {{this._setUpScrollWrapper}}\n  >\n    {{! Header }}\n    <div\n      class={{this.theadClassNames}}\n      role=\"rowgroup\"\n      {{this._setUpThead}}\n      {{on \"dragleave\" (fn (mut this._tableModel.reorderHoveredColumn) null)}}\n    >\n      <Hds::AdvancedTable::Tr\n        @selectionScope=\"col\"\n        @onClickSortBySelected={{if @selectableColumnKey (fn this._tableModel.setSortBy @selectableColumnKey)}}\n        @sortBySelectedOrder={{if (eq this._tableModel.sortBy @selectableColumnKey) this._tableModel.sortOrder}}\n        @isSelectable={{this.isSelectable}}\n        @onSelectionChange={{this.onSelectionAllChange}}\n        @didInsert={{this.didInsertSelectAllCheckbox}}\n        @willDestroy={{this.willDestroySelectAllCheckbox}}\n        @selectionAriaLabelSuffix=\"all rows\"\n        @hasStickyColumn={{this.hasStickyFirstColumn}}\n        @isStickyColumnPinned={{this.isStickyColumnPinned}}\n      >\n        {{#each this._tableModel.orderedColumns as |column|}}\n          {{#if column.isSortable}}\n            <Hds::AdvancedTable::ThSort\n              @column={{column}}\n              @sortOrder={{if (eq column.key this._tableModel.sortBy) this._tableModel.sortOrder}}\n              @onClickSort={{if column.key (fn this._tableModel.setSortBy column.key)}}\n              @align={{column.align}}\n              @tooltip={{column.tooltip}}\n              @hasReorderableColumns={{@hasReorderableColumns}}\n              @hasResizableColumns={{@hasResizableColumns}}\n              @hasSelectableRows={{this.isSelectable}}\n              @isStickyColumn={{this._isStickyColumn column}}\n              @isStickyColumnPinned={{this.isStickyColumnPinned}}\n              @tableHeight={{this._tableHeight}}\n              @onColumnResize={{@onColumnResize}}\n              @onPinFirstColumn={{this._onPinFirstColumn}}\n              @onReorderDragEnd={{fn (mut this._tableModel.reorderDraggedColumn) null}}\n              @onReorderDragStart={{fn (mut this._tableModel.reorderDraggedColumn)}}\n              @onReorderDrop={{this._tableModel.moveColumnToDropTarget}}\n              {{this._registerThElement column}}\n            >\n              {{column.label}}\n            </Hds::AdvancedTable::ThSort>\n          {{else}}\n            <Hds::AdvancedTable::Th\n              @align={{column.align}}\n              @column={{column}}\n              @hasExpandAllButton={{this._tableModel.hasRowsWithChildren}}\n              @hasReorderableColumns={{@hasReorderableColumns}}\n              @hasResizableColumns={{@hasResizableColumns}}\n              @hasSelectableRows={{this.isSelectable}}\n              @isExpanded={{this._tableModel.expandState}}\n              @isExpandable={{column.isExpandable}}\n              @isStickyColumn={{this._isStickyColumn column}}\n              @isStickyColumnPinned={{this.isStickyColumnPinned}}\n              @tableHeight={{this._tableHeight}}\n              @tooltip={{column.tooltip}}\n              @onClickToggle={{this._tableModel.toggleAll}}\n              @onColumnResize={{@onColumnResize}}\n              @onPinFirstColumn={{this._onPinFirstColumn}}\n              @onReorderDragEnd={{fn (mut this._tableModel.reorderDraggedColumn) null}}\n              @onReorderDragStart={{fn (mut this._tableModel.reorderDraggedColumn)}}\n              @onReorderDrop={{this._tableModel.moveColumnToDropTarget}}\n              {{this._registerThElement column}}\n            >\n              {{column.label}}\n            </Hds::AdvancedTable::Th>\n          {{/if}}\n        {{/each}}\n      </Hds::AdvancedTable::Tr>\n\n      {{#if this.showScrollIndicatorTop}}\n        <div class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-top\" />\n      {{/if}}\n    </div>\n\n    {{! Body }}\n    {{#unless this.isEmpty}}\n      <div class=\"hds-advanced-table__tbody\" role=\"rowgroup\">\n        {{! ----------------------------------------------------------------------------------------\n        IMPORTANT: we loop on the `model` array and for each record\n        we yield the Tr/Td/Th elements _and_ the record itself as `data`\n        this means the consumer will *have to* use the `data` key to access it in their template\n      -------------------------------------------------------------------------------------------- }}\n        {{#each this._tableModel.sortedRows key=this.identityKey as |record index|}}\n          {{#if this._tableModel.hasRowsWithChildren}}\n            <Hds::AdvancedTable::ExpandableTrGroup\n              @record={{record}}\n              @rowIndex={{index}}\n              @onClickToggle={{record.onClickToggle}}\n              as |T|\n            >\n              {{yield\n                (hash\n                  Tr=(component\n                    \"hds/advanced-table/tr\"\n                    isLastRow=(eq this._tableModel.lastVisibleRow.id T.data.id)\n                    isParentRow=T.isExpandable\n                    depth=T.depth\n                    displayRow=T.shouldDisplayChildRows\n                    data=T.data\n                  )\n                  Th=(component\n                    \"hds/advanced-table/th\"\n                    depth=T.depth\n                    isExpandable=T.isExpandable\n                    isExpanded=T.isExpanded\n                    newLabel=T.id\n                    parentId=T.parentId\n                    scope=\"row\"\n                    onClickToggle=T.onClickToggle\n                  )\n                  Td=(component \"hds/advanced-table/td\" align=@align)\n                  data=T.data\n                  isOpen=T.isExpanded\n                  rowIndex=T.rowIndex\n                )\n                to=\"body\"\n              }}\n            </Hds::AdvancedTable::ExpandableTrGroup>\n          {{else}}\n            {{yield\n              (hash\n                Tr=(component\n                  \"hds/advanced-table/tr\"\n                  selectionScope=\"row\"\n                  isLastRow=(eq this._tableModel.lastVisibleRow.id record.id)\n                  isSelectable=this.isSelectable\n                  onSelectionChange=this.onSelectionRowChange\n                  didInsert=this.didInsertRowCheckbox\n                  willDestroy=this.willDestroyRowCheckbox\n                  selectionAriaLabelSuffix=@selectionAriaLabelSuffix\n                  hasStickyColumn=this.hasStickyFirstColumn\n                  isStickyColumnPinned=this.isStickyColumnPinned\n                  data=record\n                )\n                Th=(component\n                  \"hds/advanced-table/th\"\n                  scope=\"row\"\n                  isStickyColumn=this.hasStickyFirstColumn\n                  isStickyColumnPinned=this.isStickyColumnPinned\n                )\n                Td=(component \"hds/advanced-table/td\" align=@align)\n                data=record\n                rowIndex=index\n              )\n              to=\"body\"\n            }}\n          {{/if}}\n        {{/each}}\n      </div>\n    {{/unless}}\n  </div>\n\n  {{#if this.showScrollIndicatorLeft}}\n    <div\n      class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-left\"\n      {{style height=this.scrollIndicatorDimensions.height left=this.scrollIndicatorDimensions.left}}\n    />\n  {{/if}}\n\n  {{#if this.showScrollIndicatorRight}}\n    <div\n      class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-right\"\n      {{style height=this.scrollIndicatorDimensions.height right=this.scrollIndicatorDimensions.right}}\n    />\n  {{/if}}\n\n  {{#unless this.isEmpty}}\n    {{#if this.showScrollIndicatorBottom}}\n      <div\n        class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-bottom\"\n        {{style bottom=this.scrollIndicatorDimensions.bottom width=this.scrollIndicatorDimensions.width}}\n      />\n    {{/if}}\n  {{/unless}}\n\n  {{#if this.isEmpty}}\n    <div class=\"hds-advanced-table__empty-state\">\n      <div class=\"hds-advanced-table__empty-state__content\">\n        {{#if (has-block \"emptyState\")}}\n          {{yield to=\"emptyState\"}}\n        {{else}}\n          <Hds::Layout::Flex @direction=\"column\" @gap=\"8\">\n            <Hds::Text::Display @tag=\"h3\" @size=\"300\">{{hds-t\n                \"hds.components.advanced-table.empty-state.title\"\n                default=\"No data available\"\n              }}</Hds::Text::Display>\n            <Hds::Text::Body>\n              {{hds-t\n                \"hds.components.advanced-table.empty-state.description\"\n                default=\"There is currently no data to display in the table.\"\n              }}\n            </Hds::Text::Body>\n          </Hds::Layout::Flex>\n        {{/if}}\n      </div>\n    </div>\n  {{/if}}\n</div>");
+var TEMPLATE = precompileTemplate("{{!\n  Copyright (c) HashiCorp, Inc.\n  SPDX-License-Identifier: MPL-2.0\n}}\n\n<div class=\"hds-advanced-table__actions-container-wrapper\">\n  {{#if (has-block \"actions\")}}\n    <div class=\"hds-advanced-table__actions\">\n      {{yield (hash FilterBar=(component \"hds/filter-bar\")) to=\"actions\"}}\n    </div>\n  {{/if}}\n  <div\n    class=\"hds-advanced-table__container\n      {{(if this.isStickyHeaderPinned \'hds-advanced-table__container--header-is-pinned\')}}\"\n    {{did-update this.setupTableModelData @columns @model @sortBy @sortOrder}}\n    {{did-update this.updateTableModelColumnOrder @columnOrder}}\n    ...attributes\n  >\n    {{! Caption }}\n    <div id={{this._captionId}} class=\"sr-only hds-advanced-table__caption\" aria-live=\"polite\">\n      {{@caption}}\n      {{this.sortedMessageText}}\n      {{this.reorderedMessageText}}\n    </div>\n\n    {{! Grid }}\n    <div\n      class={{this.classNames}}\n      role=\"grid\"\n      aria-describedby={{this._captionId}}\n      {{style\n        grid-template-columns=this.gridTemplateColumns\n        --hds-advanced-table-sticky-column-offset=this.stickyColumnOffset\n        max-height=@maxHeight\n      }}\n      {{this._registerGridElement}}\n      {{this._setUpScrollWrapper}}\n    >\n      {{! Header }}\n      <div\n        class={{this.theadClassNames}}\n        role=\"rowgroup\"\n        {{this._setUpThead}}\n        {{on \"dragleave\" (fn (mut this._tableModel.reorderHoveredColumn) null)}}\n      >\n        <Hds::AdvancedTable::Tr\n          @selectionScope=\"col\"\n          @onClickSortBySelected={{if @selectableColumnKey (fn this._tableModel.setSortBy @selectableColumnKey)}}\n          @sortBySelectedOrder={{if (eq this._tableModel.sortBy @selectableColumnKey) this._tableModel.sortOrder}}\n          @isSelectable={{this.isSelectable}}\n          @onSelectionChange={{this.onSelectionAllChange}}\n          @didInsert={{this.didInsertSelectAllCheckbox}}\n          @willDestroy={{this.willDestroySelectAllCheckbox}}\n          @selectionAriaLabelSuffix=\"all rows\"\n          @hasStickyColumn={{this.hasStickyFirstColumn}}\n          @isStickyColumnPinned={{this.isStickyColumnPinned}}\n        >\n          {{#each this._tableModel.orderedColumns as |column|}}\n            {{#if column.isSortable}}\n              <Hds::AdvancedTable::ThSort\n                @column={{column}}\n                @sortOrder={{if (eq column.key this._tableModel.sortBy) this._tableModel.sortOrder}}\n                @onClickSort={{if column.key (fn this._tableModel.setSortBy column.key)}}\n                @align={{column.align}}\n                @tooltip={{column.tooltip}}\n                @hasReorderableColumns={{@hasReorderableColumns}}\n                @hasResizableColumns={{@hasResizableColumns}}\n                @hasSelectableRows={{this.isSelectable}}\n                @isStickyColumn={{this._isStickyColumn column}}\n                @isStickyColumnPinned={{this.isStickyColumnPinned}}\n                @tableHeight={{this._tableHeight}}\n                @onColumnResize={{@onColumnResize}}\n                @onPinFirstColumn={{this._onPinFirstColumn}}\n                @onReorderDragEnd={{fn (mut this._tableModel.reorderDraggedColumn) null}}\n                @onReorderDragStart={{fn (mut this._tableModel.reorderDraggedColumn)}}\n                @onReorderDrop={{this._tableModel.moveColumnToDropTarget}}\n                {{this._registerThElement column}}\n              >\n                {{column.label}}\n              </Hds::AdvancedTable::ThSort>\n            {{else}}\n              <Hds::AdvancedTable::Th\n                @align={{column.align}}\n                @column={{column}}\n                @hasExpandAllButton={{this._tableModel.hasRowsWithChildren}}\n                @hasReorderableColumns={{@hasReorderableColumns}}\n                @hasResizableColumns={{@hasResizableColumns}}\n                @hasSelectableRows={{this.isSelectable}}\n                @isExpanded={{this._tableModel.expandState}}\n                @isExpandable={{column.isExpandable}}\n                @isStickyColumn={{this._isStickyColumn column}}\n                @isStickyColumnPinned={{this.isStickyColumnPinned}}\n                @tableHeight={{this._tableHeight}}\n                @tooltip={{column.tooltip}}\n                @onClickToggle={{this._tableModel.toggleAll}}\n                @onColumnResize={{@onColumnResize}}\n                @onPinFirstColumn={{this._onPinFirstColumn}}\n                @onReorderDragEnd={{fn (mut this._tableModel.reorderDraggedColumn) null}}\n                @onReorderDragStart={{fn (mut this._tableModel.reorderDraggedColumn)}}\n                @onReorderDrop={{this._tableModel.moveColumnToDropTarget}}\n                {{this._registerThElement column}}\n              >\n                {{column.label}}\n              </Hds::AdvancedTable::Th>\n            {{/if}}\n          {{/each}}\n        </Hds::AdvancedTable::Tr>\n\n        {{#if this.showScrollIndicatorTop}}\n          <div class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-top\" />\n        {{/if}}\n      </div>\n\n      {{! Body }}\n      {{#unless this.isEmpty}}\n        <div class=\"hds-advanced-table__tbody\" role=\"rowgroup\">\n          {{! ----------------------------------------------------------------------------------------\n          IMPORTANT: we loop on the `model` array and for each record\n          we yield the Tr/Td/Th elements _and_ the record itself as `data`\n          this means the consumer will *have to* use the `data` key to access it in their template\n        -------------------------------------------------------------------------------------------- }}\n          {{#each this._tableModel.sortedRows key=this.identityKey as |record index|}}\n            {{#if this._tableModel.hasRowsWithChildren}}\n              <Hds::AdvancedTable::ExpandableTrGroup\n                @record={{record}}\n                @rowIndex={{index}}\n                @onClickToggle={{record.onClickToggle}}\n                as |T|\n              >\n                {{yield\n                  (hash\n                    Tr=(component\n                      \"hds/advanced-table/tr\"\n                      isLastRow=(eq this._tableModel.lastVisibleRow.id T.data.id)\n                      isParentRow=T.isExpandable\n                      depth=T.depth\n                      displayRow=T.shouldDisplayChildRows\n                      data=T.data\n                    )\n                    Th=(component\n                      \"hds/advanced-table/th\"\n                      depth=T.depth\n                      isExpandable=T.isExpandable\n                      isExpanded=T.isExpanded\n                      newLabel=T.id\n                      parentId=T.parentId\n                      scope=\"row\"\n                      onClickToggle=T.onClickToggle\n                    )\n                    Td=(component \"hds/advanced-table/td\" align=@align)\n                    data=T.data\n                    isOpen=T.isExpanded\n                    rowIndex=T.rowIndex\n                  )\n                  to=\"body\"\n                }}\n              </Hds::AdvancedTable::ExpandableTrGroup>\n            {{else}}\n              {{yield\n                (hash\n                  Tr=(component\n                    \"hds/advanced-table/tr\"\n                    selectionScope=\"row\"\n                    isLastRow=(eq this._tableModel.lastVisibleRow.id record.id)\n                    isSelectable=this.isSelectable\n                    onSelectionChange=this.onSelectionRowChange\n                    didInsert=this.didInsertRowCheckbox\n                    willDestroy=this.willDestroyRowCheckbox\n                    selectionAriaLabelSuffix=@selectionAriaLabelSuffix\n                    hasStickyColumn=this.hasStickyFirstColumn\n                    isStickyColumnPinned=this.isStickyColumnPinned\n                    data=record\n                  )\n                  Th=(component\n                    \"hds/advanced-table/th\"\n                    scope=\"row\"\n                    isStickyColumn=this.hasStickyFirstColumn\n                    isStickyColumnPinned=this.isStickyColumnPinned\n                  )\n                  Td=(component \"hds/advanced-table/td\" align=@align)\n                  data=record\n                  rowIndex=index\n                )\n                to=\"body\"\n              }}\n            {{/if}}\n          {{/each}}\n        </div>\n      {{/unless}}\n    </div>\n\n    {{#if this.showScrollIndicatorLeft}}\n      <div\n        class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-left\"\n        {{style height=this.scrollIndicatorDimensions.height left=this.scrollIndicatorDimensions.left}}\n      />\n    {{/if}}\n\n    {{#if this.showScrollIndicatorRight}}\n      <div\n        class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-right\"\n        {{style height=this.scrollIndicatorDimensions.height right=this.scrollIndicatorDimensions.right}}\n      />\n    {{/if}}\n\n    {{#unless this.isEmpty}}\n      {{#if this.showScrollIndicatorBottom}}\n        <div\n          class=\"hds-advanced-table__scroll-indicator hds-advanced-table__scroll-indicator-bottom\"\n          {{style bottom=this.scrollIndicatorDimensions.bottom width=this.scrollIndicatorDimensions.width}}\n        />\n      {{/if}}\n    {{/unless}}\n\n    {{#if this.isEmpty}}\n      <div class=\"hds-advanced-table__empty-state\">\n        <div class=\"hds-advanced-table__empty-state__content\">\n          {{#if (has-block \"emptyState\")}}\n            {{yield to=\"emptyState\"}}\n          {{else}}\n            <Hds::Layout::Flex @direction=\"column\" @gap=\"8\">\n              <Hds::Text::Display @tag=\"h3\" @size=\"300\">{{hds-t\n                  \"hds.components.advanced-table.empty-state.title\"\n                  default=\"No data available\"\n                }}</Hds::Text::Display>\n              <Hds::Text::Body>\n                {{hds-t\n                  \"hds.components.advanced-table.empty-state.description\"\n                  default=\"There is currently no data to display in the table.\"\n                }}\n              </Hds::Text::Body>\n            </Hds::Layout::Flex>\n          {{/if}}\n        </div>\n      </div>\n    {{/if}}\n  </div>\n</div>");
 
 /**
  * Copyright (c) HashiCorp, Inc.

package/dist/components/hds/dropdown/list-item/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../../../../../src/components/hds/dropdown/list-item/checkbox.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsFormCheckboxBaseSignature } from '../../form/checkbox/base.ts';\n\nexport interface HdsDropdownListItemCheckboxSignature {\n  Args: HdsFormCheckboxBaseSignature['Args'] & {\n    count?: string | number;\n    icon?: HdsIconSignature['Args']['name'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsFormCheckboxBaseSignature['Element'];\n}\n\nexport default class HdsDropdownListItemCheckbox extends Component<HdsDropdownListItemCheckboxSignature> {\n  /**\n   * Determines the unique ID to assign to the checkbox control\n   */\n  get id(): string {\n    return getElementId(this);\n  }\n}\n"],"names":["HdsDropdownListItemCheckbox","Component","id","getElementId","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAkBe,MAAMA,2BAA2B,SAASC,SAAS,CAAuC;AACvG;AACF;AACA;EACE,IAAIC,EAAEA,GAAW;IACf,OAAOC,YAAY,CAAC,IAAI,CAAC;AAC3B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAPoBL,2BAA2B,CAAA;;;;"}
+{"version":3,"file":"checkbox.js","sources":["../../../../../src/components/hds/dropdown/list-item/checkbox.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsFormCheckboxBaseSignature } from '../../form/checkbox/base.ts';\n\nexport interface HdsDropdownListItemCheckboxSignature {\n  Args: HdsFormCheckboxBaseSignature['Args'] & {\n    count?: string | number;\n    icon?: HdsIconSignature['Args']['name'];\n    id?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsFormCheckboxBaseSignature['Element'];\n}\n\nexport default class HdsDropdownListItemCheckbox extends Component<HdsDropdownListItemCheckboxSignature> {\n  /**\n   * Determines the unique ID to assign to the checkbox control\n   */\n  get id(): string {\n    return getElementId(this);\n  }\n}\n"],"names":["HdsDropdownListItemCheckbox","Component","id","getElementId","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAmBe,MAAMA,2BAA2B,SAASC,SAAS,CAAuC;AACvG;AACF;AACA;EACE,IAAIC,EAAEA,GAAW;IACf,OAAOC,YAAY,CAAC,IAAI,CAAC;AAC3B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAPoBL,2BAA2B,CAAA;;;;"}

package/dist/components/hds/dropdown/list-item/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","sources":["../../../../../src/components/hds/dropdown/list-item/radio.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsFormRadioBaseSignature } from '../../form/radio/base.ts';\n\nexport interface HdsDropdownListItemRadioSignature {\n  Args: HdsFormRadioBaseSignature['Args'] & {\n    count?: string | number;\n    icon?: HdsIconSignature['Args']['name'];\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsFormRadioBaseSignature['Element'];\n}\n\nexport default class HdsDropdownListItemRadio extends Component<HdsDropdownListItemRadioSignature> {\n  /**\n   * Determines the unique ID to assign to the radio control\n   */\n  get id(): string {\n    return getElementId(this);\n  }\n}\n"],"names":["HdsDropdownListItemRadio","Component","id","getElementId","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAkBe,MAAMA,wBAAwB,SAASC,SAAS,CAAoC;AACjG;AACF;AACA;EACE,IAAIC,EAAEA,GAAW;IACf,OAAOC,YAAY,CAAC,IAAI,CAAC;AAC3B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAPoBL,wBAAwB,CAAA;;;;"}
+{"version":3,"file":"radio.js","sources":["../../../../../src/components/hds/dropdown/list-item/radio.ts"],"sourcesContent":["/**\n * Copyright (c) HashiCorp, Inc.\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Component from '@glimmer/component';\nimport { getElementId } from '../../../../utils/hds-get-element-id.ts';\nimport type { HdsIconSignature } from '../../icon';\nimport type { HdsFormRadioBaseSignature } from '../../form/radio/base.ts';\n\nexport interface HdsDropdownListItemRadioSignature {\n  Args: HdsFormRadioBaseSignature['Args'] & {\n    count?: string | number;\n    icon?: HdsIconSignature['Args']['name'];\n    id?: string;\n  };\n  Blocks: {\n    default: [];\n  };\n  Element: HdsFormRadioBaseSignature['Element'];\n}\n\nexport default class HdsDropdownListItemRadio extends Component<HdsDropdownListItemRadioSignature> {\n  /**\n   * Determines the unique ID to assign to the radio control\n   */\n  get id(): string {\n    return getElementId(this);\n  }\n}\n"],"names":["HdsDropdownListItemRadio","Component","id","getElementId","setComponentTemplate","TEMPLATE"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AAmBe,MAAMA,wBAAwB,SAASC,SAAS,CAAoC;AACjG;AACF;AACA;EACE,IAAIC,EAAEA,GAAW;IACf,OAAOC,YAAY,CAAC,IAAI,CAAC;AAC3B,EAAA;AACF;AAACC,oBAAA,CAAAC,QAAA,EAPoBL,wBAAwB,CAAA;;;;"}