ngx-com 0.0.18 → 0.0.20

package/types/ngx-com-components-carousel.d.ts

@@ -0,0 +1,281 @@
+import { VariantProps } from 'class-variance-authority';
+import * as i0 from '@angular/core';
+import { ElementRef, TemplateRef, InputSignal, InputSignalWithTransform, ModelSignal, Signal, WritableSignal } from '@angular/core';
+
+/** Template context for custom previous-button template. */
+interface CarouselPrevContext {
+    /** Whether the carousel can navigate to the previous slide. */
+    $implicit: boolean;
+    /** Callback to navigate to the previous slide. */
+    prev: () => void;
+}
+/** Template context for custom next-button template. */
+interface CarouselNextContext {
+    /** Whether the carousel can navigate to the next slide. */
+    $implicit: boolean;
+    /** Callback to navigate to the next slide. */
+    next: () => void;
+}
+/** Template context for custom pagination dot template. */
+interface CarouselPaginationContext {
+    /** The page index (0-based). */
+    $implicit: number;
+    /** Whether this page is currently active. */
+    active: boolean;
+    /** Total number of pages. */
+    total: number;
+    /** Same as $implicit — the page index. */
+    index: number;
+}
+
+declare const carouselContainerVariants: () => string;
+declare const carouselNavButtonVariants: (props?: {
+    position?: 'prev' | 'next';
+}) => string;
+type CarouselNavButtonVariants = VariantProps<typeof carouselNavButtonVariants>;
+declare const carouselDotVariants: (props?: {
+    active?: boolean;
+}) => string;
+type CarouselDotVariants = VariantProps<typeof carouselDotVariants>;
+
+/**
+ * Marks an element as a carousel slide item.
+ *
+ * Apply this directive to each direct child element that should be
+ * treated as a slide within `<com-carousel>`.
+ *
+ * @example
+ * ```html
+ * <com-carousel>
+ *   <div comCarouselItem>Slide 1</div>
+ *   <div comCarouselItem>Slide 2</div>
+ * </com-carousel>
+ * ```
+ */
+declare class ComCarouselItem {
+    readonly elementRef: ElementRef<HTMLElement>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComCarouselItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComCarouselItem, "[comCarouselItem]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Template directive for a custom "previous" navigation button.
+ *
+ * The template receives a boolean context (`$implicit`) indicating
+ * whether the carousel can navigate backward.
+ *
+ * @example
+ * ```html
+ * <com-carousel>
+ *   <div comCarouselItem>Slide 1</div>
+ *   <ng-template comCarouselPrev let-canGo>
+ *     <button [disabled]="!canGo">Back</button>
+ *   </ng-template>
+ * </com-carousel>
+ * ```
+ */
+declare class ComCarouselPrevTpl {
+    readonly templateRef: TemplateRef<CarouselPrevContext>;
+    static ngTemplateContextGuard(_dir: ComCarouselPrevTpl, _ctx: unknown): _ctx is CarouselPrevContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComCarouselPrevTpl, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComCarouselPrevTpl, "ng-template[comCarouselPrev]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Template directive for a custom "next" navigation button.
+ *
+ * The template receives a boolean context (`$implicit`) indicating
+ * whether the carousel can navigate forward.
+ *
+ * @example
+ * ```html
+ * <com-carousel>
+ *   <div comCarouselItem>Slide 1</div>
+ *   <ng-template comCarouselNext let-canGo>
+ *     <button [disabled]="!canGo">Forward</button>
+ *   </ng-template>
+ * </com-carousel>
+ * ```
+ */
+declare class ComCarouselNextTpl {
+    readonly templateRef: TemplateRef<CarouselNextContext>;
+    static ngTemplateContextGuard(_dir: ComCarouselNextTpl, _ctx: unknown): _ctx is CarouselNextContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComCarouselNextTpl, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComCarouselNextTpl, "ng-template[comCarouselNext]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Template directive for custom pagination indicators.
+ *
+ * Rendered once per "page" in the carousel. The template receives
+ * a context with the page index, active state, and total count.
+ *
+ * @example
+ * ```html
+ * <com-carousel>
+ *   <div comCarouselItem>Slide 1</div>
+ *   <div comCarouselItem>Slide 2</div>
+ *   <ng-template comCarouselPagination let-idx let-active="active">
+ *     <span
+ *       class="inline-block h-3 w-3 rounded-pill transition-colors"
+ *       [class]="active ? 'bg-primary' : 'bg-muted'"
+ *     ></span>
+ *   </ng-template>
+ * </com-carousel>
+ * ```
+ */
+declare class ComCarouselPaginationTpl {
+    readonly templateRef: TemplateRef<CarouselPaginationContext>;
+    static ngTemplateContextGuard(_dir: ComCarouselPaginationTpl, _ctx: unknown): _ctx is CarouselPaginationContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComCarouselPaginationTpl, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComCarouselPaginationTpl, "ng-template[comCarouselPagination]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Carousel component — a horizontal slider that navigates content screens
+ * using percentage-based CSS `transform: translateX()`.
+ *
+ * Items are projected via `ng-content` and marked with `comCarouselItem`.
+ * Navigation is screen-based: each index step moves one full viewport of items.
+ * Supports multi-item views, auto-play, loop, touch/swipe, keyboard
+ * navigation, and custom templates for navigation and pagination.
+ *
+ * @tokens `--color-background`, `--color-foreground`, `--color-muted`,
+ *         `--color-muted-hover`, `--color-primary`, `--color-border-subtle`,
+ *         `--color-ring`, `--color-disabled`, `--color-disabled-foreground`
+ *
+ * @example Basic usage
+ * ```html
+ * <com-carousel>
+ *   <div comCarouselItem>Slide 1</div>
+ *   <div comCarouselItem>Slide 2</div>
+ *   <div comCarouselItem>Slide 3</div>
+ * </com-carousel>
+ * ```
+ *
+ * @example Multiple items per view
+ * ```html
+ * <com-carousel [slidesPerView]="3">
+ *   @for (product of products(); track product.id) {
+ *     <com-card comCarouselItem>{{ product.name }}</com-card>
+ *   }
+ * </com-carousel>
+ * ```
+ *
+ * @example Auto-play with loop
+ * ```html
+ * <com-carousel autoPlay loop [autoPlayInterval]="4000">
+ *   <img comCarouselItem *ngFor="let img of images" [src]="img.url" [alt]="img.alt" />
+ * </com-carousel>
+ * ```
+ *
+ * @example Two-way index binding
+ * ```html
+ * <com-carousel [(index)]="currentSlide">
+ *   <div comCarouselItem>A</div>
+ *   <div comCarouselItem>B</div>
+ * </com-carousel>
+ * ```
+ *
+ * @example Custom navigation
+ * ```html
+ * <com-carousel>
+ *   <div comCarouselItem>Slide 1</div>
+ *   <ng-template comCarouselPrev let-canGo>
+ *     <button [disabled]="!canGo">Back</button>
+ *   </ng-template>
+ *   <ng-template comCarouselNext let-canGo>
+ *     <button [disabled]="!canGo">Forward</button>
+ *   </ng-template>
+ * </com-carousel>
+ * ```
+ *
+ * @example Custom pagination
+ * ```html
+ * <com-carousel>
+ *   <div comCarouselItem>Slide 1</div>
+ *   <ng-template comCarouselPagination let-idx let-active="active">
+ *     <span [class]="active ? 'bg-primary' : 'bg-muted'" class="h-3 w-3 rounded-pill inline-block"></span>
+ *   </ng-template>
+ * </com-carousel>
+ * ```
+ */
+declare class ComCarouselComponent {
+    private readonly destroyRef;
+    private readonly renderer;
+    private readonly platform;
+    private readonly hostEl;
+    /** Number of items visible at once. */
+    readonly slidesPerView: InputSignal<number>;
+    /** Wrap from last to first and vice versa. */
+    readonly loop: InputSignalWithTransform<boolean, unknown>;
+    /** Enable auto-advancing slides. */
+    readonly autoPlay: InputSignalWithTransform<boolean, unknown>;
+    /** Auto-play interval in milliseconds. */
+    readonly autoPlayInterval: InputSignal<number>;
+    /** Slide transition duration in milliseconds. */
+    readonly transitionDuration: InputSignal<number>;
+    /** Show prev/next navigation buttons. */
+    readonly showNavigation: InputSignalWithTransform<boolean, unknown>;
+    /** Show pagination dot indicators. */
+    readonly showPagination: InputSignalWithTransform<boolean, unknown>;
+    /** Accessible label for the carousel region. */
+    readonly ariaLabel: InputSignal<string>;
+    /** Two-way bindable current screen index. */
+    readonly index: ModelSignal<number>;
+    readonly items: Signal<readonly ComCarouselItem[]>;
+    readonly customPrev: Signal<ComCarouselPrevTpl | undefined>;
+    readonly customNext: Signal<ComCarouselNextTpl | undefined>;
+    readonly customPagination: Signal<ComCarouselPaginationTpl | undefined>;
+    readonly trackEl: Signal<ElementRef<HTMLElement> | undefined>;
+    private readonly paused;
+    readonly animating: WritableSignal<boolean>;
+    private autoPlayTimerId;
+    readonly totalSlides: Signal<number>;
+    /** Total number of screens (pages). */
+    readonly totalScreens: Signal<number>;
+    readonly maxIndex: Signal<number>;
+    /** Clamp index when items or slidesPerView changes. */
+    readonly clampedIndex: Signal<number>;
+    readonly canGoPrev: Signal<boolean>;
+    readonly canGoNext: Signal<boolean>;
+    readonly pages: Signal<number[]>;
+    /** Percentage-based translateX — each screen step moves by 100%. */
+    readonly translateX: Signal<string>;
+    /** Item width as a percentage string. */
+    private readonly itemWidth;
+    readonly ariaLiveMode: Signal<string>;
+    readonly containerClasses: Signal<string>;
+    readonly prevButtonClasses: Signal<string>;
+    readonly nextButtonClasses: Signal<string>;
+    readonly prevContext: Signal<CarouselPrevContext>;
+    readonly nextContext: Signal<CarouselNextContext>;
+    constructor();
+    /** Navigate to the next screen. */
+    next(): void;
+    /** Navigate to the previous screen. */
+    prev(): void;
+    /** Navigate to a specific page index. */
+    goToPage(pageIndex: number): void;
+    /** Get CVA classes for a pagination dot at the given index. */
+    getDotClasses(pageIndex: number): string;
+    /** Build template context for a custom pagination dot. */
+    getPaginationContext(pageIndex: number): CarouselPaginationContext;
+    /** Handle keyboard navigation on pagination dots. */
+    onPaginationKeydown(event: KeyboardEvent, currentIndex: number): void;
+    protected pauseAutoPlay(): void;
+    protected resumeAutoPlay(): void;
+    private clearAutoPlay;
+    private swipeCleanupFns;
+    private pointerStartX;
+    private pointerStartY;
+    private isSwiping;
+    private setupSwipe;
+    private cleanupSwipe;
+    private focusDotAt;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComCarouselComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComCarouselComponent, "com-carousel", never, { "slidesPerView": { "alias": "slidesPerView"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; "autoPlay": { "alias": "autoPlay"; "required": false; "isSignal": true; }; "autoPlayInterval": { "alias": "autoPlayInterval"; "required": false; "isSignal": true; }; "transitionDuration": { "alias": "transitionDuration"; "required": false; "isSignal": true; }; "showNavigation": { "alias": "showNavigation"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; }, { "index": "indexChange"; }, ["items", "customPrev", "customNext", "customPagination"], ["[comCarouselItem]"], true, never>;
+}
+
+export { ComCarouselComponent, ComCarouselItem, ComCarouselNextTpl, ComCarouselPaginationTpl, ComCarouselPrevTpl, carouselContainerVariants, carouselDotVariants, carouselNavButtonVariants };
+export type { CarouselDotVariants, CarouselNavButtonVariants, CarouselNextContext, CarouselPaginationContext, CarouselPrevContext };

package/types/ngx-com-components-code-block.d.ts

@@ -0,0 +1,66 @@
+import * as i0 from '@angular/core';
+import { InputSignal, OutputEmitterRef, WritableSignal, Signal } from '@angular/core';
+import { VariantProps } from 'class-variance-authority';
+
+type CodeBlockVariant = 'filled' | 'outlined';
+/**
+ * CVA variants for the code block container.
+ *
+ * @tokens `--color-muted`, `--color-foreground`,
+ *         `--color-border`, `--color-border-subtle`,
+ *         `--radius-card`, `--font-mono`
+ */
+declare const codeBlockVariants: (props?: {
+    variant?: CodeBlockVariant;
+}) => string;
+type CodeBlockVariants = VariantProps<typeof codeBlockVariants>;
+
+/**
+ * Code block component for displaying code snippets with a language label
+ * and copy-to-clipboard functionality.
+ *
+ * Renders plain monospace text in a styled container — no syntax highlighting.
+ * The header bar shows an optional language label and a copy button that
+ * provides visual feedback (checkmark icon for 2 seconds) after copying.
+ *
+ * @tokens `--color-muted`, `--color-muted-foreground`, `--color-muted-hover`,
+ *         `--color-foreground`, `--color-border`, `--color-border-subtle`,
+ *         `--color-ring`, `--color-success`,
+ *         `--font-mono`, `--radius-card`
+ *
+ * @example Basic usage with language label
+ * ```html
+ * <com-code-block code="const x = 42;" language="TypeScript" />
+ * ```
+ *
+ * @example Outlined variant
+ * ```html
+ * <com-code-block [code]="htmlSnippet" language="HTML" variant="outlined" />
+ * ```
+ */
+declare class ComCodeBlockComponent {
+    /** The raw code string to display. */
+    readonly code: InputSignal<string>;
+    /** Language label shown in the header (e.g. 'TypeScript', 'HTML'). */
+    readonly language: InputSignal<string | undefined>;
+    /** Visual variant. */
+    readonly variant: InputSignal<CodeBlockVariant>;
+    /** Consumer CSS classes — merged with variant classes. */
+    readonly userClass: InputSignal<string>;
+    /** Emitted when code is successfully copied to clipboard. */
+    readonly copied: OutputEmitterRef<void>;
+    /** @internal Tracks copy feedback state. */
+    protected readonly isCopied: WritableSignal<boolean>;
+    /** @internal Computed host element classes. */
+    protected readonly hostClasses: Signal<string>;
+    private readonly clipboard;
+    private readonly destroyRef;
+    private copyTimeoutId;
+    /** Copies the code to clipboard and shows feedback for 2 seconds. */
+    protected copyToClipboard(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComCodeBlockComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ComCodeBlockComponent, "com-code-block", ["comCodeBlock"], { "code": { "alias": "code"; "required": true; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "userClass": { "alias": "class"; "required": false; "isSignal": true; }; }, { "copied": "copied"; }, never, never, true, never>;
+}
+
+export { ComCodeBlockComponent, codeBlockVariants };
+export type { CodeBlockVariant, CodeBlockVariants };

package/types/ngx-com-components-confirm.d.ts

@@ -31,7 +31,7 @@ interface ConfirmTemplateContext {
  * and emits `true` (confirmed) or `false` (cancelled) through its output.
  *
  * @tokens `--color-popover`, `--color-popover-foreground`, `--color-border`,
- *         `--color-foreground`, `--color-muted-foreground`, `--color-background`,
+ *         `--color-foreground`, `--color-muted-foreground`, `--color-backdrop`,
  *         `--shadow-lg`, `--radius-popover`
  *
  * @example Basic confirmation
@@ -126,7 +126,7 @@ declare class ComConfirm {
 /**
  * CVA variants for the confirmation panel backdrop.
  *
- * @tokens `--color-background`
+ * @tokens `--color-backdrop`
  */
 declare const confirmBackdropVariants: (props?: {
     visible?: boolean;

package/types/ngx-com-components-dialog.d.ts

@@ -0,0 +1,264 @@
+import { Observable } from 'rxjs';
+import { OverlayRef } from '@angular/cdk/overlay';
+import * as i0 from '@angular/core';
+import { TemplateRef, OnInit, WritableSignal, InputSignal, InjectionToken, Provider } from '@angular/core';
+import { ComponentType } from '@angular/cdk/portal';
+import { VariantProps } from 'class-variance-authority';
+
+/**
+ * Reference to an open dialog instance.
+ * Returned by `ComDialog.open()` for programmatic control.
+ */
+declare class ComDialogRef<R = unknown> {
+    private readonly afterClosedSubject;
+    private readonly backdropClickSubject;
+    private closed;
+    /** @internal */
+    _overlayRef: OverlayRef | null;
+    /** @internal */
+    _closeFn: ((result?: R) => void) | null;
+    /**
+     * Close the dialog, optionally passing a result value.
+     */
+    close(result?: R): void;
+    /**
+     * Emits the result once after the dialog is fully closed and disposed.
+     */
+    afterClosed(): Observable<R | undefined>;
+    /**
+     * Emits each time the backdrop is clicked.
+     */
+    backdropClick(): Observable<MouseEvent>;
+    /**
+     * Proxies keydown events from the overlay.
+     */
+    keydownEvents(): Observable<KeyboardEvent>;
+    /** @internal Called by the service after exit animation completes. */
+    _notifyClosed(result?: R): void;
+    /** @internal Forward backdrop click from overlay. */
+    _notifyBackdropClick(event: MouseEvent): void;
+}
+
+/** Available dialog size variants. */
+type ComDialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+/** Configuration for opening a dialog. */
+interface ComDialogConfig<D = unknown> {
+    /** Data to inject via COM_DIALOG_DATA. */
+    data?: D;
+    /** Dialog panel width variant. */
+    size?: ComDialogSize;
+    /** Prevent Escape and backdrop click from closing. */
+    disableClose?: boolean;
+    /** Show backdrop overlay. */
+    hasBackdrop?: boolean;
+    /** Additional CSS class on the backdrop. */
+    backdropClass?: string;
+    /** Additional CSS class on the container panel. */
+    panelClass?: string;
+    /** Where to send focus on open. */
+    autoFocus?: 'first-tabbable' | 'dialog' | false;
+    /** Return focus to trigger element on close. */
+    restoreFocus?: boolean;
+    /** Fallback aria-label if no comDialogTitle is projected. */
+    ariaLabel?: string;
+}
+/** Content that can be opened in a dialog. */
+type ComDialogContent$1<T = unknown> = ComponentType<T> | TemplateRef<T>;
+/** Template context when opening a TemplateRef dialog. */
+interface ComDialogTemplateContext<R = unknown, D = unknown> {
+    $implicit: ComDialogRef<R>;
+    data: D;
+}
+
+/**
+ * Service for opening dialog modals imperatively.
+ *
+ * @example
+ * ```typescript
+ * const dialog = inject(ComDialog);
+ *
+ * // Open a component
+ * const ref = dialog.open<boolean>(ConfirmComponent, { data: { id: 123 } });
+ * ref.afterClosed().subscribe(result => {
+ *   if (result) performAction();
+ * });
+ *
+ * // Open a template
+ * dialog.open(templateRef, { size: 'sm' });
+ * ```
+ */
+declare class ComDialog {
+    private readonly overlay;
+    private readonly injector;
+    private readonly destroyRef;
+    private readonly platformId;
+    private readonly document;
+    private readonly globalConfig;
+    private readonly openDialogs;
+    /**
+     * Open a dialog with the given component or template.
+     *
+     * @param content - The component class or TemplateRef to render inside the dialog.
+     * @param config - Optional dialog configuration.
+     * @returns A reference to the opened dialog.
+     */
+    open<R = unknown, D = unknown>(content: ComDialogContent$1, config?: ComDialogConfig<D>): ComDialogRef<R>;
+    /** Close all open dialogs. */
+    closeAll(): void;
+    /** Number of currently open dialogs. */
+    get openDialogCount(): number;
+    private resolveConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComDialog, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ComDialog>;
+}
+
+/**
+ * Marks an element as the dialog title. Sets up aria-labelledby
+ * binding on the dialog container.
+ *
+ * @example
+ * ```html
+ * <h2 comDialogTitle>Delete item</h2>
+ * ```
+ *
+ * @tokens `--color-foreground`
+ */
+declare class ComDialogTitle implements OnInit {
+    private readonly containerRef;
+    /** Unique ID for aria-labelledby binding. */
+    readonly id: WritableSignal<string>;
+    /** Computed CSS classes. */
+    readonly classes: WritableSignal<string>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComDialogTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComDialogTitle, "[comDialogTitle]", ["comDialogTitle"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * Marks an element as the dialog content area. Sets up aria-describedby
+ * binding on the dialog container.
+ *
+ * @example
+ * ```html
+ * <div comDialogContent>
+ *   <p>Are you sure you want to delete this item?</p>
+ * </div>
+ * ```
+ *
+ * @tokens `--color-muted-foreground`
+ */
+declare class ComDialogContent implements OnInit {
+    private readonly containerRef;
+    /** Unique ID for aria-describedby binding. */
+    readonly id: WritableSignal<string>;
+    /** Computed CSS classes. */
+    readonly classes: WritableSignal<string>;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComDialogContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComDialogContent, "[comDialogContent]", ["comDialogContent"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * Marks an element as the dialog actions area (footer with buttons).
+ *
+ * @example
+ * ```html
+ * <div comDialogActions>
+ *   <button comButton variant="outline" [comDialogClose]="false">Cancel</button>
+ *   <button comButton [comDialogClose]="true">Confirm</button>
+ * </div>
+ * ```
+ */
+declare class ComDialogActions {
+    /** Computed CSS classes. */
+    readonly classes: WritableSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComDialogActions, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComDialogActions, "[comDialogActions]", ["comDialogActions"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * Closes the nearest dialog when the host element is clicked.
+ * Optionally passes a result value.
+ *
+ * @example
+ * ```html
+ * <button comButton [comDialogClose]="false">Cancel</button>
+ * <button comButton [comDialogClose]="true">Confirm</button>
+ * ```
+ */
+declare class ComDialogClose {
+    private readonly dialogRef;
+    /** The result value to pass when closing the dialog. */
+    readonly comDialogClose: InputSignal<unknown>;
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComDialogClose, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ComDialogClose, "[comDialogClose]", ["comDialogClose"], { "comDialogClose": { "alias": "comDialogClose"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Injection token for data passed to a dialog component.
+ *
+ * @example
+ * ```typescript
+ * readonly data = inject<MyData>(COM_DIALOG_DATA);
+ * ```
+ */
+declare const COM_DIALOG_DATA: InjectionToken<unknown>;
+/**
+ * Injection token for global dialog configuration defaults.
+ * @internal
+ */
+declare const COM_DIALOG_CONFIG: InjectionToken<ComDialogConfig>;
+/**
+ * Provides global dialog configuration defaults.
+ *
+ * @example
+ * ```typescript
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideComDialogConfig({ size: 'lg', hasBackdrop: true }),
+ *   ],
+ * });
+ * ```
+ */
+declare function provideComDialogConfig(config: ComDialogConfig): Provider;
+
+/**
+ * CVA variants for the dialog backdrop.
+ *
+ * @tokens `--color-backdrop`
+ */
+declare const dialogBackdropVariants: (props?: {
+    visible?: boolean;
+}) => string;
+/**
+ * CVA variants for the dialog panel container.
+ *
+ * @tokens `--color-popover`, `--color-popover-foreground`, `--color-border`,
+ *         `--shadow-xl`, `--radius-overlay`
+ */
+declare const dialogPanelVariants: (props?: {
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    visible?: boolean;
+}) => string;
+/** Type helper for dialog panel variant props. */
+type DialogPanelVariantProps = VariantProps<typeof dialogPanelVariants>;
+/**
+ * CVA variants for the dialog title.
+ *
+ * @tokens `--color-foreground`
+ */
+declare const dialogTitleVariants: () => string;
+/**
+ * CVA variants for the dialog content area.
+ *
+ * @tokens `--color-muted-foreground`
+ */
+declare const dialogContentVariants: () => string;
+/**
+ * CVA variants for the dialog actions area.
+ */
+declare const dialogActionsVariants: () => string;
+
+export { COM_DIALOG_CONFIG, COM_DIALOG_DATA, ComDialog, ComDialogActions, ComDialogClose, ComDialogContent, ComDialogRef, ComDialogTitle, dialogActionsVariants, dialogBackdropVariants, dialogContentVariants, dialogPanelVariants, dialogTitleVariants, provideComDialogConfig };
+export type { ComDialogConfig, ComDialogSize, ComDialogTemplateContext, DialogPanelVariantProps };