@frame-kit/ui-ng-patterns 0.1.5 → 0.1.7

package/types/frame-kit-ui-ng-patterns-dashboard.d.ts

@@ -1,6 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 import { HeadlineLevel } from '@frame-kit/ui-ng/core/headline';
+import * as i1 from '@angular/cdk/drag-drop';
 
 /**
  * Page-level dashboard header: title + optional description on the left, up to
@@ -378,5 +379,387 @@ declare class SidebarNavItemDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SidebarNavItemDirective, "ng-template[fkSidebarNavItem]", never, {}, {}, never, never, true, never>;
 }
 
-export { ColumnsComponent, ContentSplitLayoutComponent, DetailPanelComponent, PageHeaderComponent, SidebarNavComponent, SidebarNavItemDirective, TableEmptyStateComponent };
-export type { SidebarNavChild, SidebarNavGroup, SidebarNavItem, SidebarNavLink, SidebarNavModel };
+/**
+ * Colour accent for the dialog header's icon tile. Each value is a semantic
+ * tone that maps to a `--fk-color-*` token — never a literal colour name — so a
+ * theme can retint it. Pick by the action's meaning:
+ *
+ * - `brand` — a create / neutral primary action.
+ * - `warning` — a cautionary but reversible change (edit, rotate, deactivate).
+ * - `success` — a positive / recoverable outcome.
+ * - `danger` — a destructive, hard-to-reverse action.
+ * - `accent` — a secondary highlight tone with no danger connotation.
+ */
+type DialogHeaderTint = 'brand' | 'warning' | 'success' | 'danger' | 'accent';
+
+/**
+ * Colour of the shell's built-in confirm button:
+ *
+ * - `primary` — the default create / affirmative action.
+ * - `danger` — a destructive, hard-to-reverse action.
+ * - `warning` — a cautionary but reversible change; renders as a retinted
+ *   `danger` button (fk-button has no warning variant, so the shell overrides
+ *   its danger custom properties to the warning scale).
+ */
+type DialogConfirmVariant = 'primary' | 'danger' | 'warning';
+
+/**
+ * The one dialog shell every dashboard dialog is built from. It owns the fixed
+ * chrome — the tinted icon-tile header (title / accent / subtitle + close) and
+ * the footer (muted note + the standard Cancel/confirm buttons) — so individual
+ * dialogs stop re-declaring any of it. Everything unique to a dialog lives in
+ * the projected **content region**.
+ *
+ * The shell carries no i18n dependency and no domain data: every label is a
+ * plain input (with English defaults for the built-in Cancel button), and the
+ * icons are inputs that degrade gracefully when empty. Render it inside the
+ * consuming app's own `fk-dialog` (opened bare — `header: null, closable:
+ * false` — with an `ariaLabel` for an accessible name).
+ *
+ * The common case needs zero footer markup — set the confirm label/variant and
+ * handle the outputs:
+ *
+ * ```html
+ * <fk-dialog-shell
+ *   icon="user-ban"
+ *   tint="warning"
+ *   title="Deactivate identity"
+ *   [subtitle]="subtitle"
+ *   footerNote="Sign-in blocked"
+ *   footerNoteIcon="power"
+ *   confirmLabel="Deactivate"
+ *   confirmIcon="user-ban"
+ *   confirmVariant="warning"
+ *   [confirmDisabled]="!ready()"
+ *   (confirm)="onConfirm()"
+ *   (dismiss)="onCancel()"
+ * >
+ *   <!-- content region: lead, description, cards, callouts … -->
+ * </fk-dialog-shell>
+ * ```
+ *
+ * Escape hatches for the exceptions:
+ * - leave `confirmLabel` empty and project buttons into the `dialogFooter` slot
+ *   to keep the footer chrome but use custom buttons (e.g. a form submit);
+ * - set `[customFooter]="true"` and project into the `footer` slot to replace
+ *   the whole footer.
+ */
+declare class DialogShellComponent {
+    /** Icon glyph for the header tile. Empty renders no tile. */
+    readonly icon: _angular_core.InputSignal<string>;
+    /** Colour accent for the header tile. */
+    readonly tint: _angular_core.InputSignal<DialogHeaderTint>;
+    /** Header title. */
+    readonly title: _angular_core.InputSignal<string>;
+    /** Optional trailing accent appended to the title in the tint colour. */
+    readonly titleAccent: _angular_core.InputSignal<string>;
+    /** Optional mono subtitle under the title. */
+    readonly subtitle: _angular_core.InputSignal<string>;
+    /** Optional muted footer note on the left (e.g. "Permanent"). */
+    readonly footerNote: _angular_core.InputSignal<string>;
+    /** Optional icon rendered before the footer note. */
+    readonly footerNoteIcon: _angular_core.InputSignal<string>;
+    /**
+     * Confirm-button label. When set, the shell renders the standard
+     * Cancel + confirm pair; leave empty to project custom buttons into the
+     * `dialogFooter` slot instead.
+     */
+    readonly confirmLabel: _angular_core.InputSignal<string>;
+    /** Optional leading icon on the confirm button. */
+    readonly confirmIcon: _angular_core.InputSignal<string>;
+    /** Confirm-button colour — `primary` (default), `danger`, or `warning`. */
+    readonly confirmVariant: _angular_core.InputSignal<DialogConfirmVariant>;
+    /** Disables the confirm button (e.g. while a type-to-confirm is unmet). */
+    readonly confirmDisabled: _angular_core.InputSignal<boolean>;
+    /** Cancel-button label. Defaults to `Cancel`. */
+    readonly cancelLabel: _angular_core.InputSignal<string>;
+    /** Accessible label for the header's close button. */
+    readonly closeLabel: _angular_core.InputSignal<string>;
+    /**
+     * Escape hatch for the rare dialog that needs a bespoke footer. When true,
+     * the default `fk-dialog-footer` (note + buttons) is suppressed and whatever
+     * is projected into the `footer` slot is rendered raw instead.
+     */
+    readonly customFooter: _angular_core.InputSignal<boolean>;
+    /** Fires when the header close button OR the Cancel button is clicked. */
+    readonly dismiss: _angular_core.OutputEmitterRef<void>;
+    /** Fires when the confirm button is clicked. */
+    readonly confirm: _angular_core.OutputEmitterRef<void>;
+    readonly className: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    /** `warning` renders as a retinted `danger` fk-button; others map directly. */
+    protected readonly confirmButtonVariant: _angular_core.Signal<"danger" | "primary">;
+    readonly classes: _angular_core.Signal<string>;
+    get hostClass(): string;
+    get hostId(): string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogShellComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogShellComponent, "fk-dialog-shell", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "tint": { "alias": "tint"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "titleAccent": { "alias": "titleAccent"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "footerNote": { "alias": "footerNote"; "required": false; "isSignal": true; }; "footerNoteIcon": { "alias": "footerNoteIcon"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; "isSignal": true; }; "confirmIcon": { "alias": "confirmIcon"; "required": false; "isSignal": true; }; "confirmVariant": { "alias": "confirmVariant"; "required": false; "isSignal": true; }; "confirmDisabled": { "alias": "confirmDisabled"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "customFooter": { "alias": "customFooter"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; "confirm": "confirm"; }, never, ["*", "[footer]", "[dialogFooter]"], true, never>;
+}
+
+/**
+ * The fixed header chrome for {@link DialogShellComponent} — a tinted icon
+ * tile, a title with an optional trailing accent, an optional mono subtitle,
+ * and a close button. Every dialog wears the same chrome; only the icon, tint,
+ * and text differ, so this centralises it instead of each dialog hand-rolling
+ * the markup.
+ *
+ * Text is passed in as plain inputs (no i18n dependency), and the icon is
+ * optional — an empty `icon` simply renders no tile, so the header degrades
+ * gracefully rather than showing a broken glyph.
+ *
+ * ```html
+ * <fk-dialog-header
+ *   icon="user-ban"
+ *   tint="warning"
+ *   title="Deactivate identity"
+ *   subtitle="Acme Inc. · Members"
+ *   (dismiss)="close()"
+ * />
+ * ```
+ */
+declare class DialogHeaderComponent {
+    /** Icon glyph name for the tile. Empty renders no tile. */
+    readonly icon: _angular_core.InputSignal<string>;
+    /** Colour accent for the icon tile + title accent. */
+    readonly tint: _angular_core.InputSignal<DialogHeaderTint>;
+    /** Dialog title. */
+    readonly title: _angular_core.InputSignal<string>;
+    /** Optional trailing accent appended to the title, rendered in the tint colour. */
+    readonly titleAccent: _angular_core.InputSignal<string>;
+    /** Optional mono subtitle under the title. */
+    readonly subtitle: _angular_core.InputSignal<string>;
+    /** Accessible label for the close button. */
+    readonly closeLabel: _angular_core.InputSignal<string>;
+    /** Fires when the close button is clicked. */
+    readonly dismiss: _angular_core.OutputEmitterRef<void>;
+    readonly className: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    /** The tint's `{ color, background }` CSS-variable pair. */
+    protected readonly tintVars: _angular_core.Signal<{
+        color: string;
+        background: string;
+    }>;
+    readonly classes: _angular_core.Signal<string>;
+    get hostClass(): string;
+    get hostId(): string | null;
+    get hostAriaLabel(): string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogHeaderComponent, "fk-dialog-header", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "tint": { "alias": "tint"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "titleAccent": { "alias": "titleAccent"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "dismiss": "dismiss"; }, never, never, true, never>;
+}
+
+/**
+ * The fixed footer chrome for {@link DialogShellComponent} — an optional muted
+ * note on the left, then the projected action buttons pushed to the right,
+ * above a top divider. Paired with {@link DialogHeaderComponent} so every
+ * dialog shares the same chrome.
+ *
+ * The note icon is optional and degrades gracefully — an empty `noteIcon`
+ * simply renders no glyph.
+ *
+ * ```html
+ * <fk-dialog-footer note="Takes effect immediately" noteIcon="power">
+ *   <fk-button variant="outline" (click)="cancel()">Cancel</fk-button>
+ *   <fk-button variant="primary" type="submit">Save</fk-button>
+ * </fk-dialog-footer>
+ * ```
+ */
+declare class DialogFooterComponent {
+    /** Optional muted note shown on the left (e.g. "Takes effect immediately"). */
+    readonly note: _angular_core.InputSignal<string>;
+    /** Optional icon glyph rendered before the note. Empty renders no glyph. */
+    readonly noteIcon: _angular_core.InputSignal<string>;
+    readonly className: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    readonly classes: _angular_core.Signal<string>;
+    get hostClass(): string;
+    get hostId(): string | null;
+    get hostAriaLabel(): string | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogFooterComponent, "fk-dialog-footer", never, { "note": { "alias": "note"; "required": false; "isSignal": true; }; "noteIcon": { "alias": "noteIcon"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * A single item inside a grouped step's sub-checklist. The consumer owns the
+ * `done` state — the widget only reflects it and emits toggles.
+ */
+interface OnboardingSubstep {
+    /** Stable identifier, unique within the parent step. */
+    id: string;
+    /** Human-readable label. */
+    label: string;
+    /** Whether this substep is complete. */
+    done: boolean;
+}
+/**
+ * A step in the onboarding guide. A step is either:
+ *
+ * - a **leaf** step — has an optional `description` + a call-to-action, and its
+ *   completion is driven by the `done` flag, or
+ * - a **group** step — carries `substeps`, and is considered complete once every
+ *   substep is `done` (the top-level `done` flag is ignored for group steps).
+ *
+ * All state (`done`) is owned by the consumer; the widget is a controlled view
+ * of the `steps` model and emits events when the user acts.
+ */
+interface OnboardingStep {
+    /** Stable identifier, unique within the guide. */
+    id: string;
+    /** Human-readable label shown on the step row. */
+    label: string;
+    /** Whether a leaf step is complete. Ignored when `substeps` is set. */
+    done: boolean;
+    /** Optional supporting copy shown when the step is expanded. */
+    description?: string;
+    /** Optional call-to-action label (defaults to a generic "Start"). */
+    actionLabel?: string;
+    /** When set, the step renders a sub-checklist and auto-completes when all are done. */
+    substeps?: OnboardingSubstep[];
+}
+/** Payload emitted when a substep checkbox is toggled. */
+interface OnboardingSubstepToggle {
+    stepId: string;
+    substepId: string;
+}
+
+interface Point {
+    x: number;
+    y: number;
+}
+/**
+ * A floating, draggable onboarding-progress widget. It presents a checklist of
+ * steps with a progress bar, collapses to a compact pill with a progress ring,
+ * and can be dragged anywhere on screen (CDK drag). It renders over the app in
+ * a fixed layer — drop it once near the app root.
+ *
+ * **Controlled model, no domain data.** The `steps` model is a required,
+ * reactive input: the widget is a pure view of it and emits events when the
+ * user acts (`stepAction`, `stepMarkDone`, `substepToggle`, `goLive`). The
+ * consumer owns the step state — so if it is keyed by, say, the active account
+ * or environment, swapping the input re-renders the widget instantly. The
+ * widget never persists step state.
+ *
+ * **Presentation state is internal + persisted.** Collapsed and drag position
+ * live in the widget and persist to `localStorage` under `storageKey` — these
+ * are UI preferences, not part of the model.
+ *
+ * **Appearance-agnostic.** All colour flows through `--fk-*` tokens with neutral
+ * (near-black / grey) raw fallbacks, so with no theme it renders monochrome;
+ * point the tokens at a brand scale to colour it.
+ *
+ * ```html
+ * <fk-onboarding-guide
+ *   [steps]="steps()"
+ *   title="Setup guide"
+ *   (stepAction)="onStart($event)"
+ *   (substepToggle)="onToggle($event)"
+ *   (goLive)="onGoLive()"
+ *   (dismiss)="onDismiss()"
+ * />
+ * ```
+ */
+declare class OnboardingGuideComponent {
+    private readonly host;
+    private readonly drag;
+    private readonly destroyRef;
+    /** The step model. Controlled by the consumer; the widget is a view of it. */
+    readonly steps: _angular_core.InputSignal<OnboardingStep[]>;
+    /** Widget title. */
+    readonly title: _angular_core.InputSignal<string>;
+    /** `localStorage` key for the collapsed + drag-position preferences. */
+    readonly storageKey: _angular_core.InputSignal<string>;
+    /** Initial collapsed state, used only when nothing is persisted yet. */
+    readonly startCollapsed: _angular_core.InputSignal<boolean>;
+    /** Default CTA label when a step doesn't supply its own `actionLabel`. */
+    readonly startLabel: _angular_core.InputSignal<string>;
+    /** Secondary "mark this step done" action label. */
+    readonly markDoneLabel: _angular_core.InputSignal<string>;
+    /** Footer / final go-live action label. */
+    readonly goLiveLabel: _angular_core.InputSignal<string>;
+    /** Footer noun for the "{done} of {total} {stepsWord} {doneWord}" summary. */
+    readonly stepsWord: _angular_core.InputSignal<string>;
+    /** Footer verb for the summary. */
+    readonly doneWord: _angular_core.InputSignal<string>;
+    /** Collapsed-pill suffix, e.g. "3 steps left". */
+    readonly stepsLeftWord: _angular_core.InputSignal<string>;
+    /** Collapsed-pill copy shown when everything is complete. */
+    readonly allDoneLabel: _angular_core.InputSignal<string>;
+    /** ARIA labels for the icon-only header controls. */
+    readonly renameLabel: _angular_core.InputSignal<string>;
+    readonly collapseLabel: _angular_core.InputSignal<string>;
+    readonly dismissLabel: _angular_core.InputSignal<string>;
+    readonly expandLabel: _angular_core.InputSignal<string>;
+    readonly checkIcon: _angular_core.InputSignal<string>;
+    readonly caretIcon: _angular_core.InputSignal<string>;
+    readonly editIcon: _angular_core.InputSignal<string>;
+    readonly collapseIcon: _angular_core.InputSignal<string>;
+    readonly dismissIcon: _angular_core.InputSignal<string>;
+    readonly expandIcon: _angular_core.InputSignal<string>;
+    readonly actionIcon: _angular_core.InputSignal<string>;
+    /** A step's primary CTA was clicked. Emits the step id. */
+    readonly stepAction: _angular_core.OutputEmitterRef<string>;
+    /** A step's "mark done" was clicked. Emits the step id. */
+    readonly stepMarkDone: _angular_core.OutputEmitterRef<string>;
+    /** A substep checkbox was toggled. */
+    readonly substepToggle: _angular_core.OutputEmitterRef<OnboardingSubstepToggle>;
+    /** The final go-live action was invoked (footer or the go-live step CTA). */
+    readonly goLive: _angular_core.OutputEmitterRef<void>;
+    /** The rename (edit) affordance was clicked; the consumer owns renaming. */
+    readonly renameClick: _angular_core.OutputEmitterRef<void>;
+    /** The dismiss control was clicked; the consumer decides whether to hide it. */
+    readonly dismiss: _angular_core.OutputEmitterRef<void>;
+    /** Fires when the collapsed state changes. */
+    readonly collapsedChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly className: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string | null>;
+    protected readonly collapsed: _angular_core.WritableSignal<boolean>;
+    protected readonly dragPosition: _angular_core.WritableSignal<Point>;
+    /** True immediately after a real drag, so the drag-handle's click (e.g. the
+     *  pill's expand) is suppressed rather than firing at the drop point. */
+    private justDragged;
+    /**
+     * The expanded step. A `linkedSignal` over `steps` so that whenever the model
+     * changes (e.g. the consumer swaps in another account/environment's steps) it
+     * resets to the first incomplete step; user toggles override until the next
+     * model change.
+     */
+    protected readonly openStepId: _angular_core.WritableSignal<string | null>;
+    protected readonly total: _angular_core.Signal<number>;
+    protected readonly doneCount: _angular_core.Signal<number>;
+    protected readonly percent: _angular_core.Signal<number>;
+    protected readonly stepsLeft: _angular_core.Signal<number>;
+    protected readonly complete: _angular_core.Signal<boolean>;
+    /** Circumference for the pill's progress ring (r = 16). */
+    protected readonly ringCircumference: number;
+    protected readonly ringOffset: _angular_core.Signal<number>;
+    readonly classes: _angular_core.Signal<string>;
+    get hostClass(): string;
+    get hostId(): string | null;
+    constructor();
+    isComplete(step: OnboardingStep): boolean;
+    protected isActive(step: OnboardingStep): boolean;
+    protected actionLabelFor(step: OnboardingStep): string;
+    protected toggleStep(stepId: string): void;
+    protected onAction(step: OnboardingStep): void;
+    protected onMarkDone(step: OnboardingStep): void;
+    protected onSubstep(step: OnboardingStep, substep: OnboardingSubstep): void;
+    protected onCollapse(): void;
+    protected onExpand(): void;
+    protected onRename(): void;
+    protected onDismiss(): void;
+    protected onGoLive(): void;
+    private setCollapsed;
+    private onDragEnded;
+    private clamp;
+    private hydrate;
+    private defaultBottomRight;
+    private read;
+    private persist;
+    private storage;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OnboardingGuideComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OnboardingGuideComponent, "fk-onboarding-guide", never, { "steps": { "alias": "steps"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "storageKey": { "alias": "storageKey"; "required": false; "isSignal": true; }; "startCollapsed": { "alias": "startCollapsed"; "required": false; "isSignal": true; }; "startLabel": { "alias": "startLabel"; "required": false; "isSignal": true; }; "markDoneLabel": { "alias": "markDoneLabel"; "required": false; "isSignal": true; }; "goLiveLabel": { "alias": "goLiveLabel"; "required": false; "isSignal": true; }; "stepsWord": { "alias": "stepsWord"; "required": false; "isSignal": true; }; "doneWord": { "alias": "doneWord"; "required": false; "isSignal": true; }; "stepsLeftWord": { "alias": "stepsLeftWord"; "required": false; "isSignal": true; }; "allDoneLabel": { "alias": "allDoneLabel"; "required": false; "isSignal": true; }; "renameLabel": { "alias": "renameLabel"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; "checkIcon": { "alias": "checkIcon"; "required": false; "isSignal": true; }; "caretIcon": { "alias": "caretIcon"; "required": false; "isSignal": true; }; "editIcon": { "alias": "editIcon"; "required": false; "isSignal": true; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; "isSignal": true; }; "dismissIcon": { "alias": "dismissIcon"; "required": false; "isSignal": true; }; "expandIcon": { "alias": "expandIcon"; "required": false; "isSignal": true; }; "actionIcon": { "alias": "actionIcon"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, { "stepAction": "stepAction"; "stepMarkDone": "stepMarkDone"; "substepToggle": "substepToggle"; "goLive": "goLive"; "renameClick": "renameClick"; "dismiss": "dismiss"; "collapsedChange": "collapsedChange"; }, never, never, true, [{ directive: typeof i1.CdkDrag; inputs: {}; outputs: {}; }]>;
+}
+
+export { ColumnsComponent, ContentSplitLayoutComponent, DetailPanelComponent, DialogFooterComponent, DialogHeaderComponent, DialogShellComponent, OnboardingGuideComponent, PageHeaderComponent, SidebarNavComponent, SidebarNavItemDirective, TableEmptyStateComponent };
+export type { DialogConfirmVariant, DialogHeaderTint, OnboardingStep, OnboardingSubstep, OnboardingSubstepToggle, SidebarNavChild, SidebarNavGroup, SidebarNavItem, SidebarNavLink, SidebarNavModel };