@momentumcms/ui 0.0.1

package/types/momentumcms-ui.d.ts

@@ -0,0 +1,3284 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy, TemplateRef, InjectionToken, ComponentRef, Type, OnInit, Signal, Provider } from '@angular/core';
+import { ConnectedPosition, OverlayRef } from '@angular/cdk/overlay';
+import * as i1 from '@angular/aria/menu';
+import { Menu, MenuItem, MenuBar } from '@angular/aria/menu';
+import * as rxjs from 'rxjs';
+import * as _momentumcms_ui from '@momentumcms/ui';
+import * as i1$1 from '@angular/aria/tabs';
+import { TabPanel } from '@angular/aria/tabs';
+import * as i1$2 from '@angular/aria/accordion';
+import { AccordionTrigger as AccordionTrigger$1, AccordionPanel } from '@angular/aria/accordion';
+import * as i1$3 from '@angular/aria/grid';
+import * as i1$4 from '@angular/aria/listbox';
+import * as i1$5 from '@angular/aria/toolbar';
+import { Toolbar as Toolbar$1, ToolbarWidget as ToolbarWidget$1, ToolbarWidgetGroup as ToolbarWidgetGroup$1 } from '@angular/aria/toolbar';
+import * as i1$6 from '@angular/aria/tree';
+import { Tree as Tree$1, TreeItem as TreeItem$1, TreeItemGroup } from '@angular/aria/tree';
+
+type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning';
+
+/**
+ * Badge component for status indicators, counts, and labels.
+ *
+ * Usage:
+ * ```html
+ * <mcms-badge>Default</mcms-badge>
+ * <mcms-badge variant="success">Active</mcms-badge>
+ * <mcms-badge variant="destructive">Error</mcms-badge>
+ * <mcms-badge variant="warning">Pending</mcms-badge>
+ * ```
+ */
+declare class Badge {
+    readonly variant: _angular_core.InputSignal<BadgeVariant>;
+    readonly class: _angular_core.InputSignal<string>;
+    /** Accessible label for screen reader override. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly hostClass: _angular_core.Signal<string>;
+    readonly variantBg: _angular_core.Signal<string>;
+    readonly variantColor: _angular_core.Signal<string>;
+    readonly variantBorder: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Badge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Badge, "mcms-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Label component for form fields.
+ *
+ * Usage:
+ * ```html
+ * <mcms-label for="email" [required]="true">Email Address</mcms-label>
+ * <mcms-input id="email" />
+ * ```
+ */
+declare class Label {
+    readonly for: _angular_core.InputSignal<string | undefined>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly baseClasses;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Label, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Label, "mcms-label", never, { "for": { "alias": "for"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link';
+type ButtonSize = 'sm' | 'md' | 'lg' | 'icon';
+
+/**
+ * Button component with multiple variants and sizes.
+ *
+ * Usage:
+ * ```html
+ * <button mcms-button>Default</button>
+ * <button mcms-button variant="destructive">Delete</button>
+ * <button mcms-button variant="outline" size="sm">Small</button>
+ * <a mcms-button [disabled]="true">Disabled Link</a>
+ * <button mcms-button [loading]="true">Saving...</button>
+ * <button mcms-button size="icon" ariaLabel="Settings"><svg>...</svg></button>
+ * ```
+ */
+declare class Button {
+    private readonly el;
+    /** Whether the host element is an anchor tag (determined once at construction). */
+    private readonly isAnchor;
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly class: _angular_core.InputSignal<string>;
+    constructor();
+    /** Whether the button is effectively disabled (disabled or loading). */
+    readonly isEffectivelyDisabled: _angular_core.Signal<boolean>;
+    /**
+     * Native disabled attribute — only applied to `<button>` elements.
+     * `<a>` elements don't support `disabled`; they use `aria-disabled` instead.
+     */
+    readonly isNativeDisabled: _angular_core.Signal<true | null>;
+    readonly sizeHeight: _angular_core.Signal<"2.25rem" | "2.5rem" | "2.75rem">;
+    readonly sizePadding: _angular_core.Signal<"0 0.75rem" | "0.5rem 1rem" | "0 2rem" | "0">;
+    readonly sizeWidth: _angular_core.Signal<"2.5rem" | null>;
+    readonly variantBg: _angular_core.Signal<"hsl(var(--mcms-primary))" | "hsl(var(--mcms-secondary))" | "hsl(var(--mcms-destructive))" | "transparent" | "hsl(var(--mcms-background))">;
+    readonly variantColor: _angular_core.Signal<"hsl(var(--mcms-primary))" | "hsl(var(--mcms-primary-foreground))" | "hsl(var(--mcms-secondary-foreground))" | "hsl(var(--mcms-destructive-foreground))" | "hsl(var(--mcms-foreground))">;
+    readonly variantHoverBg: _angular_core.Signal<"transparent" | "hsl(var(--mcms-primary) / 0.9)" | "hsl(var(--mcms-secondary) / 0.8)" | "hsl(var(--mcms-destructive) / 0.9)" | "hsl(var(--mcms-accent))">;
+    readonly variantBorder: _angular_core.Signal<"transparent" | "hsl(var(--mcms-border))">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Button, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Button, "button[mcms-button], a[mcms-button]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Validation error from Signal Forms
+ */
+interface ValidationError {
+    kind: string;
+    message?: string;
+    [key: string]: unknown;
+}
+type InputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
+
+/**
+ * Text input component compatible with Angular Signal Forms.
+ *
+ * Implements FormValueControl<string> interface for use with [formField] directive.
+ *
+ * Usage:
+ * ```html
+ * <mcms-input [formField]="myForm.email" type="email" placeholder="Enter email" />
+ * ```
+ */
+declare class Input {
+    /** Two-way bound value - Signal Forms binds to this automatically */
+    readonly value: _angular_core.ModelSignal<string>;
+    /** Disabled state - Signal Forms passes this from field.disabled() */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Validation errors - Signal Forms passes this from field.errors() */
+    readonly errors: _angular_core.InputSignal<readonly ValidationError[]>;
+    /** Whether the field has been interacted with (set by [formField] directive) */
+    readonly touched: _angular_core.InputSignal<boolean>;
+    /** Whether the field is invalid (set by [formField] directive) */
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    /** Whether the field is readonly (set by [formField] directive) */
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    /** Whether the field is required (set by [formField] directive) */
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly type: _angular_core.InputSignal<InputType>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly autocomplete: _angular_core.InputSignal<string | undefined>;
+    readonly describedBy: _angular_core.InputSignal<string | undefined>;
+    readonly min: _angular_core.InputSignal<number | undefined>;
+    readonly max: _angular_core.InputSignal<number | undefined>;
+    readonly step: _angular_core.InputSignal<number | undefined>;
+    /** Emitted when the input loses focus */
+    readonly blurred: _angular_core.OutputEmitterRef<void>;
+    readonly hasError: _angular_core.Signal<boolean>;
+    readonly ariaDescribedBy: _angular_core.Signal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Input, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Input, "mcms-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "describedBy": { "alias": "describedBy"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "blurred": "blurred"; }, never, never, true, never>;
+}
+
+/**
+ * Textarea component compatible with Angular Signal Forms.
+ *
+ * Implements FormValueControl<string> interface for use with [formField] directive.
+ *
+ * Usage:
+ * ```html
+ * <mcms-textarea [formField]="myForm.description" placeholder="Enter description" />
+ * ```
+ */
+declare class Textarea {
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly errors: _angular_core.InputSignal<readonly ValidationError[]>;
+    readonly touched: _angular_core.InputSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly rows: _angular_core.InputSignal<number>;
+    readonly describedBy: _angular_core.InputSignal<string | undefined>;
+    /** Emitted when the textarea loses focus */
+    readonly blurred: _angular_core.OutputEmitterRef<void>;
+    readonly hasError: _angular_core.Signal<boolean>;
+    readonly ariaDescribedBy: _angular_core.Signal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Textarea, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Textarea, "mcms-textarea", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "describedBy": { "alias": "describedBy"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "blurred": "blurred"; }, never, never, true, never>;
+}
+
+/**
+ * Checkbox component compatible with Angular Signal Forms.
+ *
+ * Implements FormValueControl<boolean> interface for use with [formField] directive.
+ *
+ * Usage:
+ * ```html
+ * <mcms-checkbox [formField]="myForm.acceptTerms">Accept Terms</mcms-checkbox>
+ * ```
+ */
+declare class Checkbox {
+    readonly value: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly errors: _angular_core.InputSignal<readonly ValidationError[]>;
+    readonly touched: _angular_core.InputSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly describedBy: _angular_core.InputSignal<string | undefined>;
+    /** Shows a horizontal dash instead of check mark (used for partial selections). */
+    readonly indeterminate: _angular_core.InputSignal<boolean>;
+    /** Accessible label for the checkbox button (for use without visible label). */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly hasError: _angular_core.Signal<boolean>;
+    readonly ariaDescribedBy: _angular_core.Signal<string | null>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Checkbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Checkbox, "mcms-checkbox", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "describedBy": { "alias": "describedBy"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * Toggle switch component compatible with Angular Signal Forms.
+ *
+ * Implements FormValueControl<boolean> interface for use with [formField] directive.
+ *
+ * Usage:
+ * ```html
+ * <mcms-switch [formField]="myForm.enabled">Enable notifications</mcms-switch>
+ * ```
+ */
+declare class Switch {
+    readonly value: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly errors: _angular_core.InputSignal<readonly ValidationError[]>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly describedBy: _angular_core.InputSignal<string | undefined>;
+    readonly hasLabel: _angular_core.InputSignal<boolean>;
+    readonly hasError: _angular_core.Signal<boolean>;
+    readonly ariaDescribedBy: _angular_core.Signal<string | null>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Switch, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Switch, "mcms-switch", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "describedBy": { "alias": "describedBy"; "required": false; "isSignal": true; }; "hasLabel": { "alias": "hasLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, ["*"], true, never>;
+}
+
+interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+
+/**
+ * Select dropdown component compatible with Angular Signal Forms.
+ *
+ * Implements FormValueControl<string> interface for use with [formField] directive.
+ *
+ * Usage:
+ * ```html
+ * <mcms-select [formField]="myForm.status" [options]="statusOptions" placeholder="Select status" />
+ * ```
+ */
+declare class Select {
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly errors: _angular_core.InputSignal<readonly ValidationError[]>;
+    readonly touched: _angular_core.InputSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    /** Emitted when the select loses focus */
+    readonly blurred: _angular_core.OutputEmitterRef<void>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly options: _angular_core.InputSignal<SelectOption[]>;
+    readonly describedBy: _angular_core.InputSignal<string | undefined>;
+    /** Accessible label for the select element. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    readonly hasError: _angular_core.Signal<boolean>;
+    readonly ariaDescribedBy: _angular_core.Signal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Select, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Select, "mcms-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "describedBy": { "alias": "describedBy"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "blurred": "blurred"; }, never, never, true, never>;
+}
+
+interface RadioOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+
+/**
+ * Radio group component compatible with Angular Signal Forms.
+ *
+ * Implements FormValueControl<string> interface for use with [formField] directive.
+ *
+ * Usage:
+ * ```html
+ * <mcms-radio-group [formField]="myForm.role" [options]="roleOptions" />
+ * ```
+ */
+declare class RadioGroup {
+    private readonly elementRef;
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly errors: _angular_core.InputSignal<readonly ValidationError[]>;
+    readonly id: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    readonly options: _angular_core.InputSignal<RadioOption[]>;
+    readonly describedBy: _angular_core.InputSignal<string | undefined>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly hasError: _angular_core.Signal<boolean>;
+    readonly ariaDescribedBy: _angular_core.Signal<string | null>;
+    /** Determines which option value should receive tabindex="0" (roving tabindex). */
+    protected readonly focusableValue: _angular_core.Signal<string>;
+    selectOption(optionValue: string): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroup, "mcms-radio-group", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "describedBy": { "alias": "describedBy"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Form field wrapper that combines label, input, and error display.
+ *
+ * Usage:
+ * ```html
+ * <mcms-form-field id="email" [required]="true" [errors]="loginForm.email().errors()">
+ *   <span mcmsLabel>Email Address</span>
+ *   <mcms-input [formField]="loginForm.email" />
+ * </mcms-form-field>
+ * ```
+ */
+declare class McmsFormField {
+    readonly id: _angular_core.InputSignal<string>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly errors: _angular_core.InputSignal<readonly ValidationError[]>;
+    readonly hint: _angular_core.InputSignal<string | undefined>;
+    readonly hasLabel: _angular_core.InputSignal<boolean>;
+    readonly errorId: _angular_core.Signal<string>;
+    readonly showError: _angular_core.Signal<boolean>;
+    readonly errorMessage: _angular_core.Signal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<McmsFormField, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<McmsFormField, "mcms-form-field", never, { "id": { "alias": "id"; "required": true; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "hasLabel": { "alias": "hasLabel"; "required": false; "isSignal": true; }; }, {}, never, ["[mcmsLabel]", "*"], true, never>;
+}
+
+/**
+ * Card container component.
+ *
+ * Usage:
+ * ```html
+ * <mcms-card>
+ *   <mcms-card-header>
+ *     <mcms-card-title>Title</mcms-card-title>
+ *     <mcms-card-description>Description</mcms-card-description>
+ *   </mcms-card-header>
+ *   <mcms-card-content>Content here</mcms-card-content>
+ *   <mcms-card-footer>Footer</mcms-card-footer>
+ * </mcms-card>
+ * ```
+ */
+declare class Card {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Card, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Card, "mcms-card", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class CardHeader {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardHeader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardHeader, "mcms-card-header", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class CardTitle {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardTitle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardTitle, "mcms-card-title", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class CardDescription {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardDescription, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardDescription, "mcms-card-description", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class CardContent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardContent, "mcms-card-content", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class CardFooter {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CardFooter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CardFooter, "mcms-card-footer", never, {}, {}, never, ["*"], true, never>;
+}
+
+type AlertVariant = 'default' | 'destructive' | 'success' | 'warning' | 'info';
+
+/**
+ * Alert component for displaying important messages.
+ *
+ * Usage:
+ * ```html
+ * <mcms-alert>
+ *   <mcms-alert-title>Heads up!</mcms-alert-title>
+ *   <mcms-alert-description>
+ *     You can add components to your app using the cli.
+ *   </mcms-alert-description>
+ * </mcms-alert>
+ *
+ * <mcms-alert variant="destructive">
+ *   <mcms-alert-title>Error</mcms-alert-title>
+ *   <mcms-alert-description>Something went wrong.</mcms-alert-description>
+ * </mcms-alert>
+ * ```
+ */
+declare class Alert {
+    readonly variant: _angular_core.InputSignal<AlertVariant>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClass: _angular_core.Signal<string>;
+    readonly ariaLive: _angular_core.Signal<"assertive" | "polite">;
+    readonly variantBg: _angular_core.Signal<string>;
+    readonly variantBorder: _angular_core.Signal<string>;
+    readonly variantColor: _angular_core.Signal<string>;
+    readonly variantIconColor: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Alert, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Alert, "mcms-alert", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Alert title component.
+ *
+ * Usage:
+ * ```html
+ * <mcms-alert-title>Important!</mcms-alert-title>
+ * ```
+ */
+declare class AlertTitle {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertTitle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertTitle, "mcms-alert-title", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Alert description component.
+ *
+ * Usage:
+ * ```html
+ * <mcms-alert-description>
+ *   This is a detailed description of the alert.
+ * </mcms-alert-description>
+ * ```
+ */
+declare class AlertDescription {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertDescription, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertDescription, "mcms-alert-description", never, {}, {}, never, ["*"], true, never>;
+}
+
+type TooltipPosition = 'top' | 'right' | 'bottom' | 'left';
+declare const TOOLTIP_POSITION_MAP: Record<TooltipPosition, ConnectedPosition[]>;
+
+/**
+ * Tooltip trigger directive.
+ *
+ * Apply this directive to any element to show a tooltip on hover/focus.
+ *
+ * Usage:
+ * ```html
+ * <button [mcmsTooltip]="'Click to save'">Save</button>
+ * <button [mcmsTooltip]="'Delete item'" tooltipPosition="right">Delete</button>
+ * ```
+ */
+declare class TooltipTrigger implements OnDestroy {
+    readonly mcmsTooltip: _angular_core.InputSignal<string>;
+    readonly tooltipPosition: _angular_core.InputSignal<TooltipPosition>;
+    readonly tooltipDelay: _angular_core.InputSignal<number>;
+    readonly tooltipDisabled: _angular_core.InputSignal<boolean>;
+    private readonly overlay;
+    private readonly elementRef;
+    private readonly viewContainerRef;
+    private readonly document;
+    private overlayRef;
+    private showTimeout;
+    private hideTimeout;
+    readonly isVisible: _angular_core.WritableSignal<boolean>;
+    readonly tooltipId: _angular_core.Signal<string | null>;
+    private readonly uniqueId;
+    private readonly disabledEffect;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocus(): void;
+    onBlur(): void;
+    ngOnDestroy(): void;
+    private scheduleShow;
+    private scheduleHide;
+    private cancelShow;
+    private cancelHide;
+    private show;
+    private hide;
+    private createOverlay;
+    private getPositionStrategy;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipTrigger, "[mcmsTooltip]", never, { "mcmsTooltip": { "alias": "mcmsTooltip"; "required": true; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "tooltipDelay": { "alias": "tooltipDelay"; "required": false; "isSignal": true; }; "tooltipDisabled": { "alias": "tooltipDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Internal tooltip content component rendered via CDK portal.
+ */
+declare class TooltipContent {
+    readonly content: _angular_core.InputSignal<string>;
+    readonly id: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipContent, "mcms-tooltip-content", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type PopoverSide = 'top' | 'right' | 'bottom' | 'left';
+type PopoverAlign = 'start' | 'center' | 'end';
+
+declare function getPopoverPositions(side: PopoverSide, align: PopoverAlign, offset: number): ConnectedPosition[];
+
+/**
+ * Popover trigger directive.
+ *
+ * Usage:
+ * ```html
+ * <button [mcmsPopoverTrigger]="popoverContent">Open Popover</button>
+ *
+ * <ng-template #popoverContent>
+ *   <mcms-popover-content>
+ *     <p>Popover content here</p>
+ *   </mcms-popover-content>
+ * </ng-template>
+ * ```
+ */
+declare class PopoverTrigger implements OnDestroy {
+    readonly mcmsPopoverTrigger: _angular_core.InputSignal<TemplateRef<unknown>>;
+    readonly popoverSide: _angular_core.InputSignal<PopoverSide>;
+    readonly popoverAlign: _angular_core.InputSignal<PopoverAlign>;
+    readonly popoverOffset: _angular_core.InputSignal<number>;
+    readonly popoverDisabled: _angular_core.InputSignal<boolean>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    private readonly doc;
+    private readonly overlay;
+    private readonly elementRef;
+    private readonly viewContainerRef;
+    private overlayRef;
+    private readonly disabledEffect;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    ngOnDestroy(): void;
+    private createOverlay;
+    private getPositionStrategy;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PopoverTrigger, "[mcmsPopoverTrigger]", ["mcmsPopoverTrigger"], { "mcmsPopoverTrigger": { "alias": "mcmsPopoverTrigger"; "required": true; "isSignal": true; }; "popoverSide": { "alias": "popoverSide"; "required": false; "isSignal": true; }; "popoverAlign": { "alias": "popoverAlign"; "required": false; "isSignal": true; }; "popoverOffset": { "alias": "popoverOffset"; "required": false; "isSignal": true; }; "popoverDisabled": { "alias": "popoverDisabled"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+}
+
+/**
+ * Popover content container component.
+ *
+ * Usage:
+ * ```html
+ * <mcms-popover-content>
+ *   <p>Content goes here</p>
+ * </mcms-popover-content>
+ * ```
+ */
+declare class PopoverContent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverContent, "mcms-popover-content", never, {}, {}, never, ["*"], true, never>;
+}
+
+type DropdownMenuSide = 'top' | 'right' | 'bottom' | 'left';
+type DropdownMenuAlign = 'start' | 'center' | 'end';
+
+declare function getDropdownPositions(side: DropdownMenuSide, align: DropdownMenuAlign, offset: number): ConnectedPosition[];
+
+/**
+ * Dropdown menu trigger directive.
+ *
+ * Usage:
+ * ```html
+ * <button [mcmsDropdownTrigger]="menuContent">Open Menu</button>
+ *
+ * <ng-template #menuContent>
+ *   <mcms-dropdown-menu>
+ *     <button mcms-dropdown-item>Item 1</button>
+ *     <button mcms-dropdown-item>Item 2</button>
+ *   </mcms-dropdown-menu>
+ * </ng-template>
+ * ```
+ */
+declare class DropdownTrigger implements OnDestroy {
+    readonly mcmsDropdownTrigger: _angular_core.InputSignal<TemplateRef<unknown>>;
+    readonly dropdownSide: _angular_core.InputSignal<DropdownMenuSide>;
+    readonly dropdownAlign: _angular_core.InputSignal<DropdownMenuAlign>;
+    readonly dropdownOffset: _angular_core.InputSignal<number>;
+    readonly dropdownDisabled: _angular_core.InputSignal<boolean>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    private readonly overlay;
+    private readonly elementRef;
+    private readonly viewContainerRef;
+    private readonly document;
+    private overlayRef;
+    private readonly disabledEffect;
+    toggle(): void;
+    open(): void;
+    close(): void;
+    ngOnDestroy(): void;
+    private createOverlay;
+    private getPositionStrategy;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DropdownTrigger, "[mcmsDropdownTrigger]", ["mcmsDropdownTrigger"], { "mcmsDropdownTrigger": { "alias": "mcmsDropdownTrigger"; "required": true; "isSignal": true; }; "dropdownSide": { "alias": "dropdownSide"; "required": false; "isSignal": true; }; "dropdownAlign": { "alias": "dropdownAlign"; "required": false; "isSignal": true; }; "dropdownOffset": { "alias": "dropdownOffset"; "required": false; "isSignal": true; }; "dropdownDisabled": { "alias": "dropdownDisabled"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+}
+
+/**
+ * Dropdown menu container component.
+ *
+ * Uses @angular/aria/menu for keyboard navigation, typeahead search, and accessibility.
+ *
+ * Usage:
+ * ```html
+ * <mcms-dropdown-menu>
+ *   <mcms-dropdown-label>Actions</mcms-dropdown-label>
+ *   <button mcms-dropdown-item value="edit">Edit</button>
+ *   <button mcms-dropdown-item value="duplicate">Duplicate</button>
+ *   <mcms-dropdown-separator />
+ *   <button mcms-dropdown-item value="delete">Delete</button>
+ * </mcms-dropdown-menu>
+ * ```
+ */
+declare class DropdownMenu {
+    protected readonly menu: Menu<any>;
+    /** Whether the menu is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether navigation wraps around */
+    readonly wrap: _angular_core.InputSignal<boolean>;
+    /** Typeahead delay in milliseconds */
+    readonly typeaheadDelay: _angular_core.InputSignal<number>;
+    /** Emits when an item is selected */
+    readonly itemSelected: _angular_core.OutputEmitterRef<string>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownMenu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownMenu, "mcms-dropdown-menu", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, never, ["*"], true, [{ directive: typeof i1.Menu; inputs: { "disabled": "disabled"; "wrap": "wrap"; "typeaheadDelay": "typeaheadDelay"; }; outputs: {}; }]>;
+}
+
+/**
+ * Dropdown menu item component.
+ *
+ * Uses @angular/aria/menu MenuItem for keyboard navigation and accessibility.
+ *
+ * Usage:
+ * ```html
+ * <button mcms-dropdown-item value="edit">Edit</button>
+ * <button mcms-dropdown-item value="disabled" [disabled]="true">Disabled</button>
+ * <button mcms-dropdown-item value="search" shortcut="⌘K">Search</button>
+ * ```
+ */
+declare class DropdownMenuItem {
+    protected readonly menuItem: MenuItem<any>;
+    /** The value of the menu item (required for @angular/aria) */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Whether the menu item is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Keyboard shortcut display text */
+    readonly shortcut: _angular_core.InputSignal<string | undefined>;
+    /** Emits when the item is selected */
+    readonly selected: _angular_core.OutputEmitterRef<void>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    onClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownMenuItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownMenuItem, "button[mcms-dropdown-item], a[mcms-dropdown-item]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, ["*"], true, [{ directive: typeof i1.MenuItem; inputs: { "value": "value"; "disabled": "disabled"; "searchTerm": "searchTerm"; }; outputs: {}; }]>;
+}
+
+/**
+ * Dropdown menu separator component.
+ *
+ * Usage:
+ * ```html
+ * <mcms-dropdown-separator />
+ * ```
+ */
+declare class DropdownSeparator {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownSeparator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownSeparator, "mcms-dropdown-separator", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Dropdown menu label component.
+ *
+ * Usage:
+ * ```html
+ * <mcms-dropdown-label>Actions</mcms-dropdown-label>
+ * ```
+ */
+declare class DropdownLabel {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownLabel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownLabel, "mcms-dropdown-label", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Configuration options for opening a dialog.
+ */
+interface DialogConfig<D = unknown> {
+    /** Width of the dialog. Default: '28rem' */
+    width?: string;
+    /** Maximum width of the dialog. */
+    maxWidth?: string;
+    /** Minimum width of the dialog. */
+    minWidth?: string;
+    /** Whether clicking the backdrop closes the dialog. Default: true */
+    disableClose?: boolean;
+    /** Custom data to pass to the dialog component. */
+    data?: D;
+    /** Aria label for the dialog. */
+    ariaLabel?: string;
+    /** ID of the element that labels the dialog. */
+    ariaLabelledBy?: string;
+    /** ID of the element that describes the dialog. */
+    ariaDescribedBy?: string;
+    /** CSS class(es) to add to the overlay panel. */
+    panelClass?: string | string[];
+}
+
+/**
+ * Injection token for passing data to dialog components.
+ */
+declare const DIALOG_DATA: InjectionToken<unknown>;
+
+/**
+ * Reference to an opened dialog.
+ * Use this to close the dialog or subscribe to its lifecycle events.
+ */
+declare class DialogRef<R = unknown> {
+    private readonly overlayRef;
+    private readonly _afterClosed;
+    private readonly _backdropClick;
+    /** Observable that emits when the dialog is closed. */
+    readonly afterClosed: rxjs.Observable<R | undefined>;
+    /** Observable that emits when the backdrop is clicked. */
+    readonly backdropClick: rxjs.Observable<void>;
+    /** The component instance inside the dialog. Set after creation. */
+    componentRef: ComponentRef<unknown> | null;
+    constructor(overlayRef: OverlayRef);
+    /**
+     * Close the dialog with an optional result.
+     */
+    close(result?: R): void;
+    /**
+     * Update the dialog's width.
+     */
+    updateSize(width?: string, height?: string): void;
+}
+
+/**
+ * Service for opening dialogs programmatically.
+ *
+ * Usage:
+ * ```typescript
+ * const dialogRef = this.dialog.open(MyDialogComponent, {
+ *   data: { name: 'World' },
+ *   width: '400px',
+ * });
+ *
+ * dialogRef.afterClosed.subscribe(result => {
+ *   console.log('Dialog closed with:', result);
+ * });
+ * ```
+ */
+declare class DialogService {
+    private readonly overlay;
+    private readonly injector;
+    private readonly document;
+    private openDialogs;
+    private overlayStylesInjected;
+    /**
+     * Open a dialog with the specified component.
+     */
+    open<T, D = unknown, R = unknown>(component: Type<T>, config?: DialogConfig<D>): DialogRef<R>;
+    /**
+     * Close all open dialogs.
+     */
+    closeAll(): void;
+    /**
+     * Ensure CDK overlay positioning styles are present.
+     * CDK may not inject its styles in all build configurations (e.g. SSR, esbuild).
+     */
+    private ensureOverlayStyles;
+    private getOverlayConfig;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DialogService>;
+}
+
+/**
+ * Dialog container component.
+ *
+ * Usage:
+ * ```html
+ * <mcms-dialog>
+ *   <mcms-dialog-header>
+ *     <mcms-dialog-title>Dialog Title</mcms-dialog-title>
+ *     <mcms-dialog-description>Optional description</mcms-dialog-description>
+ *   </mcms-dialog-header>
+ *   <mcms-dialog-content>
+ *     Content goes here
+ *   </mcms-dialog-content>
+ *   <mcms-dialog-footer>
+ *     <button mcms-button variant="outline" mcmsDialogClose>Cancel</button>
+ *     <button mcms-button [mcmsDialogClose]="true">Confirm</button>
+ *   </mcms-dialog-footer>
+ * </mcms-dialog>
+ * ```
+ */
+declare class Dialog implements OnInit {
+    readonly class: _angular_core.InputSignal<string>;
+    readonly titleId: _angular_core.WritableSignal<string | null>;
+    readonly descriptionId: _angular_core.WritableSignal<string | null>;
+    readonly hostClass: _angular_core.Signal<string>;
+    private readonly document;
+    ngOnInit(): void;
+    registerTitle(id: string): void;
+    registerDescription(id: string): void;
+    private addBackdropStyles;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Dialog, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Dialog, "mcms-dialog", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Dialog header component.
+ */
+declare class DialogHeader {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogHeader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogHeader, "mcms-dialog-header", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Dialog title component.
+ */
+declare class DialogTitle implements OnInit {
+    readonly id: _angular_core.InputSignal<string>;
+    private readonly dialog;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogTitle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogTitle, "mcms-dialog-title", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Dialog description component.
+ */
+declare class DialogDescription implements OnInit {
+    readonly id: _angular_core.InputSignal<string>;
+    private readonly dialog;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogDescription, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogDescription, "mcms-dialog-description", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Dialog content component.
+ */
+declare class DialogContent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogContent, "mcms-dialog-content", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Dialog footer component.
+ */
+declare class DialogFooter {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogFooter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DialogFooter, "mcms-dialog-footer", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Directive to close a dialog when clicked.
+ *
+ * Usage:
+ * ```html
+ * <button mcmsDialogClose>Cancel</button>
+ * <button [mcmsDialogClose]="'confirmed'">Confirm</button>
+ * ```
+ */
+declare class DialogClose<R = unknown> {
+    /** Result to pass when closing the dialog. */
+    readonly mcmsDialogClose: _angular_core.InputSignal<R | undefined>;
+    private readonly dialogRef;
+    onClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DialogClose<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DialogClose<any>, "[mcmsDialogClose]", never, { "mcmsDialogClose": { "alias": "mcmsDialogClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type ToastVariant = 'default' | 'destructive' | 'success' | 'warning';
+type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
+/**
+ * Configuration options for a toast notification.
+ */
+interface ToastConfig {
+    /** Variant determines the visual style. Default: 'default' */
+    variant?: ToastVariant;
+    /** Duration in milliseconds. 0 = persistent. Default: 5000 */
+    duration?: number;
+    /** Optional action button. */
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+    /** Whether the toast can be dismissed manually. Default: true */
+    dismissible?: boolean;
+}
+/**
+ * Internal toast data structure.
+ */
+interface Toast {
+    id: string;
+    title: string;
+    description?: string;
+    variant: ToastVariant;
+    duration: number;
+    action?: ToastConfig['action'];
+    dismissible: boolean;
+    createdAt: number;
+}
+
+/**
+ * Service for showing toast notifications.
+ *
+ * Usage:
+ * ```typescript
+ * // In your component
+ * private toast = inject(ToastService);
+ *
+ * // Show a toast
+ * this.toast.show('Changes saved', 'Your changes have been saved successfully.');
+ *
+ * // Show with variant
+ * this.toast.success('Success!', 'Operation completed.');
+ * this.toast.error('Error', 'Something went wrong.');
+ * this.toast.warning('Warning', 'Please review your input.');
+ *
+ * // Show with action
+ * this.toast.show('File deleted', 'The file has been removed.', {
+ *   action: {
+ *     label: 'Undo',
+ *     onClick: () => this.undoDelete(),
+ *   },
+ * });
+ * ```
+ *
+ * Remember to add <mcms-toast-container /> to your app root.
+ */
+declare class ToastService {
+    private readonly document;
+    private readonly liveAnnouncer;
+    /** Current toast position. */
+    readonly position: _angular_core.WritableSignal<ToastPosition>;
+    /** Maximum number of visible toasts. Default: 5 */
+    readonly maxToasts: _angular_core.WritableSignal<number>;
+    /** Active toasts. */
+    readonly toasts: _angular_core.WritableSignal<Toast[]>;
+    /**
+     * Show a toast notification.
+     * @returns The toast ID for programmatic dismissal.
+     */
+    show(title: string, description?: string, config?: ToastConfig): string;
+    /**
+     * Show a success toast.
+     */
+    success(title: string, description?: string): string;
+    /**
+     * Show an error toast.
+     */
+    error(title: string, description?: string): string;
+    /**
+     * Show a warning toast.
+     */
+    warning(title: string, description?: string): string;
+    /**
+     * Dismiss a specific toast by ID.
+     */
+    dismiss(id: string): void;
+    /**
+     * Dismiss all toasts.
+     */
+    dismissAll(): void;
+    /**
+     * Set the toast position.
+     */
+    setPosition(position: ToastPosition): void;
+    /**
+     * Set the maximum number of visible toasts.
+     */
+    setMaxToasts(max: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ToastService>;
+}
+
+/**
+ * Individual toast component.
+ */
+declare class ToastComponent {
+    readonly toast: _angular_core.InputSignal<Toast>;
+    readonly dismissed: _angular_core.OutputEmitterRef<void>;
+    readonly variantBg: _angular_core.Signal<string>;
+    readonly variantBorder: _angular_core.Signal<string>;
+    readonly variantColor: _angular_core.Signal<string>;
+    dismiss(): void;
+    onAction(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "mcms-toast", never, { "toast": { "alias": "toast"; "required": true; "isSignal": true; }; }, { "dismissed": "dismissed"; }, never, never, true, never>;
+}
+
+/**
+ * Toast container component.
+ * Add this to your app root to enable toast notifications.
+ *
+ * Usage:
+ * ```html
+ * <!-- In app.component.html -->
+ * <router-outlet />
+ * <mcms-toast-container />
+ * ```
+ */
+declare class ToastContainer {
+    private readonly toastService;
+    readonly toasts: _angular_core.WritableSignal<_momentumcms_ui.Toast[]>;
+    readonly position: _angular_core.WritableSignal<_momentumcms_ui.ToastPosition>;
+    readonly hostClass: _angular_core.Signal<_momentumcms_ui.ToastPosition>;
+    onDismiss(id: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastContainer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastContainer, "mcms-toast-container", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Toast title component (optional, for custom content).
+ */
+declare class ToastTitle {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastTitle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastTitle, "mcms-toast-title", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Toast description component (optional, for custom content).
+ */
+declare class ToastDescription {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastDescription, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastDescription, "mcms-toast-description", never, {}, {}, never, ["*"], true, never>;
+}
+
+type ConfirmationIcon = 'warning' | 'danger' | 'info' | 'question';
+type ConfirmationVariant = 'default' | 'destructive';
+/**
+ * Configuration for a confirmation dialog.
+ */
+interface ConfirmationConfig {
+    /** Dialog title. */
+    title: string;
+    /** Optional description text. */
+    description?: string;
+    /** Text for the confirm button. Default: 'Confirm' */
+    confirmText?: string;
+    /** Text for the cancel button. Default: 'Cancel' */
+    cancelText?: string;
+    /** Button variant for the confirm button. Default: 'default' */
+    variant?: ConfirmationVariant;
+    /** Optional icon to show. */
+    icon?: ConfirmationIcon;
+}
+
+/**
+ * Internal confirmation dialog component.
+ */
+declare class ConfirmationDialogComponent {
+    readonly config: ConfirmationConfig;
+    private readonly dialogRef;
+    readonly confirmVariant: _angular_core.Signal<"destructive" | "primary">;
+    readonly iconContainerClass: _angular_core.Signal<"flex items-center justify-center w-12 h-12 rounded-full mb-4 mx-auto" | "flex items-center justify-center w-12 h-12 rounded-full mb-4 mx-auto bg-warning/10 text-warning" | "flex items-center justify-center w-12 h-12 rounded-full mb-4 mx-auto bg-destructive/10 text-destructive" | "flex items-center justify-center w-12 h-12 rounded-full mb-4 mx-auto bg-info/10 text-info" | "flex items-center justify-center w-12 h-12 rounded-full mb-4 mx-auto bg-primary/10 text-primary">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmationDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmationDialogComponent, "mcms-confirmation-dialog", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Service for showing confirmation dialogs.
+ *
+ * Usage:
+ * ```typescript
+ * // In your component
+ * private confirmation = inject(ConfirmationService);
+ *
+ * async onDelete(): Promise<void> {
+ *   const confirmed = await this.confirmation.confirm({
+ *     title: 'Delete item?',
+ *     description: 'This action cannot be undone.',
+ *     confirmText: 'Delete',
+ *     variant: 'destructive',
+ *   });
+ *
+ *   if (confirmed) {
+ *     // Proceed with deletion
+ *   }
+ * }
+ *
+ * // Or use the convenience method
+ * async onDeleteItem(): Promise<void> {
+ *   const confirmed = await this.confirmation.delete('this item');
+ *   if (confirmed) {
+ *     // Proceed
+ *   }
+ * }
+ * ```
+ */
+declare class ConfirmationService {
+    private readonly dialog;
+    /**
+     * Show a confirmation dialog.
+     * @returns Promise that resolves to true if confirmed, false if cancelled.
+     */
+    confirm(config: ConfirmationConfig): Promise<boolean>;
+    /**
+     * Show a delete confirmation dialog.
+     * @param itemName The name of the item being deleted.
+     */
+    delete(itemName: string): Promise<boolean>;
+    /**
+     * Show a discard changes confirmation dialog.
+     */
+    discardChanges(): Promise<boolean>;
+    /**
+     * Show a logout confirmation dialog.
+     */
+    logout(): Promise<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ConfirmationService>;
+}
+
+/**
+ * A visual separator for dividing content.
+ *
+ * @example
+ * ```html
+ * <mcms-separator />
+ * <mcms-separator orientation="vertical" />
+ * <mcms-separator [decorative]="false" />
+ * ```
+ */
+declare class Separator {
+    /** Orientation of the separator. */
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /** Whether the separator is purely decorative (no semantic meaning). */
+    readonly decorative: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly role: _angular_core.Signal<"separator" | "none">;
+    readonly ariaOrientation: _angular_core.Signal<"horizontal" | "vertical" | undefined>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Separator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Separator, "mcms-separator", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "decorative": { "alias": "decorative"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type SpinnerSize = 'sm' | 'md' | 'lg';
+declare const SPINNER_SIZES: Record<SpinnerSize, {
+    width: number;
+    height: number;
+    stroke: number;
+}>;
+
+/**
+ * A loading spinner indicator.
+ *
+ * @example
+ * ```html
+ * <mcms-spinner />
+ * <mcms-spinner size="sm" />
+ * <mcms-spinner size="lg" />
+ * ```
+ */
+declare class Spinner {
+    /** Size of the spinner. */
+    readonly size: _angular_core.InputSignal<SpinnerSize>;
+    /** Accessible label for screen readers. */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly dimensions: _angular_core.Signal<{
+        width: number;
+        height: number;
+        stroke: number;
+    }>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Spinner, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Spinner, "mcms-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * A skeleton loading placeholder.
+ *
+ * @example
+ * ```html
+ * <mcms-skeleton class="h-4 w-[200px]" />
+ * <mcms-skeleton class="h-12 w-12 rounded-full" />
+ * <mcms-skeleton class="h-32 w-full" />
+ * ```
+ */
+declare class Skeleton {
+    /** Additional CSS classes for sizing and shape. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Skeleton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Skeleton, "mcms-skeleton", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * A progress bar indicator.
+ *
+ * @example
+ * ```html
+ * <mcms-progress [value]="50" />
+ * <mcms-progress [value]="75" [max]="100" />
+ * <mcms-progress />  <!-- indeterminate -->
+ * ```
+ */
+declare class Progress {
+    /** Current progress value. Null for indeterminate state. */
+    readonly value: _angular_core.InputSignal<number | null>;
+    /** Maximum value. */
+    readonly max: _angular_core.InputSignal<number>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly isIndeterminate: _angular_core.Signal<boolean>;
+    readonly progressWidth: _angular_core.Signal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Progress, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Progress, "mcms-progress", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * A container that maintains a specific aspect ratio.
+ *
+ * @example
+ * ```html
+ * <mcms-aspect-ratio [ratio]="16 / 9">
+ *   <img src="image.jpg" class="object-cover w-full h-full" />
+ * </mcms-aspect-ratio>
+ *
+ * <mcms-aspect-ratio [ratio]="1">
+ *   <!-- Square content -->
+ * </mcms-aspect-ratio>
+ * ```
+ */
+declare class AspectRatio {
+    /** Aspect ratio as width / height (e.g., 16/9, 4/3, 1). */
+    readonly ratio: _angular_core.InputSignal<number>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AspectRatio, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AspectRatio, "mcms-aspect-ratio", never, { "ratio": { "alias": "ratio"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type AvatarSize = 'sm' | 'md' | 'lg';
+declare const AVATAR_SIZE_CLASSES: Record<AvatarSize, string>;
+
+/**
+ * Avatar container component.
+ *
+ * @example
+ * ```html
+ * <mcms-avatar>
+ *   <mcms-avatar-image src="user.jpg" alt="User" />
+ *   <mcms-avatar-fallback>JD</mcms-avatar-fallback>
+ * </mcms-avatar>
+ * ```
+ */
+declare class Avatar {
+    /** Size of the avatar. */
+    readonly size: _angular_core.InputSignal<AvatarSize>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    /** Accessible label for the avatar. */
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
+    /** Internal state for image loading status. */
+    readonly imageLoaded: _angular_core.WritableSignal<boolean>;
+    /** Set image loaded state (called by AvatarImage). */
+    setImageLoaded(loaded: boolean): void;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Avatar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Avatar, "mcms-avatar", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Avatar image component.
+ *
+ * @example
+ * ```html
+ * <mcms-avatar>
+ *   <mcms-avatar-image src="user.jpg" alt="User name" />
+ *   <mcms-avatar-fallback>JD</mcms-avatar-fallback>
+ * </mcms-avatar>
+ * ```
+ */
+declare class AvatarImage {
+    private readonly avatar;
+    /** Image source URL. */
+    readonly src: _angular_core.InputSignal<string>;
+    /** Image alt text. */
+    readonly alt: _angular_core.InputSignal<string>;
+    /** Emitted when image fails to load. */
+    readonly loadError: _angular_core.OutputEmitterRef<void>;
+    readonly hostClasses: _angular_core.Signal<"block" | "hidden">;
+    onLoad(): void;
+    onError(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarImage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarImage, "mcms-avatar-image", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; }, { "loadError": "loadError"; }, never, never, true, never>;
+}
+
+/**
+ * Avatar fallback component shown when image fails to load.
+ *
+ * @example
+ * ```html
+ * <mcms-avatar>
+ *   <mcms-avatar-image src="user.jpg" alt="User" />
+ *   <mcms-avatar-fallback>JD</mcms-avatar-fallback>
+ * </mcms-avatar>
+ * ```
+ */
+declare class AvatarFallback {
+    private readonly avatar;
+    private readonly document;
+    /** Delay in milliseconds before showing fallback. */
+    readonly delayMs: _angular_core.InputSignal<number>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    private readonly canRender;
+    constructor();
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarFallback, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarFallback, "mcms-avatar-fallback", never, { "delayMs": { "alias": "delayMs"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Breadcrumbs navigation container.
+ *
+ * @example
+ * ```html
+ * <mcms-breadcrumbs>
+ *   <mcms-breadcrumb-item href="/">Home</mcms-breadcrumb-item>
+ *   <mcms-breadcrumb-separator />
+ *   <mcms-breadcrumb-item href="/products">Products</mcms-breadcrumb-item>
+ *   <mcms-breadcrumb-separator />
+ *   <mcms-breadcrumb-item [current]="true">Details</mcms-breadcrumb-item>
+ * </mcms-breadcrumbs>
+ * ```
+ */
+declare class Breadcrumbs {
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Breadcrumbs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Breadcrumbs, "mcms-breadcrumbs", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Individual breadcrumb item.
+ *
+ * @example
+ * ```html
+ * <mcms-breadcrumb-item href="/products">Products</mcms-breadcrumb-item>
+ * <mcms-breadcrumb-item [current]="true">Details</mcms-breadcrumb-item>
+ * ```
+ */
+declare class BreadcrumbItem {
+    /** Link href for navigation (uses routerLink for SPA navigation). */
+    readonly href: _angular_core.InputSignal<string | undefined>;
+    /** Whether this is the current/active page. */
+    readonly current: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbItem, "mcms-breadcrumb-item", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Breadcrumb separator between items.
+ *
+ * @example
+ * ```html
+ * <mcms-breadcrumb-separator />
+ * <mcms-breadcrumb-separator>/</mcms-breadcrumb-separator>
+ * ```
+ */
+declare class BreadcrumbSeparator {
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbSeparator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbSeparator, "mcms-breadcrumb-separator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Sidebar item configuration for programmatic usage.
+ */
+interface SidebarNavItemConfig {
+    /** Display label */
+    label: string;
+    /** Navigation URL */
+    href?: string;
+    /** Icon name or SVG */
+    icon?: string;
+    /** Badge content (text or number) */
+    badge?: string | number;
+    /** Whether the item is currently active */
+    active?: boolean;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Child items for nested navigation */
+    children?: SidebarNavItemConfig[];
+}
+/**
+ * Sidebar section configuration for programmatic usage.
+ */
+interface SidebarSectionConfig {
+    /** Unique identifier */
+    id: string;
+    /** Section title */
+    title?: string;
+    /** Whether the section can be collapsed */
+    collapsible?: boolean;
+    /** Whether the section is expanded by default */
+    defaultExpanded?: boolean;
+    /** Navigation items in this section */
+    items: SidebarNavItemConfig[];
+}
+
+/** Sidebar state representing current mode */
+type SidebarState = 'mobile-open' | 'mobile-closed' | 'collapsed' | 'expanded';
+/**
+ * Service for managing sidebar state across the application.
+ *
+ * Uses CDK BreakpointObserver for responsive detection and provides
+ * keyboard shortcuts (Cmd+B / Ctrl+B to toggle, Escape to close on mobile).
+ *
+ * @example
+ * ```typescript
+ * export class MyComponent {
+ *   private readonly sidebar = inject(SidebarService);
+ *
+ *   toggleSidebar(): void {
+ *     this.sidebar.toggle();
+ *   }
+ * }
+ * ```
+ */
+declare class SidebarService {
+    private readonly breakpointObserver;
+    private readonly platformId;
+    private readonly destroyRef;
+    private readonly document;
+    /** Whether the sidebar is open (mobile) - starts closed on mobile */
+    readonly open: _angular_core.WritableSignal<boolean>;
+    /** Whether the sidebar is collapsed (desktop) */
+    readonly collapsed: _angular_core.WritableSignal<boolean>;
+    /** Whether we're on a mobile viewport (<768px) */
+    readonly isMobile: Signal<boolean>;
+    /** Current sidebar state */
+    readonly state: Signal<SidebarState>;
+    /** Toggle sidebar - opens/closes on mobile, collapses/expands on desktop */
+    toggle(): void;
+    /** Set sidebar open state (for mobile drawer) */
+    setOpen(open: boolean): void;
+    /** Set sidebar collapsed state (for desktop) */
+    setCollapsed(collapsed: boolean): void;
+    /**
+     * Setup keyboard shortcuts for sidebar control.
+     * - Cmd+B (Mac) / Ctrl+B (Windows): Toggle sidebar
+     * - Escape: Close mobile drawer
+     *
+     * Call this from your root component's ngOnInit.
+     */
+    setupKeyboardShortcuts(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SidebarService>;
+}
+
+/**
+ * A responsive sidebar container component with slots for header, content, and footer.
+ *
+ * Features:
+ * - Mobile: Renders as a drawer overlay that slides in from left
+ * - Desktop: Renders as a static sidebar with optional collapsed state
+ * - Uses CDK FocusTrap for accessibility on mobile drawer
+ * - Integrates with SidebarService for app-wide state management
+ *
+ * @example
+ * ```html
+ * <mcms-sidebar>
+ *   <div mcmsSidebarHeader>
+ *     <h1>Logo</h1>
+ *   </div>
+ *   <div mcmsSidebarContent>
+ *     <mcms-sidebar-nav>
+ *       <mcms-sidebar-nav-item label="Dashboard" href="/dashboard" />
+ *     </mcms-sidebar-nav>
+ *   </div>
+ *   <div mcmsSidebarFooter>
+ *     <p>Footer content</p>
+ *   </div>
+ * </mcms-sidebar>
+ * ```
+ */
+declare class Sidebar {
+    readonly sidebar: SidebarService;
+    /** Width of the sidebar when expanded. */
+    readonly width: _angular_core.InputSignal<string>;
+    /** Width of the sidebar when collapsed. */
+    readonly collapsedWidth: _angular_core.InputSignal<string>;
+    /**
+     * Whether the sidebar is collapsed.
+     * This input syncs with SidebarService for backward compatibility.
+     */
+    readonly collapsed: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    constructor();
+    /** Classes for mobile drawer */
+    readonly mobileClasses: _angular_core.Signal<string>;
+    /** Classes for desktop sidebar */
+    readonly desktopClasses: _angular_core.Signal<string>;
+    /** Width for desktop sidebar */
+    readonly desktopWidth: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Sidebar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Sidebar, "mcms-sidebar", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["[mcmsSidebarHeader]", "[mcmsSidebarContent]", "[mcmsSidebarFooter]", "*"], true, never>;
+}
+
+/**
+ * Header section of the sidebar, typically for branding/logo.
+ *
+ * @example
+ * ```html
+ * <mcms-sidebar-header>
+ *   <h1>My App</h1>
+ * </mcms-sidebar-header>
+ * ```
+ */
+declare class SidebarHeader {
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarHeader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarHeader, "mcms-sidebar-header", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Main content area of the sidebar, typically for navigation items.
+ * This section is scrollable when content overflows.
+ *
+ * @example
+ * ```html
+ * <mcms-sidebar-content>
+ *   <mcms-sidebar-nav>
+ *     <mcms-sidebar-nav-item label="Home" href="/" />
+ *   </mcms-sidebar-nav>
+ * </mcms-sidebar-content>
+ * ```
+ */
+declare class SidebarContent {
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarContent, "mcms-sidebar-content", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Footer section of the sidebar, typically for user info or actions.
+ *
+ * @example
+ * ```html
+ * <mcms-sidebar-footer>
+ *   <div class="flex items-center gap-2">
+ *     <mcms-avatar>...</mcms-avatar>
+ *     <span>John Doe</span>
+ *   </div>
+ * </mcms-sidebar-footer>
+ * ```
+ */
+declare class SidebarFooter {
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarFooter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarFooter, "mcms-sidebar-footer", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Container for sidebar navigation items.
+ *
+ * @example
+ * ```html
+ * <mcms-sidebar-nav>
+ *   <mcms-sidebar-nav-item label="Dashboard" href="/dashboard" />
+ *   <mcms-sidebar-section title="Settings">
+ *     <mcms-sidebar-nav-item label="Profile" href="/settings/profile" />
+ *   </mcms-sidebar-section>
+ * </mcms-sidebar-nav>
+ * ```
+ */
+declare class SidebarNav {
+    /** Accessible label for the navigation. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarNav, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarNav, "mcms-sidebar-nav", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * A navigation item within the sidebar.
+ *
+ * @example
+ * ```html
+ * <mcms-sidebar-nav-item
+ *   label="Dashboard"
+ *   href="/dashboard"
+ *   icon="heroSquares2x2"
+ *   [active]="true"
+ * />
+ *
+ * <mcms-sidebar-nav-item
+ *   label="Notifications"
+ *   href="/notifications"
+ *   icon="heroBell"
+ *   [badge]="5"
+ * />
+ * ```
+ */
+declare class SidebarNavItem {
+    private readonly sidebar;
+    /** Display label for the nav item. */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Navigation URL. If not provided, renders as a button. */
+    readonly href: _angular_core.InputSignal<string | undefined>;
+    /** Icon name from ng-icons (e.g., 'heroSquares2x2', 'heroUsers'). */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Badge content to display. */
+    readonly badge: _angular_core.InputSignal<string | number | undefined>;
+    /** Whether this item is currently active. */
+    readonly active: _angular_core.InputSignal<boolean>;
+    /** Whether this item is disabled. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether to match the route exactly. */
+    readonly exact: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    /** Emitted when the item is clicked (for non-link items). */
+    readonly clicked: _angular_core.OutputEmitterRef<void>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    readonly linkClasses: _angular_core.Signal<string>;
+    handleClick(): void;
+    /** Close mobile drawer when navigating */
+    handleNavigation(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarNavItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarNavItem, "mcms-sidebar-nav-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "exact": { "alias": "exact"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+
+/**
+ * A collapsible section within the sidebar navigation.
+ *
+ * @example
+ * ```html
+ * <mcms-sidebar-section title="Settings" [collapsible]="true">
+ *   <mcms-sidebar-nav-item label="Profile" href="/settings/profile" />
+ *   <mcms-sidebar-nav-item label="Security" href="/settings/security" />
+ * </mcms-sidebar-section>
+ * ```
+ */
+declare class SidebarSection {
+    /** Section title. */
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    /** Whether the section can be collapsed. */
+    readonly collapsible: _angular_core.InputSignal<boolean>;
+    /** Whether the section is expanded (two-way binding). */
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    /** Emitted when the expanded state changes. */
+    readonly expandedChange: _angular_core.OutputEmitterRef<boolean>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarSection, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarSection, "mcms-sidebar-section", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; "expandedChange": "expandedChange"; }, never, ["*"], true, never>;
+}
+
+/**
+ * A trigger button that toggles the sidebar open/closed state.
+ *
+ * Shows a hamburger menu icon when sidebar is closed, and an X icon when open (mobile only).
+ * Automatically connects to the SidebarService for state management.
+ *
+ * @example
+ * ```html
+ * <!-- Basic usage -->
+ * <mcms-sidebar-trigger />
+ *
+ * <!-- With custom classes -->
+ * <mcms-sidebar-trigger class="text-foreground" />
+ * ```
+ */
+declare class SidebarTrigger {
+    readonly sidebar: SidebarService;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    /** Accessible label for the button. */
+    readonly ariaLabel: _angular_core.Signal<"Close sidebar" | "Open sidebar">;
+    /** Icon to display based on sidebar state. */
+    readonly iconName: _angular_core.Signal<"heroXMark" | "heroBars3">;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarTrigger, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarTrigger, "mcms-sidebar-trigger", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type PaginationItem = number | 'ellipsis';
+/**
+ * Generate pagination items with ellipsis for large page counts.
+ */
+declare function generatePaginationItems(currentPage: number, totalPages: number, siblingCount?: number): PaginationItem[];
+
+/**
+ * Pagination navigation component.
+ *
+ * @example
+ * ```html
+ * <mcms-pagination
+ *   [currentPage]="currentPage"
+ *   [totalPages]="totalPages"
+ *   (pageChange)="onPageChange($event)"
+ * />
+ * ```
+ */
+declare class Pagination {
+    /** Current active page (1-indexed). */
+    readonly currentPage: _angular_core.InputSignal<number>;
+    /** Total number of pages. */
+    readonly totalPages: _angular_core.InputSignal<number>;
+    /** Number of siblings to show on each side of current page. */
+    readonly siblingCount: _angular_core.InputSignal<number>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    /** Emitted when page changes. */
+    readonly pageChange: _angular_core.OutputEmitterRef<number>;
+    readonly paginationItems: _angular_core.Signal<_momentumcms_ui.PaginationItem[]>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    goToPage(page: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Pagination, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Pagination, "mcms-pagination", never, { "currentPage": { "alias": "currentPage"; "required": true; "isSignal": true; }; "totalPages": { "alias": "totalPages"; "required": true; "isSignal": true; }; "siblingCount": { "alias": "siblingCount"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
+}
+
+type TabsOrientation = 'horizontal' | 'vertical';
+type TabsSelectionMode = 'follow' | 'explicit';
+
+/**
+ * Tabs container component.
+ *
+ * @example
+ * ```html
+ * <mcms-tabs>
+ *   <mcms-tabs-list [(selectedTab)]="selectedTab">
+ *     <mcms-tabs-trigger value="tab1">Tab 1</mcms-tabs-trigger>
+ *     <mcms-tabs-trigger value="tab2">Tab 2</mcms-tabs-trigger>
+ *   </mcms-tabs-list>
+ *   <mcms-tabs-content value="tab1">Content 1</mcms-tabs-content>
+ *   <mcms-tabs-content value="tab2">Content 2</mcms-tabs-content>
+ * </mcms-tabs>
+ * ```
+ */
+declare class Tabs {
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tabs, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tabs, "mcms-tabs", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1$1.Tabs; inputs: {}; outputs: {}; }]>;
+}
+
+/**
+ * Tabs list container for tab triggers.
+ *
+ * @example
+ * ```html
+ * <mcms-tabs-list [(selectedTab)]="selectedTab" orientation="horizontal">
+ *   <mcms-tabs-trigger value="tab1">Tab 1</mcms-tabs-trigger>
+ *   <mcms-tabs-trigger value="tab2">Tab 2</mcms-tabs-trigger>
+ * </mcms-tabs-list>
+ * ```
+ */
+declare class TabsList {
+    /** Orientation of the tab list. */
+    readonly orientation: _angular_core.InputSignal<TabsOrientation>;
+    /** Selection mode: 'follow' auto-selects on focus, 'explicit' requires Enter/Space. */
+    readonly selectionMode: _angular_core.InputSignal<TabsSelectionMode>;
+    /** The currently selected tab value. */
+    readonly selectedTab: _angular_core.ModelSignal<string | undefined>;
+    /** Whether the tab list is disabled. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether navigation should wrap at edges. */
+    readonly wrap: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsList, "mcms-tabs-list", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectedTab": { "alias": "selectedTab"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "selectedTab": "selectedTabChange"; }, never, ["*"], true, [{ directive: typeof i1$1.TabList; inputs: { "orientation": "orientation"; "selectionMode": "selectionMode"; "selectedTab": "selectedTab"; "disabled": "disabled"; "wrap": "wrap"; }; outputs: { "selectedTabChange": "selectedTabChange"; }; }]>;
+}
+
+/**
+ * Individual tab trigger button.
+ *
+ * @example
+ * ```html
+ * <mcms-tabs-trigger value="tab1">Tab 1</mcms-tabs-trigger>
+ * <mcms-tabs-trigger value="tab2" [disabled]="true">Disabled Tab</mcms-tabs-trigger>
+ * ```
+ */
+declare class TabsTrigger {
+    private readonly tab;
+    /** Unique value identifying this tab. */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Whether the tab is disabled. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsTrigger, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsTrigger, "mcms-tabs-trigger", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1$1.Tab; inputs: { "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
+}
+
+/**
+ * Tab content panel.
+ *
+ * @example
+ * ```html
+ * <mcms-tabs-content value="tab1">
+ *   <p>Content for tab 1</p>
+ * </mcms-tabs-content>
+ * ```
+ */
+declare class TabsContent {
+    readonly tabPanel: TabPanel;
+    /** Unique value identifying this panel (must match a tab's value). */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabsContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabsContent, "mcms-tabs-content", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1$1.TabPanel; inputs: { "value": "value"; }; outputs: {}; }]>;
+}
+
+/**
+ * Type for accordion values.
+ */
+type AccordionValue = string | string[];
+
+/**
+ * Accordion root component that wraps accordion items.
+ *
+ * @example
+ * ```html
+ * <mcms-accordion>
+ *   <mcms-accordion-item>
+ *     <mcms-accordion-trigger panelId="item1">Section 1</mcms-accordion-trigger>
+ *     <mcms-accordion-content panelId="item1">
+ *       Content for section 1
+ *     </mcms-accordion-content>
+ *   </mcms-accordion-item>
+ * </mcms-accordion>
+ * ```
+ */
+declare class Accordion {
+    /** Whether multiple items can be expanded at once. */
+    readonly multiExpandable: _angular_core.InputSignal<boolean>;
+    /** Whether the accordion is disabled. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether keyboard navigation should wrap. */
+    readonly wrap: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Accordion, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Accordion, "mcms-accordion", never, { "multiExpandable": { "alias": "multiExpandable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1$2.AccordionGroup; inputs: { "disabled": "disabled"; "multiExpandable": "multiExpandable"; "wrap": "wrap"; }; outputs: {}; }]>;
+}
+
+/**
+ * Accordion item wrapper component.
+ * Contains an accordion trigger and its corresponding content panel.
+ *
+ * @example
+ * ```html
+ * <mcms-accordion-item>
+ *   <mcms-accordion-trigger panelId="item1">Section Title</mcms-accordion-trigger>
+ *   <mcms-accordion-content panelId="item1">
+ *     <p>Section content goes here</p>
+ *   </mcms-accordion-content>
+ * </mcms-accordion-item>
+ * ```
+ */
+declare class AccordionItem {
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItem, "mcms-accordion-item", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Accordion trigger button that toggles the visibility of its panel.
+ *
+ * @example
+ * ```html
+ * <mcms-accordion-trigger panelId="item1">
+ *   Section Title
+ * </mcms-accordion-trigger>
+ * ```
+ */
+declare class AccordionTrigger {
+    readonly trigger: AccordionTrigger$1;
+    /** Unique identifier to match with the corresponding panel. */
+    readonly panelId: _angular_core.InputSignal<string>;
+    /** Whether the trigger is disabled. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether the panel is expanded. */
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    readonly iconClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionTrigger, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionTrigger, "mcms-accordion-trigger", never, { "panelId": { "alias": "panelId"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, [{ directive: typeof i1$2.AccordionTrigger; inputs: { "panelId": "panelId"; "disabled": "disabled"; "expanded": "expanded"; }; outputs: { "expandedChange": "expandedChange"; }; }]>;
+}
+
+/**
+ * Accordion content panel that shows/hides based on trigger state.
+ *
+ * @example
+ * ```html
+ * <mcms-accordion-content panelId="item1">
+ *   <p>This content is shown when the accordion item is expanded.</p>
+ * </mcms-accordion-content>
+ * ```
+ */
+declare class AccordionContent {
+    readonly panel: AccordionPanel;
+    /** Unique identifier to match with the corresponding trigger. */
+    readonly panelId: _angular_core.InputSignal<string>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    readonly contentClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionContent, "mcms-accordion-content", never, { "panelId": { "alias": "panelId"; "required": true; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1$2.AccordionPanel; inputs: { "panelId": "panelId"; }; outputs: {}; }]>;
+}
+
+/**
+ * Table focus mode for keyboard navigation.
+ */
+type TableFocusMode = 'roving' | 'activedescendant';
+/**
+ * Table selection mode.
+ */
+type TableSelectionMode = 'follow' | 'explicit';
+/**
+ * Table wrap behavior.
+ */
+type TableWrapMode = 'continuous' | 'loop' | 'nowrap';
+
+/**
+ * Table component with keyboard navigation and selection support.
+ *
+ * @example
+ * ```html
+ * <mcms-table>
+ *   <mcms-table-header>
+ *     <mcms-table-row>
+ *       <mcms-table-head>Name</mcms-table-head>
+ *       <mcms-table-head>Status</mcms-table-head>
+ *     </mcms-table-row>
+ *   </mcms-table-header>
+ *   <mcms-table-body>
+ *     <mcms-table-row>
+ *       <mcms-table-cell>John</mcms-table-cell>
+ *       <mcms-table-cell>Active</mcms-table-cell>
+ *     </mcms-table-row>
+ *   </mcms-table-body>
+ * </mcms-table>
+ * ```
+ */
+declare class Table {
+    /** Whether selection is enabled. */
+    readonly enableSelection: _angular_core.InputSignal<boolean>;
+    /** Whether the table is disabled. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Focus mode for keyboard navigation. */
+    readonly focusMode: _angular_core.InputSignal<TableFocusMode>;
+    /** Row wrap behavior. */
+    readonly rowWrap: _angular_core.InputSignal<TableWrapMode>;
+    /** Column wrap behavior. */
+    readonly colWrap: _angular_core.InputSignal<TableWrapMode>;
+    /** Whether multiple cells can be selected. */
+    readonly multi: _angular_core.InputSignal<boolean>;
+    /** Selection mode. */
+    readonly selectionMode: _angular_core.InputSignal<TableSelectionMode>;
+    /** Whether range selection is enabled. */
+    readonly enableRangeSelection: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes for the wrapper. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    readonly tableClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Table, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Table, "mcms-table", never, { "enableSelection": { "alias": "enableSelection"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "rowWrap": { "alias": "rowWrap"; "required": false; "isSignal": true; }; "colWrap": { "alias": "colWrap"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "enableRangeSelection": { "alias": "enableRangeSelection"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1$3.Grid; inputs: { "enableSelection": "enableSelection"; "disabled": "disabled"; "focusMode": "focusMode"; "rowWrap": "rowWrap"; "colWrap": "colWrap"; "multi": "multi"; "selectionMode": "selectionMode"; "enableRangeSelection": "enableRangeSelection"; }; outputs: {}; }]>;
+}
+
+/**
+ * Table header (thead) component.
+ *
+ * @example
+ * ```html
+ * <mcms-table-header>
+ *   <mcms-table-row>
+ *     <mcms-table-head>Column 1</mcms-table-head>
+ *   </mcms-table-row>
+ * </mcms-table-header>
+ * ```
+ */
+declare class TableHeader {
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableHeader, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableHeader, "mcms-table-header, thead[mcms-table-header]", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Table body (tbody) component.
+ *
+ * @example
+ * ```html
+ * <mcms-table-body>
+ *   <mcms-table-row>
+ *     <mcms-table-cell>Cell content</mcms-table-cell>
+ *   </mcms-table-row>
+ * </mcms-table-body>
+ * ```
+ */
+declare class TableBody {
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableBody, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableBody, "mcms-table-body", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Table row (tr) component with keyboard navigation support.
+ *
+ * @example
+ * ```html
+ * <mcms-table-row>
+ *   <mcms-table-cell>Cell 1</mcms-table-cell>
+ *   <mcms-table-cell>Cell 2</mcms-table-cell>
+ * </mcms-table-row>
+ * ```
+ */
+declare class TableRow {
+    /** The row index within the grid. */
+    readonly rowIndex: _angular_core.InputSignal<number | undefined>;
+    /** Whether this row is selected. */
+    readonly selected: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableRow, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableRow, "mcms-table-row", never, { "rowIndex": { "alias": "rowIndex"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1$3.GridRow; inputs: { "rowIndex": "rowIndex"; }; outputs: {}; }]>;
+}
+
+/**
+ * Table header cell (th) component.
+ *
+ * Usage: Provide role="columnheader" when using in table headers.
+ *
+ * @example
+ * ```html
+ * <mcms-table-head role="columnheader">Column Name</mcms-table-head>
+ * ```
+ */
+declare class TableHead {
+    /** Whether this column is disabled. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Number of columns to span. */
+    readonly colSpan: _angular_core.InputSignal<number>;
+    /** Number of rows to span. */
+    readonly rowSpan: _angular_core.InputSignal<number>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableHead, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableHead, "mcms-table-head", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "colSpan": { "alias": "colSpan"; "required": false; "isSignal": true; }; "rowSpan": { "alias": "rowSpan"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1$3.GridCell; inputs: { "disabled": "disabled"; "colSpan": "colSpan"; "rowSpan": "rowSpan"; }; outputs: {}; }]>;
+}
+
+/**
+ * Table data cell (td) component with selection support.
+ *
+ * @example
+ * ```html
+ * <mcms-table-cell>Cell content</mcms-table-cell>
+ * ```
+ */
+declare class TableCell {
+    /** Whether this cell is disabled. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether this cell is selected. */
+    readonly selected: _angular_core.ModelSignal<boolean>;
+    /** Number of columns to span. */
+    readonly colSpan: _angular_core.InputSignal<number>;
+    /** Number of rows to span. */
+    readonly rowSpan: _angular_core.InputSignal<number>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableCell, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableCell, "mcms-table-cell", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "colSpan": { "alias": "colSpan"; "required": false; "isSignal": true; }; "rowSpan": { "alias": "rowSpan"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, never, ["*"], true, [{ directive: typeof i1$3.GridCell; inputs: { "disabled": "disabled"; "selected": "selected"; "colSpan": "colSpan"; "rowSpan": "rowSpan"; }; outputs: { "selectedChange": "selectedChange"; }; }]>;
+}
+
+/**
+ * Table caption component.
+ *
+ * @example
+ * ```html
+ * <mcms-table>
+ *   <mcms-table-caption>List of users</mcms-table-caption>
+ *   <!-- ... -->
+ * </mcms-table>
+ * ```
+ */
+declare class TableCaption {
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableCaption, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableCaption, "mcms-table-caption", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Table footer (tfoot) component.
+ *
+ * @example
+ * ```html
+ * <mcms-table-footer>
+ *   <mcms-table-row>
+ *     <mcms-table-cell>Total</mcms-table-cell>
+ *     <mcms-table-cell>$1,000</mcms-table-cell>
+ *   </mcms-table-row>
+ * </mcms-table-footer>
+ * ```
+ */
+declare class TableFooter {
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableFooter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableFooter, "mcms-table-footer", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Empty state size variants
+ */
+type EmptyStateSize = 'sm' | 'md' | 'lg';
+
+/**
+ * Empty state component for displaying placeholder content when there is no data.
+ *
+ * @example
+ * ```html
+ * <mcms-empty-state title="No results found" description="Try adjusting your search criteria">
+ *   <svg mcms-empty-state-icon>...</svg>
+ *   <button mcms-empty-state-action mcms-button>Create New</button>
+ * </mcms-empty-state>
+ * ```
+ */
+declare class EmptyState {
+    /** Title text to display */
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    /** Description text to display */
+    readonly description: _angular_core.InputSignal<string | undefined>;
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<EmptyStateSize>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly titleClasses: _angular_core.Signal<string>;
+    protected readonly descriptionClasses: _angular_core.Signal<string>;
+    private getPaddingClasses;
+    private getTitleSizeClasses;
+    private getDescriptionSizeClasses;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyState, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyState, "mcms-empty-state", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["[mcms-empty-state-icon]", "[mcms-empty-state-description]", "[mcms-empty-state-action]", "*"], true, never>;
+}
+
+/**
+ * Column definition for data table.
+ */
+interface DataTableColumn<T = unknown> {
+    /** Field name from the data object */
+    field: keyof T | string;
+    /** Display header text */
+    header: string;
+    /** Whether the column is sortable */
+    sortable?: boolean;
+    /** Column width (CSS value) */
+    width?: string;
+    /** Minimum column width (CSS value) - prevents column collapse on narrow screens */
+    minWidth?: string;
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Custom render function for cell value */
+    render?: (value: unknown, item: T) => string;
+    /** Custom template for cell content */
+    template?: TemplateRef<DataTableCellContext<T>>;
+}
+/**
+ * Context provided to column templates.
+ */
+interface DataTableCellContext<T> {
+    /** The cell value */
+    $implicit: unknown;
+    /** The full row item */
+    item: T;
+    /** The column definition */
+    column: DataTableColumn<T>;
+    /** Row index */
+    index: number;
+}
+/**
+ * Sort state for the data table.
+ */
+interface DataTableSort<T = unknown> {
+    /** Field being sorted */
+    field: keyof T | string;
+    /** Sort direction */
+    direction: 'asc' | 'desc';
+}
+/**
+ * Row action definition.
+ */
+interface DataTableRowAction<T = unknown> {
+    /** Action identifier */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional icon */
+    icon?: string;
+    /** Action handler */
+    handler?: (item: T) => void;
+    /** Whether the action is visible for an item */
+    visible?: (item: T) => boolean;
+    /** Whether the action is disabled for an item */
+    disabled?: (item: T) => boolean;
+    /** Button variant */
+    variant?: 'default' | 'destructive' | 'ghost';
+}
+/**
+ * Event emitted when a row action is triggered.
+ */
+interface DataTableRowActionEvent<T> {
+    /** The action that was triggered */
+    action: DataTableRowAction<T>;
+    /** The item the action was triggered on */
+    item: T;
+}
+
+/**
+ * A feature-rich data table component with search, sorting, pagination, and selection.
+ *
+ * @example
+ * ```html
+ * <mcms-data-table
+ *   [data]="users"
+ *   [columns]="columns"
+ *   [searchable]="true"
+ *   [selectable]="true"
+ *   [paginated]="true"
+ *   (rowClick)="onRowClick($event)"
+ * />
+ * ```
+ */
+declare class DataTable<T = unknown> {
+    readonly data: _angular_core.InputSignal<T[]>;
+    readonly columns: _angular_core.InputSignal<DataTableColumn<T>[]>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly searchable: _angular_core.InputSignal<boolean>;
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    readonly searchFields: _angular_core.InputSignal<(string | keyof T)[]>;
+    readonly sortable: _angular_core.InputSignal<boolean>;
+    readonly sort: _angular_core.ModelSignal<DataTableSort<T> | undefined>;
+    readonly selectable: _angular_core.InputSignal<boolean>;
+    readonly selectedItems: _angular_core.ModelSignal<T[]>;
+    readonly paginated: _angular_core.InputSignal<boolean>;
+    readonly pageSize: _angular_core.InputSignal<number>;
+    readonly pageSizeOptions: _angular_core.InputSignal<number[]>;
+    readonly currentPage: _angular_core.ModelSignal<number>;
+    readonly totalItems: _angular_core.InputSignal<number | undefined>;
+    readonly emptyTitle: _angular_core.InputSignal<string>;
+    readonly emptyDescription: _angular_core.InputSignal<string>;
+    readonly clickableRows: _angular_core.InputSignal<boolean>;
+    readonly rowActions: _angular_core.InputSignal<DataTableRowAction<T>[]>;
+    readonly trackByFn: _angular_core.InputSignal<(item: T) => unknown>;
+    readonly class: _angular_core.InputSignal<string>;
+    readonly searchChange: _angular_core.OutputEmitterRef<string>;
+    readonly sortChange: _angular_core.OutputEmitterRef<DataTableSort<T> | undefined>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<T[]>;
+    readonly pageChange: _angular_core.OutputEmitterRef<number>;
+    readonly pageSizeChange: _angular_core.OutputEmitterRef<number>;
+    readonly rowClick: _angular_core.OutputEmitterRef<T>;
+    readonly rowAction: _angular_core.OutputEmitterRef<DataTableRowActionEvent<T>>;
+    /** Search query (two-way bindable for parent control) */
+    readonly searchQuery: _angular_core.ModelSignal<string>;
+    readonly hasToolbarSlot = false;
+    readonly skeletonRows: number[];
+    readonly hostClasses: _angular_core.Signal<string>;
+    readonly filteredData: _angular_core.Signal<T[]>;
+    readonly sortedData: _angular_core.Signal<T[]>;
+    readonly displayData: _angular_core.Signal<T[]>;
+    readonly computedTotalItems: _angular_core.Signal<number>;
+    readonly totalPages: _angular_core.Signal<number>;
+    readonly paginationStart: _angular_core.Signal<number>;
+    readonly paginationEnd: _angular_core.Signal<number>;
+    readonly allSelected: _angular_core.Signal<boolean>;
+    readonly someSelected: _angular_core.Signal<boolean>;
+    constructor();
+    getCellValue(item: T, field: keyof T | string): unknown;
+    /**
+     * Safely get a property from an object.
+     * Uses type guard pattern to satisfy strict type checking.
+     */
+    private getObjectProperty;
+    /**
+     * Type guard for Record<string, unknown>.
+     */
+    private isRecord;
+    renderCell(item: T, col: DataTableColumn<T>): string;
+    onSearchChange(value: string): void;
+    toggleSort(field: keyof T | string): void;
+    toggleSelect(item: T): void;
+    toggleSelectAll(): void;
+    isSelected(item: T): boolean;
+    onPageChanged(page: number): void;
+    onRowClicked(item: T): void;
+    getVisibleActions(item: T): DataTableRowAction<T>[];
+    isActionDisabled(item: T, action: DataTableRowAction<T>): boolean;
+    onActionClick(item: T, action: DataTableRowAction<T>): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTable<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTable<any>, "mcms-data-table", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "searchFields": { "alias": "searchFields"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; "paginated": { "alias": "paginated"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; "emptyTitle": { "alias": "emptyTitle"; "required": false; "isSignal": true; }; "emptyDescription": { "alias": "emptyDescription"; "required": false; "isSignal": true; }; "clickableRows": { "alias": "clickableRows"; "required": false; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "trackByFn": { "alias": "trackByFn"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; "selectedItems": "selectedItemsChange"; "currentPage": "currentPageChange"; "searchChange": "searchChange"; "sortChange": "sortChange"; "selectionChange": "selectionChange"; "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "rowClick": "rowClick"; "rowAction": "rowAction"; "searchQuery": "searchQueryChange"; }, never, ["[mcmsDataTableToolbar]", "[mcmsDataTableEmpty]"], true, never>;
+}
+
+/**
+ * Filter mode for the command component.
+ * - manual: Consumer is responsible for filtering options
+ * - auto-select: Automatically selects first matching option
+ * - highlight: Highlights matching text without changing selection
+ */
+type CommandFilterMode = 'manual' | 'auto-select' | 'highlight';
+
+/**
+ * Command component for building command palettes, autocomplete, and searchable lists.
+ *
+ * @example
+ * ```html
+ * <mcms-command>
+ *   <mcms-command-input placeholder="Type a command or search..." />
+ *   <mcms-command-list>
+ *     <mcms-command-empty>No results found.</mcms-command-empty>
+ *     <mcms-command-group label="Suggestions">
+ *       <mcms-command-item value="calendar">Calendar</mcms-command-item>
+ *       <mcms-command-item value="search">Search</mcms-command-item>
+ *     </mcms-command-group>
+ *   </mcms-command-list>
+ * </mcms-command>
+ * ```
+ */
+declare class Command {
+    /** Filter mode for search/filter behavior */
+    readonly filterMode: _angular_core.InputSignal<CommandFilterMode>;
+    /** Whether the command is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether the command list is always expanded */
+    readonly alwaysExpanded: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Command, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Command, "mcms-command", never, { "filterMode": { "alias": "filterMode"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "alwaysExpanded": { "alias": "alwaysExpanded"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Input element for the command component.
+ * Provides search/filter functionality for the command list.
+ *
+ * @example
+ * ```html
+ * <mcms-command-input placeholder="Search..." [(value)]="searchValue" [autofocus]="true" />
+ * ```
+ */
+declare class CommandInput {
+    private readonly injector;
+    private readonly inputEl;
+    /** Placeholder text for the input */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Current value of the input */
+    readonly value: _angular_core.ModelSignal<string>;
+    /** Whether the input is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether to autofocus the input on mount */
+    readonly autofocus: _angular_core.InputSignal<boolean>;
+    /** ID of the associated command list for aria-controls */
+    readonly ariaControls: _angular_core.InputSignal<string>;
+    /** Whether the associated list is expanded */
+    readonly ariaExpanded: _angular_core.InputSignal<boolean>;
+    /** Accessible label for the input */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    constructor();
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly inputClasses: _angular_core.Signal<string>;
+    protected onInput(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandInput, "mcms-command-input", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "ariaControls"; "required": false; "isSignal": true; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+/**
+ * Container for command items. Provides the scrollable list area.
+ *
+ * @example
+ * ```html
+ * <mcms-command-list>
+ *   <mcms-command-item value="item1">Item 1</mcms-command-item>
+ *   <mcms-command-item value="item2">Item 2</mcms-command-item>
+ * </mcms-command-list>
+ * ```
+ */
+declare class CommandList {
+    /** Auto-generated unique ID for ARIA association with CommandInput. */
+    readonly listId: string;
+    /** Maximum height of the list */
+    readonly maxHeight: _angular_core.InputSignal<string>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandList, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandList, "mcms-command-list", never, { "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1$4.Listbox; inputs: { "multi": "multi"; "wrap": "wrap"; "focusMode": "focusMode"; "selectionMode": "selectionMode"; "disabled": "disabled"; "values": "values"; }; outputs: { "valuesChange": "valuesChange"; }; }]>;
+}
+
+/**
+ * Displayed when there are no results in the command list.
+ *
+ * @example
+ * ```html
+ * <mcms-command-empty>No results found.</mcms-command-empty>
+ * ```
+ */
+declare class CommandEmpty {
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandEmpty, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandEmpty, "mcms-command-empty", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class CommandGroup {
+    /** Auto-generated unique ID for the label element. */
+    readonly labelId: string;
+    /** Label for the group */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly labelClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandGroup, "mcms-command-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * A selectable item in the command list.
+ *
+ * @example
+ * ```html
+ * <mcms-command-item value="settings" (itemSelect)="onSelect()">
+ *   <svg>...</svg>
+ *   Settings
+ *   <span class="ml-auto text-xs text-muted-foreground">⌘S</span>
+ * </mcms-command-item>
+ * ```
+ */
+declare class CommandItem {
+    /** The value of the item */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Text label for accessibility and typeahead search */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Whether the item is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether the item is selected */
+    readonly selected: _angular_core.InputSignal<boolean>;
+    /** Emits when the item is selected */
+    readonly itemSelect: _angular_core.OutputEmitterRef<void>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    /** Whether the item is currently active (hovered/focused) */
+    protected readonly active: _angular_core.WritableSignal<boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected onSelect(): void;
+    protected onMouseEnter(): void;
+    protected onMouseLeave(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandItem, "mcms-command-item", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "itemSelect": "itemSelect"; }, never, ["*"], true, never>;
+}
+
+/**
+ * A visual separator between command groups or items.
+ *
+ * @example
+ * ```html
+ * <mcms-command-group label="Navigation">...</mcms-command-group>
+ * <mcms-command-separator />
+ * <mcms-command-group label="Settings">...</mcms-command-group>
+ * ```
+ */
+declare class CommandSeparator {
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommandSeparator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommandSeparator, "mcms-command-separator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Toolbar orientation
+ */
+type ToolbarOrientation = 'horizontal' | 'vertical';
+
+/**
+ * Toolbar component for grouping related controls.
+ *
+ * Uses @angular/aria/toolbar for keyboard navigation (Arrow keys, Home/End).
+ *
+ * @example
+ * ```html
+ * <mcms-toolbar>
+ *   <button mcms-toolbar-widget value="bold">Bold</button>
+ *   <button mcms-toolbar-widget value="italic">Italic</button>
+ *   <mcms-toolbar-separator />
+ *   <button mcms-toolbar-widget value="link">Link</button>
+ * </mcms-toolbar>
+ * ```
+ */
+declare class Toolbar {
+    protected readonly toolbar: Toolbar$1<any>;
+    /** Toolbar orientation */
+    readonly orientation: _angular_core.InputSignal<ToolbarOrientation>;
+    /** Whether the toolbar is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether navigation wraps around */
+    readonly wrap: _angular_core.InputSignal<boolean>;
+    /** Selected widget values */
+    readonly values: _angular_core.ModelSignal<string[]>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Toolbar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Toolbar, "mcms-toolbar", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; }, never, ["*"], true, [{ directive: typeof i1$5.Toolbar; inputs: { "orientation": "orientation"; "disabled": "disabled"; "wrap": "wrap"; "softDisabled": "softDisabled"; "values": "values"; }; outputs: { "valuesChange": "valuesChange"; }; }]>;
+}
+
+/**
+ * Interactive widget within a toolbar.
+ *
+ * @example
+ * ```html
+ * <button mcms-toolbar-widget value="bold" (click)="toggleBold()">
+ *   <svg>...</svg>
+ * </button>
+ * ```
+ */
+declare class ToolbarWidget {
+    protected readonly widget: ToolbarWidget$1<any>;
+    /** The value identifier for this widget */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Whether the widget is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarWidget, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarWidget, "button[mcms-toolbar-widget]", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1$5.ToolbarWidget; inputs: { "value": "value"; "disabled": "disabled"; }; outputs: {}; }]>;
+}
+
+/**
+ * Groups toolbar widgets for selection (like radio buttons).
+ *
+ * @example
+ * ```html
+ * <mcms-toolbar-widget-group [(value)]="alignment">
+ *   <button mcms-toolbar-widget value="left">Left</button>
+ *   <button mcms-toolbar-widget value="center">Center</button>
+ *   <button mcms-toolbar-widget value="right">Right</button>
+ * </mcms-toolbar-widget-group>
+ * ```
+ */
+declare class ToolbarWidgetGroup {
+    protected readonly group: ToolbarWidgetGroup$1<any>;
+    /** Whether the group is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether multiple items can be selected */
+    readonly multi: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarWidgetGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarWidgetGroup, "mcms-toolbar-widget-group", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1$5.ToolbarWidgetGroup; inputs: { "disabled": "disabled"; "multi": "multi"; }; outputs: {}; }]>;
+}
+
+/**
+ * Visual separator between toolbar widgets.
+ *
+ * @example
+ * ```html
+ * <button mcms-toolbar-widget value="bold">Bold</button>
+ * <mcms-toolbar-separator />
+ * <button mcms-toolbar-widget value="link">Link</button>
+ * ```
+ */
+declare class ToolbarSeparator {
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarSeparator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarSeparator, "mcms-toolbar-separator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Tree node data structure
+ */
+interface TreeNode {
+    /** Unique identifier for the node */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional icon identifier */
+    icon?: string;
+    /** Whether the node is disabled */
+    disabled?: boolean;
+    /** Whether the node is initially expanded */
+    expanded?: boolean;
+    /** Child nodes */
+    children?: TreeNode[];
+}
+
+/**
+ * Tree component for displaying hierarchical data.
+ *
+ * Uses @angular/aria/tree for keyboard navigation (Arrow keys, Home/End, Enter/Space).
+ *
+ * @example
+ * ```html
+ * <mcms-tree [(value)]="selectedItems" [multi]="true">
+ *   <mcms-tree-item [parent]="tree" value="folder1" label="Documents">
+ *     <mcms-tree-item-group [ownedBy]="documentsItem">
+ *       <mcms-tree-item [parent]="documentsGroup" value="file1" label="File 1" />
+ *     </mcms-tree-item-group>
+ *   </mcms-tree-item>
+ * </mcms-tree>
+ * ```
+ */
+declare class Tree {
+    readonly ariaTree: Tree$1<any>;
+    /** Whether multiple items can be selected */
+    readonly multi: _angular_core.InputSignal<boolean>;
+    /** Selection mode: 'follow' (select on focus) or 'explicit' (require Enter/Space) */
+    readonly selectionMode: _angular_core.InputSignal<"follow" | "explicit">;
+    /** Whether the tree is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether navigation wraps around */
+    readonly wrap: _angular_core.InputSignal<boolean>;
+    /** Selected item values */
+    readonly values: _angular_core.ModelSignal<string[]>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tree, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tree, "mcms-tree", ["mcmsTree"], { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; }, never, ["*"], true, [{ directive: typeof i1$6.Tree; inputs: { "multi": "multi"; "selectionMode": "selectionMode"; "disabled": "disabled"; "wrap": "wrap"; "orientation": "orientation"; "values": "values"; }; outputs: { "valuesChange": "valuesChange"; }; }]>;
+}
+
+/**
+ * A single item/node in the tree.
+ *
+ * @example
+ * ```html
+ * <mcms-tree-item
+ *   #documentsItem="mcmsTreeItem"
+ *   [parent]="tree"
+ *   value="documents"
+ *   label="Documents"
+ * >
+ *   Documents
+ *   <mcms-tree-item-group [ownedBy]="documentsItem">
+ *     ...children
+ *   </mcms-tree-item-group>
+ * </mcms-tree-item>
+ * ```
+ */
+declare class TreeItem {
+    readonly treeItem: TreeItem$1<any>;
+    /** The value identifier for this item */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Parent tree or tree item group */
+    readonly parent: _angular_core.InputSignal<Tree$1<string> | TreeItemGroup<string>>;
+    /** Text label for accessibility and typeahead */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Whether the item is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether the item is expanded */
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    /** Whether the item is selectable */
+    readonly selectable: _angular_core.InputSignal<boolean>;
+    /** Whether this item has children (should have a tree-item-group) */
+    readonly hasChildren: _angular_core.InputSignal<boolean>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly contentClasses: _angular_core.Signal<string>;
+    onClick(event: Event): void;
+    toggleExpanded(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeItem, "mcms-tree-item", ["mcmsTreeItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "parent": { "alias": "parent"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "hasChildren": { "alias": "hasChildren"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*", "mcms-tree-item-group, [mcmsTreeItemGroup]"], true, [{ directive: typeof i1$6.TreeItem; inputs: { "value": "value"; "parent": "parent"; "disabled": "disabled"; "expanded": "expanded"; "label": "label"; "selectable": "selectable"; }; outputs: { "expandedChange": "expandedChange"; }; }]>;
+}
+
+/**
+ * Groups child tree items under a parent item.
+ *
+ * @example
+ * ```html
+ * <mcms-tree-item #parentItem [parent]="tree" value="folder" label="Folder" [hasChildren]="true">
+ *   Folder
+ *   <mcms-tree-item-group [ownedBy]="parentItem">
+ *     <mcms-tree-item [parent]="childGroup" value="file" label="File">File</mcms-tree-item>
+ *   </mcms-tree-item-group>
+ * </mcms-tree-item>
+ * ```
+ */
+declare class TreeItemGroupComponent {
+    readonly group: TreeItemGroup<any>;
+    /** The parent tree item that owns this group */
+    readonly ownedBy: _angular_core.InputSignal<TreeItem$1<string>>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly isExpanded: _angular_core.Signal<boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeItemGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeItemGroupComponent, "mcms-tree-item-group", ["mcmsTreeItemGroup"], { "ownedBy": { "alias": "ownedBy"; "required": true; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1$6.TreeItemGroup; inputs: { "ownedBy": "ownedBy"; }; outputs: {}; }]>;
+}
+
+/**
+ * Menubar orientation
+ */
+type MenubarOrientation = 'horizontal' | 'vertical';
+/**
+ * Menubar item configuration
+ */
+interface MenubarItemConfig {
+    /** Unique value identifier */
+    value: string;
+    /** Display label */
+    label: string;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Keyboard shortcut hint */
+    shortcut?: string;
+    /** Icon identifier */
+    icon?: string;
+    /** Submenu items */
+    children?: MenubarItemConfig[];
+}
+
+/**
+ * Application menu bar for File, Edit, View style menus.
+ *
+ * Uses @angular/aria/menu for keyboard navigation (Arrow keys, Enter/Space).
+ *
+ * @example
+ * ```html
+ * <mcms-menubar>
+ *   <mcms-menubar-item value="file" label="File" [submenu]="fileMenu">
+ *     <mcms-menubar-submenu #fileMenu>
+ *       <mcms-menubar-item value="new" label="New" shortcut="⌘N" />
+ *       <mcms-menubar-item value="open" label="Open" shortcut="⌘O" />
+ *     </mcms-menubar-submenu>
+ *   </mcms-menubar-item>
+ *   <mcms-menubar-item value="edit" label="Edit" [submenu]="editMenu">
+ *     ...
+ *   </mcms-menubar-item>
+ * </mcms-menubar>
+ * ```
+ */
+declare class Menubar {
+    readonly menubar: MenuBar<any>;
+    /** Whether the menubar is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether navigation wraps around */
+    readonly wrap: _angular_core.InputSignal<boolean>;
+    /** Typeahead delay in milliseconds */
+    readonly typeaheadDelay: _angular_core.InputSignal<number>;
+    /** Selected values (for checkable menu items) */
+    readonly values: _angular_core.ModelSignal<string[]>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Menubar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Menubar, "mcms-menubar", ["mcmsMenubar"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; }, never, ["*"], true, [{ directive: typeof i1.MenuBar; inputs: { "disabled": "disabled"; "wrap": "wrap"; "typeaheadDelay": "typeaheadDelay"; "values": "values"; }; outputs: { "valuesChange": "valuesChange"; }; }]>;
+}
+
+/**
+ * A submenu dropdown for menubar items.
+ *
+ * @example
+ * ```html
+ * <mcms-menubar-submenu #fileMenu>
+ *   <mcms-menubar-submenu-item value="new" label="New" shortcut="⌘N" />
+ *   <mcms-menubar-submenu-item value="open" label="Open" shortcut="⌘O" />
+ *   <mcms-menubar-separator />
+ *   <mcms-menubar-submenu-item value="exit" label="Exit" />
+ * </mcms-menubar-submenu>
+ * ```
+ */
+declare class MenubarSubmenu {
+    readonly menu: Menu<any>;
+    readonly parent: _angular_core.ModelSignal<MenuItem<string> | undefined>;
+    /** Whether the submenu is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether navigation wraps around */
+    readonly wrap: _angular_core.InputSignal<boolean>;
+    /** Typeahead delay in milliseconds */
+    readonly typeaheadDelay: _angular_core.InputSignal<number>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenubarSubmenu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenubarSubmenu, "mcms-menubar-submenu", ["mcmsMenubarSubmenu"], { "parent": { "alias": "parent"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "parent": "parentChange"; }, never, ["*"], true, [{ directive: typeof i1.Menu; inputs: { "disabled": "disabled"; "wrap": "wrap"; "typeaheadDelay": "typeaheadDelay"; }; outputs: {}; }]>;
+}
+/**
+ * A menu item inside a menubar submenu.
+ *
+ * @example
+ * ```html
+ * <mcms-menubar-submenu-item value="new" label="New" shortcut="⌘N" />
+ * ```
+ */
+declare class MenubarSubmenuItem {
+    readonly menuItem: MenuItem<string>;
+    /** The unique value for this item */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Display label */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Whether the item is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Keyboard shortcut hint */
+    readonly shortcut: _angular_core.InputSignal<string | undefined>;
+    /** Text used for typeahead search */
+    readonly searchTerm: _angular_core.ModelSignal<string>;
+    /** Reference to a nested submenu */
+    readonly submenu: _angular_core.InputSignal<MenubarSubmenu | undefined>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenubarSubmenuItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenubarSubmenuItem, "mcms-menubar-submenu-item", ["mcmsMenubarSubmenuItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "shortcut": { "alias": "shortcut"; "required": false; "isSignal": true; }; "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "submenu": { "alias": "submenu"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "searchTerm": "searchTermChange"; }, never, ["[mcms-menubar-submenu-item-icon]", "*"], true, [{ directive: typeof i1.MenuItem; inputs: { "value": "value"; "disabled": "disabled"; "searchTerm": "searchTerm"; "submenu": "submenu"; }; outputs: {}; }]>;
+}
+/**
+ * Separator line within a menubar submenu.
+ */
+declare class MenubarSeparator {
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenubarSeparator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenubarSeparator, "mcms-menubar-separator", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * A top-level item in the menubar.
+ *
+ * @example
+ * ```html
+ * <mcms-menubar-item value="file" label="File" [submenu]="fileMenu">
+ *   <mcms-menubar-submenu #fileMenu>
+ *     ...submenu content
+ *   </mcms-menubar-submenu>
+ * </mcms-menubar-item>
+ * ```
+ */
+declare class MenubarItem {
+    readonly menuItem: MenuItem<string>;
+    /** The unique value for this item */
+    readonly value: _angular_core.InputSignal<string>;
+    /** Display label */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Whether the item is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Text used for typeahead search */
+    readonly searchTerm: _angular_core.ModelSignal<string>;
+    /** Reference to the submenu component */
+    readonly submenu: _angular_core.InputSignal<MenubarSubmenu | undefined>;
+    /** Additional CSS classes */
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenubarItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenubarItem, "mcms-menubar-item", ["mcmsMenubarItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "submenu": { "alias": "submenu"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "searchTerm": "searchTermChange"; }, never, ["[mcms-menubar-item-icon]", "*"], true, [{ directive: typeof i1.MenuItem; inputs: { "value": "value"; "disabled": "disabled"; "searchTerm": "searchTerm"; "submenu": "submenu"; }; outputs: {}; }]>;
+}
+
+/**
+ * A search input component with debounce support and clear functionality.
+ *
+ * @example
+ * ```html
+ * <mcms-search-input
+ *   placeholder="Search users..."
+ *   [debounce]="300"
+ *   (searchChange)="onSearch($event)"
+ * />
+ * ```
+ */
+declare class SearchInput {
+    private readonly document;
+    /** The current search value (two-way binding). */
+    readonly value: _angular_core.ModelSignal<string>;
+    /** Placeholder text. */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Debounce time in milliseconds before emitting search event. */
+    readonly debounce: _angular_core.InputSignal<number>;
+    /** Whether the input is disabled. */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Accessible label for the search input. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    /** Emitted after debounce when search value changes. */
+    readonly searchChange: _angular_core.OutputEmitterRef<string>;
+    /** Emitted when the clear button is clicked. */
+    readonly clear: _angular_core.OutputEmitterRef<void>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    private debounceTimer;
+    constructor();
+    onClear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchInput, "mcms-search-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "debounce": { "alias": "debounce"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "searchChange": "searchChange"; "clear": "clear"; }, never, never, true, never>;
+}
+
+/**
+ * Supported display types for FieldDisplay component.
+ */
+type FieldDisplayType = 'text' | 'number' | 'date' | 'datetime' | 'boolean' | 'badge' | 'link' | 'email' | 'list' | 'json' | 'html' | 'group' | 'array-table';
+/**
+ * Badge variant mapping for field values.
+ */
+interface FieldDisplayBadgeConfig {
+    /** Map of value to variant */
+    variants?: Record<string, 'default' | 'secondary' | 'success' | 'warning' | 'destructive' | 'outline'>;
+    /** Default variant if no match found */
+    defaultVariant?: 'default' | 'secondary' | 'success' | 'warning' | 'destructive' | 'outline';
+}
+/**
+ * Metadata about a sub-field for structured display types (group, array-table).
+ */
+interface FieldDisplayFieldMeta {
+    /** Sub-field name (used to extract values from objects) */
+    name: string;
+    /** Display label for the sub-field */
+    label?: string;
+    /** Field type from core (text, number, checkbox, etc.) */
+    type: string;
+}
+/**
+ * Number format configuration for the display component.
+ * Maps to Intl.NumberFormat options.
+ */
+interface FieldDisplayNumberFormat {
+    /** Formatting style */
+    style?: 'decimal' | 'currency' | 'percent';
+    /** ISO 4217 currency code (e.g. 'USD') */
+    currency?: string;
+    /** BCP 47 locale tag (e.g. 'en-US') */
+    locale?: string;
+    /** Minimum fraction digits */
+    minimumFractionDigits?: number;
+    /** Maximum fraction digits */
+    maximumFractionDigits?: number;
+}
+/**
+ * Date format configuration for the display component.
+ * Maps to Intl.DateTimeFormat options.
+ */
+interface FieldDisplayDateFormat {
+    /** Preset format style */
+    preset?: 'short' | 'medium' | 'long' | 'full';
+    /** BCP 47 locale tag */
+    locale?: string;
+    /** Whether to include time */
+    includeTime?: boolean;
+    /** Time style when includeTime is true */
+    timePreset?: 'short' | 'medium' | 'long' | 'full';
+}
+/**
+ * Configuration options for FieldDisplay.
+ */
+interface FieldDisplayConfig {
+    /** Label for the field */
+    label?: string;
+    /** Format string for dates (e.g., 'YYYY-MM-DD') */
+    format?: string;
+    /** Text to show when value is empty/null/undefined */
+    emptyText?: string;
+    /** Badge configuration for type='badge' */
+    badgeConfig?: FieldDisplayBadgeConfig;
+    /** Whether to open links in new tab (for link/email types) */
+    openInNewTab?: boolean;
+    /** Maximum items to show for list type before truncating */
+    maxItems?: number;
+}
+
+/**
+ * A read-only display component for rendering values with type-aware formatting.
+ *
+ * @example
+ * ```html
+ * <mcms-field-display [value]="user.name" type="text" label="Name" />
+ * <mcms-field-display [value]="user.createdAt" type="date" label="Created" />
+ * <mcms-field-display [value]="user.status" type="badge" [badgeConfig]="statusConfig" />
+ * <mcms-field-display [value]="product.price" type="number"
+ *   [numberFormat]="{ style: 'currency', currency: 'USD' }" label="Price" />
+ * <mcms-field-display [value]="product.seo" type="group" [fieldMeta]="seoMeta" label="SEO" />
+ * ```
+ */
+declare class FieldDisplay {
+    /** The value to display. */
+    readonly value: _angular_core.InputSignal<unknown>;
+    /** The type of display formatting to use. */
+    readonly type: _angular_core.InputSignal<FieldDisplayType>;
+    /** Optional label shown above the value. */
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    /** Format string for dates. */
+    readonly format: _angular_core.InputSignal<string | undefined>;
+    /** Text to show when value is empty/null/undefined. */
+    readonly emptyText: _angular_core.InputSignal<string>;
+    /** Badge configuration for type='badge'. */
+    readonly badgeConfig: _angular_core.InputSignal<FieldDisplayBadgeConfig | undefined>;
+    /** Whether to open links in new tab. */
+    readonly openInNewTab: _angular_core.InputSignal<boolean>;
+    /** Maximum items to show for list/array-table types. */
+    readonly maxItems: _angular_core.InputSignal<number>;
+    /** Additional CSS classes. */
+    readonly class: _angular_core.InputSignal<string>;
+    /** Sub-field metadata for 'group' and 'array-table' display types. */
+    readonly fieldMeta: _angular_core.InputSignal<FieldDisplayFieldMeta[]>;
+    /** Number format options (e.g. currency, percent). */
+    readonly numberFormat: _angular_core.InputSignal<FieldDisplayNumberFormat | undefined>;
+    /** Date format options (e.g. preset style, locale). */
+    readonly dateFormat: _angular_core.InputSignal<FieldDisplayDateFormat | undefined>;
+    readonly hostClasses: _angular_core.Signal<string>;
+    readonly isEmpty: _angular_core.Signal<boolean>;
+    readonly displayValue: _angular_core.Signal<string>;
+    readonly stringValue: _angular_core.Signal<string>;
+    readonly booleanValue: _angular_core.Signal<boolean>;
+    readonly formattedNumber: _angular_core.Signal<string>;
+    readonly formattedDate: _angular_core.Signal<string>;
+    readonly formattedDateTime: _angular_core.Signal<string>;
+    readonly formattedJson: _angular_core.Signal<string>;
+    readonly badgeVariant: _angular_core.Signal<"default" | "secondary" | "destructive" | "outline" | "success" | "warning">;
+    readonly listValue: _angular_core.Signal<unknown[]>;
+    readonly displayList: _angular_core.Signal<unknown[]>;
+    readonly hasMoreItems: _angular_core.Signal<boolean>;
+    readonly remainingItems: _angular_core.Signal<number>;
+    /** Extract a sub-field value from a group object. */
+    getGroupFieldValue(fieldName: string): string;
+    /** Extract a cell value from an array row. */
+    getArrayCellValue(row: unknown, meta: FieldDisplayFieldMeta): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldDisplay, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldDisplay, "mcms-field-display", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "badgeConfig": { "alias": "badgeConfig"; "required": false; "isSignal": true; }; "openInNewTab": { "alias": "openInNewTab"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "fieldMeta": { "alias": "fieldMeta"; "required": false; "isSignal": true; }; "numberFormat": { "alias": "numberFormat"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @deprecated Use `BlockAdminModeService` via `provideBlockAdminMode()` instead.
+ * When provided and true, block renderer shows admin edit overlays on hover.
+ */
+declare const BLOCK_ADMIN_MODE: InjectionToken<boolean>;
+/** Registry mapping block type slugs to their renderer components. */
+declare const BLOCK_COMPONENT_REGISTRY: InjectionToken<Map<string, Type<unknown>>>;
+/** Optional fallback component rendered for unregistered block types. */
+declare const BLOCK_FALLBACK_COMPONENT: InjectionToken<Type<unknown>>;
+/**
+ * Provide block components for the block renderer via DI.
+ *
+ * @example
+ * ```typescript
+ * providers: [
+ *   ...provideBlockComponents({
+ *     hero: HeroBlockComponent,
+ *     textBlock: TextBlockComponent,
+ *     feature: FeatureBlockComponent,
+ *   }),
+ * ]
+ * ```
+ */
+declare function provideBlockComponents(registry: Record<string, Type<unknown>>): Provider[];
+
+/**
+ * Block Admin Mode Service
+ *
+ * Runtime-togglable service controlling whether block admin mode is active.
+ * When active, the BlockRendererComponent shows hover overlays with edit buttons.
+ *
+ * Unlike the deprecated BLOCK_ADMIN_MODE injection token (compile-time boolean),
+ * this service can be toggled at runtime via query param, admin toolbar, or API.
+ *
+ * The `isAdmin` property can be replaced with a computed signal to derive admin
+ * mode from an external reactive source (e.g., auth service).
+ */
+
+declare class BlockAdminModeService {
+    private readonly _isAdmin;
+    /** Current admin mode state. Can be replaced with a computed for reactive sources. */
+    isAdmin: Signal<boolean>;
+    enable(): void;
+    disable(): void;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BlockAdminModeService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<BlockAdminModeService>;
+}
+/**
+ * Provide BlockAdminModeService with an initial value or reactive signal source.
+ *
+ * @param initialValue - Whether admin mode starts enabled.
+ *   Can be a boolean, a factory function (for SSR safety), or a Signal<boolean>
+ *   to reactively derive admin mode from an external source.
+ *
+ * @example
+ * ```typescript
+ * // Static value
+ * providers: [...provideBlockAdminMode(true)]
+ *
+ * // Factory function
+ * providers: [...provideBlockAdminMode(() => isInPreviewIframe())]
+ *
+ * // Reactive signal source
+ * providers: [...provideBlockAdminMode(authService.isAdmin)]
+ * ```
+ */
+declare function provideBlockAdminMode(initialValue?: boolean | (() => boolean) | Signal<boolean>): Provider[];
+
+declare class BlockOutletComponent {
+    private readonly vcr;
+    private readonly registry;
+    private readonly fallback;
+    /** The block type slug used to look up the component in the registry. */
+    readonly blockType: _angular_core.InputSignal<string>;
+    /** The block data object passed to the instantiated component via setInput. */
+    readonly blockData: _angular_core.InputSignal<Record<string, unknown>>;
+    private componentRef;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BlockOutletComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BlockOutletComponent, "mcms-block-outlet", never, { "blockType": { "alias": "blockType"; "required": true; "isSignal": true; }; "blockData": { "alias": "blockData"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class BlockRendererComponent {
+    /** Array of block data records to render. */
+    readonly blocks: _angular_core.InputSignal<Record<string, unknown>[]>;
+    /** Key used to read the block type from each record. Defaults to 'blockType'. */
+    readonly typeField: _angular_core.InputSignal<string>;
+    /** Emitted when an admin clicks the edit button on a block. Payload is the block index. */
+    readonly editBlock: _angular_core.OutputEmitterRef<number>;
+    /** Whether admin mode is active (shows edit overlays). Prefers service over deprecated token. */
+    private readonly adminModeService;
+    private readonly adminModeToken;
+    readonly adminMode: _angular_core.Signal<boolean>;
+    /** Extract the block type string from a block record. */
+    getBlockType(block: Record<string, unknown>): string | null;
+    /**
+     * Read the `_analytics` group from block data and return a tracking descriptor.
+     * Returns null if no tracking is configured (attribute won't be rendered).
+     */
+    getBlockTrack(block: Record<string, unknown>): string | null;
+    onEditBlock(index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BlockRendererComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BlockRendererComponent, "mcms-block-renderer", never, { "blocks": { "alias": "blocks"; "required": false; "isSignal": true; }; "typeField": { "alias": "typeField"; "required": false; "isSignal": true; }; }, { "editBlock": "editBlock"; }, never, never, true, never>;
+}
+
+interface KitchenSinkUser {
+    id: number;
+    name: string;
+    email: string;
+    role: string;
+    status: string;
+}
+/**
+ * Kitchen Sink page showcasing all UI components.
+ *
+ * @example
+ * ```typescript
+ * // In routing:
+ * { path: 'kitchen-sink', loadComponent: () => import('@momentumcms/ui').then(m => m.KitchenSinkPage) }
+ * ```
+ */
+declare class KitchenSinkPage {
+    private readonly toastService;
+    private readonly confirmationService;
+    readonly currentPage: _angular_core.WritableSignal<number>;
+    readonly commandPaletteOpen: _angular_core.WritableSignal<boolean>;
+    readonly searchQuery: _angular_core.WritableSignal<string>;
+    readonly activeIndex: _angular_core.WritableSignal<number>;
+    readonly searchValue: _angular_core.WritableSignal<string>;
+    readonly fieldDisplayJsonData: {
+        theme: string;
+        language: string;
+        version: string;
+    };
+    readonly commandItems: {
+        value: string;
+        label: string;
+        group: string;
+    }[];
+    readonly filteredSuggestions: _angular_core.Signal<{
+        value: string;
+        label: string;
+        group: string;
+    }[]>;
+    readonly filteredSettings: _angular_core.Signal<{
+        value: string;
+        label: string;
+        group: string;
+    }[]>;
+    readonly allFilteredItems: _angular_core.Signal<{
+        value: string;
+        label: string;
+        group: string;
+    }[]>;
+    handleKeyboardShortcut(event: KeyboardEvent): void;
+    handleCommandKeydown(event: KeyboardEvent): void;
+    selectCommandItem(item: {
+        value: string;
+        label: string;
+    }): void;
+    openCommandPalette(): void;
+    closeCommandPalette(): void;
+    readonly selectOptions: {
+        value: string;
+        label: string;
+    }[];
+    readonly radioOptions: {
+        value: string;
+        label: string;
+    }[];
+    readonly tableData: KitchenSinkUser[];
+    readonly tableColumns: DataTableColumn<KitchenSinkUser>[];
+    readonly tableRowActions: DataTableRowAction<KitchenSinkUser>[];
+    readonly selectedTableItems: _angular_core.WritableSignal<KitchenSinkUser[]>;
+    onTableRowAction(event: {
+        action: DataTableRowAction<KitchenSinkUser>;
+        item: KitchenSinkUser;
+    }): void;
+    showToast(type: 'default' | 'success' | 'error' | 'warning'): void;
+    openDialog(): void;
+    showConfirmation(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KitchenSinkPage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KitchenSinkPage, "mcms-kitchen-sink-page", never, {}, {}, never, never, true, never>;
+}
+
+export { AVATAR_SIZE_CLASSES, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AspectRatio, Avatar, AvatarFallback, AvatarImage, BLOCK_ADMIN_MODE, BLOCK_COMPONENT_REGISTRY, BLOCK_FALLBACK_COMPONENT, Badge, BlockAdminModeService, BlockOutletComponent, BlockRendererComponent, BreadcrumbItem, BreadcrumbSeparator, Breadcrumbs, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, ConfirmationDialogComponent, ConfirmationService, DIALOG_DATA, DataTable, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRef, DialogService, DialogTitle, DropdownLabel, DropdownMenu, DropdownMenuItem, DropdownSeparator, DropdownTrigger, EmptyState, FieldDisplay, Input, KitchenSinkPage, Label, McmsFormField, Menubar, MenubarItem, MenubarSeparator, MenubarSubmenu, MenubarSubmenuItem, Pagination, PopoverContent, PopoverTrigger, Progress, RadioGroup, SPINNER_SIZES, SearchInput, Select, Separator, Sidebar, SidebarContent, SidebarFooter, SidebarHeader, SidebarNav, SidebarNavItem, SidebarSection, SidebarService, SidebarTrigger, Skeleton, Spinner, Switch, TOOLTIP_POSITION_MAP, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ToastComponent, ToastContainer, ToastDescription, ToastService, ToastTitle, Toolbar, ToolbarSeparator, ToolbarWidget, ToolbarWidgetGroup, TooltipContent, TooltipTrigger, Tree, TreeItem, TreeItemGroupComponent, generatePaginationItems, getDropdownPositions, getPopoverPositions, provideBlockAdminMode, provideBlockComponents };
+export type { AccordionValue, AlertVariant, AvatarSize, BadgeVariant, ButtonSize, ButtonVariant, CommandFilterMode, ConfirmationConfig, ConfirmationIcon, ConfirmationVariant, DataTableCellContext, DataTableColumn, DataTableRowAction, DataTableRowActionEvent, DataTableSort, DialogConfig, DropdownMenuAlign, DropdownMenuSide, EmptyStateSize, FieldDisplayBadgeConfig, FieldDisplayConfig, FieldDisplayDateFormat, FieldDisplayFieldMeta, FieldDisplayNumberFormat, FieldDisplayType, InputType, MenubarItemConfig, MenubarOrientation, PaginationItem, PopoverAlign, PopoverSide, RadioOption, SelectOption, SidebarNavItemConfig, SidebarSectionConfig, SidebarState, SpinnerSize, TableFocusMode, TableSelectionMode, TableWrapMode, TabsOrientation, TabsSelectionMode, Toast, ToastConfig, ToastPosition, ToastVariant, ToolbarOrientation, TooltipPosition, TreeNode, ValidationError };