@truenas/ui-components 0.4.6 → 0.4.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truenas/ui-components",
-  "version": "0.4.6",
+  "version": "0.4.8",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"

package/types/truenas-ui-components.d.ts

@@ -3196,6 +3196,15 @@ declare class TnCardComponent {
     elevation: _angular_core.InputSignal<"none" | "low" | "medium" | "high">;
     padding: _angular_core.InputSignal<"small" | "large" | "medium">;
     padContent: _angular_core.InputSignal<boolean>;
+    /**
+     * Whether the card stretches to fill its container's height.
+     *
+     * Defaults to `true`, which is what an equal-height dashboard grid wants: every card in a row
+     * matches the tallest. Set it to `false` for a card that should size to its content instead —
+     * typically a full-page card wrapping a table, which otherwise leaves a large empty area below
+     * the content when the page is taller than the table.
+     */
+    fillHeight: _angular_core.InputSignal<boolean>;
     bordered: _angular_core.InputSignal<boolean>;
     background: _angular_core.InputSignal<boolean>;
     headerStatus: _angular_core.InputSignal<TnCardHeaderStatus | undefined>;
@@ -3225,7 +3234,7 @@ declare class TnCardComponent {
     onHeaderMenuItemClick(_item: TnMenuItem): void;
     getStatusClass(type?: string): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TnCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnCardComponent, "tn-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleLink": { "alias": "titleLink"; "required": false; "isSignal": true; }; "titleRouterLink": { "alias": "titleRouterLink"; "required": false; "isSignal": true; }; "titleQueryParams": { "alias": "titleQueryParams"; "required": false; "isSignal": true; }; "titleTooltip": { "alias": "titleTooltip"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "padContent": { "alias": "padContent"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "headerStatus": { "alias": "headerStatus"; "required": false; "isSignal": true; }; "headerControl": { "alias": "headerControl"; "required": false; "isSignal": true; }; "headerMenu": { "alias": "headerMenu"; "required": false; "isSignal": true; }; "headerMenuTriggerTestId": { "alias": "headerMenuTriggerTestId"; "required": false; "isSignal": true; }; "primaryAction": { "alias": "primaryAction"; "required": false; "isSignal": true; }; "secondaryAction": { "alias": "secondaryAction"; "required": false; "isSignal": true; }; "footerLink": { "alias": "footerLink"; "required": false; "isSignal": true; }; }, {}, ["projectedHeader", "headerActions", "footerActions"], ["[tnCardHeader]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnCardComponent, "tn-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleLink": { "alias": "titleLink"; "required": false; "isSignal": true; }; "titleRouterLink": { "alias": "titleRouterLink"; "required": false; "isSignal": true; }; "titleQueryParams": { "alias": "titleQueryParams"; "required": false; "isSignal": true; }; "titleTooltip": { "alias": "titleTooltip"; "required": false; "isSignal": true; }; "elevation": { "alias": "elevation"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "padContent": { "alias": "padContent"; "required": false; "isSignal": true; }; "fillHeight": { "alias": "fillHeight"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "headerStatus": { "alias": "headerStatus"; "required": false; "isSignal": true; }; "headerControl": { "alias": "headerControl"; "required": false; "isSignal": true; }; "headerMenu": { "alias": "headerMenu"; "required": false; "isSignal": true; }; "headerMenuTriggerTestId": { "alias": "headerMenuTriggerTestId"; "required": false; "isSignal": true; }; "primaryAction": { "alias": "primaryAction"; "required": false; "isSignal": true; }; "secondaryAction": { "alias": "secondaryAction"; "required": false; "isSignal": true; }; "footerLink": { "alias": "footerLink"; "required": false; "isSignal": true; }; }, {}, ["projectedHeader", "headerActions", "footerActions"], ["[tnCardHeader]", "*"], true, never>;
 }
 
 /**
@@ -3651,6 +3660,12 @@ declare class TnRadioComponent implements AfterViewInit, OnDestroy, ControlValue
     radioEl: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     label: _angular_core.InputSignal<string>;
     value: _angular_core.InputSignal<unknown>;
+    /**
+     * Native `name`, which is what binds radios into one keyboard-navigable set. Inside a
+     * `tn-radio-group` it takes precedence over the group's own name — which means setting it there
+     * quietly excludes this option from the group's arrow-key navigation and lets it be checked
+     * alongside a sibling. Only set it on a standalone radio.
+     */
     name: _angular_core.InputSignal<string | undefined>;
     disabled: _angular_core.InputSignal<boolean>;
     required: _angular_core.InputSignal<boolean>;
@@ -3658,11 +3673,34 @@ declare class TnRadioComponent implements AfterViewInit, OnDestroy, ControlValue
     /** Test-id base, falling back to the bound control name when `testId` is unset. */
     protected resolvedTestId: _angular_core.Signal<TnTestIdValue>;
     error: _angular_core.InputSignal<string | null>;
+    /**
+     * Emits the picked value — only while standalone. Inside a `tn-radio-group` the group's own
+     * `change` is the single public event, so bind it there instead.
+     */
     change: _angular_core.OutputEmitterRef<unknown>;
     id: string;
-    checked: boolean;
+    /**
+     * The enclosing `tn-radio-group`, when there is one. Present for options rendered from the
+     * group's `options` input as well as for projected ones — element injectors chain through the
+     * template an element is *declared* in, which is the group either way. With groups nested in
+     * projected content it resolves to the nearest one, so an option always derives its state from
+     * the group it visually belongs to.
+     */
+    private group;
+    /**
+     * Checked state while standalone. Ignored inside a group, where {@link checked} derives from the
+     * group's value instead — the state that used to go stale, because Angular suppresses the
+     * model→view write on whichever accessor originated a change.
+     */
+    private standaloneChecked;
+    /** Whether this option renders as selected. */
+    checked: _angular_core.Signal<boolean>;
+    /** Native `name`: the group's (binding its options into one keyboard set) unless overridden. */
+    resolvedName: _angular_core.Signal<string | undefined>;
     private formDisabled;
     isDisabled: _angular_core.Signal<boolean>;
+    /** Own `required` input, or the enclosing group's. */
+    isRequired: _angular_core.Signal<boolean>;
     private focusMonitor;
     private onChange;
     private onTouched;
@@ -3673,6 +3711,12 @@ declare class TnRadioComponent implements AfterViewInit, OnDestroy, ControlValue
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     onRadioChange(event: Event): void;
+    /**
+     * Writes the resolved {@link checked} state straight to the input, past Angular's binding diff.
+     * Called by the enclosing group after a pick: the browser has already flipped two inputs by
+     * then, and `[checked]` only rewrites an input whose bound value actually changed.
+     */
+    syncNativeChecked(): void;
     classes: _angular_core.Signal<string[]>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TnRadioComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnRadioComponent, "tn-radio", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
@@ -3791,6 +3835,304 @@ interface RadioHarnessFilters extends BaseHarnessFilters {
     testId?: string;
 }
 
+/**
+ * The slice of `tn-radio-group` a child `tn-radio` needs, published over DI so the two components
+ * can talk without importing each other (the group renders radios in its own template, so the
+ * dependency has to be one-way).
+ *
+ * A radio that finds this token defers all selection state to the group: the group owns the value,
+ * the native `name` that binds the options into one keyboard-navigable set, and the
+ * disabled/required state. A radio that doesn't find it (used standalone) keeps its own
+ * `ControlValueAccessor` behaviour.
+ */
+interface TnRadioGroupApi {
+    /** Native `name` shared by every option in the group. */
+    resolvedName: Signal<string>;
+    /** Whether the whole group is disabled — via its input or a disabled bound form control. */
+    isDisabled: Signal<boolean>;
+    /** Whether the group is required, propagated to each option's native `required`. */
+    isRequired: Signal<boolean>;
+    /**
+     * Whether `value` is the group's current selection. Reactive: reads the group's value signal,
+     * so a radio can call it from inside a `computed`.
+     */
+    isSelected(value: unknown): boolean;
+    /** Records a user pick, notifying the bound form control. */
+    select(value: unknown): void;
+}
+/** DI token under which `tn-radio-group` exposes its {@link TnRadioGroupApi} to child radios. */
+declare const TN_RADIO_GROUP: InjectionToken<TnRadioGroupApi>;
+
+/** One selectable option of a `tn-radio-group` rendered from its `options` input. */
+interface TnRadioOption<T = unknown> {
+    value: T;
+    label: string;
+    disabled?: boolean;
+}
+/**
+ * A `role="radiogroup"` wrapper that owns the selection for a set of `tn-radio`s.
+ *
+ * `tn-radio` on its own is a per-option `ControlValueAccessor`, which makes a hand-rolled group
+ * (one `[formControl]` bound to every option) go stale: Angular suppresses the model→view write on
+ * the accessor that originated a change, so the previously checked option keeps rendering as
+ * checked. The group fixes that at the source — it is the single accessor, and each child derives
+ * its checked state from the group's value, so there is nothing to fall out of step.
+ *
+ * Options come from either the `options` input or projected `<tn-radio>` children; both resolve the
+ * group through DI, so the two forms behave identically and can be mixed.
+ *
+ * ```html
+ * <tn-form-field label="Encryption">
+ *   <tn-radio-group formControlName="encryption" [options]="encryptionOptions" />
+ * </tn-form-field>
+ *
+ * <tn-radio-group [formControl]="control" ariaLabel="Encryption">
+ *   <tn-radio label="None" value="none" />
+ *   <tn-radio label="Passphrase" value="passphrase" />
+ * </tn-radio-group>
+ * ```
+ *
+ * Inside a `tn-form-field` the group is a normal control: the field names it via
+ * `aria-labelledby`, infers the required indicator from its validators, and renders its validation
+ * message — none of which a bare set of radios gets.
+ */
+declare class TnRadioGroupComponent<T = unknown> implements ControlValueAccessor, TnRadioGroupApi {
+    /**
+     * Options to render. Leave unset to project `<tn-radio>` children instead — the group drives
+     * both the same way.
+     *
+     * Options are tracked by `value`, so object values must be referentially stable — rebuilding
+     * them as fresh literals on every change detection pass re-creates the whole list. Same
+     * requirement the `compareWith` case implies; hold the objects in a field.
+     */
+    options: _angular_core.InputSignal<TnRadioOption<T>[]>;
+    /**
+     * Lays the options out in a wrapping row instead of stacking them. Opt-in: stacked is the right
+     * default for anything longer than a two-option yes/no, the only shape a row reads well at.
+     */
+    inline: _angular_core.InputSignal<boolean>;
+    /**
+     * Native `name` shared by the options, which is what makes the browser treat them as one group
+     * for arrow-key navigation. Defaults to a per-instance generated name; set it only when
+     * something outside the group depends on the value. The scope of a native radio `name` is the
+     * whole form (or document), so two groups sharing an explicit name fuse into one — prefer the
+     * default when the same call site can render more than once.
+     *
+     * It is the group's name that binds the set, so a projected `<tn-radio name="…">` overrides it
+     * for itself and drops out: still rendered inside the group, but outside its arrow-key
+     * navigation and independently checkable. Leave `name` off projected children.
+     */
+    name: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Explicit accessible name for the group. Inside a `tn-form-field` with a label this is
+     * unnecessary — the field names the group automatically — but a group with neither is announced
+     * as an unlabeled radiogroup.
+     */
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    disabled: _angular_core.InputSignal<boolean>;
+    /** Propagated to each option's native `required`, so an unpicked group blocks native submit. */
+    required: _angular_core.InputSignal<boolean>;
+    /**
+     * Test-id base for the group and, scoped by the option label, for every option rendered from
+     * `options`: base `encryption` yields `radio-group-encryption` on the group and
+     * `radio-encryption-passphrase` on its options. Falls back to the bound control name.
+     *
+     * Projected `<tn-radio>` children keep their own test-id resolution — the group does not reach
+     * into content it did not render — so give each one a `testId` of its own.
+     */
+    testId: _angular_core.InputSignal<TnTestIdValue>;
+    /**
+     * Custom comparator for matching option values against the selected value. Provide it when
+     * option values are objects — the default is identity, so a structurally-equal-but-distinct
+     * object would leave the group rendering nothing as checked.
+     *
+     * Called once per option on every check, including while nothing is selected — the selected
+     * value is `null` then, so the comparator must tolerate `null` on either side rather than
+     * dereferencing straight into a property.
+     *
+     * @example
+     * ```ts
+     * compareWith = (a, b) => a?.id === b?.id;
+     * ```
+     */
+    compareWith: _angular_core.InputSignal<((a: T | null, b: T | null) => boolean) | undefined>;
+    /** Emits the newly selected value on every user pick (not on programmatic writes). */
+    change: _angular_core.OutputEmitterRef<T | null>;
+    /**
+     * ARIA wiring from an enclosing `tn-form-field` (label, error/hint, invalid, required).
+     * All-null standalone, or when `ariaLabel` overrides the field's label.
+     */
+    protected readonly fieldAria: _truenas_ui_components.TnFormFieldAriaBindings;
+    /** Test-id base, falling back to the bound control name when `testId` is unset. */
+    protected readonly resolvedTestId: _angular_core.Signal<TnTestIdValue>;
+    /** Options rendered from `options` (view) and projected ones (content) — see {@link syncNativeChecked}. */
+    private readonly renderedOptions;
+    /**
+     * `descendants: true` so a projected option wrapped in markup is still found. This over-matches
+     * a `tn-radio-group` nested in the projected content, picking up its options too — harmless,
+     * because {@link syncNativeChecked} has each option write its *own* resolved checked state, and
+     * that derives from the option's nearest group rather than from this one.
+     */
+    private readonly projectedOptions;
+    private readonly uid;
+    private readonly selectedValue;
+    private readonly formDisabled;
+    /** Group name handed to every child radio; generated per instance unless `name` is set. */
+    readonly resolvedName: _angular_core.Signal<string>;
+    /**
+     * Combined disabled state (own input plus a disabled bound control), read by child radios and
+     * announced on the group root. The native `disabled` on each option is what blocks interaction;
+     * `aria-disabled` on the radiogroup is what tells a screen reader landing on the container
+     * about it, and gives styling an `[aria-disabled]` hook for the group as a whole.
+     */
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    /**
+     * Required state read by child radios, which render it as the native attribute. Deliberately
+     * *not* widened to an enclosing `tn-form-field`'s inferred required state: native constraint
+     * validation on a radio would block submission with a browser popup, which is not what attaching
+     * `Validators.required` to a control asks for. The inferred state still reaches assistive tech —
+     * see the group's `aria-required` binding.
+     */
+    readonly isRequired: _angular_core.Signal<boolean>;
+    /** Whether the group announces itself as required: its own input, or the field's inferred state. */
+    protected readonly ariaRequired: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    isSelected(value: unknown): boolean;
+    select(value: unknown): void;
+    writeValue(value: T | null): void;
+    registerOnChange(fn: (value: T | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * Marks the control touched when focus leaves the group. `focusout` also fires while moving
+     * between the group's own options, which is harmless — the user has interacted either way — and
+     * it is the only blur signal available, since a radio's blur does not bubble.
+     */
+    protected onFocusOut(): void;
+    /**
+     * Reconciles every option's native `checked` with the group's value. A pick reaches the DOM
+     * before Angular: the browser checks the clicked input and unchecks its sibling on its own, and
+     * `[checked]` then only rewrites an input whose bound value actually changed. When the value
+     * lands somewhere the bindings don't account for — a consumer reverting the pick, a comparator
+     * that matches neither option — one or both inputs are left showing the browser's guess.
+     */
+    private syncNativeChecked;
+    /** Per-option test-id segments: the group's base scoped by the option label. */
+    protected optionTestId(option: TnRadioOption<T>): TnTestIdValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TnRadioGroupComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnRadioGroupComponent<any>, "tn-radio-group", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; }, { "change": "change"; }, ["projectedOptions"], ["*"], true, never>;
+}
+
+/**
+ * Harness for interacting with `tn-radio-group` in tests.
+ * Drives the group as a whole — picking an option by label, reading the current selection —
+ * rather than reaching for each `tn-radio` individually.
+ *
+ * @example
+ * ```typescript
+ * const group = await loader.getHarness(TnRadioGroupHarness.with({ testId: 'encryption' }));
+ * await group.select('Passphrase');
+ * expect(await group.getCheckedLabel()).toBe('Passphrase');
+ * ```
+ */
+declare class TnRadioGroupHarness extends ComponentHarness {
+    /** The selector for the host element of a `TnRadioGroupComponent` instance. */
+    static hostSelector: string;
+    private _root;
+    private _radios;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a radio group with specific
+     * attributes.
+     *
+     * @param options Options for filtering which radio group instances are considered a match.
+     * @returns A `HarnessPredicate` configured with the given options.
+     *
+     * @example
+     * ```typescript
+     * // Find by accessible name
+     * const group = await loader.getHarness(TnRadioGroupHarness.with({ ariaLabel: 'Encryption' }));
+     *
+     * // Find by testId
+     * const group = await loader.getHarness(TnRadioGroupHarness.with({ testId: 'radio-group-encryption' }));
+     * ```
+     */
+    static with(options?: RadioGroupHarnessFilters): HarnessPredicate<TnRadioGroupHarness>;
+    /**
+     * Gets the harnesses for the group's options, in DOM order.
+     *
+     * @example
+     * ```typescript
+     * const options = await group.getOptions();
+     * expect(options).toHaveLength(2);
+     * ```
+     */
+    getOptions(): Promise<TnRadioHarness[]>;
+    /**
+     * Gets the label text of every option, in DOM order.
+     *
+     * @example
+     * ```typescript
+     * expect(await group.getOptionLabels()).toEqual(['None', 'Passphrase']);
+     * ```
+     */
+    getOptionLabels(): Promise<string[]>;
+    /**
+     * Gets the label of the currently checked option, or null when nothing is selected.
+     *
+     * @example
+     * ```typescript
+     * expect(await group.getCheckedLabel()).toBe('Passphrase');
+     * ```
+     */
+    getCheckedLabel(): Promise<string | null>;
+    /**
+     * Selects the option with the given label. Throws when the group has no such option, so a
+     * renamed or missing option fails loudly instead of silently leaving the selection unchanged.
+     *
+     * @param label Label text of the option to select.
+     *
+     * @example
+     * ```typescript
+     * await group.select('Passphrase');
+     * ```
+     */
+    select(label: string): Promise<void>;
+    /**
+     * Checks whether every option is disabled — the state a disabled group or a disabled bound
+     * form control produces. Use {@link getOptions} to inspect a single per-option `disabled`.
+     *
+     * @example
+     * ```typescript
+     * expect(await group.isDisabled()).toBe(true);
+     * ```
+     */
+    isDisabled(): Promise<boolean>;
+    /**
+     * Gets the group's accessible name as written by the `ariaLabel` input, or null when the name
+     * comes from an enclosing `tn-form-field` (see {@link getAriaLabelledBy}).
+     */
+    getAriaLabel(): Promise<string | null>;
+    /** Gets the id the group's accessible name is delegated to, or null. */
+    getAriaLabelledBy(): Promise<string | null>;
+    /**
+     * Gets the test ID attribute value of the group root.
+     *
+     * @example
+     * ```typescript
+     * expect(await group.getTestId()).toBe('radio-group-encryption');
+     * ```
+     */
+    getTestId(): Promise<string | null>;
+}
+/** A set of criteria that can be used to filter a list of `TnRadioGroupHarness` instances. */
+interface RadioGroupHarnessFilters extends BaseHarnessFilters {
+    /** Filters by the group's `aria-label`. Supports string or regex matching. */
+    ariaLabel?: string | RegExp;
+    /** Filters by the resolved test-id attribute on the group root. */
+    testId?: string;
+}
+
 type SlideToggleColor = 'primary' | 'accent' | 'warn';
 declare class TnSlideToggleComponent implements AfterViewInit, OnDestroy, ControlValueAccessor {
     toggleEl: _angular_core.Signal<ElementRef<HTMLInputElement>>;
@@ -10939,5 +11281,5 @@ declare const TN_THEME_DEFINITIONS: readonly TnThemeDefinition[];
  */
 declare const THEME_MAP: Map<TnTheme, TnThemeDefinition>;
 
-export { CommonShortcuts, DEFAULT_THEME, DiskIconComponent, DiskType, FileSizePipe, InputType, LIGHT_THEME, LabelMarkupPipe, LabelTextPipe, LinuxModifierKeys, LinuxShortcuts, ModifierKeys, QuickShortcuts, ShortcutBuilder, THEME_MAP, THEME_STORAGE_KEY, TN_CALENDAR_INTL, TN_CALENDAR_INTL_DEFAULTS, TN_FORM_FIELD_CONTEXT, TN_FORM_FIELD_ERRORS, TN_TABLE_PAGER_DEFAULT_LABELS, TN_TABLE_PAGER_LABELS, TN_TEST_ATTR, TN_THEME_DEFINITIONS, TnAutocompleteComponent, TnAutocompleteHarness, TnBannerActionDirective, TnBannerComponent, TnBannerHarness, TnBrandedSpinnerComponent, TnButtonComponent, TnButtonHarness, TnButtonToggleComponent, TnButtonToggleGroupComponent, TnButtonToggleGroupHarness, TnButtonToggleHarness, TnCalendarCellHarness, TnCalendarComponent, TnCalendarHarness, TnCalendarHeaderComponent, TnCardComponent, TnCardFooterActionsDirective, TnCardHeaderActionsDirective, TnCardHeaderDirective, TnCellDefDirective, TnCheckboxComponent, TnCheckboxHarness, TnCheckboxLabelDirective, TnChipComponent, TnChipHarness, TnChipInputComponent, TnChipInputHarness, TnConfirmDialogComponent, TnDateInputComponent, TnDateInputHarness, TnDateRangeInputComponent, TnDateRangeInputHarness, TnDetailRowDefDirective, TnDialog, TnDialogHarness, TnDialogShellComponent, TnDialogTesting, TnDividerComponent, TnDividerDirective, TnDrawerComponent, TnDrawerContainerComponent, TnDrawerContainerHarness, TnDrawerContentComponent, TnDrawerHarness, TnEmptyComponent, TnEmptyHarness, TnExpansionPanelComponent, TnExpansionPanelHarness, TnFileInputComponent, TnFileInputHarness, TnFilePickerComponent, TnFilePickerHarness, TnFilePickerPopupComponent, TnFormFieldComponent, TnFormFieldHarness, TnFormSectionComponent, TnFormSectionHarness, TnHeaderCellDefDirective, TnIconButtonComponent, TnIconButtonHarness, TnIconComponent, TnIconHarness, TnIconRegistryService, TnIconTesting, TnInputComponent, TnInputDirective, TnInputHarness, TnKeyboardShortcutComponent, TnKeyboardShortcutService, TnListAvatarDirective, TnListComponent, TnListIconDirective, TnListItemComponent, TnListItemLineDirective, TnListItemPrimaryDirective, TnListItemSecondaryDirective, TnListItemTitleDirective, TnListItemTrailingDirective, TnListOptionComponent, TnListSubheaderComponent, TnMenuActivateHoverDirective, TnMenuComponent, TnMenuHarness, TnMenuItemComponent, TnMenuTesting, TnMenuTriggerDirective, TnMonthViewComponent, TnMultiYearViewComponent, TnNestedTreeDataSource, TnNestedTreeNodeComponent, TnParticleProgressBarComponent, TnProgressBarComponent, TnRadioComponent, TnRadioHarness, TnSelectComponent, TnSelectHarness, TnSelectionListComponent, TnSidePanelActionDirective, TnSidePanelComponent, TnSidePanelHarness, TnSidePanelHeaderActionDirective, TnSlideToggleComponent, TnSlideToggleHarness, TnSliderComponent, TnSliderThumbDirective, TnSliderWithLabelDirective, TnSpinnerComponent, TnSpriteLoaderService, TnStepComponent, TnStepperComponent, TnStepperHarness, TnStepperNextDirective, TnStepperPreviousDirective, TnTabComponent, TnTabHarness, TnTabPanelComponent, TnTabPanelHarness, TnTableColumnDirective, TnTableComponent, TnTableHarness, TnTablePagerComponent, TnTablePagerHarness, TnTabsComponent, TnTabsHarness, TnTestIdDirective, TnTheme, TnThemeService, TnTimeInputComponent, TnToastComponent, TnToastMock, TnToastPosition, TnToastRef, TnToastService, TnToastTesting, TnToastType, TnTooltipComponent, TnTooltipDirective, TnTreeComponent, TnTreeFlatDataSource, TnTreeFlattener, TnTreeHarness, TnTreeNodeComponent, TnTreeNodeHarness, TnTreeNodeOutletDirective, TnTreeVirtualScrollNodeOutletDirective, TnTreeVirtualScrollViewComponent, TnTreeVirtualScrollViewHarness, TruncatePathPipe, WindowsModifierKeys, WindowsShortcuts, allowsCurrentDirectorySelection, composeTestId, controlTestId, createFlatTreeControl, createLucideLibrary, createNestedTreeControl, createShortcut, defaultSpriteBasePath, defaultSpriteConfigPath, defaultTreeItemSize, formatSize, getSelectableTypes, injectTnCalendarIntl, injectTnFormFieldAria, isPathWithinRoot, kebabTestSegment, labelMarkupToHtml, labelMarkupToText, libIconMarker, normalizeRootPath, optionTestId, parseLabelMarkup, parseSize, registerLucideIcons, scopeTestId, setupLucideIntegration, tnIconMarker, writeTestId };
-export type { AutocompleteHarnessFilters, BannerHarnessFilters, ButtonHarnessFilters, ButtonToggleHarnessFilters, CalendarCell, CalendarCellFill, CalendarCellHarnessFilters, CalendarHarnessFilters, CheckboxHarnessFilters, ChipColor, ChipHarnessFilters, DateInputHarnessFilters, DateRange, DateRangeInputHarnessFilters, DialogHarnessFilters, EmptyHarnessFilters, ExpansionPanelHarnessFilters, FileInputHarnessFilters, FilePickerCallbacks, FilePickerCreateAction, FilePickerCreateActionEvent, FilePickerError, FilePickerHarnessFilters, FilePickerMode, FileSystemItem, FileSystemItemType, FlatTreeControlOptions, FormFieldHarnessFilters, FormSectionHarnessFilters, IconButtonHarnessFilters, IconHarnessFilters, IconLibrary, IconLibraryType, IconResult, IconSize, IconSource, IconTestingMockOverrides, InputHarnessFilters, KeyCombination, LabelMarkupSegment, LabelMarkupSegmentType, LabelType, LucideIconOptions, MenuHarnessFilters, MockIconRegistry, MockSpriteLoader, NestedTreeControlOptions, PathSegment, PlatformType, ProgressBarMode, RadioHarnessFilters, ResolvedIcon, SelectHarnessFilters, ShortcutHandler, SidePanelHarnessFilters, SizeStandard, SlideToggleColor, SlideToggleHarnessFilters, SpinnerMode, SpriteConfig, StepperHarnessFilters, SubscriptSizing, TabChangeEvent, TabHarnessFilters, TabPanelHarnessFilters, TabsHarnessFilters, TnAutocompleteOption, TnBannerType, TnButtonToggleType, TnCalendarIntl, TnCalendarIntlInput, TnCalendarView, TnCardAction, TnCardControl, TnCardFooterLink, TnCardHeaderStatus, TnChipInputHarnessFilters, TnChipInputOption, TnConfirmDialogData, TnDialogDefaults, TnDialogOpenTarget, TnDrawerMode, TnDrawerPosition, TnEmptySize, TnFlatTreeNode, TnFormFieldAriaBindings, TnFormFieldContext, TnFormFieldErrorMessage, TnFormFieldErrorMessages, TnFormFieldErrorResolver, TnMenuItem, TnOptionTestIdSource, TnSelectOption, TnSelectOptionGroup, TnSelectionChange, TnSortEvent, TnTableDataProvider, TnTableDataSource, TnTableHarnessFilters, TnTablePagerHarnessFilters, TnTablePagerLabels, TnTablePagination, TnTestAttrName, TnTestIdValue, TnThemeDefinition, TnToastCall, TnToastConfig, TnTreeExpansion, TnTreeHarnessFilters, TnTreeNodeHarnessFilters, TnTreeVirtualNodeData, TnTreeVirtualScrollViewHarnessFilters, TooltipPosition, YearCell };
+export { CommonShortcuts, DEFAULT_THEME, DiskIconComponent, DiskType, FileSizePipe, InputType, LIGHT_THEME, LabelMarkupPipe, LabelTextPipe, LinuxModifierKeys, LinuxShortcuts, ModifierKeys, QuickShortcuts, ShortcutBuilder, THEME_MAP, THEME_STORAGE_KEY, TN_CALENDAR_INTL, TN_CALENDAR_INTL_DEFAULTS, TN_FORM_FIELD_CONTEXT, TN_FORM_FIELD_ERRORS, TN_RADIO_GROUP, TN_TABLE_PAGER_DEFAULT_LABELS, TN_TABLE_PAGER_LABELS, TN_TEST_ATTR, TN_THEME_DEFINITIONS, TnAutocompleteComponent, TnAutocompleteHarness, TnBannerActionDirective, TnBannerComponent, TnBannerHarness, TnBrandedSpinnerComponent, TnButtonComponent, TnButtonHarness, TnButtonToggleComponent, TnButtonToggleGroupComponent, TnButtonToggleGroupHarness, TnButtonToggleHarness, TnCalendarCellHarness, TnCalendarComponent, TnCalendarHarness, TnCalendarHeaderComponent, TnCardComponent, TnCardFooterActionsDirective, TnCardHeaderActionsDirective, TnCardHeaderDirective, TnCellDefDirective, TnCheckboxComponent, TnCheckboxHarness, TnCheckboxLabelDirective, TnChipComponent, TnChipHarness, TnChipInputComponent, TnChipInputHarness, TnConfirmDialogComponent, TnDateInputComponent, TnDateInputHarness, TnDateRangeInputComponent, TnDateRangeInputHarness, TnDetailRowDefDirective, TnDialog, TnDialogHarness, TnDialogShellComponent, TnDialogTesting, TnDividerComponent, TnDividerDirective, TnDrawerComponent, TnDrawerContainerComponent, TnDrawerContainerHarness, TnDrawerContentComponent, TnDrawerHarness, TnEmptyComponent, TnEmptyHarness, TnExpansionPanelComponent, TnExpansionPanelHarness, TnFileInputComponent, TnFileInputHarness, TnFilePickerComponent, TnFilePickerHarness, TnFilePickerPopupComponent, TnFormFieldComponent, TnFormFieldHarness, TnFormSectionComponent, TnFormSectionHarness, TnHeaderCellDefDirective, TnIconButtonComponent, TnIconButtonHarness, TnIconComponent, TnIconHarness, TnIconRegistryService, TnIconTesting, TnInputComponent, TnInputDirective, TnInputHarness, TnKeyboardShortcutComponent, TnKeyboardShortcutService, TnListAvatarDirective, TnListComponent, TnListIconDirective, TnListItemComponent, TnListItemLineDirective, TnListItemPrimaryDirective, TnListItemSecondaryDirective, TnListItemTitleDirective, TnListItemTrailingDirective, TnListOptionComponent, TnListSubheaderComponent, TnMenuActivateHoverDirective, TnMenuComponent, TnMenuHarness, TnMenuItemComponent, TnMenuTesting, TnMenuTriggerDirective, TnMonthViewComponent, TnMultiYearViewComponent, TnNestedTreeDataSource, TnNestedTreeNodeComponent, TnParticleProgressBarComponent, TnProgressBarComponent, TnRadioComponent, TnRadioGroupComponent, TnRadioGroupHarness, TnRadioHarness, TnSelectComponent, TnSelectHarness, TnSelectionListComponent, TnSidePanelActionDirective, TnSidePanelComponent, TnSidePanelHarness, TnSidePanelHeaderActionDirective, TnSlideToggleComponent, TnSlideToggleHarness, TnSliderComponent, TnSliderThumbDirective, TnSliderWithLabelDirective, TnSpinnerComponent, TnSpriteLoaderService, TnStepComponent, TnStepperComponent, TnStepperHarness, TnStepperNextDirective, TnStepperPreviousDirective, TnTabComponent, TnTabHarness, TnTabPanelComponent, TnTabPanelHarness, TnTableColumnDirective, TnTableComponent, TnTableHarness, TnTablePagerComponent, TnTablePagerHarness, TnTabsComponent, TnTabsHarness, TnTestIdDirective, TnTheme, TnThemeService, TnTimeInputComponent, TnToastComponent, TnToastMock, TnToastPosition, TnToastRef, TnToastService, TnToastTesting, TnToastType, TnTooltipComponent, TnTooltipDirective, TnTreeComponent, TnTreeFlatDataSource, TnTreeFlattener, TnTreeHarness, TnTreeNodeComponent, TnTreeNodeHarness, TnTreeNodeOutletDirective, TnTreeVirtualScrollNodeOutletDirective, TnTreeVirtualScrollViewComponent, TnTreeVirtualScrollViewHarness, TruncatePathPipe, WindowsModifierKeys, WindowsShortcuts, allowsCurrentDirectorySelection, composeTestId, controlTestId, createFlatTreeControl, createLucideLibrary, createNestedTreeControl, createShortcut, defaultSpriteBasePath, defaultSpriteConfigPath, defaultTreeItemSize, formatSize, getSelectableTypes, injectTnCalendarIntl, injectTnFormFieldAria, isPathWithinRoot, kebabTestSegment, labelMarkupToHtml, labelMarkupToText, libIconMarker, normalizeRootPath, optionTestId, parseLabelMarkup, parseSize, registerLucideIcons, scopeTestId, setupLucideIntegration, tnIconMarker, writeTestId };
+export type { AutocompleteHarnessFilters, BannerHarnessFilters, ButtonHarnessFilters, ButtonToggleHarnessFilters, CalendarCell, CalendarCellFill, CalendarCellHarnessFilters, CalendarHarnessFilters, CheckboxHarnessFilters, ChipColor, ChipHarnessFilters, DateInputHarnessFilters, DateRange, DateRangeInputHarnessFilters, DialogHarnessFilters, EmptyHarnessFilters, ExpansionPanelHarnessFilters, FileInputHarnessFilters, FilePickerCallbacks, FilePickerCreateAction, FilePickerCreateActionEvent, FilePickerError, FilePickerHarnessFilters, FilePickerMode, FileSystemItem, FileSystemItemType, FlatTreeControlOptions, FormFieldHarnessFilters, FormSectionHarnessFilters, IconButtonHarnessFilters, IconHarnessFilters, IconLibrary, IconLibraryType, IconResult, IconSize, IconSource, IconTestingMockOverrides, InputHarnessFilters, KeyCombination, LabelMarkupSegment, LabelMarkupSegmentType, LabelType, LucideIconOptions, MenuHarnessFilters, MockIconRegistry, MockSpriteLoader, NestedTreeControlOptions, PathSegment, PlatformType, ProgressBarMode, RadioGroupHarnessFilters, RadioHarnessFilters, ResolvedIcon, SelectHarnessFilters, ShortcutHandler, SidePanelHarnessFilters, SizeStandard, SlideToggleColor, SlideToggleHarnessFilters, SpinnerMode, SpriteConfig, StepperHarnessFilters, SubscriptSizing, TabChangeEvent, TabHarnessFilters, TabPanelHarnessFilters, TabsHarnessFilters, TnAutocompleteOption, TnBannerType, TnButtonToggleType, TnCalendarIntl, TnCalendarIntlInput, TnCalendarView, TnCardAction, TnCardControl, TnCardFooterLink, TnCardHeaderStatus, TnChipInputHarnessFilters, TnChipInputOption, TnConfirmDialogData, TnDialogDefaults, TnDialogOpenTarget, TnDrawerMode, TnDrawerPosition, TnEmptySize, TnFlatTreeNode, TnFormFieldAriaBindings, TnFormFieldContext, TnFormFieldErrorMessage, TnFormFieldErrorMessages, TnFormFieldErrorResolver, TnMenuItem, TnOptionTestIdSource, TnRadioGroupApi, TnRadioOption, TnSelectOption, TnSelectOptionGroup, TnSelectionChange, TnSortEvent, TnTableDataProvider, TnTableDataSource, TnTableHarnessFilters, TnTablePagerHarnessFilters, TnTablePagerLabels, TnTablePagination, TnTestAttrName, TnTestIdValue, TnThemeDefinition, TnToastCall, TnToastConfig, TnTreeExpansion, TnTreeHarnessFilters, TnTreeNodeHarnessFilters, TnTreeVirtualNodeData, TnTreeVirtualScrollViewHarnessFilters, TooltipPosition, YearCell };