pdm-ui-kit 0.1.50 → 0.3.0

package/lib/components/drawer/drawer.component.d.ts

@@ -1,12 +1,70 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
+export declare type PdmDrawerPosition = 'bottom' | 'left' | 'right' | 'top';
+export declare type PdmDrawerSize = 'sm' | 'md' | 'lg' | 'full';
+/**
+ * @deprecated Use specific drawer types. Will be removed in v0.3.0
+ */
 export declare type PdmDrawerVariant = 'drawer' | 'responsive-dialog';
+/**
+ * Drawer/Sheet component con soporte responsive
+ *
+ * MEJORADO en v0.2.0:
+ * - Posicionamiento configurable (bottom, left, right, top)
+ * - Tamaños predefinidos
+ * - Responsive: bottom sheet en mobile, side panel en desktop
+ * - Contenido genérico via ng-content
+ *
+ * @example
+ * // Drawer simple desde el bottom
+ * <pdm-drawer [open]="isOpen" position="bottom">
+ *   <h3>Title</h3>
+ *   <p>Content</p>
+ * </pdm-drawer>
+ *
+ * @example
+ * // Side panel desde la right
+ * <pdm-drawer [open]="isOpen" position="right" size="md">
+ *   <p>Content</p>
+ * </pdm-drawer>
+ */
 export declare class PdmDrawerComponent {
     open: boolean;
+    /**
+     * Posición del drawer
+     * - bottom: desde abajo (default, mejor para mobile)
+     * - left: side panel desde izquierda
+     * - right: side panel desde derecha
+     * - top: desde arriba (poco común)
+     */
+    position: PdmDrawerPosition;
+    /**
+     * Tamaño del drawer
+     * - sm: 400px (side) / 50vh (bottom/top)
+     * - md: 500px (side) / 66vh (bottom/top) (default)
+     * - lg: 640px (side) / 80vh (bottom/top)
+     * - full: 100% ancho/alto
+     */
+    size: PdmDrawerSize;
+    /**
+     * @deprecated Use position="bottom" instead
+     */
     variant: PdmDrawerVariant;
     className: string;
     title: string;
     description: string;
+    /**
+     * Mostrar handle visual (línea para arrastrar)
+     * Solo tiene sentido en position="bottom"
+     */
+    showHandle: boolean;
+    /**
+     * Mostrar botón de cerrar
+     */
+    showCloseButton: boolean;
+    closeOnEsc: boolean;
+    closeOnBackdropClick: boolean;
+    openChange: EventEmitter<boolean>;
     value: number | string;
     unit: string;
     decrementLabel: string;
@@ -20,19 +78,19 @@ export declare class PdmDrawerComponent {
     usernameLabel: string;
     usernameValue: string;
     responsivePrimaryLabel: string;
-    /** Close when the ESC key is pressed. Default: `true`. */
-    closeOnEsc: boolean;
-    /** Close when the backdrop is clicked. Default: `true`. */
-    closeOnBackdropClick: boolean;
-    openChange: EventEmitter<boolean>;
+    bars: number[];
     primaryAction: EventEmitter<void>;
     secondaryAction: EventEmitter<void>;
-    bars: number[];
     onEsc(): void;
     onBackdropClick(): void;
     close(): void;
     onPrimaryAction(): void;
     onSecondaryAction(): void;
+    get containerClassName(): string;
+    get panelClassName(): string;
+    private getPositionClasses;
+    private getSizeClasses;
+    get showLegacyContent(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmDrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmDrawerComponent, "pdm-drawer", never, { "open": "open"; "variant": "variant"; "className": "className"; "title": "title"; "description": "description"; "value": "value"; "unit": "unit"; "decrementLabel": "decrementLabel"; "incrementLabel": "incrementLabel"; "primaryLabel": "primaryLabel"; "secondaryLabel": "secondaryLabel"; "profileTitle": "profileTitle"; "profileDescription": "profileDescription"; "nameLabel": "nameLabel"; "nameValue": "nameValue"; "usernameLabel": "usernameLabel"; "usernameValue": "usernameValue"; "responsivePrimaryLabel": "responsivePrimaryLabel"; "closeOnEsc": "closeOnEsc"; "closeOnBackdropClick": "closeOnBackdropClick"; "bars": "bars"; }, { "openChange": "openChange"; "primaryAction": "primaryAction"; "secondaryAction": "secondaryAction"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmDrawerComponent, "pdm-drawer", never, { "open": "open"; "position": "position"; "size": "size"; "variant": "variant"; "className": "className"; "title": "title"; "description": "description"; "showHandle": "showHandle"; "showCloseButton": "showCloseButton"; "closeOnEsc": "closeOnEsc"; "closeOnBackdropClick": "closeOnBackdropClick"; "value": "value"; "unit": "unit"; "decrementLabel": "decrementLabel"; "incrementLabel": "incrementLabel"; "primaryLabel": "primaryLabel"; "secondaryLabel": "secondaryLabel"; "profileTitle": "profileTitle"; "profileDescription": "profileDescription"; "nameLabel": "nameLabel"; "nameValue": "nameValue"; "usernameLabel": "usernameLabel"; "usernameValue": "usernameValue"; "responsivePrimaryLabel": "responsivePrimaryLabel"; "bars": "bars"; }, { "openChange": "openChange"; "primaryAction": "primaryAction"; "secondaryAction": "secondaryAction"; }, never, ["*"], false>;
 }

package/lib/components/hover-card/hover-card.component.d.ts

@@ -1,14 +1,37 @@
+import { ChangeDetectorRef, ElementRef, OnDestroy, ViewContainerRef } from "@angular/core";
+import { Overlay } from "@angular/cdk/overlay";
 import * as i0 from "@angular/core";
-export declare type PdmHoverCardSide = 'top' | 'right' | 'bottom' | 'left';
-export declare type PdmHoverCardAlign = 'start' | 'center' | 'end';
-export declare class PdmHoverCardComponent {
+export declare type PdmHoverCardSide = "top" | "right" | "bottom" | "left";
+export declare type PdmHoverCardAlign = "start" | "center" | "end";
+export declare class PdmHoverCardComponent implements OnDestroy {
+    private readonly overlay;
+    private readonly viewContainerRef;
+    private readonly elementRef;
+    private readonly cdr;
     className: string;
     panelClassName: string;
     side: PdmHoverCardSide;
     align: PdmHoverCardAlign;
     panelWidth: number;
     open: boolean;
-    get positionClass(): string;
+    private overlayRef;
+    private showTimeout;
+    private hideTimeout;
+    panelTemplateRef: any;
+    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
+    ngOnDestroy(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocusIn(): void;
+    onFocusOut(): void;
+    private clearTimeouts;
+    private show;
+    private hide;
+    private createOverlay;
+    private destroyOverlay;
+    private getPositionConfigs;
+    private getAlignX;
+    private getAlignY;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmHoverCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PdmHoverCardComponent, "pdm-hover-card", never, { "className": "className"; "panelClassName": "panelClassName"; "side": "side"; "align": "align"; "panelWidth": "panelWidth"; }, {}, never, ["[pdmHoverTrigger]", "[pdmHoverContent]"], false>;
 }

package/lib/components/input/input.component.d.ts

@@ -1,7 +1,7 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter } from "@angular/core";
 import * as i0 from "@angular/core";
-export declare type PdmInputSize = 'mini' | 'small' | 'regular' | 'large';
-export declare type PdmInputRoundness = 'default' | 'round';
+export declare type PdmInputSize = "mini" | "small" | "regular" | "large";
+export declare type PdmInputRoundness = "default" | "round";
 export declare class PdmInputComponent {
     id: string;
     type: string;

package/lib/components/input-group/input-group.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter } from "@angular/core";
 import * as i0 from "@angular/core";
 export declare class PdmInputGroupComponent {
     id: string;

package/lib/components/menubar/menubar.component.d.ts

@@ -1,26 +1,34 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { PdmMenuItem } from '../dropdown-menu/dropdown-menu.component';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from "@angular/core";
+import { Overlay } from "@angular/cdk/overlay";
+import { PdmMenuItem } from "../dropdown-menu/dropdown-menu.component";
 import * as i0 from "@angular/core";
 export interface PdmMenubarItem {
     label: string;
     items: PdmMenuItem[];
 }
 export declare class PdmMenubarComponent implements OnInit, OnDestroy {
+    private readonly overlay;
+    private readonly viewContainerRef;
     private readonly elementRef;
     private readonly cdr;
     menus: PdmMenubarItem[];
     className: string;
+    panelClassName: string;
     itemSelect: EventEmitter<string>;
     openIndex: number;
-    private boundPointerDown;
-    constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
+    menuTemplateRef: any;
+    private overlayRef;
+    private outsideClickSub;
+    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    onEsc(): void;
-    toggle(index: number): void;
+    onDocumentClickOrEsc(event: MouseEvent | KeyboardEvent): void;
+    toggle(index: number, event: MouseEvent): void;
     select(value: string): void;
     selectItem(item: PdmMenuItem): void;
-    private onDocumentPointerDown;
+    private createOverlay;
+    private destroyOverlay;
+    private getPositionConfigs;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmMenubarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmMenubarComponent, "pdm-menubar", never, { "menus": "menus"; "className": "className"; }, { "itemSelect": "itemSelect"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmMenubarComponent, "pdm-menubar", never, { "menus": "menus"; "className": "className"; "panelClassName": "panelClassName"; }, { "itemSelect": "itemSelect"; }, never, never, false>;
 }

package/lib/components/navigation-menu/navigation-menu.component.d.ts

@@ -4,9 +4,30 @@ export interface PdmNavigationItem {
     href?: string;
     active?: boolean;
 }
+export declare type PdmNavigationMobileMode = 'scroll' | 'compact';
+/**
+ * Navigation Menu component - Navegación horizontal responsive
+ *
+ * MEJORAS en v0.2.0:
+ * - Modo scroll: overflow-x-auto con scroll indicators en mobile
+ * - Modo compact: items abreviados en mobile, completos en desktop
+ * - Scroll smooth automático al item activo
+ *
+ * @example
+ * <!-- Scroll horizontal (default) -->
+ * <pdm-navigation-menu [items]="navItems"></pdm-navigation-menu>
+ *
+ * <!-- Compact mode -->
+ * <pdm-navigation-menu [items]="navItems" mobileMode="compact"></pdm-navigation-menu>
+ */
 export declare class PdmNavigationMenuComponent {
     items: PdmNavigationItem[];
     className: string;
+    /**
+     * Mobile behavior: 'scroll' (horizontal scroll) o 'compact' (items reducidos)
+     * @default 'scroll'
+     */
+    mobileMode: PdmNavigationMobileMode;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmNavigationMenuComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmNavigationMenuComponent, "pdm-navigation-menu", never, { "items": "items"; "className": "className"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmNavigationMenuComponent, "pdm-navigation-menu", never, { "items": "items"; "className": "className"; "mobileMode": "mobileMode"; }, {}, never, never, false>;
 }

package/lib/components/popover/popover.component.d.ts

@@ -1,6 +1,9 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, ViewContainerRef } from "@angular/core";
+import { Overlay } from "@angular/cdk/overlay";
 import * as i0 from "@angular/core";
 export declare class PdmPopoverComponent implements OnInit, OnDestroy {
+    private readonly overlay;
+    private readonly viewContainerRef;
     private readonly elementRef;
     private readonly cdr;
     private _open;
@@ -9,23 +12,21 @@ export declare class PdmPopoverComponent implements OnInit, OnDestroy {
     panelClassName: string;
     showTrigger: boolean;
     openChange: EventEmitter<boolean>;
-    panelPlacement: 'top' | 'bottom';
-    private anchorRef?;
     private triggerRef?;
-    private panelRef?;
-    private boundPointerDown;
-    constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
+    private panelTemplateRef;
+    private overlayRef;
+    private outsideClickSub;
+    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     set open(value: boolean);
     get open(): boolean;
-    get panelClasses(): string[];
     toggle(): void;
     onEsc(): void;
-    onViewportChange(): void;
-    private onDocumentPointerDown;
-    private schedulePanelPlacementUpdate;
-    private updatePanelPlacement;
+    private openPanel;
+    private closePanel;
+    private destroyOverlay;
+    private getPositionConfigs;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmPopoverComponent, "pdm-popover", never, { "triggerText": "triggerText"; "className": "className"; "panelClassName": "panelClassName"; "showTrigger": "showTrigger"; "open": "open"; }, { "openChange": "openChange"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmPopoverComponent, "pdm-popover", never, { "triggerText": "triggerText"; "className": "className"; "panelClassName": "panelClassName"; "showTrigger": "showTrigger"; "open": "open"; }, { "openChange": "openChange"; }, never, ["[pdmPopoverTrigger]", "*"], false>;
 }

package/lib/components/select/select.component.d.ts

@@ -1,6 +1,6 @@
-import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, ViewContainerRef } from '@angular/core';
-import { Overlay } from '@angular/cdk/overlay';
-import { PdmOverlayOptions } from '../../overlay/pdm-overlay-options';
+import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, ViewContainerRef } from "@angular/core";
+import { Overlay } from "@angular/cdk/overlay";
+import { PdmOverlayOptions } from "../../overlay/pdm-overlay-options";
 import * as i0 from "@angular/core";
 export interface PdmSelectOption {
     label: string;
@@ -8,7 +8,6 @@ export interface PdmSelectOption {
     disabled?: boolean;
 }
 export declare class PdmSelectComponent implements AfterContentInit, OnDestroy {
-    private readonly elementRef;
     private readonly cdr;
     private readonly overlay;
     private readonly viewContainerRef;
@@ -33,7 +32,7 @@ export declare class PdmSelectComponent implements AfterContentInit, OnDestroy {
     private projectedOptions;
     private overlayRef;
     private backdropSub;
-    constructor(elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef, overlay: Overlay, viewContainerRef: ViewContainerRef);
+    constructor(cdr: ChangeDetectorRef, overlay: Overlay, viewContainerRef: ViewContainerRef);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
     /**

package/lib/components/sheet/sheet.component.d.ts

@@ -1,19 +1,46 @@
 import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare type PdmSheetSide = 'top' | 'right' | 'bottom' | 'left';
+export declare type PdmSheetSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+/**
+ * Sheet/Side panel component con soporte responsive
+ *
+ * MEJORADO en v0.2.0:
+ * - Tamaños configurables
+ * - Mejor manejo de overflow
+ * - Responsive sizes
+ *
+ * @example
+ * <pdm-sheet [open]="isOpen" side="right" size="md">
+ *   <h3>Settings</h3>
+ *   <p>Content here</p>
+ * </pdm-sheet>
+ */
 export declare class PdmSheetComponent {
     open: boolean;
+    /**
+     * Lado desde donde aparece el sheet
+     */
     side: PdmSheetSide;
+    /**
+     * Tamaño del sheet
+     * - sm: 320px (side) / 40vh (top/bottom)
+     * - md: 400px (side) / 50vh (top/bottom) (default)
+     * - lg: 500px (side) / 66vh (top/bottom)
+     * - xl: 640px (side) / 80vh (top/bottom)
+     * - full: 100%
+     */
+    size: PdmSheetSize;
     className: string;
-    /** Close when the ESC key is pressed. Default: `true`. */
     closeOnEsc: boolean;
-    /** Close when the backdrop is clicked. Default: `true`. */
     closeOnBackdropClick: boolean;
     openChange: EventEmitter<boolean>;
     onEsc(): void;
     onBackdropClick(): void;
     close(): void;
     get panelClass(): string;
+    private getPositionClass;
+    private getSizingClass;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSheetComponent, "pdm-sheet", never, { "open": "open"; "side": "side"; "className": "className"; "closeOnEsc": "closeOnEsc"; "closeOnBackdropClick": "closeOnBackdropClick"; }, { "openChange": "openChange"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSheetComponent, "pdm-sheet", never, { "open": "open"; "side": "side"; "size": "size"; "className": "className"; "closeOnEsc": "closeOnEsc"; "closeOnBackdropClick": "closeOnBackdropClick"; }, { "openChange": "openChange"; }, never, ["*"], false>;
 }

package/lib/components/sidebar/sidebar.component.d.ts

@@ -1,7 +1,45 @@
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
+export declare type PdmSidebarMobileMode = 'drawer' | 'sidebar';
+/**
+ * Sidebar component - Navegación lateral responsive
+ *
+ * MEJORAS en v0.2.0:
+ * - Mobile drawer mode: overlay fullscreen en mobile, sidebar fijo en desktop
+ * - Sidebar mode: sidebar persistente con widths responsive
+ * - Backdrop automático en mobile drawer mode
+ *
+ * @example
+ * <!-- Mobile drawer (default) -->
+ * <pdm-sidebar [open]="sidebarOpen" (openChange)="sidebarOpen = $event">
+ *   <nav>Menu items...</nav>
+ * </pdm-sidebar>
+ *
+ * <!-- Sidebar persistente -->
+ * <pdm-sidebar mobileMode="sidebar" [collapsed]="collapsed">
+ *   <nav>Menu items...</nav>
+ * </pdm-sidebar>
+ */
 export declare class PdmSidebarComponent {
+    /**
+     * Mobile behavior: 'drawer' (overlay) o 'sidebar' (persistente)
+     * @default 'drawer'
+     */
+    mobileMode: PdmSidebarMobileMode;
+    /**
+     * Collapsed state (solo aplica en mobileMode="sidebar")
+     */
     collapsed: boolean;
+    /**
+     * Open state (solo aplica en mobileMode="drawer")
+     */
+    open: boolean;
     className: string;
+    /**
+     * Emite cuando el drawer se cierra (solo en mobileMode="drawer")
+     */
+    openChange: EventEmitter<boolean>;
+    onBackdropClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSidebarComponent, "pdm-sidebar", never, { "collapsed": "collapsed"; "className": "className"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmSidebarComponent, "pdm-sidebar", never, { "mobileMode": "mobileMode"; "collapsed": "collapsed"; "open": "open"; "className": "className"; }, { "openChange": "openChange"; }, never, ["*", "*"], false>;
 }

package/lib/components/table/table.component.d.ts

@@ -1,34 +1,55 @@
-import { ElementRef, EventEmitter, Renderer2, SimpleChanges } from '@angular/core';
+import { type TableResponsiveStrategy } from "../../utils/responsive";
 import * as i0 from "@angular/core";
-export declare type PdmTableVariant = 'default' | 'data' | 'interactive';
+export declare type PdmTableVariant = "default" | "data" | "interactive";
+/**
+ * Componente base de tabla con soporte responsive
+ *
+ * SIMPLIFICADO: Ya no incluye drag & drop (usar pdm-draggable-table para eso)
+ *
+ * @example
+ * // Tabla simple con scroll horizontal
+ * <pdm-table variant="default">
+ *   <thead><tr><th>Name</th><th>Email</th></tr></thead>
+ *   <tbody><tr><td>John</td><td>john@example.com</td></tr></tbody>
+ * </pdm-table>
+ *
+ * @example
+ * // Tabla interactiva con wrap en mobile
+ * <pdm-table variant="interactive" responsiveStrategy="wrap">
+ *   ...
+ * </pdm-table>
+ */
 export declare class PdmTableComponent {
-    private readonly renderer;
+    /**
+     * Variante visual de la tabla
+     * - default: tabla básica sin estilos extra
+     * - data: tabla con bordes y espaciado para data
+     * - interactive: tabla con hover, sticky header y estilos interactivos
+     */
     variant: PdmTableVariant;
-    reorderRows: boolean;
-    dragHandleSelector: string;
+    /**
+     * Estrategia responsive para la tabla
+     * - scroll: scroll horizontal en mobile (default, más simple)
+     * - wrap: permite que el contenido haga wrap
+     * - stack: convierte filas en cards en mobile (requiere data-label en celdas)
+     * - collapse: oculta columnas menos importantes en mobile
+     */
+    responsiveStrategy: TableResponsiveStrategy;
+    /**
+     * Clases CSS adicionales para el wrapper
+     */
     className: string;
-    rowOrderChange: EventEmitter<string[]>;
-    tableElement?: ElementRef<HTMLTableElement>;
-    private cleanupListeners;
-    private observer?;
-    private draggedRow;
-    constructor(renderer: Renderer2);
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
+    /**
+     * Si es true, aplica padding negativo en mobile para scroll edge-to-edge
+     * Útil cuando la tabla está dentro de un container con padding
+     */
+    fullBleed: boolean;
     get wrapperClasses(): string[];
     get tableClasses(): string[];
-    private syncReorderBehavior;
-    private cleanupReorderBehavior;
-    private get isReorderEnabled();
-    private getTbody;
-    private setRowsDraggable;
-    private syncAutoDragHandle;
-    private onDragStart;
-    private onDragOver;
-    private onDrop;
-    private onDragEnd;
-    private armDragFromHandle;
+    private getResponsiveStrategyClasses;
+    private getVariantWrapperClasses;
+    private getVariantTableClasses;
+    private getCellClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmTableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PdmTableComponent, "pdm-table", never, { "variant": "variant"; "reorderRows": "reorderRows"; "dragHandleSelector": "dragHandleSelector"; "className": "className"; }, { "rowOrderChange": "rowOrderChange"; }, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PdmTableComponent, "pdm-table", never, { "variant": "variant"; "responsiveStrategy": "responsiveStrategy"; "className": "className"; "fullBleed": "fullBleed"; }, {}, never, ["*"], false>;
 }

package/lib/components/tabs/tabs.component.d.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter } from "@angular/core";
 import * as i0 from "@angular/core";
 export interface PdmTabItem {
     label: string;

package/lib/components/toggle-group/toggle-group.component.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '@angular/core';
+import { EventEmitter } from "@angular/core";
 import * as i0 from "@angular/core";
 export interface PdmToggleGroupItem {
     label: string;

package/lib/components/tooltip/tooltip.component.d.ts

@@ -1,10 +1,28 @@
+import { ChangeDetectorRef, ElementRef, OnDestroy, ViewContainerRef } from "@angular/core";
+import { Overlay } from "@angular/cdk/overlay";
 import * as i0 from "@angular/core";
-export declare class PdmTooltipComponent {
+export declare class PdmTooltipComponent implements OnDestroy {
+    private readonly overlay;
+    private readonly viewContainerRef;
+    private readonly elementRef;
+    private readonly cdr;
     text: string;
-    side: 'top' | 'right' | 'bottom' | 'left';
+    side: "top" | "right" | "bottom" | "left";
     className: string;
+    tooltipTemplate: any;
     open: boolean;
-    get positionClass(): string;
+    private overlayRef;
+    constructor(overlay: Overlay, viewContainerRef: ViewContainerRef, elementRef: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
+    ngOnDestroy(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onFocusIn(): void;
+    onFocusOut(): void;
+    private show;
+    private hide;
+    private createOverlay;
+    private destroyOverlay;
+    private getPositionConfigs;
     static ɵfac: i0.ɵɵFactoryDeclaration<PdmTooltipComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PdmTooltipComponent, "pdm-tooltip", never, { "text": "text"; "side": "side"; "className": "className"; }, {}, never, ["*"], false>;
 }

package/lib/overlay/z-index-helper.d.ts

@@ -0,0 +1,36 @@
+export interface OverlayConfig {
+    panelClass?: string | string[];
+}
+/**
+ * Z-Index helper for overlay components.
+ *
+ * CRITICAL: Consumer custom panelClass MUST NOT replace the base z-index.
+ * This helper ensures z-index is preserved when merging custom classes.
+ */
+/**
+ * Base z-index class for overlays - MUST be included in any overlay panel.
+ * This ensures overlays appear above modals (z-50) and drawers (z-40).
+ */
+export declare const OVERLAY_BASE_Z_INDEX = "z-[70]";
+/**
+ * Merge consumer's panelClass with our base z-index.
+ * Consumer classes are APPENDED, not replacing our z-index guarantee.
+ *
+ * @param baseZIndex - Base z-index class to enforce (default: OVERLAY_BASE_Z_INDEX)
+ * @param consumerClasses - Optional additional classes from consumer
+ * @returns Array of classes safe for CDK Overlay panelClass
+ */
+export declare function mergeOverlayPanelClass(baseZIndex?: string, consumerClasses?: string | string[]): string[];
+/**
+ * Create OverlayConfig with guaranteed z-index.
+ * Use this instead of direct OverlayConfig to ensure z-index enforcement.
+ *
+ * @param baseConfig - Base overlay configuration
+ * @param consumerPanelClass - Optional consumer panelClass to merge
+ * @returns OverlayConfig with z-index guarantee
+ */
+export declare function createZIndexEnforcedOverlay(baseConfig: OverlayConfig, consumerPanelClass?: string | string[]): OverlayConfig;
+/**
+ * Helper to extract z-index from a class string for debugging.
+ */
+export declare function extractZIndex(classes: string | string[]): string | null;