@arsedizioni/ars-utils 22.6.86 → 22.6.88

package/types/arsedizioni-ars-utils-ui.d.ts

@@ -1,115 +1,113 @@
-import { Searchable, INode, SearchBag, DateInterval, NameValueItem } from '@arsedizioni/ars-utils/core';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
-import * as _angular_core from '@angular/core';
-import { TemplateRef, InjectionToken, Signal, ElementRef, Renderer2 } from '@angular/core';
-import { Observable } from 'rxjs';
-
-interface DialogResult {
-    result?: 'ok' | 'cancel' | 'other';
-    value?: unknown;
-    options?: DialogOption[];
-}
-interface DialogOption {
-    value: unknown;
-    description: string;
-    selected?: boolean;
-}
-interface RecoverPasswordDialogResult {
-    email?: string;
-    recaptcha?: boolean;
-}
-interface ResetPasswordDialogResult {
-    userId?: number;
-    userEmail?: string;
-    oldPassword?: string;
-    password?: string;
-    password2?: string;
-    code?: string;
-}
-interface CredentialsDialogResult {
-    user?: string;
-    password?: string;
-    rememberMe?: boolean;
-    code?: string;
-}
-
-interface SelectDialogResult {
-    selectedItems: SelectableItem[];
-}
-interface SelectTreeDialogResult {
-    selectedItems: ItemNode[];
-}
-interface SelectDialogLookup {
-    items: SelectableItem[];
-    filter?: string;
-    params?: any;
-    owner?: any;
-}
-interface SelectDialogFilter {
-    items?: SelectableItem[];
-    filter?: string;
-    filterOption?: SelectableFilter;
-    owner?: any;
-}
-interface SelectDialogAppend {
-    items: SelectableItem[];
-    owner?: any;
-}
-interface SelectDialogEdit extends SelectDialogAppend {
-    item: SelectableItem;
-}
-interface SelectDialogDelete {
-    items: SelectableItem[];
-    selectedItems: SelectableItem[];
-    owner?: any;
-}
-interface SelectFileOption {
-    description: string;
-    value: boolean;
-}
-interface SelectFile {
-    file: File;
-    options?: SelectFileOption[];
-}
-interface SelectableFilter {
-    divider?: boolean;
-    description?: string;
-    group?: number;
-    groupName?: string;
-    radio?: boolean;
-    checked?: boolean;
-    value?: any;
-    icon?: string;
-    title?: string;
-}
-interface SelectDialogData {
-    title: string;
-    description?: string;
-    okCaption?: string;
-    maxItems?: number;
-    multipleSelection?: boolean;
-    mustSelect?: boolean;
-    width?: number;
-    filter?: string;
-    filters?: SelectableFilter[];
-    items?: SelectableItem[];
-    lookupFields?: NameValueItem<string>[];
-    lookupOnInit?: boolean;
-    emptyMessage?: string;
-    canLookupWithOptions?: boolean;
-    canLookupWithInlineOptions?: boolean;
-    canLookup?: boolean;
-    canDelete?: boolean;
-    canAppend?: boolean;
-    canEdit?: boolean;
-    canView?: boolean;
-    canFilter?: boolean;
-    canPaginate?: boolean;
-    pageSize?: number;
-    appearance?: MatFormFieldAppearance;
-    header?: string;
-    searchLabel?: string;
-    searchButtonLabel?: string;
+import { DateInterval, INode, NameValueItem, SearchBag, Searchable } from "@arsedizioni/ars-utils/core";
+import { MatFormFieldAppearance } from "@angular/material/form-field";
+import * as i0 from "@angular/core";
+import { ElementRef, InjectionToken, Renderer2, Signal, TemplateRef } from "@angular/core";
+import { Observable } from "rxjs";
+export interface DialogResult {
+  result?: 'ok' | 'cancel' | 'other';
+  value?: unknown;
+  options?: DialogOption[];
+}
+export interface DialogOption {
+  value: unknown;
+  description: string;
+  selected?: boolean;
+}
+export interface RecoverPasswordDialogResult {
+  email?: string;
+  recaptcha?: boolean;
+}
+export interface ResetPasswordDialogResult {
+  userId?: number;
+  userEmail?: string;
+  oldPassword?: string;
+  password?: string;
+  password2?: string;
+  code?: string;
+}
+export interface CredentialsDialogResult {
+  user?: string;
+  password?: string;
+  rememberMe?: boolean;
+  code?: string;
+}
+export interface SelectDialogResult {
+  selectedItems: SelectableItem[];
+}
+export interface SelectTreeDialogResult {
+  selectedItems: ItemNode[];
+}
+export interface SelectDialogLookup {
+  items: SelectableItem[];
+  filter?: string;
+  params?: any;
+  owner?: any;
+}
+export interface SelectDialogFilter {
+  items?: SelectableItem[];
+  filter?: string;
+  filterOption?: SelectableFilter;
+  owner?: any;
+}
+export interface SelectDialogAppend {
+  items: SelectableItem[];
+  owner?: any;
+}
+export interface SelectDialogEdit extends SelectDialogAppend {
+  item: SelectableItem;
+}
+export interface SelectDialogDelete {
+  items: SelectableItem[];
+  selectedItems: SelectableItem[];
+  owner?: any;
+}
+export interface SelectFileOption {
+  description: string;
+  value: boolean;
+}
+export interface SelectFile {
+  file: File;
+  options?: SelectFileOption[];
+}
+export interface SelectableFilter {
+  divider?: boolean;
+  description?: string;
+  group?: number;
+  groupName?: string;
+  radio?: boolean;
+  checked?: boolean;
+  value?: any;
+  icon?: string;
+  title?: string;
+}
+export interface SelectDialogData {
+  title: string;
+  description?: string;
+  okCaption?: string;
+  maxItems?: number;
+  multipleSelection?: boolean;
+  mustSelect?: boolean;
+  width?: number;
+  filter?: string;
+  filters?: SelectableFilter[];
+  items?: SelectableItem[];
+  lookupFields?: NameValueItem<string>[];
+  lookupOnInit?: boolean;
+  emptyMessage?: string;
+  canLookupWithOptions?: boolean;
+  canLookupWithInlineOptions?: boolean;
+  canLookup?: boolean;
+  canDelete?: boolean;
+  canAppend?: boolean;
+  canEdit?: boolean;
+  canView?: boolean;
+  canFilter?: boolean;
+  canPaginate?: boolean;
+  pageSize?: number;
+  appearance?: MatFormFieldAppearance;
+  header?: string;
+  searchLabel?: string;
+  searchButtonLabel?: string;
 }
 /**
  * Data of `ListDialogComponent`: the read-only sibling of {@link SelectDialogData}.
@@ -118,220 +116,201 @@ interface SelectDialogData {
  * is nothing to enable — and no `mustSelect` / `okCaption` either, because there is no
  * confirmation step to gate.
  */
-interface ListDialogData {
-    /** Dialog title, rendered as HTML. */
-    title: string;
-    /** Optional description shown under the title, rendered as HTML. */
-    description?: string;
-    /** Optional header shown above the list, rendered as HTML. Hidden while the list is empty. */
-    header?: string;
-    /** Items to display. */
-    items?: SelectableItem[];
-    /** Initial search text. */
-    filter?: string;
-    /** Message shown in place of the list when there is nothing to display. Rendered as HTML. */
-    emptyMessage?: string;
-    /** Caption of the close button, which is always available. Defaults to `Chiudi`. */
-    closeCaption?: string;
-    /** Label of the search field. Defaults to `Cerca...`. */
-    searchLabel?: string;
-    /** Appearance of the search field. Defaults to `outline`. */
-    appearance?: MatFormFieldAppearance;
-    /** Preferred dialog width, in pixels, for the caller that opens it. */
-    width?: number;
-}
-interface SelectTreeDialogData {
-    title: string;
-    description?: string;
-    okCaption?: string;
-    nodes?: ItemNode[];
-    initialFilter?: string;
-    appearance?: MatFormFieldAppearance;
-    owner?: any;
-    canAppend?: boolean;
-}
-interface SelectFileDialogData {
-    title: string;
-    description?: string;
-    okCaption?: string;
-    helpLink?: string;
-    helpCaption?: string;
-    maxSize?: number;
-    options?: any;
-    owner?: any;
-    accept?: string;
-    appearance?: MatFormFieldAppearance;
-}
-interface SelectPictureFileDialogData extends SelectFileDialogData {
-    maxWidth?: number;
-    maxHeight?: number;
-}
-interface ISelectableItem extends Searchable {
-    bag: any;
-    template: string;
-}
-declare class SelectableItem implements ISelectableItem {
-    bag: any;
-    template: string;
-    /** Searchable index bag. */
-    searchBag: SearchBag;
-}
-declare class ItemNode implements INode {
-    id: string;
-    name: string;
-    count?: number;
-    parent?: INode;
-    children?: INode[];
-    bag?: any;
-}
-declare class SelectableNode extends ItemNode implements Searchable {
-    expandable: boolean;
-    level: number;
-    /** Searchable index bag. */
-    searchBag: SearchBag;
-    /**
-     * Create a flattened tree node from a source ItemNode.
-     * @param item - The source tree node.
-     * @param level - The depth level of this node in the tree.
-     */
-    constructor(item: ItemNode, level: number);
+export interface ListDialogData {
+  /** Dialog title, rendered as HTML. */
+  title: string;
+  /** Optional description shown under the title, rendered as HTML. */
+  description?: string;
+  /** Optional header shown above the list, rendered as HTML. Hidden while the list is empty. */
+  header?: string;
+  /** Items to display. */
+  items?: SelectableItem[];
+  /** Initial search text. */
+  filter?: string;
+  /** Message shown in place of the list when there is nothing to display. Rendered as HTML. */
+  emptyMessage?: string;
+  /** Caption of the close button, which is always available. Defaults to `Chiudi`. */
+  closeCaption?: string;
+  /** Label of the search field. Defaults to `Cerca...`. */
+  searchLabel?: string;
+  /** Appearance of the search field. Defaults to `outline`. */
+  appearance?: MatFormFieldAppearance;
+  /** Preferred dialog width, in pixels, for the caller that opens it. */
+  width?: number;
+}
+export interface SelectTreeDialogData {
+  title: string;
+  description?: string;
+  okCaption?: string;
+  nodes?: ItemNode[];
+  initialFilter?: string;
+  appearance?: MatFormFieldAppearance;
+  owner?: any;
+  canAppend?: boolean;
+}
+export interface SelectFileDialogData {
+  title: string;
+  description?: string;
+  okCaption?: string;
+  helpLink?: string;
+  helpCaption?: string;
+  maxSize?: number;
+  options?: any;
+  owner?: any;
+  accept?: string;
+  appearance?: MatFormFieldAppearance;
+}
+export interface SelectPictureFileDialogData extends SelectFileDialogData {
+  maxWidth?: number;
+  maxHeight?: number;
+}
+export interface ISelectableItem extends Searchable {
+  bag: any;
+  template: string;
+}
+export declare class SelectableItem implements ISelectableItem {
+  bag: any;
+  template: string;
+  /** Searchable index bag. */
+  searchBag: SearchBag;
+}
+export declare class ItemNode implements INode {
+  id: string;
+  name: string;
+  count?: number;
+  parent?: INode;
+  children?: INode[];
+  bag?: any;
+}
+export declare class SelectableNode extends ItemNode implements Searchable {
+  expandable: boolean;
+  level: number;
+  /** Searchable index bag. */
+  searchBag: SearchBag;
+  /**
+   * Create a flattened tree node from a source ItemNode.
+   * @param item - The source tree node.
+   * @param level - The depth level of this node in the tree.
+   */
+  constructor(item: ItemNode, level: number);
 }
 /**
  * Minimal contract exposed by the send-to dialog to its host.
  * Declared here (and not on the component) so that `ui` never depends on
  * `ui.dialogs.select`, which would create a circular entry point dependency.
  */
-interface ISendToDialog {
-    /**
-     * Replaces the recipient list shown in the dialog.
-     * @param recipients - The semicolon separated recipient list.
-     */
-    updateRecipients(recipients: string): void;
-}
-interface SendToPopulateData {
-    item: SendToDialogResult;
-    source: ISendToDialog;
-}
-interface SendToDialogResult {
-    recipients?: string;
-    subject?: string;
-    text?: string;
-    options?: any;
-}
-interface PromptDialogResult {
-    value?: string;
-    type?: PromptDialogType;
-    options?: any;
-}
-interface PromptDateDialogResult {
-    value?: Date | DateInterval;
-    type?: PromptDialogType;
-    options?: any;
-}
-interface PromptOtpDialogResult {
-    value?: string;
-}
-declare enum PromptDialogType {
-    Default = 0,
-    Date = 1,
-    Number = 2,
-    Text = 3,
-    DateInterval = 4,
-    List = 5,
-    Time = 6
-}
-interface PromptDialogData {
-    title: string;
-    type: PromptDialogType;
-    description?: string;
-    okCaption?: string;
-    cancelCaption?: string;
-    initialValue?: any;
-    minValue?: number;
-    maxValue?: number;
-    required?: boolean;
-    appearance?: MatFormFieldAppearance;
-    options?: any;
-}
-interface PromptTimeDialogData extends PromptDialogData {
-    slots?: string;
-}
-
-declare class UIService {
-    /**
-     * The default Material form-field appearance used across dialogs and forms.
-     * Defaults to `'fill'`.
-     */
-    readonly appearance: _angular_core.WritableSignal<"fill" | "outline">;
-    /**
-     * Updates the global form-field appearance.
-     * @param value - The new appearance value. Falls back to `'fill'` when `undefined` is passed.
-     */
-    setAppearance(value: 'fill' | 'outline' | undefined): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UIService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
-}
-
-declare class IfBpDirective {
-    private readonly tpl;
-    private readonly vcr;
-    private readonly media;
-    /** Space-separated list of breakpoint aliases, e.g. `'lg gt-lg handset'` */
-    readonly ifBp: _angular_core.InputSignal<string>;
-    /** Optional else-template shown when no alias is active */
-    readonly ifBpElse: _angular_core.InputSignal<TemplateRef<unknown>>;
-    private readonly _aliases;
-    private readonly _isActive;
-    /** Which template is currently rendered. `undefined` = nothing decided yet. */
-    private _rendered;
-    /** The TemplateRef instance currently rendered (detects [ifBpElse] swaps). */
-    private _renderedTpl;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IfBpDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IfBpDirective, "[ifBp]", never, { "ifBp": { "alias": "ifBp"; "required": true; "isSignal": true; }; "ifBpElse": { "alias": "ifBpElse"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/**
- * @file breakpoints.ts
- * Angular CDK (v22) breakpoint definitions.
- *
- * The canonical tiers map 1:1 to the CDK `Breakpoints` constants from
- * '@angular/cdk/layout' (Material Design specification):
- *
- *   xs  = Breakpoints.XSmall    <  600px
- *   sm  = Breakpoints.Small    >=  600px and <  960px
- *   md  = Breakpoints.Medium   >=  960px and < 1280px
- *   lg  = Breakpoints.Large    >= 1280px and < 1920px
- *   xl  = Breakpoints.XLarge   >= 1920px
- *
- * These are the SAME tiers used by @ngbracket/ngx-layout, so responsive
- * suffixes (fxHide.xs, fxFlex.lt-sm, ...) behave exactly like the legacy
- * library — no breakpoint drift on migrated templates.
- *
- * Derived alias families (composed on the same CDK pixel boundaries; the CDK
- * does not publish range-combining constants):
- *
- *  "and up"     gt-xs | gt-sm | gt-md | gt-lg      (ngx-layout compat)
- *  "and down"   lt-sm | lt-md | lt-lg | lt-xl      (ngx-layout compat)
- *
- * Device aliases (CDK constants, point-in-time only): usable with
- * MediaObserver.isActive() / isActive$() and *ifBp — NOT as input suffixes:
- *
- *   handset | tablet | web |
- *   handset-portrait | tablet-portrait | web-portrait |
- *   handset-landscape | tablet-landscape | web-landscape
- */
-
+export interface ISendToDialog {
+  /**
+   * Replaces the recipient list shown in the dialog.
+   * @param recipients - The semicolon separated recipient list.
+   */
+  updateRecipients(recipients: string): void;
+}
+export interface SendToPopulateData {
+  item: SendToDialogResult;
+  source: ISendToDialog;
+}
+export interface SendToDialogResult {
+  recipients?: string;
+  subject?: string;
+  text?: string;
+  options?: any;
+}
+export interface PromptDialogResult {
+  value?: string;
+  type?: PromptDialogType;
+  options?: any;
+}
+export interface PromptDateDialogResult {
+  value?: Date | DateInterval;
+  type?: PromptDialogType;
+  options?: any;
+}
+export interface PromptOtpDialogResult {
+  value?: string;
+}
+export declare enum PromptDialogType {
+  Default = 0,
+  Date = 1,
+  Number = 2,
+  Text = 3,
+  DateInterval = 4,
+  List = 5,
+  Time = 6
+}
+export interface PromptDialogData {
+  title: string;
+  type: PromptDialogType;
+  description?: string;
+  okCaption?: string;
+  cancelCaption?: string;
+  initialValue?: any;
+  minValue?: number;
+  maxValue?: number;
+  required?: boolean;
+  appearance?: MatFormFieldAppearance;
+  options?: any;
+}
+export interface PromptTimeDialogData extends PromptDialogData {
+  slots?: string;
+}
+export declare class UIService {
+  /**
+   * The default Material form-field appearance used across dialogs and forms.
+   * Defaults to `'fill'`.
+   */
+  readonly appearance: import("@angular/core").WritableSignal<"fill" | "outline">;
+  /**
+   * Updates the global form-field appearance.
+   * @param value - The new appearance value. Falls back to `'fill'` when `undefined` is passed.
+   */
+  setAppearance(value: 'fill' | 'outline' | undefined): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UIService, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+declare namespace if_bp_directive_d_exports {
+  export { IfBpDirective };
+}
+export declare class IfBpDirective {
+  private readonly tpl;
+  private readonly vcr;
+  private readonly media;
+  /** Space-separated list of breakpoint aliases, e.g. `'lg gt-lg handset'` */
+  readonly ifBp: import("@angular/core").InputSignal<string>;
+  /** Optional else-template shown when no alias is active */
+  readonly ifBpElse: import("@angular/core").InputSignal<TemplateRef<unknown>>;
+  private readonly _aliases;
+  private readonly _isActive;
+  /** Which template is currently rendered. `undefined` = nothing decided yet. */
+  private _rendered;
+  /** The TemplateRef instance currently rendered (detects [ifBpElse] swaps). */
+  private _renderedTpl;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<IfBpDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<IfBpDirective, "[ifBp]", never, {
+    "ifBp": {
+      "alias": "ifBp";
+      "required": true;
+      "isSignal": true;
+    };
+    "ifBpElse": {
+      "alias": "ifBpElse";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+declare const CDK_LAYOUT_BREAKPOINTS: Record<string, string>;
 /**
  * @deprecated Renamed to `CDK_LAYOUT_BREAKPOINTS`: the module now follows the
  * Angular CDK breakpoint scale, not Bootstrap 5. Kept as an alias so existing
  * imports keep compiling; update references when convenient.
  */
-declare const BS5_BREAKPOINTS: Record<string, string>;
+export declare const BS5_BREAKPOINTS: Record<string, string>;
 /** InjectionToken — override to customise or extend breakpoints */
-declare const LAYOUT_BREAKPOINTS: InjectionToken<Record<string, string>>;
+export declare const LAYOUT_BREAKPOINTS: InjectionToken<Record<string, string>>;
 /** Ordered canonical aliases, smallest → largest (the MediaObserver picks the widest match) */
-declare const CANONICAL_ALIASES: readonly ["xs", "sm", "md", "lg", "xl"];
+export declare const CANONICAL_ALIASES: readonly ["xs", "sm", "md", "lg", "xl"];
 type BreakpointAlias = typeof CANONICAL_ALIASES[number];
 /**
  * All non-canonical alias families.
@@ -340,71 +319,48 @@ type BreakpointAlias = typeof CANONICAL_ALIASES[number];
  * Device aliases (handset/tablet/web*) are intentionally excluded: they are
  * point-in-time queries for *ifBp / MediaObserver, not directive input suffixes.
  */
-declare const ALIAS_FAMILIES: {
-    readonly gt: readonly ["gt-xs", "gt-sm", "gt-md", "gt-lg"];
-    readonly lt: readonly ["lt-sm", "lt-md", "lt-lg", "lt-xl"];
+export declare const ALIAS_FAMILIES: {
+  readonly gt: readonly ["gt-xs", "gt-sm", "gt-md", "gt-lg"];
+  readonly lt: readonly ["lt-sm", "lt-md", "lt-lg", "lt-xl"];
 };
-
-/**
- * @file media-observer.service.ts  (v2 — optimized)
- *
- * ── Optimizations over v1 ─────────────────────────────────────────────────
- *
- * ✅ Single bo.observe() call for all 5 canonical CDK breakpoints.
- *    CDK internally uses one MediaQueryList listener per query string.
- *    Calling observe() N times creates N listeners — here we create only one.
- *
- * ✅ currentBp$ is shared (shareReplay(1)): all subscribers (effects in
- *    directives) receive the same value without redundant re-computations.
- *
- * ✅ The currentBp Signal is derived from the Observable via toSignal():
- *    Angular manages the subscription internally and tears it down with root.
- *
- * ✅ isActive() delegates to bo.isMatched() — synchronous, O(1), no extra observer.
- *
- * ✅ isActive$() reuses the shared currentBp$ stream instead of opening
- *    a new bo.observe() for every requested alias.
- */
-
-declare class MediaObserver {
-    private readonly bo;
-    private readonly bp;
-    /**
-     * A SINGLE CDK observation for all 5 canonical CDK breakpoints.
-     * Each breakpoint change emits → we resolve the current alias → shared.
-     *
-     * shareReplay(1): all subscribers (N directives in the DOM) receive
-     * the same value without N separate recomputations.
-     */
-    readonly currentBp$: Observable<BreakpointAlias>;
-    /**
-     * Signal derived from currentBp$.
-     * Directives read it via effect() — zero manual subscriptions.
-     * providedIn: 'root' ensures the Signal is a singleton.
-     */
-    readonly currentBp: Signal<BreakpointAlias>;
-    /**
-     * Returns true if the given alias (or raw media query) is currently active.
-     * Delegates to bo.isMatched() — synchronous, O(1), no extra observer created.
-     *
-     * @example
-     * media.isActive('md')      // true on 960–1279px screens
-     * media.isActive('gt-md')   // true on 1280px+
-     * media.isActive('handset') // CDK device alias (orientation-aware)
-     */
-    isActive(alias: string): boolean;
-    /**
-     * Observable true/false for a specific alias.
-     * Reuses currentBp$ instead of opening a new bo.observe():
-     * no additional MediaQueryList listener is created.
-     */
-    isActive$(alias: string): Observable<boolean>;
-    /** Resolves the active canonical alias (from xl down to xs, mobile-first) */
-    private _resolve;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MediaObserver, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
-}
-
+export declare class MediaObserver {
+  private readonly bo;
+  private readonly bp;
+  /**
+   * A SINGLE CDK observation for all 5 canonical CDK breakpoints.
+   * Each breakpoint change emits → we resolve the current alias → shared.
+   *
+   * shareReplay(1): all subscribers (N directives in the DOM) receive
+   * the same value without N separate recomputations.
+   */
+  readonly currentBp$: Observable<BreakpointAlias>;
+  /**
+   * Signal derived from currentBp$.
+   * Directives read it via effect() — zero manual subscriptions.
+   * providedIn: 'root' ensures the Signal is a singleton.
+   */
+  readonly currentBp: Signal<BreakpointAlias>;
+  /**
+   * Returns true if the given alias (or raw media query) is currently active.
+   * Delegates to bo.isMatched() — synchronous, O(1), no extra observer created.
+   *
+   * @example
+   * media.isActive('md')      // true on 960–1279px screens
+   * media.isActive('gt-md')   // true on 1280px+
+   * media.isActive('handset') // CDK device alias (orientation-aware)
+   */
+  isActive(alias: string): boolean;
+  /**
+   * Observable true/false for a specific alias.
+   * Reuses currentBp$ instead of opening a new bo.observe():
+   * no additional MediaQueryList listener is created.
+   */
+  isActive$(alias: string): Observable<boolean>;
+  /** Resolves the active canonical alias (from xl down to xs, mobile-first) */
+  private _resolve;
+  static ɵfac: i0.ɵɵFactoryDeclaration<MediaObserver, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
 /**
  * @file responsive-inputs.mixin.ts
  *
@@ -421,47 +377,12 @@ type CanonicalKey = 'default' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type NonCanonicalKey = 'lt-sm' | 'lt-md' | 'lt-lg' | 'lt-xl' | 'gt-xs' | 'gt-sm' | 'gt-md' | 'gt-lg';
 type BpValues<T> = Partial<Record<CanonicalKey, T>>;
 type NcValues<T> = Partial<Record<NonCanonicalKey, T>>;
-
-/**
- * @file responsive-base.directive.ts  (v5 — Angular 21 signals)
- *
- * ── What changed in v5 ────────────────────────────────────────────────────
- *
- * Full Angular 21 signals refactor:
- *
- *   • resolve(), resolveNonCanonical(), resolveAll() are now PURE EXPORTED
- *     FUNCTIONS that accept currentBp and isActive as parameters.
- *     Directives call them from computed() or effect() with no "this" binding.
- *
- *   • ResponsiveBaseDirective is now a thin utility base:
- *     – Only injects ElementRef, Renderer2, MediaObserver, PLATFORM_ID.
- *     – Exposes safeSetStyle() helper.
- *     – No lifecycle hooks, no Injector, no EffectRef, no abstract apply().
- *
- *   • Each concrete directive uses:
- *     – input()      for every @Input (signals, no more setters + _v/_nc maps)
- *     – computed()   to build BpValues / NcValues maps and derive resolved CSS
- *     – effect()     in the constructor to write to the DOM
- *
- *   Benefits vs v4:
- *     ✅ Zero manual lifecycle/subscription management (no OnInit/OnChanges/EffectRef)
- *     ✅ Angular's reactive graph provides built-in dirty-checking and memoization
- *     ✅ DOM writes happen only when the resolved CSS value actually changes
- *     ✅ No more Injector injection just to create effects
- *
- * ── Resolution strategy (unchanged) ──────────────────────────────────────
- *
- * Canonical aliases (xs … xl, CDK tiers) → exact match, then the unsuffixed value
- * Non-canonical (lt-*, gt-*) → point-in-time isActive() checks
- * Final order: resolveNonCanonical() wins over resolve()
- */
-
 /**
  * All non-canonical alias keys in priority order (most specific first).
  * lt-sm is "below sm" (= xs only), lt-md is "below md" (= xs+sm), etc.
  * Narrower range = higher priority = checked first.
  */
-declare const NON_CANONICAL_PRIORITY: readonly ["lt-sm", "lt-md", "lt-lg", "lt-xl", "gt-xs", "gt-sm", "gt-md", "gt-lg"];
+export declare const NON_CANONICAL_PRIORITY: readonly ["lt-sm", "lt-md", "lt-lg", "lt-xl", "gt-xs", "gt-sm", "gt-md", "gt-lg"];
 /**
  * Resolution with two-tier priority:
  *
@@ -479,12 +400,12 @@ declare const NON_CANONICAL_PRIORITY: readonly ["lt-sm", "lt-md", "lt-lg", "lt-x
  * @param currentBp - The canonical alias currently active.
  * @returns The value to apply, or `undefined` when no rule covers the current breakpoint.
  */
-declare function resolve<T>(values: BpValues<T>, currentBp: BreakpointAlias): T | undefined;
+export declare function resolve<T>(values: BpValues<T>, currentBp: BreakpointAlias): T | undefined;
 /**
  * Non-canonical point-in-time check: iterates NON_CANONICAL_PRIORITY and
  * returns the value for the first alias that isActive().
  */
-declare function resolveNonCanonical<T>(nc: NcValues<T>, isActive: (alias: string) => boolean): T | undefined;
+export declare function resolveNonCanonical<T>(nc: NcValues<T>, isActive: (alias: string) => boolean): T | undefined;
 /**
  * Full resolution: non-canonical overrides win over the canonical cascade.
  *
@@ -493,113 +414,406 @@ declare function resolveNonCanonical<T>(nc: NcValues<T>, isActive: (alias: strin
  *     resolveAll(this._v(), this._nc(), this.media.currentBp(), a => this.media.isActive(a))
  *   );
  */
-declare function resolveAll<T>(canonical: BpValues<T>, nonCanonical: NcValues<T>, currentBp: BreakpointAlias, isActive: (alias: string) => boolean): T | undefined;
-declare abstract class ResponsiveBaseDirective {
-    protected readonly el: ElementRef<any>;
-    protected readonly r2: Renderer2;
-    protected readonly media: MediaObserver;
-    /** true in browser, false in SSR */
-    protected readonly isBrowser: boolean;
-    /** SSR-safe style setter. Pass null/empty string to remove the property. */
-    protected safeSetStyle(prop: string, value: string | null): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResponsiveBaseDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ResponsiveBaseDirective, never, never, {}, {}, never, never, true, never>;
-}
-
-declare class FxFlexOrderDirective extends ResponsiveBaseDirective {
-    readonly fxFlexOrder: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    private readonly _order;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxFlexOrderDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxFlexOrderDirective, "    [fxFlexOrder],    [fxFlexOrder.xs],    [fxFlexOrder.sm],    [fxFlexOrder.md],    [fxFlexOrder.lg],    [fxFlexOrder.xl],    [fxFlexOrder.lt-sm],    [fxFlexOrder.lt-md],    [fxFlexOrder.lt-lg],    [fxFlexOrder.lt-xl],    [fxFlexOrder.gt-xs],    [fxFlexOrder.gt-sm],    [fxFlexOrder.gt-md],    [fxFlexOrder.gt-lg]  ", never, { "fxFlexOrder": { "alias": "fxFlexOrder"; "required": false; "isSignal": true; }; "xs": { "alias": "fxFlexOrder.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxFlexOrder.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxFlexOrder.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxFlexOrder.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxFlexOrder.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxFlexOrder.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxFlexOrder.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxFlexOrder.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxFlexOrder.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxFlexOrder.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxFlexOrder.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxFlexOrder.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxFlexOrder.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-declare class FxFlexOffsetDirective extends ResponsiveBaseDirective {
-    /** Ancestor FxLayout (matched to the direct parent inside resolveParentFlow). */
-    private readonly parentLayout;
-    readonly fxFlexOffset: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    private readonly _offset;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxFlexOffsetDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxFlexOffsetDirective, "    [fxFlexOffset],    [fxFlexOffset.xs],    [fxFlexOffset.sm],    [fxFlexOffset.md],    [fxFlexOffset.lg],    [fxFlexOffset.xl],    [fxFlexOffset.lt-sm],    [fxFlexOffset.lt-md],    [fxFlexOffset.lt-lg],    [fxFlexOffset.lt-xl],    [fxFlexOffset.gt-xs],    [fxFlexOffset.gt-sm],    [fxFlexOffset.gt-md],    [fxFlexOffset.gt-lg]  ", never, { "fxFlexOffset": { "alias": "fxFlexOffset"; "required": false; "isSignal": true; }; "xs": { "alias": "fxFlexOffset.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxFlexOffset.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxFlexOffset.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxFlexOffset.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxFlexOffset.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxFlexOffset.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxFlexOffset.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxFlexOffset.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxFlexOffset.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxFlexOffset.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxFlexOffset.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxFlexOffset.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxFlexOffset.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare function resolveAll<T>(canonical: BpValues<T>, nonCanonical: NcValues<T>, currentBp: BreakpointAlias, isActive: (alias: string) => boolean): T | undefined;
+export declare abstract class ResponsiveBaseDirective {
+  protected readonly el: ElementRef<any>;
+  protected readonly r2: Renderer2;
+  protected readonly media: MediaObserver;
+  /** true in browser, false in SSR */
+  protected readonly isBrowser: boolean;
+  /** SSR-safe style setter. Pass null/empty string to remove the property. */
+  protected safeSetStyle(prop: string, value: string | null): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ResponsiveBaseDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<ResponsiveBaseDirective, never, never, {}, {}, never, never, true, never>;
+}
+declare namespace fx_flex_extras_directives_d_exports {
+  export { FxFlexAlignDirective, FxFlexFillDirective, FxFlexOffsetDirective, FxFlexOrderDirective };
+}
+export declare class FxFlexOrderDirective extends ResponsiveBaseDirective {
+  readonly fxFlexOrder: import("@angular/core").InputSignal<string>;
+  readonly xs: import("@angular/core").InputSignal<string>;
+  readonly sm: import("@angular/core").InputSignal<string>;
+  readonly md: import("@angular/core").InputSignal<string>;
+  readonly lg: import("@angular/core").InputSignal<string>;
+  readonly xl: import("@angular/core").InputSignal<string>;
+  readonly ltSm: import("@angular/core").InputSignal<string>;
+  readonly ltMd: import("@angular/core").InputSignal<string>;
+  readonly ltLg: import("@angular/core").InputSignal<string>;
+  readonly ltXl: import("@angular/core").InputSignal<string>;
+  readonly gtXs: import("@angular/core").InputSignal<string>;
+  readonly gtSm: import("@angular/core").InputSignal<string>;
+  readonly gtMd: import("@angular/core").InputSignal<string>;
+  readonly gtLg: import("@angular/core").InputSignal<string>;
+  private readonly _order;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxFlexOrderDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxFlexOrderDirective, "    [fxFlexOrder],    [fxFlexOrder.xs],    [fxFlexOrder.sm],    [fxFlexOrder.md],    [fxFlexOrder.lg],    [fxFlexOrder.xl],    [fxFlexOrder.lt-sm],    [fxFlexOrder.lt-md],    [fxFlexOrder.lt-lg],    [fxFlexOrder.lt-xl],    [fxFlexOrder.gt-xs],    [fxFlexOrder.gt-sm],    [fxFlexOrder.gt-md],    [fxFlexOrder.gt-lg]  ", never, {
+    "fxFlexOrder": {
+      "alias": "fxFlexOrder";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxFlexOrder.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxFlexOrder.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxFlexOrder.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxFlexOrder.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxFlexOrder.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxFlexOrder.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxFlexOrder.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxFlexOrder.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxFlexOrder.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxFlexOrder.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxFlexOrder.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxFlexOrder.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxFlexOrder.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare class FxFlexOffsetDirective extends ResponsiveBaseDirective {
+  /** Ancestor FxLayout (matched to the direct parent inside resolveParentFlow). */
+  private readonly parentLayout;
+  readonly fxFlexOffset: import("@angular/core").InputSignal<string>;
+  readonly xs: import("@angular/core").InputSignal<string>;
+  readonly sm: import("@angular/core").InputSignal<string>;
+  readonly md: import("@angular/core").InputSignal<string>;
+  readonly lg: import("@angular/core").InputSignal<string>;
+  readonly xl: import("@angular/core").InputSignal<string>;
+  readonly ltSm: import("@angular/core").InputSignal<string>;
+  readonly ltMd: import("@angular/core").InputSignal<string>;
+  readonly ltLg: import("@angular/core").InputSignal<string>;
+  readonly ltXl: import("@angular/core").InputSignal<string>;
+  readonly gtXs: import("@angular/core").InputSignal<string>;
+  readonly gtSm: import("@angular/core").InputSignal<string>;
+  readonly gtMd: import("@angular/core").InputSignal<string>;
+  readonly gtLg: import("@angular/core").InputSignal<string>;
+  private readonly _offset;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxFlexOffsetDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxFlexOffsetDirective, "    [fxFlexOffset],    [fxFlexOffset.xs],    [fxFlexOffset.sm],    [fxFlexOffset.md],    [fxFlexOffset.lg],    [fxFlexOffset.xl],    [fxFlexOffset.lt-sm],    [fxFlexOffset.lt-md],    [fxFlexOffset.lt-lg],    [fxFlexOffset.lt-xl],    [fxFlexOffset.gt-xs],    [fxFlexOffset.gt-sm],    [fxFlexOffset.gt-md],    [fxFlexOffset.gt-lg]  ", never, {
+    "fxFlexOffset": {
+      "alias": "fxFlexOffset";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxFlexOffset.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxFlexOffset.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxFlexOffset.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxFlexOffset.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxFlexOffset.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxFlexOffset.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxFlexOffset.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxFlexOffset.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxFlexOffset.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxFlexOffset.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxFlexOffset.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxFlexOffset.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxFlexOffset.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
 type AlignSelf = 'auto' | 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-declare class FxFlexAlignDirective extends ResponsiveBaseDirective {
-    readonly fxFlexAlign: _angular_core.InputSignal<AlignSelf>;
-    readonly xs: _angular_core.InputSignal<AlignSelf>;
-    readonly sm: _angular_core.InputSignal<AlignSelf>;
-    readonly md: _angular_core.InputSignal<AlignSelf>;
-    readonly lg: _angular_core.InputSignal<AlignSelf>;
-    readonly xl: _angular_core.InputSignal<AlignSelf>;
-    readonly ltSm: _angular_core.InputSignal<AlignSelf>;
-    readonly ltMd: _angular_core.InputSignal<AlignSelf>;
-    readonly ltLg: _angular_core.InputSignal<AlignSelf>;
-    readonly ltXl: _angular_core.InputSignal<AlignSelf>;
-    readonly gtXs: _angular_core.InputSignal<AlignSelf>;
-    readonly gtSm: _angular_core.InputSignal<AlignSelf>;
-    readonly gtMd: _angular_core.InputSignal<AlignSelf>;
-    readonly gtLg: _angular_core.InputSignal<AlignSelf>;
-    private readonly _alignSelf;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxFlexAlignDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxFlexAlignDirective, "    [fxFlexAlign],    [fxFlexAlign.xs],    [fxFlexAlign.sm],    [fxFlexAlign.md],    [fxFlexAlign.lg],    [fxFlexAlign.xl],    [fxFlexAlign.lt-sm],    [fxFlexAlign.lt-md],    [fxFlexAlign.lt-lg],    [fxFlexAlign.lt-xl],    [fxFlexAlign.gt-xs],    [fxFlexAlign.gt-sm],    [fxFlexAlign.gt-md],    [fxFlexAlign.gt-lg]  ", never, { "fxFlexAlign": { "alias": "fxFlexAlign"; "required": false; "isSignal": true; }; "xs": { "alias": "fxFlexAlign.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxFlexAlign.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxFlexAlign.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxFlexAlign.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxFlexAlign.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxFlexAlign.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxFlexAlign.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxFlexAlign.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxFlexAlign.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxFlexAlign.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxFlexAlign.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxFlexAlign.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxFlexAlign.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class FxFlexAlignDirective extends ResponsiveBaseDirective {
+  readonly fxFlexAlign: import("@angular/core").InputSignal<AlignSelf>;
+  readonly xs: import("@angular/core").InputSignal<AlignSelf>;
+  readonly sm: import("@angular/core").InputSignal<AlignSelf>;
+  readonly md: import("@angular/core").InputSignal<AlignSelf>;
+  readonly lg: import("@angular/core").InputSignal<AlignSelf>;
+  readonly xl: import("@angular/core").InputSignal<AlignSelf>;
+  readonly ltSm: import("@angular/core").InputSignal<AlignSelf>;
+  readonly ltMd: import("@angular/core").InputSignal<AlignSelf>;
+  readonly ltLg: import("@angular/core").InputSignal<AlignSelf>;
+  readonly ltXl: import("@angular/core").InputSignal<AlignSelf>;
+  readonly gtXs: import("@angular/core").InputSignal<AlignSelf>;
+  readonly gtSm: import("@angular/core").InputSignal<AlignSelf>;
+  readonly gtMd: import("@angular/core").InputSignal<AlignSelf>;
+  readonly gtLg: import("@angular/core").InputSignal<AlignSelf>;
+  private readonly _alignSelf;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxFlexAlignDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxFlexAlignDirective, "    [fxFlexAlign],    [fxFlexAlign.xs],    [fxFlexAlign.sm],    [fxFlexAlign.md],    [fxFlexAlign.lg],    [fxFlexAlign.xl],    [fxFlexAlign.lt-sm],    [fxFlexAlign.lt-md],    [fxFlexAlign.lt-lg],    [fxFlexAlign.lt-xl],    [fxFlexAlign.gt-xs],    [fxFlexAlign.gt-sm],    [fxFlexAlign.gt-md],    [fxFlexAlign.gt-lg]  ", never, {
+    "fxFlexAlign": {
+      "alias": "fxFlexAlign";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxFlexAlign.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxFlexAlign.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxFlexAlign.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxFlexAlign.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxFlexAlign.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxFlexAlign.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxFlexAlign.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxFlexAlign.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxFlexAlign.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxFlexAlign.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxFlexAlign.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxFlexAlign.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxFlexAlign.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
 type FillValue = 'fill' | 'none' | '' | boolean;
-declare class FxFlexFillDirective extends ResponsiveBaseDirective {
-    readonly fxFlexFill: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly fxFill: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly xs: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly sm: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly md: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly lg: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly xl: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly ltSm: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly ltMd: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly ltLg: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly ltXl: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly gtXs: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly gtSm: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly gtMd: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    readonly gtLg: _angular_core.InputSignalWithTransform<boolean, FillValue>;
-    private readonly _active;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxFlexFillDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxFlexFillDirective, "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", never, { "fxFlexFill": { "alias": "fxFlexFill"; "required": false; "isSignal": true; }; "fxFill": { "alias": "fxFill"; "required": false; "isSignal": true; }; "xs": { "alias": "fxFlexFill.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxFlexFill.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxFlexFill.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxFlexFill.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxFlexFill.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxFlexFill.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxFlexFill.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxFlexFill.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxFlexFill.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxFlexFill.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxFlexFill.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxFlexFill.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxFlexFill.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
+export declare class FxFlexFillDirective extends ResponsiveBaseDirective {
+  readonly fxFlexFill: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly fxFill: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly xs: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly sm: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly md: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly lg: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly xl: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly ltSm: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly ltMd: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly ltLg: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly ltXl: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly gtXs: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly gtSm: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly gtMd: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  readonly gtLg: import("@angular/core").InputSignalWithTransform<boolean, FillValue>;
+  private readonly _active;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxFlexFillDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxFlexFillDirective, "    [fxFlexFill],    [fxFill],    [fxFlexFill.xs],    [fxFlexFill.sm],    [fxFlexFill.md],    [fxFlexFill.lg],    [fxFlexFill.xl],    [fxFlexFill.lt-sm],    [fxFlexFill.lt-md],    [fxFlexFill.lt-lg],    [fxFlexFill.lt-xl],    [fxFlexFill.gt-xs],    [fxFlexFill.gt-sm],    [fxFlexFill.gt-md],    [fxFlexFill.gt-lg]  ", never, {
+    "fxFlexFill": {
+      "alias": "fxFlexFill";
+      "required": false;
+      "isSignal": true;
+    };
+    "fxFill": {
+      "alias": "fxFill";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxFlexFill.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxFlexFill.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxFlexFill.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxFlexFill.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxFlexFill.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxFlexFill.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxFlexFill.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxFlexFill.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxFlexFill.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxFlexFill.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxFlexFill.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxFlexFill.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxFlexFill.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+declare namespace fx_flex_directive_d_exports {
+  export { FxFlexDirective, buildFlexStyles, resolveFlexInput, validateBasis };
+}
 /** Port of ngx validateBasis(): returns [grow, shrink, basis]. */
-declare function validateBasis(basis: string, grow?: string, shrink?: string): string[];
+export declare function validateBasis(basis: string, grow?: string, shrink?: string): string[];
 /**
  * Builds the complete flex style map for a child, given the raw fxFlex value
  * and the parent flow. `null` values mean "remove this property".
  * Matches ngx-layout output exactly (useColumnBasisZero = true, the default).
  */
-declare function buildFlexStyles(value: string, direction: string, hasWrap: boolean): Record<string, string | null>;
+export declare function buildFlexStyles(value: string, direction: string, hasWrap: boolean): Record<string, string | null>;
 /**
  * Resolves the non-ngx `fxFlex="*"` extension to `grow` (`flex: 1 1 100%`, max-* 100%).
  * Every other value — including a bare `fxFlex` ('') — is returned unchanged, so a bare
@@ -607,336 +821,1336 @@ declare function buildFlexStyles(value: string, direction: string, hasWrap: bool
  * @param raw - The resolved fxFlex value for the active breakpoint.
  * @returns The value to pass to `buildFlexStyles`.
  */
-declare function resolveFlexInput(raw: string): string;
-declare class FxFlexDirective extends ResponsiveBaseDirective {
-    /** Direct ancestor FxLayout (any level); matched to the direct parent in the effect. */
-    private readonly parentLayout;
-    readonly fxFlex: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    private readonly _rawFlex;
-    /** CSS properties applied on the last effect run (for stale cleanup). */
-    private _applied;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxFlexDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxFlexDirective, "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ", never, { "fxFlex": { "alias": "fxFlex"; "required": false; "isSignal": true; }; "xs": { "alias": "fxFlex.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxFlex.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxFlex.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxFlex.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxFlex.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxFlex.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxFlex.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxFlex.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxFlex.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxFlex.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxFlex.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxFlex.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxFlex.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class FxGridDirective extends ResponsiveBaseDirective {
-    readonly fxGrid: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    readonly fxGridRows: _angular_core.InputSignal<string>;
-    readonly rowsXs: _angular_core.InputSignal<string>;
-    readonly rowsSm: _angular_core.InputSignal<string>;
-    readonly rowsMd: _angular_core.InputSignal<string>;
-    readonly rowsLg: _angular_core.InputSignal<string>;
-    readonly rowsXl: _angular_core.InputSignal<string>;
-    readonly rowsLtSm: _angular_core.InputSignal<string>;
-    readonly rowsLtMd: _angular_core.InputSignal<string>;
-    readonly rowsLtLg: _angular_core.InputSignal<string>;
-    readonly rowsLtXl: _angular_core.InputSignal<string>;
-    readonly rowsGtXs: _angular_core.InputSignal<string>;
-    readonly rowsGtSm: _angular_core.InputSignal<string>;
-    readonly rowsGtMd: _angular_core.InputSignal<string>;
-    readonly rowsGtLg: _angular_core.InputSignal<string>;
-    readonly fxGridGap: _angular_core.InputSignal<string>;
-    readonly gapXs: _angular_core.InputSignal<string>;
-    readonly gapSm: _angular_core.InputSignal<string>;
-    readonly gapMd: _angular_core.InputSignal<string>;
-    readonly gapLg: _angular_core.InputSignal<string>;
-    readonly gapXl: _angular_core.InputSignal<string>;
-    readonly gapLtSm: _angular_core.InputSignal<string>;
-    readonly gapLtMd: _angular_core.InputSignal<string>;
-    readonly gapLtLg: _angular_core.InputSignal<string>;
-    readonly gapLtXl: _angular_core.InputSignal<string>;
-    readonly gapGtXs: _angular_core.InputSignal<string>;
-    readonly gapGtSm: _angular_core.InputSignal<string>;
-    readonly gapGtMd: _angular_core.InputSignal<string>;
-    readonly gapGtLg: _angular_core.InputSignal<string>;
-    private readonly _cols;
-    private readonly _rows;
-    private readonly _gap;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxGridDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxGridDirective, "    [fxGrid],    [fxGrid.xs],    [fxGrid.sm],    [fxGrid.md],    [fxGrid.lg],    [fxGrid.xl],    [fxGrid.lt-sm],    [fxGrid.lt-md],    [fxGrid.lt-lg],    [fxGrid.lt-xl],    [fxGrid.gt-xs],    [fxGrid.gt-sm],    [fxGrid.gt-md],    [fxGrid.gt-lg]  ", never, { "fxGrid": { "alias": "fxGrid"; "required": false; "isSignal": true; }; "xs": { "alias": "fxGrid.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxGrid.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxGrid.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxGrid.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxGrid.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxGrid.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxGrid.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxGrid.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxGrid.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxGrid.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxGrid.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxGrid.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxGrid.gt-lg"; "required": false; "isSignal": true; }; "fxGridRows": { "alias": "fxGridRows"; "required": false; "isSignal": true; }; "rowsXs": { "alias": "fxGridRows.xs"; "required": false; "isSignal": true; }; "rowsSm": { "alias": "fxGridRows.sm"; "required": false; "isSignal": true; }; "rowsMd": { "alias": "fxGridRows.md"; "required": false; "isSignal": true; }; "rowsLg": { "alias": "fxGridRows.lg"; "required": false; "isSignal": true; }; "rowsXl": { "alias": "fxGridRows.xl"; "required": false; "isSignal": true; }; "rowsLtSm": { "alias": "fxGridRows.lt-sm"; "required": false; "isSignal": true; }; "rowsLtMd": { "alias": "fxGridRows.lt-md"; "required": false; "isSignal": true; }; "rowsLtLg": { "alias": "fxGridRows.lt-lg"; "required": false; "isSignal": true; }; "rowsLtXl": { "alias": "fxGridRows.lt-xl"; "required": false; "isSignal": true; }; "rowsGtXs": { "alias": "fxGridRows.gt-xs"; "required": false; "isSignal": true; }; "rowsGtSm": { "alias": "fxGridRows.gt-sm"; "required": false; "isSignal": true; }; "rowsGtMd": { "alias": "fxGridRows.gt-md"; "required": false; "isSignal": true; }; "rowsGtLg": { "alias": "fxGridRows.gt-lg"; "required": false; "isSignal": true; }; "fxGridGap": { "alias": "fxGridGap"; "required": false; "isSignal": true; }; "gapXs": { "alias": "fxGridGap.xs"; "required": false; "isSignal": true; }; "gapSm": { "alias": "fxGridGap.sm"; "required": false; "isSignal": true; }; "gapMd": { "alias": "fxGridGap.md"; "required": false; "isSignal": true; }; "gapLg": { "alias": "fxGridGap.lg"; "required": false; "isSignal": true; }; "gapXl": { "alias": "fxGridGap.xl"; "required": false; "isSignal": true; }; "gapLtSm": { "alias": "fxGridGap.lt-sm"; "required": false; "isSignal": true; }; "gapLtMd": { "alias": "fxGridGap.lt-md"; "required": false; "isSignal": true; }; "gapLtLg": { "alias": "fxGridGap.lt-lg"; "required": false; "isSignal": true; }; "gapLtXl": { "alias": "fxGridGap.lt-xl"; "required": false; "isSignal": true; }; "gapGtXs": { "alias": "fxGridGap.gt-xs"; "required": false; "isSignal": true; }; "gapGtSm": { "alias": "fxGridGap.gt-sm"; "required": false; "isSignal": true; }; "gapGtMd": { "alias": "fxGridGap.gt-md"; "required": false; "isSignal": true; }; "gapGtLg": { "alias": "fxGridGap.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-declare class FxGridColumnDirective extends ResponsiveBaseDirective {
-    readonly fxGridColumn: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    private readonly _resolved;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxGridColumnDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxGridColumnDirective, "    [fxGridColumn],    [fxGridColumn.xs],    [fxGridColumn.sm],    [fxGridColumn.md],    [fxGridColumn.lg],    [fxGridColumn.xl],    [fxGridColumn.lt-sm],    [fxGridColumn.lt-md],    [fxGridColumn.lt-lg],    [fxGridColumn.lt-xl],    [fxGridColumn.gt-xs],    [fxGridColumn.gt-sm],    [fxGridColumn.gt-md],    [fxGridColumn.gt-lg]  ", never, { "fxGridColumn": { "alias": "fxGridColumn"; "required": false; "isSignal": true; }; "xs": { "alias": "fxGridColumn.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxGridColumn.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxGridColumn.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxGridColumn.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxGridColumn.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxGridColumn.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxGridColumn.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxGridColumn.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxGridColumn.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxGridColumn.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxGridColumn.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxGridColumn.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxGridColumn.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-declare class FxGridAreaDirective extends ResponsiveBaseDirective {
-    readonly fxGridArea: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    private readonly _resolved;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxGridAreaDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxGridAreaDirective, "    [fxGridArea],    [fxGridArea.xs],    [fxGridArea.sm],    [fxGridArea.md],    [fxGridArea.lg],    [fxGridArea.xl],    [fxGridArea.lt-sm],    [fxGridArea.lt-md],    [fxGridArea.lt-lg],    [fxGridArea.lt-xl],    [fxGridArea.gt-xs],    [fxGridArea.gt-sm],    [fxGridArea.gt-md],    [fxGridArea.gt-lg]  ", never, { "fxGridArea": { "alias": "fxGridArea"; "required": false; "isSignal": true; }; "xs": { "alias": "fxGridArea.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxGridArea.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxGridArea.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxGridArea.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxGridArea.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxGridArea.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxGridArea.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxGridArea.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxGridArea.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxGridArea.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxGridArea.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxGridArea.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxGridArea.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
+export declare function resolveFlexInput(raw: string): string;
+export declare class FxFlexDirective extends ResponsiveBaseDirective {
+  /** Direct ancestor FxLayout (any level); matched to the direct parent in the effect. */
+  private readonly parentLayout;
+  readonly fxFlex: import("@angular/core").InputSignal<string>;
+  readonly xs: import("@angular/core").InputSignal<string>;
+  readonly sm: import("@angular/core").InputSignal<string>;
+  readonly md: import("@angular/core").InputSignal<string>;
+  readonly lg: import("@angular/core").InputSignal<string>;
+  readonly xl: import("@angular/core").InputSignal<string>;
+  readonly ltSm: import("@angular/core").InputSignal<string>;
+  readonly ltMd: import("@angular/core").InputSignal<string>;
+  readonly ltLg: import("@angular/core").InputSignal<string>;
+  readonly ltXl: import("@angular/core").InputSignal<string>;
+  readonly gtXs: import("@angular/core").InputSignal<string>;
+  readonly gtSm: import("@angular/core").InputSignal<string>;
+  readonly gtMd: import("@angular/core").InputSignal<string>;
+  readonly gtLg: import("@angular/core").InputSignal<string>;
+  private readonly _rawFlex;
+  /** CSS properties applied on the last effect run (for stale cleanup). */
+  private _applied;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxFlexDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxFlexDirective, "    [fxFlex],    [fxFlex.xs],    [fxFlex.sm],    [fxFlex.md],    [fxFlex.lg],    [fxFlex.xl],    [fxFlex.lt-sm],    [fxFlex.lt-md],    [fxFlex.lt-lg],    [fxFlex.lt-xl],    [fxFlex.gt-xs],    [fxFlex.gt-sm],    [fxFlex.gt-md],    [fxFlex.gt-lg]  ", never, {
+    "fxFlex": {
+      "alias": "fxFlex";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxFlex.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxFlex.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxFlex.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxFlex.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxFlex.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxFlex.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxFlex.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxFlex.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxFlex.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxFlex.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxFlex.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxFlex.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxFlex.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+declare namespace fx_grid_directives_d_exports {
+  export { FxGridAreaDirective, FxGridColumnDirective, FxGridDirective };
+}
+export declare class FxGridDirective extends ResponsiveBaseDirective {
+  readonly fxGrid: import("@angular/core").InputSignal<string>;
+  readonly xs: import("@angular/core").InputSignal<string>;
+  readonly sm: import("@angular/core").InputSignal<string>;
+  readonly md: import("@angular/core").InputSignal<string>;
+  readonly lg: import("@angular/core").InputSignal<string>;
+  readonly xl: import("@angular/core").InputSignal<string>;
+  readonly ltSm: import("@angular/core").InputSignal<string>;
+  readonly ltMd: import("@angular/core").InputSignal<string>;
+  readonly ltLg: import("@angular/core").InputSignal<string>;
+  readonly ltXl: import("@angular/core").InputSignal<string>;
+  readonly gtXs: import("@angular/core").InputSignal<string>;
+  readonly gtSm: import("@angular/core").InputSignal<string>;
+  readonly gtMd: import("@angular/core").InputSignal<string>;
+  readonly gtLg: import("@angular/core").InputSignal<string>;
+  readonly fxGridRows: import("@angular/core").InputSignal<string>;
+  readonly rowsXs: import("@angular/core").InputSignal<string>;
+  readonly rowsSm: import("@angular/core").InputSignal<string>;
+  readonly rowsMd: import("@angular/core").InputSignal<string>;
+  readonly rowsLg: import("@angular/core").InputSignal<string>;
+  readonly rowsXl: import("@angular/core").InputSignal<string>;
+  readonly rowsLtSm: import("@angular/core").InputSignal<string>;
+  readonly rowsLtMd: import("@angular/core").InputSignal<string>;
+  readonly rowsLtLg: import("@angular/core").InputSignal<string>;
+  readonly rowsLtXl: import("@angular/core").InputSignal<string>;
+  readonly rowsGtXs: import("@angular/core").InputSignal<string>;
+  readonly rowsGtSm: import("@angular/core").InputSignal<string>;
+  readonly rowsGtMd: import("@angular/core").InputSignal<string>;
+  readonly rowsGtLg: import("@angular/core").InputSignal<string>;
+  readonly fxGridGap: import("@angular/core").InputSignal<string>;
+  readonly gapXs: import("@angular/core").InputSignal<string>;
+  readonly gapSm: import("@angular/core").InputSignal<string>;
+  readonly gapMd: import("@angular/core").InputSignal<string>;
+  readonly gapLg: import("@angular/core").InputSignal<string>;
+  readonly gapXl: import("@angular/core").InputSignal<string>;
+  readonly gapLtSm: import("@angular/core").InputSignal<string>;
+  readonly gapLtMd: import("@angular/core").InputSignal<string>;
+  readonly gapLtLg: import("@angular/core").InputSignal<string>;
+  readonly gapLtXl: import("@angular/core").InputSignal<string>;
+  readonly gapGtXs: import("@angular/core").InputSignal<string>;
+  readonly gapGtSm: import("@angular/core").InputSignal<string>;
+  readonly gapGtMd: import("@angular/core").InputSignal<string>;
+  readonly gapGtLg: import("@angular/core").InputSignal<string>;
+  private readonly _cols;
+  private readonly _rows;
+  private readonly _gap;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxGridDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxGridDirective, "    [fxGrid],    [fxGrid.xs],    [fxGrid.sm],    [fxGrid.md],    [fxGrid.lg],    [fxGrid.xl],    [fxGrid.lt-sm],    [fxGrid.lt-md],    [fxGrid.lt-lg],    [fxGrid.lt-xl],    [fxGrid.gt-xs],    [fxGrid.gt-sm],    [fxGrid.gt-md],    [fxGrid.gt-lg]  ", never, {
+    "fxGrid": {
+      "alias": "fxGrid";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxGrid.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxGrid.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxGrid.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxGrid.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxGrid.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxGrid.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxGrid.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxGrid.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxGrid.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxGrid.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxGrid.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxGrid.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxGrid.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "fxGridRows": {
+      "alias": "fxGridRows";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsXs": {
+      "alias": "fxGridRows.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsSm": {
+      "alias": "fxGridRows.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsMd": {
+      "alias": "fxGridRows.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsLg": {
+      "alias": "fxGridRows.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsXl": {
+      "alias": "fxGridRows.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsLtSm": {
+      "alias": "fxGridRows.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsLtMd": {
+      "alias": "fxGridRows.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsLtLg": {
+      "alias": "fxGridRows.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsLtXl": {
+      "alias": "fxGridRows.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsGtXs": {
+      "alias": "fxGridRows.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsGtSm": {
+      "alias": "fxGridRows.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsGtMd": {
+      "alias": "fxGridRows.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "rowsGtLg": {
+      "alias": "fxGridRows.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "fxGridGap": {
+      "alias": "fxGridGap";
+      "required": false;
+      "isSignal": true;
+    };
+    "gapXs": {
+      "alias": "fxGridGap.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gapSm": {
+      "alias": "fxGridGap.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gapMd": {
+      "alias": "fxGridGap.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gapLg": {
+      "alias": "fxGridGap.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "gapXl": {
+      "alias": "fxGridGap.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gapLtSm": {
+      "alias": "fxGridGap.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gapLtMd": {
+      "alias": "fxGridGap.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gapLtLg": {
+      "alias": "fxGridGap.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "gapLtXl": {
+      "alias": "fxGridGap.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gapGtXs": {
+      "alias": "fxGridGap.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gapGtSm": {
+      "alias": "fxGridGap.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gapGtMd": {
+      "alias": "fxGridGap.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gapGtLg": {
+      "alias": "fxGridGap.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare class FxGridColumnDirective extends ResponsiveBaseDirective {
+  readonly fxGridColumn: import("@angular/core").InputSignal<string>;
+  readonly xs: import("@angular/core").InputSignal<string>;
+  readonly sm: import("@angular/core").InputSignal<string>;
+  readonly md: import("@angular/core").InputSignal<string>;
+  readonly lg: import("@angular/core").InputSignal<string>;
+  readonly xl: import("@angular/core").InputSignal<string>;
+  readonly ltSm: import("@angular/core").InputSignal<string>;
+  readonly ltMd: import("@angular/core").InputSignal<string>;
+  readonly ltLg: import("@angular/core").InputSignal<string>;
+  readonly ltXl: import("@angular/core").InputSignal<string>;
+  readonly gtXs: import("@angular/core").InputSignal<string>;
+  readonly gtSm: import("@angular/core").InputSignal<string>;
+  readonly gtMd: import("@angular/core").InputSignal<string>;
+  readonly gtLg: import("@angular/core").InputSignal<string>;
+  private readonly _resolved;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxGridColumnDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxGridColumnDirective, "    [fxGridColumn],    [fxGridColumn.xs],    [fxGridColumn.sm],    [fxGridColumn.md],    [fxGridColumn.lg],    [fxGridColumn.xl],    [fxGridColumn.lt-sm],    [fxGridColumn.lt-md],    [fxGridColumn.lt-lg],    [fxGridColumn.lt-xl],    [fxGridColumn.gt-xs],    [fxGridColumn.gt-sm],    [fxGridColumn.gt-md],    [fxGridColumn.gt-lg]  ", never, {
+    "fxGridColumn": {
+      "alias": "fxGridColumn";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxGridColumn.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxGridColumn.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxGridColumn.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxGridColumn.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxGridColumn.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxGridColumn.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxGridColumn.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxGridColumn.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxGridColumn.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxGridColumn.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxGridColumn.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxGridColumn.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxGridColumn.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare class FxGridAreaDirective extends ResponsiveBaseDirective {
+  readonly fxGridArea: import("@angular/core").InputSignal<string>;
+  readonly xs: import("@angular/core").InputSignal<string>;
+  readonly sm: import("@angular/core").InputSignal<string>;
+  readonly md: import("@angular/core").InputSignal<string>;
+  readonly lg: import("@angular/core").InputSignal<string>;
+  readonly xl: import("@angular/core").InputSignal<string>;
+  readonly ltSm: import("@angular/core").InputSignal<string>;
+  readonly ltMd: import("@angular/core").InputSignal<string>;
+  readonly ltLg: import("@angular/core").InputSignal<string>;
+  readonly ltXl: import("@angular/core").InputSignal<string>;
+  readonly gtXs: import("@angular/core").InputSignal<string>;
+  readonly gtSm: import("@angular/core").InputSignal<string>;
+  readonly gtMd: import("@angular/core").InputSignal<string>;
+  readonly gtLg: import("@angular/core").InputSignal<string>;
+  private readonly _resolved;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxGridAreaDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxGridAreaDirective, "    [fxGridArea],    [fxGridArea.xs],    [fxGridArea.sm],    [fxGridArea.md],    [fxGridArea.lg],    [fxGridArea.xl],    [fxGridArea.lt-sm],    [fxGridArea.lt-md],    [fxGridArea.lt-lg],    [fxGridArea.lt-xl],    [fxGridArea.gt-xs],    [fxGridArea.gt-sm],    [fxGridArea.gt-md],    [fxGridArea.gt-lg]  ", never, {
+    "fxGridArea": {
+      "alias": "fxGridArea";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxGridArea.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxGridArea.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxGridArea.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxGridArea.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxGridArea.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxGridArea.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxGridArea.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxGridArea.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxGridArea.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxGridArea.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxGridArea.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxGridArea.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxGridArea.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+declare namespace fx_layout_align_directive_d_exports {
+  export { FxLayoutAlignDirective, buildAlignStyles };
+}
 /**
  * Port of ngx LayoutAlignStyleBuilder.buildStyles.
  * `null` values mean "remove the property".
  */
-declare function buildAlignStyles(align: string, layoutDirection: string, inline: boolean): Record<string, string | null>;
-declare class FxLayoutAlignDirective extends ResponsiveBaseDirective {
-    /** FxLayout on the same host (optional): direction/inline read reactively. */
-    private readonly selfLayout;
-    readonly fxLayoutAlign: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    private readonly _align;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxLayoutAlignDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxLayoutAlignDirective, "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ", never, { "fxLayoutAlign": { "alias": "fxLayoutAlign"; "required": false; "isSignal": true; }; "xs": { "alias": "fxLayoutAlign.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxLayoutAlign.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxLayoutAlign.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxLayoutAlign.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxLayoutAlign.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxLayoutAlign.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxLayoutAlign.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxLayoutAlign.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxLayoutAlign.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxLayoutAlign.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxLayoutAlign.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxLayoutAlign.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxLayoutAlign.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class FxLayoutGapDirective extends ResponsiveBaseDirective {
-    readonly fxLayoutGap: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    private readonly _gap;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxLayoutGapDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxLayoutGapDirective, "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ", never, { "fxLayoutGap": { "alias": "fxLayoutGap"; "required": false; "isSignal": true; }; "xs": { "alias": "fxLayoutGap.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxLayoutGap.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxLayoutGap.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxLayoutGap.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxLayoutGap.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxLayoutGap.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxLayoutGap.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxLayoutGap.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxLayoutGap.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxLayoutGap.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxLayoutGap.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxLayoutGap.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxLayoutGap.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare const LAYOUT_VALUES: readonly ["row", "column", "row-reverse", "column-reverse"];
+export declare function buildAlignStyles(align: string, layoutDirection: string, inline: boolean): Record<string, string | null>;
+export declare class FxLayoutAlignDirective extends ResponsiveBaseDirective {
+  /** FxLayout on the same host (optional): direction/inline read reactively. */
+  private readonly selfLayout;
+  readonly fxLayoutAlign: import("@angular/core").InputSignal<string>;
+  readonly xs: import("@angular/core").InputSignal<string>;
+  readonly sm: import("@angular/core").InputSignal<string>;
+  readonly md: import("@angular/core").InputSignal<string>;
+  readonly lg: import("@angular/core").InputSignal<string>;
+  readonly xl: import("@angular/core").InputSignal<string>;
+  readonly ltSm: import("@angular/core").InputSignal<string>;
+  readonly ltMd: import("@angular/core").InputSignal<string>;
+  readonly ltLg: import("@angular/core").InputSignal<string>;
+  readonly ltXl: import("@angular/core").InputSignal<string>;
+  readonly gtXs: import("@angular/core").InputSignal<string>;
+  readonly gtSm: import("@angular/core").InputSignal<string>;
+  readonly gtMd: import("@angular/core").InputSignal<string>;
+  readonly gtLg: import("@angular/core").InputSignal<string>;
+  private readonly _align;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxLayoutAlignDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxLayoutAlignDirective, "    [fxLayoutAlign],    [fxLayoutAlign.xs],    [fxLayoutAlign.sm],    [fxLayoutAlign.md],    [fxLayoutAlign.lg],    [fxLayoutAlign.xl],    [fxLayoutAlign.lt-sm],    [fxLayoutAlign.lt-md],    [fxLayoutAlign.lt-lg],    [fxLayoutAlign.lt-xl],    [fxLayoutAlign.gt-xs],    [fxLayoutAlign.gt-sm],    [fxLayoutAlign.gt-md],    [fxLayoutAlign.gt-lg]  ", never, {
+    "fxLayoutAlign": {
+      "alias": "fxLayoutAlign";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxLayoutAlign.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxLayoutAlign.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxLayoutAlign.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxLayoutAlign.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxLayoutAlign.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxLayoutAlign.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxLayoutAlign.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxLayoutAlign.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxLayoutAlign.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxLayoutAlign.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxLayoutAlign.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxLayoutAlign.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxLayoutAlign.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+declare namespace fx_layout_gap_directive_d_exports {
+  export { FxLayoutGapDirective };
+}
+export declare class FxLayoutGapDirective extends ResponsiveBaseDirective {
+  readonly fxLayoutGap: import("@angular/core").InputSignal<string>;
+  readonly xs: import("@angular/core").InputSignal<string>;
+  readonly sm: import("@angular/core").InputSignal<string>;
+  readonly md: import("@angular/core").InputSignal<string>;
+  readonly lg: import("@angular/core").InputSignal<string>;
+  readonly xl: import("@angular/core").InputSignal<string>;
+  readonly ltSm: import("@angular/core").InputSignal<string>;
+  readonly ltMd: import("@angular/core").InputSignal<string>;
+  readonly ltLg: import("@angular/core").InputSignal<string>;
+  readonly ltXl: import("@angular/core").InputSignal<string>;
+  readonly gtXs: import("@angular/core").InputSignal<string>;
+  readonly gtSm: import("@angular/core").InputSignal<string>;
+  readonly gtMd: import("@angular/core").InputSignal<string>;
+  readonly gtLg: import("@angular/core").InputSignal<string>;
+  private readonly _gap;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxLayoutGapDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxLayoutGapDirective, "    [fxLayoutGap],    [fxLayoutGap.xs],    [fxLayoutGap.sm],    [fxLayoutGap.md],    [fxLayoutGap.lg],    [fxLayoutGap.xl],    [fxLayoutGap.lt-sm],    [fxLayoutGap.lt-md],    [fxLayoutGap.lt-lg],    [fxLayoutGap.lt-xl],    [fxLayoutGap.gt-xs],    [fxLayoutGap.gt-sm],    [fxLayoutGap.gt-md],    [fxLayoutGap.gt-lg]  ", never, {
+    "fxLayoutGap": {
+      "alias": "fxLayoutGap";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxLayoutGap.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxLayoutGap.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxLayoutGap.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxLayoutGap.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxLayoutGap.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxLayoutGap.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxLayoutGap.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxLayoutGap.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxLayoutGap.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxLayoutGap.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxLayoutGap.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxLayoutGap.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxLayoutGap.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+declare namespace fx_layout_directive_d_exports {
+  export { FxLayoutDirective, FxLayoutWrapDirective, LAYOUT_VALUES, buildLayoutCSS, resolveParentFlow, validateLayoutValue, validateWrapValue };
+}
+export declare const LAYOUT_VALUES: readonly ["row", "column", "row-reverse", "column-reverse"];
 /** Port of ngx-layout validateWrapValue(). */
-declare function validateWrapValue(value: string): string;
+export declare function validateWrapValue(value: string): string;
 /** Port of ngx-layout validateValue(): [direction, wrap, inline]. */
-declare function validateLayoutValue(value: string): [string, string, boolean];
+export declare function validateLayoutValue(value: string): [string, string, boolean];
 /** Port of ngx-layout buildLayoutCSS(): null values mean "remove the property". */
-declare function buildLayoutCSS(value: string): Record<string, string | null>;
+export declare function buildLayoutCSS(value: string): Record<string, string | null>;
 /**
  * Resolves the flex flow of the parent container for a flex child.
  * Prefers the reactive FxLayoutDirective instance when it sits on the DIRECT
  * parent element (signal read → re-evaluates with the parent); falls back to
  * getComputedStyle for plain-CSS flex parents; SSR-safe defaults.
  */
-declare function resolveParentFlow(host: HTMLElement, parentLayout: FxLayoutDirective | null, isBrowser: boolean): {
-    direction: string;
-    hasWrap: boolean;
+export declare function resolveParentFlow(host: HTMLElement, parentLayout: FxLayoutDirective | null, isBrowser: boolean): {
+  direction: string;
+  hasWrap: boolean;
 };
-declare class FxLayoutDirective extends ResponsiveBaseDirective {
-    readonly fxLayout: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    private readonly _parsed;
-    /** Reactive layout parts — readable by FxFlex / FxLayoutAlign / FxFlexOffset. */
-    readonly direction: _angular_core.Signal<string>;
-    readonly wrap: _angular_core.Signal<string>;
-    readonly inline: _angular_core.Signal<boolean>;
-    /** Host element, exposed for direct-parent matching by child directives. */
-    get hostElement(): HTMLElement;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxLayoutDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxLayoutDirective, "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ", never, { "fxLayout": { "alias": "fxLayout"; "required": false; "isSignal": true; }; "xs": { "alias": "fxLayout.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxLayout.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxLayout.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxLayout.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxLayout.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxLayout.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxLayout.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxLayout.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxLayout.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxLayout.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxLayout.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxLayout.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxLayout.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-declare class FxLayoutWrapDirective extends ResponsiveBaseDirective {
-    readonly fxLayoutWrap: _angular_core.InputSignal<string>;
-    readonly xs: _angular_core.InputSignal<string>;
-    readonly sm: _angular_core.InputSignal<string>;
-    readonly md: _angular_core.InputSignal<string>;
-    readonly lg: _angular_core.InputSignal<string>;
-    readonly xl: _angular_core.InputSignal<string>;
-    readonly ltSm: _angular_core.InputSignal<string>;
-    readonly ltMd: _angular_core.InputSignal<string>;
-    readonly ltLg: _angular_core.InputSignal<string>;
-    readonly ltXl: _angular_core.InputSignal<string>;
-    readonly gtXs: _angular_core.InputSignal<string>;
-    readonly gtSm: _angular_core.InputSignal<string>;
-    readonly gtMd: _angular_core.InputSignal<string>;
-    readonly gtLg: _angular_core.InputSignal<string>;
-    private readonly _wrap;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxLayoutWrapDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxLayoutWrapDirective, "    [fxLayoutWrap],    [fxLayoutWrap.xs],    [fxLayoutWrap.sm],    [fxLayoutWrap.md],    [fxLayoutWrap.lg],    [fxLayoutWrap.xl],    [fxLayoutWrap.lt-sm],    [fxLayoutWrap.lt-md],    [fxLayoutWrap.lt-lg],    [fxLayoutWrap.lt-xl],    [fxLayoutWrap.gt-xs],    [fxLayoutWrap.gt-sm],    [fxLayoutWrap.gt-md],    [fxLayoutWrap.gt-lg]  ", never, { "fxLayoutWrap": { "alias": "fxLayoutWrap"; "required": false; "isSignal": true; }; "xs": { "alias": "fxLayoutWrap.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxLayoutWrap.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxLayoutWrap.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxLayoutWrap.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxLayoutWrap.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxLayoutWrap.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxLayoutWrap.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxLayoutWrap.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxLayoutWrap.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxLayoutWrap.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxLayoutWrap.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxLayoutWrap.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxLayoutWrap.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
+export declare class FxLayoutDirective extends ResponsiveBaseDirective {
+  readonly fxLayout: import("@angular/core").InputSignal<string>;
+  readonly xs: import("@angular/core").InputSignal<string>;
+  readonly sm: import("@angular/core").InputSignal<string>;
+  readonly md: import("@angular/core").InputSignal<string>;
+  readonly lg: import("@angular/core").InputSignal<string>;
+  readonly xl: import("@angular/core").InputSignal<string>;
+  readonly ltSm: import("@angular/core").InputSignal<string>;
+  readonly ltMd: import("@angular/core").InputSignal<string>;
+  readonly ltLg: import("@angular/core").InputSignal<string>;
+  readonly ltXl: import("@angular/core").InputSignal<string>;
+  readonly gtXs: import("@angular/core").InputSignal<string>;
+  readonly gtSm: import("@angular/core").InputSignal<string>;
+  readonly gtMd: import("@angular/core").InputSignal<string>;
+  readonly gtLg: import("@angular/core").InputSignal<string>;
+  private readonly _parsed;
+  /** Reactive layout parts — readable by FxFlex / FxLayoutAlign / FxFlexOffset. */
+  readonly direction: import("@angular/core").Signal<string>;
+  readonly wrap: import("@angular/core").Signal<string>;
+  readonly inline: import("@angular/core").Signal<boolean>;
+  /** Host element, exposed for direct-parent matching by child directives. */
+  get hostElement(): HTMLElement;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxLayoutDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxLayoutDirective, "    [fxLayout],    [fxLayout.xs],    [fxLayout.sm],    [fxLayout.md],    [fxLayout.lg],    [fxLayout.xl],    [fxLayout.lt-sm],    [fxLayout.lt-md],    [fxLayout.lt-lg],    [fxLayout.lt-xl],    [fxLayout.gt-xs],    [fxLayout.gt-sm],    [fxLayout.gt-md],    [fxLayout.gt-lg]  ", never, {
+    "fxLayout": {
+      "alias": "fxLayout";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxLayout.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxLayout.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxLayout.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxLayout.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxLayout.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxLayout.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxLayout.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxLayout.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxLayout.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxLayout.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxLayout.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxLayout.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxLayout.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare class FxLayoutWrapDirective extends ResponsiveBaseDirective {
+  readonly fxLayoutWrap: import("@angular/core").InputSignal<string>;
+  readonly xs: import("@angular/core").InputSignal<string>;
+  readonly sm: import("@angular/core").InputSignal<string>;
+  readonly md: import("@angular/core").InputSignal<string>;
+  readonly lg: import("@angular/core").InputSignal<string>;
+  readonly xl: import("@angular/core").InputSignal<string>;
+  readonly ltSm: import("@angular/core").InputSignal<string>;
+  readonly ltMd: import("@angular/core").InputSignal<string>;
+  readonly ltLg: import("@angular/core").InputSignal<string>;
+  readonly ltXl: import("@angular/core").InputSignal<string>;
+  readonly gtXs: import("@angular/core").InputSignal<string>;
+  readonly gtSm: import("@angular/core").InputSignal<string>;
+  readonly gtMd: import("@angular/core").InputSignal<string>;
+  readonly gtLg: import("@angular/core").InputSignal<string>;
+  private readonly _wrap;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxLayoutWrapDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxLayoutWrapDirective, "    [fxLayoutWrap],    [fxLayoutWrap.xs],    [fxLayoutWrap.sm],    [fxLayoutWrap.md],    [fxLayoutWrap.lg],    [fxLayoutWrap.xl],    [fxLayoutWrap.lt-sm],    [fxLayoutWrap.lt-md],    [fxLayoutWrap.lt-lg],    [fxLayoutWrap.lt-xl],    [fxLayoutWrap.gt-xs],    [fxLayoutWrap.gt-sm],    [fxLayoutWrap.gt-md],    [fxLayoutWrap.gt-lg]  ", never, {
+    "fxLayoutWrap": {
+      "alias": "fxLayoutWrap";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxLayoutWrap.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxLayoutWrap.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxLayoutWrap.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxLayoutWrap.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxLayoutWrap.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxLayoutWrap.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxLayoutWrap.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxLayoutWrap.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxLayoutWrap.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxLayoutWrap.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxLayoutWrap.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxLayoutWrap.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxLayoutWrap.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+declare namespace fx_show_hide_directives_d_exports {
+  export { FxShowHideDirective, applyVisibility };
+}
 /**
  * Pure visibility transition (exported for tests).
  * Captures the inline display before hiding and restores it when shown again,
  * so display:flex|grid written by FxLayout/FxGrid effects is never lost.
  * @returns the new "previous display" state to carry to the next transition
  */
-declare function applyVisibility(el: {
-    style: {
-        display: string;
-    };
+export declare function applyVisibility(el: {
+  style: {
+    display: string;
+  };
 }, setStyle: (prop: string, value: string) => void, removeStyle: (prop: string) => void, visible: boolean, prevDisplay: string | null): string | null;
-declare class FxShowHideDirective extends ResponsiveBaseDirective {
-    readonly fxShow: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly showXs: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly showSm: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly showMd: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly showLg: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly showXl: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly showLtSm: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly showLtMd: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly showLtLg: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly showLtXl: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly showGtXs: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly showGtSm: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly showGtMd: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly showGtLg: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly fxHide: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly hideXs: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly hideSm: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly hideMd: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly hideLg: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly hideXl: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly hideLtSm: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly hideLtMd: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly hideLtLg: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly hideLtXl: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly hideGtXs: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly hideGtSm: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly hideGtMd: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    readonly hideGtLg: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
-    private readonly _visible;
-    /** Inline display captured before the last hide — restored on show. */
-    private _prevDisplay;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxShowHideDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxShowHideDirective, "    [fxShow],    [fxHide],    [fxShow.xs],    [fxShow.sm],    [fxShow.md],    [fxShow.lg],    [fxShow.xl],    [fxShow.lt-sm],    [fxShow.lt-md],    [fxShow.lt-lg],    [fxShow.lt-xl],    [fxShow.gt-xs],    [fxShow.gt-sm],    [fxShow.gt-md],    [fxShow.gt-lg],    [fxHide.xs],    [fxHide.sm],    [fxHide.md],    [fxHide.lg],    [fxHide.xl],    [fxHide.lt-sm],    [fxHide.lt-md],    [fxHide.lt-lg],    [fxHide.lt-xl],    [fxHide.gt-xs],    [fxHide.gt-sm],    [fxHide.gt-md],    [fxHide.gt-lg]  ", never, { "fxShow": { "alias": "fxShow"; "required": false; "isSignal": true; }; "showXs": { "alias": "fxShow.xs"; "required": false; "isSignal": true; }; "showSm": { "alias": "fxShow.sm"; "required": false; "isSignal": true; }; "showMd": { "alias": "fxShow.md"; "required": false; "isSignal": true; }; "showLg": { "alias": "fxShow.lg"; "required": false; "isSignal": true; }; "showXl": { "alias": "fxShow.xl"; "required": false; "isSignal": true; }; "showLtSm": { "alias": "fxShow.lt-sm"; "required": false; "isSignal": true; }; "showLtMd": { "alias": "fxShow.lt-md"; "required": false; "isSignal": true; }; "showLtLg": { "alias": "fxShow.lt-lg"; "required": false; "isSignal": true; }; "showLtXl": { "alias": "fxShow.lt-xl"; "required": false; "isSignal": true; }; "showGtXs": { "alias": "fxShow.gt-xs"; "required": false; "isSignal": true; }; "showGtSm": { "alias": "fxShow.gt-sm"; "required": false; "isSignal": true; }; "showGtMd": { "alias": "fxShow.gt-md"; "required": false; "isSignal": true; }; "showGtLg": { "alias": "fxShow.gt-lg"; "required": false; "isSignal": true; }; "fxHide": { "alias": "fxHide"; "required": false; "isSignal": true; }; "hideXs": { "alias": "fxHide.xs"; "required": false; "isSignal": true; }; "hideSm": { "alias": "fxHide.sm"; "required": false; "isSignal": true; }; "hideMd": { "alias": "fxHide.md"; "required": false; "isSignal": true; }; "hideLg": { "alias": "fxHide.lg"; "required": false; "isSignal": true; }; "hideXl": { "alias": "fxHide.xl"; "required": false; "isSignal": true; }; "hideLtSm": { "alias": "fxHide.lt-sm"; "required": false; "isSignal": true; }; "hideLtMd": { "alias": "fxHide.lt-md"; "required": false; "isSignal": true; }; "hideLtLg": { "alias": "fxHide.lt-lg"; "required": false; "isSignal": true; }; "hideLtXl": { "alias": "fxHide.lt-xl"; "required": false; "isSignal": true; }; "hideGtXs": { "alias": "fxHide.gt-xs"; "required": false; "isSignal": true; }; "hideGtSm": { "alias": "fxHide.gt-sm"; "required": false; "isSignal": true; }; "hideGtMd": { "alias": "fxHide.gt-md"; "required": false; "isSignal": true; }; "hideGtLg": { "alias": "fxHide.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
+export declare class FxShowHideDirective extends ResponsiveBaseDirective {
+  readonly fxShow: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly showXs: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly showSm: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly showMd: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly showLg: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly showXl: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly showLtSm: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly showLtMd: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly showLtLg: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly showLtXl: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly showGtXs: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly showGtSm: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly showGtMd: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly showGtLg: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly fxHide: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly hideXs: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly hideSm: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly hideMd: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly hideLg: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly hideXl: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly hideLtSm: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly hideLtMd: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly hideLtLg: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly hideLtXl: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly hideGtXs: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly hideGtSm: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly hideGtMd: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  readonly hideGtLg: import("@angular/core").InputSignalWithTransform<boolean, string | boolean>;
+  private readonly _visible;
+  /** Inline display captured before the last hide — restored on show. */
+  private _prevDisplay;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxShowHideDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxShowHideDirective, "    [fxShow],    [fxHide],    [fxShow.xs],    [fxShow.sm],    [fxShow.md],    [fxShow.lg],    [fxShow.xl],    [fxShow.lt-sm],    [fxShow.lt-md],    [fxShow.lt-lg],    [fxShow.lt-xl],    [fxShow.gt-xs],    [fxShow.gt-sm],    [fxShow.gt-md],    [fxShow.gt-lg],    [fxHide.xs],    [fxHide.sm],    [fxHide.md],    [fxHide.lg],    [fxHide.xl],    [fxHide.lt-sm],    [fxHide.lt-md],    [fxHide.lt-lg],    [fxHide.lt-xl],    [fxHide.gt-xs],    [fxHide.gt-sm],    [fxHide.gt-md],    [fxHide.gt-lg]  ", never, {
+    "fxShow": {
+      "alias": "fxShow";
+      "required": false;
+      "isSignal": true;
+    };
+    "showXs": {
+      "alias": "fxShow.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "showSm": {
+      "alias": "fxShow.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "showMd": {
+      "alias": "fxShow.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "showLg": {
+      "alias": "fxShow.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "showXl": {
+      "alias": "fxShow.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "showLtSm": {
+      "alias": "fxShow.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "showLtMd": {
+      "alias": "fxShow.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "showLtLg": {
+      "alias": "fxShow.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "showLtXl": {
+      "alias": "fxShow.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "showGtXs": {
+      "alias": "fxShow.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "showGtSm": {
+      "alias": "fxShow.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "showGtMd": {
+      "alias": "fxShow.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "showGtLg": {
+      "alias": "fxShow.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "fxHide": {
+      "alias": "fxHide";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideXs": {
+      "alias": "fxHide.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideSm": {
+      "alias": "fxHide.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideMd": {
+      "alias": "fxHide.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideLg": {
+      "alias": "fxHide.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideXl": {
+      "alias": "fxHide.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideLtSm": {
+      "alias": "fxHide.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideLtMd": {
+      "alias": "fxHide.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideLtLg": {
+      "alias": "fxHide.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideLtXl": {
+      "alias": "fxHide.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideGtXs": {
+      "alias": "fxHide.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideGtSm": {
+      "alias": "fxHide.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideGtMd": {
+      "alias": "fxHide.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideGtLg": {
+      "alias": "fxHide.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+declare namespace fx_style_class_directives_d_exports {
+  export { FxClassDirective, FxStyleDirective };
+}
 type StyleMap = Record<string, string>;
-declare class FxStyleDirective extends ResponsiveBaseDirective {
-    readonly fxStyle: _angular_core.InputSignal<StyleMap>;
-    readonly xs: _angular_core.InputSignal<StyleMap>;
-    readonly sm: _angular_core.InputSignal<StyleMap>;
-    readonly md: _angular_core.InputSignal<StyleMap>;
-    readonly lg: _angular_core.InputSignal<StyleMap>;
-    readonly xl: _angular_core.InputSignal<StyleMap>;
-    readonly ltSm: _angular_core.InputSignal<StyleMap>;
-    readonly ltMd: _angular_core.InputSignal<StyleMap>;
-    readonly ltLg: _angular_core.InputSignal<StyleMap>;
-    readonly ltXl: _angular_core.InputSignal<StyleMap>;
-    readonly gtXs: _angular_core.InputSignal<StyleMap>;
-    readonly gtSm: _angular_core.InputSignal<StyleMap>;
-    readonly gtMd: _angular_core.InputSignal<StyleMap>;
-    readonly gtLg: _angular_core.InputSignal<StyleMap>;
-    private readonly _resolved;
-    /** Tracks which CSS properties were last applied — plain field, not a signal. */
-    private _appliedProps;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxStyleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxStyleDirective, "    [fxStyle],    [fxStyle.xs],    [fxStyle.sm],    [fxStyle.md],    [fxStyle.lg],    [fxStyle.xl],    [fxStyle.lt-sm],    [fxStyle.lt-md],    [fxStyle.lt-lg],    [fxStyle.lt-xl],    [fxStyle.gt-xs],    [fxStyle.gt-sm],    [fxStyle.gt-md],    [fxStyle.gt-lg]  ", never, { "fxStyle": { "alias": "fxStyle"; "required": false; "isSignal": true; }; "xs": { "alias": "fxStyle.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxStyle.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxStyle.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxStyle.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxStyle.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxStyle.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxStyle.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxStyle.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxStyle.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxStyle.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxStyle.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxStyle.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxStyle.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+export declare class FxStyleDirective extends ResponsiveBaseDirective {
+  readonly fxStyle: import("@angular/core").InputSignal<StyleMap>;
+  readonly xs: import("@angular/core").InputSignal<StyleMap>;
+  readonly sm: import("@angular/core").InputSignal<StyleMap>;
+  readonly md: import("@angular/core").InputSignal<StyleMap>;
+  readonly lg: import("@angular/core").InputSignal<StyleMap>;
+  readonly xl: import("@angular/core").InputSignal<StyleMap>;
+  readonly ltSm: import("@angular/core").InputSignal<StyleMap>;
+  readonly ltMd: import("@angular/core").InputSignal<StyleMap>;
+  readonly ltLg: import("@angular/core").InputSignal<StyleMap>;
+  readonly ltXl: import("@angular/core").InputSignal<StyleMap>;
+  readonly gtXs: import("@angular/core").InputSignal<StyleMap>;
+  readonly gtSm: import("@angular/core").InputSignal<StyleMap>;
+  readonly gtMd: import("@angular/core").InputSignal<StyleMap>;
+  readonly gtLg: import("@angular/core").InputSignal<StyleMap>;
+  private readonly _resolved;
+  /** Tracks which CSS properties were last applied — plain field, not a signal. */
+  private _appliedProps;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxStyleDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxStyleDirective, "    [fxStyle],    [fxStyle.xs],    [fxStyle.sm],    [fxStyle.md],    [fxStyle.lg],    [fxStyle.xl],    [fxStyle.lt-sm],    [fxStyle.lt-md],    [fxStyle.lt-lg],    [fxStyle.lt-xl],    [fxStyle.gt-xs],    [fxStyle.gt-sm],    [fxStyle.gt-md],    [fxStyle.gt-lg]  ", never, {
+    "fxStyle": {
+      "alias": "fxStyle";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxStyle.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxStyle.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxStyle.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxStyle.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxStyle.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxStyle.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxStyle.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxStyle.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxStyle.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxStyle.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxStyle.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxStyle.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxStyle.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
 }
 type ClassInput = string | string[] | Record<string, boolean>;
-declare class FxClassDirective extends ResponsiveBaseDirective {
-    readonly fxClass: _angular_core.InputSignal<ClassInput>;
-    readonly xs: _angular_core.InputSignal<ClassInput>;
-    readonly sm: _angular_core.InputSignal<ClassInput>;
-    readonly md: _angular_core.InputSignal<ClassInput>;
-    readonly lg: _angular_core.InputSignal<ClassInput>;
-    readonly xl: _angular_core.InputSignal<ClassInput>;
-    readonly ltSm: _angular_core.InputSignal<ClassInput>;
-    readonly ltMd: _angular_core.InputSignal<ClassInput>;
-    readonly ltLg: _angular_core.InputSignal<ClassInput>;
-    readonly ltXl: _angular_core.InputSignal<ClassInput>;
-    readonly gtXs: _angular_core.InputSignal<ClassInput>;
-    readonly gtSm: _angular_core.InputSignal<ClassInput>;
-    readonly gtMd: _angular_core.InputSignal<ClassInput>;
-    readonly gtLg: _angular_core.InputSignal<ClassInput>;
-    private readonly _resolved;
-    /** Tracks which CSS classes were last applied — plain field, not a signal. */
-    private _appliedClasses;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxClassDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxClassDirective, "    [fxClass],    [fxClass.xs],    [fxClass.sm],    [fxClass.md],    [fxClass.lg],    [fxClass.xl],    [fxClass.lt-sm],    [fxClass.lt-md],    [fxClass.lt-lg],    [fxClass.lt-xl],    [fxClass.gt-xs],    [fxClass.gt-sm],    [fxClass.gt-md],    [fxClass.gt-lg]  ", never, { "fxClass": { "alias": "fxClass"; "required": false; "isSignal": true; }; "xs": { "alias": "fxClass.xs"; "required": false; "isSignal": true; }; "sm": { "alias": "fxClass.sm"; "required": false; "isSignal": true; }; "md": { "alias": "fxClass.md"; "required": false; "isSignal": true; }; "lg": { "alias": "fxClass.lg"; "required": false; "isSignal": true; }; "xl": { "alias": "fxClass.xl"; "required": false; "isSignal": true; }; "ltSm": { "alias": "fxClass.lt-sm"; "required": false; "isSignal": true; }; "ltMd": { "alias": "fxClass.lt-md"; "required": false; "isSignal": true; }; "ltLg": { "alias": "fxClass.lt-lg"; "required": false; "isSignal": true; }; "ltXl": { "alias": "fxClass.lt-xl"; "required": false; "isSignal": true; }; "gtXs": { "alias": "fxClass.gt-xs"; "required": false; "isSignal": true; }; "gtSm": { "alias": "fxClass.gt-sm"; "required": false; "isSignal": true; }; "gtMd": { "alias": "fxClass.gt-md"; "required": false; "isSignal": true; }; "gtLg": { "alias": "fxClass.gt-lg"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class FlexLayoutModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FlexLayoutModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<FlexLayoutModule, never, [typeof FxLayoutDirective, typeof FxLayoutWrapDirective, typeof FxFlexDirective, typeof FxShowHideDirective, typeof FxLayoutAlignDirective, typeof FxLayoutGapDirective, typeof FxFlexOrderDirective, typeof FxFlexOffsetDirective, typeof FxFlexAlignDirective, typeof FxFlexFillDirective, typeof FxStyleDirective, typeof FxClassDirective, typeof FxGridDirective, typeof FxGridColumnDirective, typeof FxGridAreaDirective, typeof IfBpDirective], [typeof FxLayoutDirective, typeof FxLayoutWrapDirective, typeof FxFlexDirective, typeof FxShowHideDirective, typeof FxLayoutAlignDirective, typeof FxLayoutGapDirective, typeof FxFlexOrderDirective, typeof FxFlexOffsetDirective, typeof FxFlexAlignDirective, typeof FxFlexFillDirective, typeof FxStyleDirective, typeof FxClassDirective, typeof FxGridDirective, typeof FxGridColumnDirective, typeof FxGridAreaDirective, typeof IfBpDirective]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<FlexLayoutModule>;
-}
-
-export { ALIAS_FAMILIES, BS5_BREAKPOINTS, CANONICAL_ALIASES, FlexLayoutModule, FxClassDirective, FxFlexAlignDirective, FxFlexDirective, FxFlexFillDirective, FxFlexOffsetDirective, FxFlexOrderDirective, FxGridAreaDirective, FxGridColumnDirective, FxGridDirective, FxLayoutAlignDirective, FxLayoutDirective, FxLayoutGapDirective, FxLayoutWrapDirective, FxShowHideDirective, FxStyleDirective, IfBpDirective, ItemNode, LAYOUT_BREAKPOINTS, LAYOUT_VALUES, MediaObserver, NON_CANONICAL_PRIORITY, PromptDialogType, ResponsiveBaseDirective, SelectableItem, SelectableNode, UIService, applyVisibility, buildAlignStyles, buildFlexStyles, buildLayoutCSS, resolve, resolveAll, resolveFlexInput, resolveNonCanonical, resolveParentFlow, validateBasis, validateLayoutValue, validateWrapValue };
-export type { BpValues, BreakpointAlias, CanonicalKey, CredentialsDialogResult, DialogOption, DialogResult, ISelectableItem, ISendToDialog, ListDialogData, NcValues, NonCanonicalKey, PromptDateDialogResult, PromptDialogData, PromptDialogResult, PromptOtpDialogResult, PromptTimeDialogData, RecoverPasswordDialogResult, ResetPasswordDialogResult, SelectDialogAppend, SelectDialogData, SelectDialogDelete, SelectDialogEdit, SelectDialogFilter, SelectDialogLookup, SelectDialogResult, SelectFile, SelectFileDialogData, SelectFileOption, SelectPictureFileDialogData, SelectTreeDialogData, SelectTreeDialogResult, SelectableFilter, SendToDialogResult, SendToPopulateData };
+export declare class FxClassDirective extends ResponsiveBaseDirective {
+  readonly fxClass: import("@angular/core").InputSignal<ClassInput>;
+  readonly xs: import("@angular/core").InputSignal<ClassInput>;
+  readonly sm: import("@angular/core").InputSignal<ClassInput>;
+  readonly md: import("@angular/core").InputSignal<ClassInput>;
+  readonly lg: import("@angular/core").InputSignal<ClassInput>;
+  readonly xl: import("@angular/core").InputSignal<ClassInput>;
+  readonly ltSm: import("@angular/core").InputSignal<ClassInput>;
+  readonly ltMd: import("@angular/core").InputSignal<ClassInput>;
+  readonly ltLg: import("@angular/core").InputSignal<ClassInput>;
+  readonly ltXl: import("@angular/core").InputSignal<ClassInput>;
+  readonly gtXs: import("@angular/core").InputSignal<ClassInput>;
+  readonly gtSm: import("@angular/core").InputSignal<ClassInput>;
+  readonly gtMd: import("@angular/core").InputSignal<ClassInput>;
+  readonly gtLg: import("@angular/core").InputSignal<ClassInput>;
+  private readonly _resolved;
+  /** Tracks which CSS classes were last applied — plain field, not a signal. */
+  private _appliedClasses;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<FxClassDirective, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<FxClassDirective, "    [fxClass],    [fxClass.xs],    [fxClass.sm],    [fxClass.md],    [fxClass.lg],    [fxClass.xl],    [fxClass.lt-sm],    [fxClass.lt-md],    [fxClass.lt-lg],    [fxClass.lt-xl],    [fxClass.gt-xs],    [fxClass.gt-sm],    [fxClass.gt-md],    [fxClass.gt-lg]  ", never, {
+    "fxClass": {
+      "alias": "fxClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "xs": {
+      "alias": "fxClass.xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "sm": {
+      "alias": "fxClass.sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "md": {
+      "alias": "fxClass.md";
+      "required": false;
+      "isSignal": true;
+    };
+    "lg": {
+      "alias": "fxClass.lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "xl": {
+      "alias": "fxClass.xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltSm": {
+      "alias": "fxClass.lt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltMd": {
+      "alias": "fxClass.lt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltLg": {
+      "alias": "fxClass.lt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+    "ltXl": {
+      "alias": "fxClass.lt-xl";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtXs": {
+      "alias": "fxClass.gt-xs";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtSm": {
+      "alias": "fxClass.gt-sm";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtMd": {
+      "alias": "fxClass.gt-md";
+      "required": false;
+      "isSignal": true;
+    };
+    "gtLg": {
+      "alias": "fxClass.gt-lg";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export declare class FlexLayoutModule {
+  static ɵfac: i0.ɵɵFactoryDeclaration<FlexLayoutModule, never>;
+  static ɵmod: i0.ɵɵNgModuleDeclaration<FlexLayoutModule, never, [typeof FxLayoutDirective, typeof FxLayoutWrapDirective, typeof FxFlexDirective, typeof FxShowHideDirective, typeof FxLayoutAlignDirective, typeof FxLayoutGapDirective, typeof FxFlexOrderDirective, typeof FxFlexOffsetDirective, typeof FxFlexAlignDirective, typeof FxFlexFillDirective, typeof FxStyleDirective, typeof FxClassDirective, typeof FxGridDirective, typeof FxGridColumnDirective, typeof FxGridAreaDirective, typeof IfBpDirective], [typeof FxLayoutDirective, typeof FxLayoutWrapDirective, typeof FxFlexDirective, typeof FxShowHideDirective, typeof FxLayoutAlignDirective, typeof FxLayoutGapDirective, typeof FxFlexOrderDirective, typeof FxFlexOffsetDirective, typeof FxFlexAlignDirective, typeof FxFlexFillDirective, typeof FxStyleDirective, typeof FxClassDirective, typeof FxGridDirective, typeof FxGridColumnDirective, typeof FxGridAreaDirective, typeof IfBpDirective]>;
+  static ɵinj: i0.ɵɵInjectorDeclaration<FlexLayoutModule>;
+}
+export type { BpValues, BreakpointAlias, CanonicalKey, NcValues, NonCanonicalKey };