@truenas/ui-components 0.1.14 → 0.1.16

package/fesm2022/truenas-ui-components.mjs

@@ -2306,15 +2306,15 @@ class TnTabComponent {
     // Internal properties set by parent TnTabsComponent (public signals for parent control)
     index = signal(0, ...(ngDevMode ? [{ debugName: "index" }] : []));
     isActive = signal(false, ...(ngDevMode ? [{ debugName: "isActive" }] : []));
-    tabsComponent; // Will be set by parent
+    tabsComponent;
     elementRef = inject((ElementRef));
     hasIconContent = signal(false, ...(ngDevMode ? [{ debugName: "hasIconContent" }] : []));
     ngAfterContentInit() {
         this.hasIconContent.set(!!this.iconContent());
     }
     onClick() {
-        if (!this.disabled()) {
-            this.selected.emit();
+        if (!this.disabled() && this.tabsComponent) {
+            this.tabsComponent.selectTab(this.index());
         }
     }
     onKeydown(event) {
@@ -2427,10 +2427,6 @@ class TnTabsComponent {
             }
             this.cdr.detectChanges();
         });
-    }
-    ngAfterContentInit() {
-        this.initializeTabs();
-        this.selectTab(this.internalSelectedIndex());
         // Listen for tab changes
         effect(() => {
             // Track tabs signal to react to changes
@@ -2441,6 +2437,10 @@ class TnTabsComponent {
             }
         });
     }
+    ngAfterContentInit() {
+        this.initializeTabs();
+        this.selectTab(this.internalSelectedIndex());
+    }
     ngAfterViewInit() {
         // Wait for next tick to ensure DOM is fully rendered
         setTimeout(() => {
@@ -2466,12 +2466,6 @@ class TnTabsComponent {
             if (tab.elementRef) {
                 this.focusMonitor.monitor(tab.elementRef);
             }
-            // Set up click handlers
-            tab.selected.subscribe(() => {
-                if (!tab.disabled()) {
-                    this.selectTab(index);
-                }
-            });
         });
         this.panels().forEach((panel, index) => {
             panel.index.set(index);
@@ -2666,6 +2660,409 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
             args: [{ selector: 'tn-tabs', standalone: true, imports: [CommonModule, A11yModule, TnTabComponent, TnTabPanelComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div role=\"tablist\" [ngClass]=\"classes()\" [attr.aria-orientation]=\"orientation()\">\n  <div #tabHeader class=\"tn-tabs__header\">\n    <ng-content select=\"tn-tab\" />\n    @if (highlightBarVisible()) {\n      <div class=\"tn-tabs__highlight-bar\"\n           [style.left.px]=\"highlightBarLeft()\"\n           [style.width.px]=\"highlightBarWidth()\"\n           [style.top.px]=\"highlightBarTop()\"\n           [style.height.px]=\"highlightBarHeight()\">\n      </div>\n    }\n  </div>\n\n  <div class=\"tn-tabs__content\">\n    <ng-content select=\"tn-tab-panel\" />\n  </div>\n</div>", styles: [".tn-tabs{display:flex;flex-direction:column;width:100%;height:100%;min-width:0;font-family:var(--tn-font-family-body, \"Inter\", sans-serif)}.tn-tabs--disabled{opacity:.6;pointer-events:none}.tn-tabs--vertical{flex-direction:row}.tn-tabs--vertical .tn-tabs__header{flex-direction:column;border-bottom:none;border-right:1px solid var(--tn-lines, #e0e0e0);min-width:240px;width:auto}.tn-tabs--vertical .tn-tabs__content{flex:1;min-width:0}.tn-tabs--vertical .tn-tabs__highlight-bar{bottom:auto;height:auto}.tn-tabs--vertical .tn-tab{justify-content:flex-start;text-align:left;width:100%}.tn-tabs--vertical .tn-tab:hover:not(.tn-tab--disabled){background-color:var(--tn-alt-bg1, #f5f5f5);color:var(--tn-fg1, #333)}.tn-tabs__header{display:flex;background-color:var(--tn-bg1, #fff);position:relative;border-bottom:1px solid var(--tn-lines, #e0e0e0)}.tn-tabs__highlight-bar{position:absolute;bottom:-1px;height:2px;background-color:var(--tn-primary, #0095d5);transition:left .3s ease,width .3s ease,top .3s ease,height .3s ease;z-index:1}.tn-tabs__content{flex:1;position:relative;background-color:var(--tn-bg1, #fff);min-height:0;width:100%;overflow:hidden}@media(max-width:768px){.tn-tabs__header{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tn-tabs__header::-webkit-scrollbar{display:none}.tn-tabs--vertical .tn-tabs__header{overflow-y:auto;overflow-x:visible;max-height:300px}}@media(prefers-reduced-motion:reduce){.tn-tabs__highlight-bar{transition:none}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tabs: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TnTabComponent), { isSignal: true }] }], panels: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => TnTabPanelComponent), { isSignal: true }] }], tabHeader: [{ type: i0.ViewChild, args: ['tabHeader', { isSignal: true }] }], selectedIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIndex", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], highlightPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "highlightPosition", required: false }] }], selectedIndexChange: [{ type: i0.Output, args: ["selectedIndexChange"] }], tabChange: [{ type: i0.Output, args: ["tabChange"] }] } });
 
+/**
+ * Harness for interacting with tn-tab in tests.
+ * Provides methods for querying individual tab state and simulating selection.
+ *
+ * @example
+ * ```typescript
+ * // Find a tab by label
+ * const tab = await loader.getHarness(TnTabHarness.with({ label: 'Settings' }));
+ *
+ * // Check if active
+ * expect(await tab.isSelected()).toBe(false);
+ *
+ * // Select it
+ * await tab.select();
+ * expect(await tab.isSelected()).toBe(true);
+ * ```
+ */
+class TnTabHarness extends ComponentHarness {
+    /**
+     * The selector for the host element of a `TnTabComponent` instance.
+     */
+    static hostSelector = 'tn-tab';
+    _button = this.locatorFor('button[role="tab"]');
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a tab
+     * with specific attributes.
+     *
+     * @param options Options for filtering which tab instances are considered a match.
+     * @returns A `HarnessPredicate` configured with the given options.
+     *
+     * @example
+     * ```typescript
+     * // Find tab by exact label
+     * const tab = await loader.getHarness(TnTabHarness.with({ label: 'Overview' }));
+     *
+     * // Find tab by regex
+     * const tab = await loader.getHarness(TnTabHarness.with({ label: /settings/i }));
+     * ```
+     */
+    static with(options = {}) {
+        return new HarnessPredicate(TnTabHarness, options)
+            .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getLabel(), label));
+    }
+    /**
+     * Gets the tab's label text.
+     *
+     * @returns Promise resolving to the tab's label string.
+     *
+     * @example
+     * ```typescript
+     * const tab = await loader.getHarness(TnTabHarness);
+     * expect(await tab.getLabel()).toBe('Overview');
+     * ```
+     */
+    async getLabel() {
+        const labelEl = await this.locatorFor('.tn-tab__label')();
+        return (await labelEl.text()).trim();
+    }
+    /**
+     * Checks whether the tab is currently selected (active).
+     *
+     * @returns Promise resolving to true if the tab is selected.
+     *
+     * @example
+     * ```typescript
+     * const tab = await loader.getHarness(TnTabHarness.with({ label: 'Overview' }));
+     * expect(await tab.isSelected()).toBe(true);
+     * ```
+     */
+    async isSelected() {
+        const button = await this._button();
+        return (await button.getAttribute('aria-selected')) === 'true';
+    }
+    /**
+     * Checks whether the tab is disabled.
+     *
+     * @returns Promise resolving to true if the tab is disabled.
+     *
+     * @example
+     * ```typescript
+     * const tab = await loader.getHarness(TnTabHarness.with({ label: 'Disabled Tab' }));
+     * expect(await tab.isDisabled()).toBe(true);
+     * ```
+     */
+    async isDisabled() {
+        const button = await this._button();
+        return (await button.getProperty('disabled')) ?? false;
+    }
+    /**
+     * Selects the tab by clicking it.
+     *
+     * @returns Promise that resolves when the tab has been clicked.
+     *
+     * @example
+     * ```typescript
+     * const tab = await loader.getHarness(TnTabHarness.with({ label: 'Settings' }));
+     * await tab.select();
+     * ```
+     */
+    async select() {
+        const button = await this._button();
+        await button.click();
+    }
+    /**
+     * Gets the tab's testId attribute value.
+     *
+     * @returns Promise resolving to the data-testid value, or null if not set.
+     *
+     * @example
+     * ```typescript
+     * const tab = await loader.getHarness(TnTabHarness);
+     * expect(await tab.getTestId()).toBe('my-tab');
+     * ```
+     */
+    async getTestId() {
+        const button = await this._button();
+        return button.getAttribute('data-testid');
+    }
+}
+
+/**
+ * Harness for interacting with tn-tab-panel in tests.
+ * Provides methods for querying panel visibility and content.
+ *
+ * @example
+ * ```typescript
+ * // Get all panels
+ * const panels = await loader.getAllHarnesses(TnTabPanelHarness);
+ *
+ * // Check which panel is active
+ * for (const panel of panels) {
+ *   if (await panel.isActive()) {
+ *     const text = await panel.getTextContent();
+ *     expect(text).toContain('Overview');
+ *   }
+ * }
+ * ```
+ */
+class TnTabPanelHarness extends ComponentHarness {
+    /**
+     * The selector for the host element of a `TnTabPanelComponent` instance.
+     */
+    static hostSelector = 'tn-tab-panel';
+    _panel = this.locatorFor('[role="tabpanel"]');
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a tab panel
+     * with specific attributes.
+     *
+     * @param options Options for filtering which panel instances are considered a match.
+     * @returns A `HarnessPredicate` configured with the given options.
+     *
+     * @example
+     * ```typescript
+     * const panel = await loader.getHarness(
+     *   TnTabPanelHarness.with({ textContains: 'Overview' })
+     * );
+     * ```
+     */
+    static with(options = {}) {
+        return new HarnessPredicate(TnTabPanelHarness, options)
+            .addOption('textContains', options.textContains, (harness, text) => HarnessPredicate.stringMatches(harness.getTextContent(), text));
+    }
+    /**
+     * Checks whether the panel is currently active (visible).
+     *
+     * @returns Promise resolving to true if the panel is active.
+     *
+     * @example
+     * ```typescript
+     * const panel = await loader.getHarness(TnTabPanelHarness);
+     * expect(await panel.isActive()).toBe(true);
+     * ```
+     */
+    async isActive() {
+        const panel = await this._panel();
+        return (await panel.getAttribute('aria-hidden')) === 'false';
+    }
+    /**
+     * Gets the text content of the panel.
+     *
+     * @returns Promise resolving to the panel's text content.
+     *
+     * @example
+     * ```typescript
+     * const panel = await loader.getHarness(TnTabPanelHarness);
+     * expect(await panel.getTextContent()).toContain('Overview');
+     * ```
+     */
+    async getTextContent() {
+        const panel = await this._panel();
+        return (await panel.text()).trim();
+    }
+    /**
+     * Gets the panel's testId attribute value.
+     *
+     * @returns Promise resolving to the data-testid value, or null if not set.
+     *
+     * @example
+     * ```typescript
+     * const panel = await loader.getHarness(TnTabPanelHarness);
+     * expect(await panel.getTestId()).toBe('my-panel');
+     * ```
+     */
+    async getTestId() {
+        const panel = await this._panel();
+        return panel.getAttribute('data-testid');
+    }
+}
+
+/**
+ * Harness for interacting with tn-tabs in tests.
+ * Provides methods for querying tab state, selecting tabs, and inspecting panels.
+ *
+ * @example
+ * ```typescript
+ * // Get the tabs harness
+ * const tabs = await loader.getHarness(TnTabsHarness);
+ *
+ * // Select a tab by label
+ * await tabs.selectTab({ label: 'Settings' });
+ *
+ * // Get the selected tab label
+ * const selected = await tabs.getSelectedTab();
+ * expect(await selected.getLabel()).toBe('Settings');
+ *
+ * // Get all tab labels
+ * const labels = await tabs.getTabLabels();
+ * expect(labels).toEqual(['Overview', 'Details', 'Settings']);
+ * ```
+ */
+class TnTabsHarness extends ComponentHarness {
+    /**
+     * The selector for the host element of a `TnTabsComponent` instance.
+     */
+    static hostSelector = 'tn-tabs';
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for tabs
+     * with specific attributes.
+     *
+     * @param options Options for filtering which tabs instances are considered a match.
+     * @returns A `HarnessPredicate` configured with the given options.
+     *
+     * @example
+     * ```typescript
+     * // Find by orientation
+     * const tabs = await loader.getHarness(TnTabsHarness.with({ orientation: 'vertical' }));
+     *
+     * // Find the tab group containing a "Settings" tab
+     * const tabs = await loader.getHarness(TnTabsHarness.with({ hasTab: 'Settings' }));
+     *
+     * // Find by regex
+     * const tabs = await loader.getHarness(TnTabsHarness.with({ hasTab: /settings/i }));
+     * ```
+     */
+    static with(options = {}) {
+        return new HarnessPredicate(TnTabsHarness, options)
+            .addOption('orientation', options.orientation, async (harness, orientation) => {
+            return (await harness.getOrientation()) === orientation;
+        })
+            .addOption('hasTab', options.hasTab, async (harness, label) => {
+            const labels = await harness.getTabLabels();
+            if (label instanceof RegExp) {
+                return labels.some(l => label.test(l));
+            }
+            return labels.includes(label);
+        });
+    }
+    /**
+     * Gets all tab harnesses within this tab group.
+     *
+     * @returns Promise resolving to an array of `TnTabHarness` instances.
+     *
+     * @example
+     * ```typescript
+     * const tabs = await loader.getHarness(TnTabsHarness);
+     * const allTabs = await tabs.getTabs();
+     * expect(allTabs.length).toBe(3);
+     * ```
+     */
+    async getTabs() {
+        return this.locatorForAll(TnTabHarness)();
+    }
+    /**
+     * Gets a specific tab by filter criteria.
+     *
+     * @param filter Optional filter to match a specific tab.
+     * @returns Promise resolving to the matching `TnTabHarness`.
+     *
+     * @example
+     * ```typescript
+     * const tabs = await loader.getHarness(TnTabsHarness);
+     * const settingsTab = await tabs.getTab({ label: 'Settings' });
+     * ```
+     */
+    async getTab(filter = {}) {
+        return this.locatorFor(TnTabHarness.with(filter))();
+    }
+    /**
+     * Gets all panel harnesses within this tab group.
+     *
+     * @returns Promise resolving to an array of `TnTabPanelHarness` instances.
+     *
+     * @example
+     * ```typescript
+     * const tabs = await loader.getHarness(TnTabsHarness);
+     * const panels = await tabs.getPanels();
+     * expect(panels.length).toBe(3);
+     * ```
+     */
+    async getPanels() {
+        return this.locatorForAll(TnTabPanelHarness)();
+    }
+    /**
+     * Gets all tab labels as strings.
+     *
+     * @returns Promise resolving to an array of tab label strings.
+     *
+     * @example
+     * ```typescript
+     * const tabs = await loader.getHarness(TnTabsHarness);
+     * const labels = await tabs.getTabLabels();
+     * expect(labels).toEqual(['Overview', 'Details', 'Settings']);
+     * ```
+     */
+    async getTabLabels() {
+        const tabs = await this.getTabs();
+        return Promise.all(tabs.map(tab => tab.getLabel()));
+    }
+    /**
+     * Gets the currently selected (active) tab.
+     *
+     * @returns Promise resolving to the active `TnTabHarness`.
+     * @throws If no active tab is found.
+     *
+     * @example
+     * ```typescript
+     * const tabs = await loader.getHarness(TnTabsHarness);
+     * const selected = await tabs.getSelectedTab();
+     * expect(await selected.getLabel()).toBe('Overview');
+     * ```
+     */
+    async getSelectedTab() {
+        const tabs = await this.getTabs();
+        for (const tab of tabs) {
+            if (await tab.isSelected()) {
+                return tab;
+            }
+        }
+        throw new Error('No selected tab found');
+    }
+    /**
+     * Selects a tab by filter criteria. Clicks the matching tab button.
+     *
+     * @param filter Filter to identify which tab to select.
+     * @returns Promise that resolves when the tab has been selected.
+     *
+     * @example
+     * ```typescript
+     * const tabs = await loader.getHarness(TnTabsHarness);
+     *
+     * // Select by label
+     * await tabs.selectTab({ label: 'Settings' });
+     *
+     * // Select by regex
+     * await tabs.selectTab({ label: /detail/i });
+     * ```
+     */
+    async selectTab(filter) {
+        const tab = await this.getTab(filter);
+        await tab.select();
+    }
+    /**
+     * Gets the orientation of the tab group.
+     *
+     * @returns Promise resolving to 'horizontal' or 'vertical'.
+     *
+     * @example
+     * ```typescript
+     * const tabs = await loader.getHarness(TnTabsHarness);
+     * expect(await tabs.getOrientation()).toBe('horizontal');
+     * ```
+     */
+    async getOrientation() {
+        const tablist = await this.locatorFor('[role="tablist"]')();
+        return (await tablist.getAttribute('aria-orientation')) ?? 'horizontal';
+    }
+    /**
+     * Gets the number of tabs.
+     *
+     * @returns Promise resolving to the tab count.
+     *
+     * @example
+     * ```typescript
+     * const tabs = await loader.getHarness(TnTabsHarness);
+     * expect(await tabs.getTabCount()).toBe(3);
+     * ```
+     */
+    async getTabCount() {
+        const tabs = await this.getTabs();
+        return tabs.length;
+    }
+}
+
 class TnKeyboardShortcutComponent {
     shortcut = input('', ...(ngDevMode ? [{ debugName: "shortcut" }] : []));
     platform = input('auto', ...(ngDevMode ? [{ debugName: "platform" }] : []));
@@ -7315,6 +7712,7 @@ class TnDialog {
         return Promise.resolve().then(function () { return confirmDialog_component; }).then(m => {
             const dialogRef = this.open(m.TnConfirmDialogComponent, {
                 data: opts,
+                width: '488px',
                 role: 'alertdialog',
                 disableClose: true,
                 panelClass: [opts.destructive ? 'tn-dialog--destructive' : ''].filter(Boolean),
@@ -7408,14 +7806,14 @@ class TnConfirmDialogComponent {
     ref = inject((DialogRef));
     data = inject(DIALOG_DATA);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TnConfirmDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: TnConfirmDialogComponent, isStandalone: true, selector: "tn-confirm-dialog", host: { properties: { "class.tn-dialog--destructive": "data.destructive" }, classAttribute: "tn-dialog-shell" }, ngImport: i0, template: "<tn-dialog-shell [title]=\"data.title\">\n  <p style=\"padding: var(--content-padding);\">{{ data.message }}</p>\n  <div tnDialogAction>\n    <tn-button\n      type=\"button\"\n      variant=\"outline\"\n      [label]=\"data.cancelText || 'Cancel'\"\n      (click)=\"ref.close(false)\" />\n    <tn-button\n      type=\"button\"\n      [color]=\"data.destructive ? 'warn' : 'primary'\"\n      [label]=\"data.confirmText || 'OK'\"\n      (click)=\"ref.close(true)\" />\n  </div>\n</tn-dialog-shell>\n", dependencies: [{ kind: "component", type: TnDialogShellComponent, selector: "tn-dialog-shell", inputs: ["title", "showFullscreenButton"] }, { kind: "component", type: TnButtonComponent, selector: "tn-button", inputs: ["primary", "color", "variant", "backgroundColor", "label", "disabled"], outputs: ["onClick"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: TnConfirmDialogComponent, isStandalone: true, selector: "tn-confirm-dialog", host: { properties: { "class.tn-dialog--destructive": "data.destructive" }, classAttribute: "tn-dialog-shell" }, ngImport: i0, template: "<tn-dialog-shell [title]=\"data.title\">\n  <p style=\"margin: 0;\">{{ data.message }}</p>\n  <div tnDialogAction>\n    <tn-button\n      type=\"button\"\n      variant=\"outline\"\n      [label]=\"data.cancelText || 'Cancel'\"\n      (click)=\"ref.close(false)\" />\n    <tn-button\n      type=\"button\"\n      [color]=\"data.destructive ? 'warn' : 'primary'\"\n      [label]=\"data.confirmText || 'OK'\"\n      (click)=\"ref.close(true)\" />\n  </div>\n</tn-dialog-shell>\n", dependencies: [{ kind: "component", type: TnDialogShellComponent, selector: "tn-dialog-shell", inputs: ["title", "showFullscreenButton"] }, { kind: "component", type: TnButtonComponent, selector: "tn-button", inputs: ["primary", "color", "variant", "backgroundColor", "label", "disabled"], outputs: ["onClick"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TnConfirmDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tn-confirm-dialog', standalone: true, imports: [TnDialogShellComponent, TnButtonComponent], host: {
                         'class': 'tn-dialog-shell',
                         '[class.tn-dialog--destructive]': 'data.destructive'
-                    }, template: "<tn-dialog-shell [title]=\"data.title\">\n  <p style=\"padding: var(--content-padding);\">{{ data.message }}</p>\n  <div tnDialogAction>\n    <tn-button\n      type=\"button\"\n      variant=\"outline\"\n      [label]=\"data.cancelText || 'Cancel'\"\n      (click)=\"ref.close(false)\" />\n    <tn-button\n      type=\"button\"\n      [color]=\"data.destructive ? 'warn' : 'primary'\"\n      [label]=\"data.confirmText || 'OK'\"\n      (click)=\"ref.close(true)\" />\n  </div>\n</tn-dialog-shell>\n" }]
+                    }, template: "<tn-dialog-shell [title]=\"data.title\">\n  <p style=\"margin: 0;\">{{ data.message }}</p>\n  <div tnDialogAction>\n    <tn-button\n      type=\"button\"\n      variant=\"outline\"\n      [label]=\"data.cancelText || 'Cancel'\"\n      (click)=\"ref.close(false)\" />\n    <tn-button\n      type=\"button\"\n      [color]=\"data.destructive ? 'warn' : 'primary'\"\n      [label]=\"data.confirmText || 'OK'\"\n      (click)=\"ref.close(true)\" />\n  </div>\n</tn-dialog-shell>\n" }]
         }] });
 
 var confirmDialog_component = /*#__PURE__*/Object.freeze({
@@ -8912,5 +9310,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CommonShortcuts, DEFAULT_THEME, DiskIconComponent, DiskType, FileSizePipe, InputType, LinuxModifierKeys, LinuxShortcuts, ModifierKeys, QuickShortcuts, ShortcutBuilder, StripMntPrefixPipe, THEME_MAP, THEME_STORAGE_KEY, TN_THEME_DEFINITIONS, TnBannerActionDirective, TnBannerComponent, TnBannerHarness, TnBrandedSpinnerComponent, TnButtonComponent, TnButtonHarness, TnButtonToggleComponent, TnButtonToggleGroupComponent, TnCalendarComponent, TnCalendarHeaderComponent, TnCardComponent, TnCellDefDirective, TnCheckboxComponent, TnChipComponent, TnConfirmDialogComponent, TnDateInputComponent, TnDateRangeInputComponent, TnDialog, TnDialogShellComponent, TnDividerComponent, TnDividerDirective, TnExpansionPanelComponent, TnFilePickerComponent, TnFilePickerPopupComponent, TnFormFieldComponent, TnHeaderCellDefDirective, TnIconButtonComponent, TnIconButtonHarness, TnIconComponent, TnIconHarness, TnIconRegistryService, TnIconTesting, TnInputComponent, TnInputDirective, TnInputHarness, TnKeyboardShortcutComponent, TnKeyboardShortcutService, TnListAvatarDirective, TnListComponent, TnListIconDirective, TnListItemComponent, TnListItemLineDirective, TnListItemPrimaryDirective, TnListItemSecondaryDirective, TnListItemTitleDirective, TnListItemTrailingDirective, TnListOptionComponent, TnListSubheaderComponent, TnMenuComponent, TnMenuTriggerDirective, TnMonthViewComponent, TnMultiYearViewComponent, TnNestedTreeNodeComponent, TnParticleProgressBarComponent, TnProgressBarComponent, TnRadioComponent, TnSelectComponent, TnSelectHarness, TnSelectionListComponent, TnSlideToggleComponent, TnSliderComponent, TnSliderThumbDirective, TnSliderWithLabelDirective, TnSpinnerComponent, TnSpriteLoaderService, TnStepComponent, TnStepperComponent, TnTabComponent, TnTabPanelComponent, TnTableColumnDirective, TnTableComponent, TnTabsComponent, TnTheme, TnThemeService, TnTimeInputComponent, TnTooltipComponent, TnTooltipDirective, TnTreeComponent, TnTreeFlatDataSource, TnTreeFlattener, TnTreeNodeComponent, TnTreeNodeOutletDirective, TruncatePathPipe, WindowsModifierKeys, WindowsShortcuts, createLucideLibrary, createShortcut, defaultSpriteBasePath, defaultSpriteConfigPath, libIconMarker, registerLucideIcons, setupLucideIntegration, tnIconMarker };
+export { CommonShortcuts, DEFAULT_THEME, DiskIconComponent, DiskType, FileSizePipe, InputType, LinuxModifierKeys, LinuxShortcuts, ModifierKeys, QuickShortcuts, ShortcutBuilder, StripMntPrefixPipe, THEME_MAP, THEME_STORAGE_KEY, TN_THEME_DEFINITIONS, TnBannerActionDirective, TnBannerComponent, TnBannerHarness, TnBrandedSpinnerComponent, TnButtonComponent, TnButtonHarness, TnButtonToggleComponent, TnButtonToggleGroupComponent, TnCalendarComponent, TnCalendarHeaderComponent, TnCardComponent, TnCellDefDirective, TnCheckboxComponent, TnChipComponent, TnConfirmDialogComponent, TnDateInputComponent, TnDateRangeInputComponent, TnDialog, TnDialogShellComponent, TnDividerComponent, TnDividerDirective, TnExpansionPanelComponent, TnFilePickerComponent, TnFilePickerPopupComponent, TnFormFieldComponent, TnHeaderCellDefDirective, TnIconButtonComponent, TnIconButtonHarness, TnIconComponent, TnIconHarness, TnIconRegistryService, TnIconTesting, TnInputComponent, TnInputDirective, TnInputHarness, TnKeyboardShortcutComponent, TnKeyboardShortcutService, TnListAvatarDirective, TnListComponent, TnListIconDirective, TnListItemComponent, TnListItemLineDirective, TnListItemPrimaryDirective, TnListItemSecondaryDirective, TnListItemTitleDirective, TnListItemTrailingDirective, TnListOptionComponent, TnListSubheaderComponent, TnMenuComponent, TnMenuTriggerDirective, TnMonthViewComponent, TnMultiYearViewComponent, TnNestedTreeNodeComponent, TnParticleProgressBarComponent, TnProgressBarComponent, TnRadioComponent, TnSelectComponent, TnSelectHarness, TnSelectionListComponent, TnSlideToggleComponent, TnSliderComponent, TnSliderThumbDirective, TnSliderWithLabelDirective, TnSpinnerComponent, TnSpriteLoaderService, TnStepComponent, TnStepperComponent, TnTabComponent, TnTabHarness, TnTabPanelComponent, TnTabPanelHarness, TnTableColumnDirective, TnTableComponent, TnTabsComponent, TnTabsHarness, TnTheme, TnThemeService, TnTimeInputComponent, TnTooltipComponent, TnTooltipDirective, TnTreeComponent, TnTreeFlatDataSource, TnTreeFlattener, TnTreeNodeComponent, TnTreeNodeOutletDirective, TruncatePathPipe, WindowsModifierKeys, WindowsShortcuts, createLucideLibrary, createShortcut, defaultSpriteBasePath, defaultSpriteConfigPath, libIconMarker, registerLucideIcons, setupLucideIntegration, tnIconMarker };
 //# sourceMappingURL=truenas-ui-components.mjs.map