angular-tailwind-components 1.0.0

package/types/angular-tailwind-components.d.ts

@@ -0,0 +1,1022 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy, AfterViewInit, ElementRef, OnInit, Type, InjectionToken } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+/** Common types used across all components */
+/** Size variants for components */
+type TailwindSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+/** Color variants for buttons and interactive elements */
+type TailwindColor = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info';
+/** Button kinds */
+type TailwindButtonKind = 'solid' | 'outlined' | 'ghost' | 'text';
+/** Alert/feedback color variants */
+type TailwindSeverity = 'success' | 'warning' | 'danger' | 'info';
+/** Position variants for overlays */
+type TailwindPosition = 'top' | 'bottom' | 'left' | 'right';
+/** Shape variants */
+type TailwindShape = 'rounded' | 'pill' | 'square';
+/** Icon dimensions: `normal` = 24×24, `small` = 16×16 */
+type TailwindIconSize = 'normal' | 'small';
+/** Option interface for select/radio/checkbox groups */
+interface TailwindOption<T = unknown> {
+    value: T;
+    label: string;
+    disabled?: boolean;
+}
+interface TailwindOptionGroup<T = unknown> extends TailwindOption<T> {
+    description?: string;
+}
+interface TailwindMenuItem {
+    label?: string;
+    icon?: string;
+    disabled?: boolean;
+    divider?: boolean;
+    value?: string;
+}
+
+/** Heroicons icon name (kebab-case). SVG assets live in `public/icons/` (outline 24×24). */
+declare const TAILWIND_HERO_ICON_NAMES: readonly ["academic-cap", "adjustments-horizontal", "adjustments-vertical", "archive-box", "archive-box-arrow-down", "archive-box-x-mark", "arrow-down", "arrow-down-circle", "arrow-down-left", "arrow-down-on-square", "arrow-down-on-square-stack", "arrow-down-right", "arrow-down-tray", "arrow-left", "arrow-left-circle", "arrow-left-end-on-rectangle", "arrow-left-on-rectangle", "arrow-left-start-on-rectangle", "arrow-long-down", "arrow-long-left", "arrow-long-right", "arrow-long-up", "arrow-path", "arrow-path-rounded-square", "arrow-right", "arrow-right-circle", "arrow-right-end-on-rectangle", "arrow-right-on-rectangle", "arrow-right-start-on-rectangle", "arrow-small-down", "arrow-small-left", "arrow-small-right", "arrow-small-up", "arrows-pointing-in", "arrows-pointing-out", "arrows-right-left", "arrows-up-down", "arrow-top-right-on-square", "arrow-trending-down", "arrow-trending-up", "arrow-turn-down-left", "arrow-turn-down-right", "arrow-turn-left-down", "arrow-turn-left-up", "arrow-turn-right-down", "arrow-turn-right-up", "arrow-turn-up-left", "arrow-turn-up-right", "arrow-up", "arrow-up-circle", "arrow-up-left", "arrow-up-on-square", "arrow-up-on-square-stack", "arrow-up-right", "arrow-up-tray", "arrow-uturn-down", "arrow-uturn-left", "arrow-uturn-right", "arrow-uturn-up", "at-symbol", "backspace", "backward", "banknotes", "bars-2", "bars-3", "bars-3-bottom-left", "bars-3-bottom-right", "bars-3-center-left", "bars-4", "bars-arrow-down", "bars-arrow-up", "battery-0", "battery-100", "battery-50", "beaker", "bell", "bell-alert", "bell-slash", "bell-snooze", "bold", "bolt", "bolt-slash", "bookmark", "bookmark-slash", "bookmark-square", "book-open", "briefcase", "bug-ant", "building-library", "building-office", "building-office-2", "building-storefront", "cake", "calculator", "calendar", "calendar-date-range", "calendar-days", "camera", "chart-bar", "chart-bar-square", "chart-pie", "chat-bubble-bottom-center", "chat-bubble-bottom-center-text", "chat-bubble-left", "chat-bubble-left-ellipsis", "chat-bubble-left-right", "chat-bubble-oval-left", "chat-bubble-oval-left-ellipsis", "check", "check-badge", "check-circle", "chevron-double-down", "chevron-double-left", "chevron-double-right", "chevron-double-up", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevron-up-down", "circle-stack", "clipboard", "clipboard-document", "clipboard-document-check", "clipboard-document-list", "clock", "cloud", "cloud-arrow-down", "cloud-arrow-up", "code-bracket", "code-bracket-square", "cog", "cog-6-tooth", "cog-8-tooth", "command-line", "computer-desktop", "cpu-chip", "credit-card", "cube", "cube-transparent", "currency-bangladeshi", "currency-dollar", "currency-euro", "currency-pound", "currency-rupee", "currency-yen", "cursor-arrow-rays", "cursor-arrow-ripple", "device-phone-mobile", "device-tablet", "divide", "document", "document-arrow-down", "document-arrow-up", "document-chart-bar", "document-check", "document-currency-bangladeshi", "document-currency-dollar", "document-currency-euro", "document-currency-pound", "document-currency-rupee", "document-currency-yen", "document-duplicate", "document-magnifying-glass", "document-minus", "document-plus", "document-text", "ellipsis-horizontal", "ellipsis-horizontal-circle", "ellipsis-vertical", "envelope", "envelope-open", "equals", "exclamation-circle", "exclamation-triangle", "eye", "eye-dropper", "eye-slash", "face-frown", "face-smile", "film", "finger-print", "fire", "flag", "folder", "folder-arrow-down", "folder-minus", "folder-open", "folder-plus", "forward", "funnel", "gif", "gift", "gift-top", "globe-alt", "globe-americas", "globe-asia-australia", "globe-europe-africa", "h1", "h2", "h3", "hand-raised", "hand-thumb-down", "hand-thumb-up", "hashtag", "heart", "home", "home-modern", "identification", "inbox", "inbox-arrow-down", "inbox-stack", "information-circle", "italic", "key", "language", "lifebuoy", "light-bulb", "link", "link-slash", "list-bullet", "lock-closed", "lock-open", "magnifying-glass", "magnifying-glass-circle", "magnifying-glass-minus", "magnifying-glass-plus", "map", "map-pin", "megaphone", "microphone", "minus", "minus-circle", "minus-small", "moon", "musical-note", "newspaper", "no-symbol", "numbered-list", "paint-brush", "paper-airplane", "paper-clip", "pause", "pause-circle", "pencil", "pencil-square", "percent-badge", "phone", "phone-arrow-down-left", "phone-arrow-up-right", "phone-x-mark", "photo", "play", "play-circle", "play-pause", "plus", "plus-circle", "plus-small", "power", "presentation-chart-bar", "presentation-chart-line", "printer", "puzzle-piece", "qr-code", "question-mark-circle", "queue-list", "radio", "receipt-percent", "receipt-refund", "rectangle-group", "rectangle-stack", "rocket-launch", "rss", "scale", "scissors", "server", "server-stack", "share", "shield-check", "shield-exclamation", "shopping-bag", "shopping-cart", "signal", "signal-slash", "slash", "sparkles", "speaker-wave", "speaker-x-mark", "square-2-stack", "square-3-stack-3d", "squares-2x2", "squares-plus", "star", "stop", "stop-circle", "strikethrough", "sun", "swatch", "table-cells", "tag", "ticket", "trash", "trophy", "truck", "tv", "underline", "user", "user-circle", "user-group", "user-minus", "user-plus", "users", "variable", "video-camera", "video-camera-slash", "view-columns", "viewfinder-circle", "wallet", "wifi", "window", "wrench", "wrench-screwdriver", "x-circle", "x-mark"];
+type TailwindHeroIcon = (typeof TAILWIND_HERO_ICON_NAMES)[number];
+
+declare class TailwindTooltipDirective implements OnDestroy {
+    text: string;
+    tooltipPosition: TailwindPosition;
+    private showTimeout;
+    private hideTimeout;
+    private componentRef;
+    private viewContainerRef;
+    private el;
+    show(): void;
+    hide(): void;
+    private createComponent;
+    private destroyComponent;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindTooltipDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailwindTooltipDirective, "[tooltip]", never, { "text": { "alias": "tooltip"; "required": false; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+declare abstract class TailwindComponent {
+    /** Optional ID for the component */
+    readonly id: _angular_core.InputSignal<string | undefined>;
+    /** Custom CSS classes to append */
+    readonly class: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindComponent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TailwindComponent, never, never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TailwindButton extends TailwindComponent {
+    /** Visual color */
+    readonly color: _angular_core.InputSignal<TailwindColor>;
+    /** Visual kind: `ghost` = transparent with hover tint; `text` = text color only, no hover background */
+    readonly kind: _angular_core.InputSignal<TailwindButtonKind>;
+    /** Size of the button */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    /** Whether the button is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** HTML button type attribute */
+    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
+    /** Emitted when the button is clicked (not disabled/loading) */
+    readonly onClick: _angular_core.OutputEmitterRef<MouseEvent>;
+    /** Computed Tailwind classes based on color, kind, size, and state */
+    readonly computedClasses: _angular_core.Signal<string>;
+    handleClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindButton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindButton, "tailwind-button", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "kind": { "alias": "kind"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+}
+
+declare class TailwindIcon extends TailwindComponent {
+    private readonly iconSize;
+    /** Heroicon name; SVG path `public/icons/<name>.svg` */
+    readonly icon: _angular_core.InputSignal<"academic-cap" | "adjustments-horizontal" | "adjustments-vertical" | "archive-box" | "archive-box-arrow-down" | "archive-box-x-mark" | "arrow-down" | "arrow-down-circle" | "arrow-down-left" | "arrow-down-on-square" | "arrow-down-on-square-stack" | "arrow-down-right" | "arrow-down-tray" | "arrow-left" | "arrow-left-circle" | "arrow-left-end-on-rectangle" | "arrow-left-on-rectangle" | "arrow-left-start-on-rectangle" | "arrow-long-down" | "arrow-long-left" | "arrow-long-right" | "arrow-long-up" | "arrow-path" | "arrow-path-rounded-square" | "arrow-right" | "arrow-right-circle" | "arrow-right-end-on-rectangle" | "arrow-right-on-rectangle" | "arrow-right-start-on-rectangle" | "arrow-small-down" | "arrow-small-left" | "arrow-small-right" | "arrow-small-up" | "arrows-pointing-in" | "arrows-pointing-out" | "arrows-right-left" | "arrows-up-down" | "arrow-top-right-on-square" | "arrow-trending-down" | "arrow-trending-up" | "arrow-turn-down-left" | "arrow-turn-down-right" | "arrow-turn-left-down" | "arrow-turn-left-up" | "arrow-turn-right-down" | "arrow-turn-right-up" | "arrow-turn-up-left" | "arrow-turn-up-right" | "arrow-up" | "arrow-up-circle" | "arrow-up-left" | "arrow-up-on-square" | "arrow-up-on-square-stack" | "arrow-up-right" | "arrow-up-tray" | "arrow-uturn-down" | "arrow-uturn-left" | "arrow-uturn-right" | "arrow-uturn-up" | "at-symbol" | "backspace" | "backward" | "banknotes" | "bars-2" | "bars-3" | "bars-3-bottom-left" | "bars-3-bottom-right" | "bars-3-center-left" | "bars-4" | "bars-arrow-down" | "bars-arrow-up" | "battery-0" | "battery-100" | "battery-50" | "beaker" | "bell" | "bell-alert" | "bell-slash" | "bell-snooze" | "bold" | "bolt" | "bolt-slash" | "bookmark" | "bookmark-slash" | "bookmark-square" | "book-open" | "briefcase" | "bug-ant" | "building-library" | "building-office" | "building-office-2" | "building-storefront" | "cake" | "calculator" | "calendar" | "calendar-date-range" | "calendar-days" | "camera" | "chart-bar" | "chart-bar-square" | "chart-pie" | "chat-bubble-bottom-center" | "chat-bubble-bottom-center-text" | "chat-bubble-left" | "chat-bubble-left-ellipsis" | "chat-bubble-left-right" | "chat-bubble-oval-left" | "chat-bubble-oval-left-ellipsis" | "check" | "check-badge" | "check-circle" | "chevron-double-down" | "chevron-double-left" | "chevron-double-right" | "chevron-double-up" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevron-up-down" | "circle-stack" | "clipboard" | "clipboard-document" | "clipboard-document-check" | "clipboard-document-list" | "clock" | "cloud" | "cloud-arrow-down" | "cloud-arrow-up" | "code-bracket" | "code-bracket-square" | "cog" | "cog-6-tooth" | "cog-8-tooth" | "command-line" | "computer-desktop" | "cpu-chip" | "credit-card" | "cube" | "cube-transparent" | "currency-bangladeshi" | "currency-dollar" | "currency-euro" | "currency-pound" | "currency-rupee" | "currency-yen" | "cursor-arrow-rays" | "cursor-arrow-ripple" | "device-phone-mobile" | "device-tablet" | "divide" | "document" | "document-arrow-down" | "document-arrow-up" | "document-chart-bar" | "document-check" | "document-currency-bangladeshi" | "document-currency-dollar" | "document-currency-euro" | "document-currency-pound" | "document-currency-rupee" | "document-currency-yen" | "document-duplicate" | "document-magnifying-glass" | "document-minus" | "document-plus" | "document-text" | "ellipsis-horizontal" | "ellipsis-horizontal-circle" | "ellipsis-vertical" | "envelope" | "envelope-open" | "equals" | "exclamation-circle" | "exclamation-triangle" | "eye" | "eye-dropper" | "eye-slash" | "face-frown" | "face-smile" | "film" | "finger-print" | "fire" | "flag" | "folder" | "folder-arrow-down" | "folder-minus" | "folder-open" | "folder-plus" | "forward" | "funnel" | "gif" | "gift" | "gift-top" | "globe-alt" | "globe-americas" | "globe-asia-australia" | "globe-europe-africa" | "h1" | "h2" | "h3" | "hand-raised" | "hand-thumb-down" | "hand-thumb-up" | "hashtag" | "heart" | "home" | "home-modern" | "identification" | "inbox" | "inbox-arrow-down" | "inbox-stack" | "information-circle" | "italic" | "key" | "language" | "lifebuoy" | "light-bulb" | "link" | "link-slash" | "list-bullet" | "lock-closed" | "lock-open" | "magnifying-glass" | "magnifying-glass-circle" | "magnifying-glass-minus" | "magnifying-glass-plus" | "map" | "map-pin" | "megaphone" | "microphone" | "minus" | "minus-circle" | "minus-small" | "moon" | "musical-note" | "newspaper" | "no-symbol" | "numbered-list" | "paint-brush" | "paper-airplane" | "paper-clip" | "pause" | "pause-circle" | "pencil" | "pencil-square" | "percent-badge" | "phone" | "phone-arrow-down-left" | "phone-arrow-up-right" | "phone-x-mark" | "photo" | "play" | "play-circle" | "play-pause" | "plus" | "plus-circle" | "plus-small" | "power" | "presentation-chart-bar" | "presentation-chart-line" | "printer" | "puzzle-piece" | "qr-code" | "question-mark-circle" | "queue-list" | "radio" | "receipt-percent" | "receipt-refund" | "rectangle-group" | "rectangle-stack" | "rocket-launch" | "rss" | "scale" | "scissors" | "server" | "server-stack" | "share" | "shield-check" | "shield-exclamation" | "shopping-bag" | "shopping-cart" | "signal" | "signal-slash" | "slash" | "sparkles" | "speaker-wave" | "speaker-x-mark" | "square-2-stack" | "square-3-stack-3d" | "squares-2x2" | "squares-plus" | "star" | "stop" | "stop-circle" | "strikethrough" | "sun" | "swatch" | "table-cells" | "tag" | "ticket" | "trash" | "trophy" | "truck" | "tv" | "underline" | "user" | "user-circle" | "user-group" | "user-minus" | "user-plus" | "users" | "variable" | "video-camera" | "video-camera-slash" | "view-columns" | "viewfinder-circle" | "wallet" | "wifi" | "window" | "wrench" | "wrench-screwdriver" | "x-circle" | "x-mark">;
+    /** `normal` = 24×24, `small` = 16×16; default dalla DI (`TAILWIND_ICON_SIZE`) se presente */
+    readonly size: _angular_core.InputSignal<TailwindIconSize>;
+    readonly src: _angular_core.Signal<string>;
+    readonly pixelSize: _angular_core.Signal<16 | 24>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindIcon, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindIcon, "tailwind-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TailwindInput extends TailwindComponent implements ControlValueAccessor {
+    /** Label text */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Placeholder text */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Input type */
+    readonly type: _angular_core.InputSignal<"number" | "text" | "search" | "password" | "email" | "tel" | "url">;
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    /** Whether the input is readonly */
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    /** Helper text shown below input */
+    readonly helperText: _angular_core.InputSignal<string>;
+    /** Error text shown when hasError is true */
+    readonly errorText: _angular_core.InputSignal<string>;
+    /** Whether the input is in error state */
+    readonly hasError: _angular_core.InputSignal<boolean>;
+    /** Two-way bound value */
+    readonly value: _angular_core.ModelSignal<string>;
+    /** Internal disabled state */
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    /** Computed input classes */
+    readonly inputClasses: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    onInputChange(event: Event): void;
+    onBlur(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindInput, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindInput, "tailwind-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare class TailwindCheckbox extends TailwindComponent implements ControlValueAccessor {
+    /** Label text */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Description text */
+    readonly description: _angular_core.InputSignal<string>;
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    /** Unique ID */
+    /** Two-way bound checked state */
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    /** Internal disabled state */
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    /** Box size class based on size input */
+    readonly boxSizeClass: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    onCheckboxChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindCheckbox, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindCheckbox, "tailwind-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+}
+
+declare class TailwindRadioGroup<T = unknown> extends TailwindComponent implements ControlValueAccessor {
+    /** Label for the radio group */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Aria label for accessibility */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Name for the radio group (used for native radio grouping) */
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    /** Available options */
+    readonly options: _angular_core.InputSignal<TailwindOptionGroup<T>[]>;
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    /** Layout orientation */
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /** Currently selected value */
+    readonly value: _angular_core.ModelSignal<T | null>;
+    /** Internal disabled state */
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    /** Radio button outer ring size */
+    readonly radioSizeClass: _angular_core.Signal<string>;
+    /** Inner dot size */
+    readonly dotSizeClass: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    writeValue(value: T): void;
+    registerOnChange(fn: (value: T) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    onRadioChange(optionValue: T): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindRadioGroup<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindRadioGroup<any>, "tailwind-radio-group", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare class TailwindSelect<T = unknown> extends TailwindComponent implements ControlValueAccessor, OnDestroy {
+    private readonly overlay;
+    private readonly vcr;
+    private readonly elRef;
+    private readonly panelTemplate;
+    private overlayRef;
+    private outsideSub;
+    /** Label text */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Placeholder text */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /** Available options */
+    readonly options: _angular_core.InputSignal<TailwindOption<T>[]>;
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    /** Helper text */
+    readonly helperText: _angular_core.InputSignal<string>;
+    /** Error text */
+    readonly errorText: _angular_core.InputSignal<string>;
+    /** Whether in error state */
+    readonly hasError: _angular_core.InputSignal<boolean>;
+    /** When true, value is `T[]` and several options can be selected */
+    readonly multiple: _angular_core.InputSignal<boolean>;
+    /** Selected value: `T | null` when single, `T[]` when `multiple` */
+    readonly value: _angular_core.ModelSignal<T | T[] | null>;
+    /** Internal disabled state */
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    /** Whether the dropdown panel is open */
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    /** Keyboard-highlighted option index (-1 = none) */
+    readonly activeIndex: _angular_core.WritableSignal<number>;
+    /** The currently selected option object (single mode only) */
+    readonly selectedOption: _angular_core.Signal<TailwindOption<T> | null>;
+    /** Selected option objects in `options()` order (multiple mode only) */
+    readonly selectedOptions: _angular_core.Signal<TailwindOption<T>[]>;
+    /** Classes for the trigger button */
+    readonly triggerClasses: _angular_core.Signal<string>;
+    private optionValueEquals;
+    /** Used in the template to compare option values */
+    isOptionSelected(option: TailwindOption<T>): boolean;
+    /** Classes for a single option row */
+    optionClasses(index: number, option: TailwindOption<T>): string;
+    private onChange;
+    private onTouched;
+    writeValue(value: T | T[] | null | undefined): void;
+    registerOnChange(fn: (value: T | T[] | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    ngOnDestroy(): void;
+    private openDropdown;
+    private closeDropdown;
+    toggleDropdown(): void;
+    selectOption(option: TailwindOption<T>): void;
+    onKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindSelect<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindSelect<any>, "tailwind-select", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "helperText": { "alias": "helperText"; "required": false; "isSignal": true; }; "errorText": { "alias": "errorText"; "required": false; "isSignal": true; }; "hasError": { "alias": "hasError"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare class TailwindToggle extends TailwindComponent implements ControlValueAccessor {
+    /** Label text */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Aria label for accessibility */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    /** Two-way bound checked state */
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    /** Internal disabled state */
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    /** Track (background) classes */
+    readonly trackClasses: _angular_core.Signal<string>;
+    /** Thumb (knob) classes */
+    readonly thumbClasses: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindToggle, "tailwind-toggle", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; }, never, never, true, never>;
+}
+
+declare class TailwindBadge extends TailwindComponent {
+    /** Color variant */
+    readonly variant: _angular_core.InputSignal<"primary" | TailwindSeverity | "neutral">;
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    /** Show a dot indicator */
+    readonly dot: _angular_core.InputSignal<boolean>;
+    /** Shape variant */
+    readonly rounded: _angular_core.InputSignal<boolean>;
+    /** Accessible label */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly computedClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindBadge, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindBadge, "tailwind-badge", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class TailwindCard extends TailwindComponent {
+    /** Whether the card has elevated shadow */
+    readonly elevated: _angular_core.InputSignal<boolean>;
+    /** Whether to show hover shadow effect */
+    readonly hoverable: _angular_core.InputSignal<boolean>;
+    /** Whether to show header background */
+    readonly headerBg: _angular_core.InputSignal<boolean>;
+    /** Whether the card has a header */
+    readonly hasHeader: _angular_core.InputSignal<boolean>;
+    /** Whether the card has a footer */
+    readonly hasFooter: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindCard, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindCard, "tailwind-card", never, { "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; "hoverable": { "alias": "hoverable"; "required": false; "isSignal": true; }; "headerBg": { "alias": "headerBg"; "required": false; "isSignal": true; }; "hasHeader": { "alias": "hasHeader"; "required": false; "isSignal": true; }; "hasFooter": { "alias": "hasFooter"; "required": false; "isSignal": true; }; }, {}, never, ["tailwind-card-header", "tailwind-card-image", "*", "tailwind-card-footer"], true, never>;
+}
+
+declare class TailwindAlert extends TailwindComponent {
+    /** Severity / color variant */
+    readonly severity: _angular_core.InputSignal<TailwindSeverity>;
+    /** Alert title */
+    readonly title: _angular_core.InputSignal<string>;
+    /** Alert message */
+    readonly message: _angular_core.InputSignal<string>;
+    /** Whether the alert can be dismissed */
+    readonly dismissible: _angular_core.InputSignal<boolean>;
+    /** Whether to show a border on the left */
+    readonly bordered: _angular_core.InputSignal<boolean>;
+    /** Emitted when the alert is dismissed */
+    readonly onDismiss: _angular_core.OutputEmitterRef<void>;
+    /** Internal dismissed state */
+    readonly dismissed: _angular_core.WritableSignal<boolean>;
+    readonly computedClasses: _angular_core.Signal<string>;
+    dismiss(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindAlert, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindAlert, "tailwind-alert", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; }, { "onDismiss": "onDismiss"; }, never, never, true, never>;
+}
+
+declare class TailwindSpinner extends TailwindComponent {
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    /** Color uses Tailwind text color class */
+    readonly color: _angular_core.InputSignal<TailwindColor>;
+    /** Optional label text */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Aria label for accessibility */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Layout orientation */
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly containerClasses: _angular_core.Signal<string>;
+    readonly spinnerClasses: _angular_core.Signal<string>;
+    readonly labelClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindSpinner, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindSpinner, "tailwind-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TailwindModal extends TailwindComponent {
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    /** Whether to show close button in header */
+    readonly showCloseButton: _angular_core.InputSignal<boolean>;
+    /** Whether clicking backdrop closes the modal */
+    readonly closeOnBackdrop: _angular_core.InputSignal<boolean>;
+    /** Whether pressing Escape closes the modal */
+    readonly closeOnEscape: _angular_core.InputSignal<boolean>;
+    /** Open/close state */
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    /** Visibility for animation */
+    readonly isVisible: _angular_core.WritableSignal<boolean>;
+    /** Emitted when the modal is fully closed (after exit animation) */
+    readonly onClose: _angular_core.OutputEmitterRef<void>;
+    private readonly modalPanel;
+    readonly panelClasses: _angular_core.Signal<string>;
+    constructor();
+    /** Open the modal */
+    open(): void;
+    /** Close the modal (plays exit animation then emits onClose) */
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindModal, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindModal, "tailwind-modal", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; }, never, ["*", "tailwind-modal-content", "tailwind-modal-footer"], true, never>;
+}
+
+/**
+ * Transparent wrapper — the visual header structure is provided by TailwindModal.
+ * Use inside a programmatically-opened component to supply the modal title.
+ */
+declare class TailwindModalTitle {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindModalTitle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindModalTitle, "tailwind-modal-title", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class TailwindModalContent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindModalContent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindModalContent, "tailwind-modal-content", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class TailwindModalFooter {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindModalFooter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindModalFooter, "tailwind-modal-footer", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class TailwindTab extends TailwindComponent {
+    /** Tab label */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Tab icon (optional, CSS class or content) */
+    readonly icon: _angular_core.InputSignal<string>;
+    /** Whether the tab is disabled */
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Whether this tab is the currently active one (set by parent) */
+    readonly isActive: _angular_core.WritableSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindTab, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindTab, "tailwind-tab", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class TailwindTabGroup extends TailwindComponent {
+    /** Accessible label for the tab list */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Whether tabs can scroll horizontally */
+    readonly scrollable: _angular_core.InputSignal<boolean>;
+    /** Currently active tab index (two-way) */
+    readonly activeIndex: _angular_core.ModelSignal<number>;
+    /** Query all child TailwindTab components */
+    readonly tabs: _angular_core.Signal<readonly TailwindTab[]>;
+    constructor();
+    selectTab(index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindTabGroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindTabGroup, "tailwind-tab-group", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["tabs"], ["*"], true, never>;
+}
+
+declare class TailwindTooltip extends TailwindComponent implements AfterViewInit, OnDestroy {
+    /** Tooltip text */
+    readonly text: _angular_core.InputSignal<string>;
+    /** Position relative to trigger */
+    readonly position: _angular_core.InputSignal<TailwindPosition>;
+    readonly isVisible: _angular_core.WritableSignal<boolean>;
+    readonly topPos: _angular_core.WritableSignal<number>;
+    readonly leftPos: _angular_core.WritableSignal<number>;
+    private targetElement;
+    private document;
+    private ngZone;
+    private el;
+    readonly tooltipEl: _angular_core.Signal<ElementRef<HTMLDivElement>>;
+    private scrollListener;
+    readonly tooltipClasses: _angular_core.Signal<string>;
+    readonly arrowClasses: _angular_core.Signal<string>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    setTarget(el: HTMLElement): void;
+    private getFixedOrigin;
+    updatePosition(): void;
+    show(): void;
+    hide(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindTooltip, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindTooltip, "tailwind-tooltip", never, { "text": { "alias": "text"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TailwindProgressBar extends TailwindComponent {
+    /** Current value (0-100) */
+    readonly value: _angular_core.InputSignal<number>;
+    /** Label text */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Show the label row */
+    readonly showLabel: _angular_core.InputSignal<boolean>;
+    /** Show percentage value */
+    readonly showValue: _angular_core.InputSignal<boolean>;
+    /** Color variant */
+    readonly variant: _angular_core.InputSignal<"primary" | TailwindSeverity>;
+    /** Size variant */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    /** Indeterminate mode (animated) */
+    readonly indeterminate: _angular_core.InputSignal<boolean>;
+    /** Whether to use striped pattern */
+    readonly striped: _angular_core.InputSignal<boolean>;
+    readonly clampedValue: _angular_core.Signal<number>;
+    readonly trackClasses: _angular_core.Signal<string>;
+    readonly barClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindProgressBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindProgressBar, "tailwind-progress-bar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TailwindMenu extends TailwindComponent implements OnDestroy, OnInit {
+    private openScheduleId;
+    private anchorEl;
+    private readonly onScrollReposition;
+    readonly items: _angular_core.InputSignal<TailwindMenuItem[]>;
+    readonly align: _angular_core.InputSignal<"left" | "right">;
+    readonly onSelect: _angular_core.OutputEmitterRef<TailwindMenuItem>;
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    /** Popover box in coordinates relative to the `position: fixed` containing block (often viewport, not under transformed Docs wrappers). */
+    readonly panelLayout: _angular_core.WritableSignal<{
+        top: number;
+        left?: number;
+        right?: number;
+        minWidth: number;
+    } | null>;
+    private readonly panelRef;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Opens the menu under `anchor` (toggle element).
+     * Pass the click event from the button, e.g. `(click)="menu.open($event)"`, or an `HTMLElement`.
+     * After the first open with an anchor, `open()` without arguments reuses the last anchor.
+     *
+     * Opening is deferred one macrotask so the same `click` is not closed immediately by `document:click`.
+     */
+    open(anchor?: Event | HTMLElement): void;
+    close(): void;
+    toggle(anchor?: Event | HTMLElement): void;
+    private storeAnchor;
+    private scheduleOpen;
+    private updatePanelPosition;
+    selectItem(item: TailwindMenuItem): void;
+    onDocumentEscape(): void;
+    onDocumentClick(event: Event): void;
+    onWindowResize(): void;
+    /** Ancestor that becomes the containing block for `position: fixed` (e.g. Storybook Docs wrappers with `transform`). */
+    private createsFixedContainingBlock;
+    private getFixedPositioningContainingBlock;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindMenu, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindMenu, "tailwind-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
+}
+
+declare class TailwindDrawer extends TailwindComponent {
+    /** Drawer title */
+    readonly title: _angular_core.InputSignal<string>;
+    /** Position (left or right) */
+    readonly position: _angular_core.InputSignal<"left" | "right">;
+    /** Width class */
+    readonly width: _angular_core.InputSignal<string>;
+    /** Whether clicking backdrop closes */
+    readonly closeOnBackdrop: _angular_core.InputSignal<boolean>;
+    /** Open/close state */
+    readonly isOpen: _angular_core.WritableSignal<boolean>;
+    /** Visibility for animation */
+    readonly isVisible: _angular_core.WritableSignal<boolean>;
+    /** Emitted when closed */
+    readonly onClose: _angular_core.OutputEmitterRef<void>;
+    readonly panelClasses: _angular_core.Signal<string>;
+    open(): void;
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindDrawer, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindDrawer, "tailwind-drawer", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; }, never, ["*", "tailwind-drawer-footer"], true, never>;
+}
+
+interface TailwindBreadcrumbItem {
+    label: string;
+    href?: string;
+}
+
+declare class TailwindBreadcrumb extends TailwindComponent {
+    readonly items: _angular_core.InputSignal<TailwindBreadcrumbItem[]>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindBreadcrumb, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindBreadcrumb, "tailwind-breadcrumb", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface Pagination {
+    readonly totalItems: number;
+    readonly pageSize: number;
+    readonly currentPage: number;
+    readonly ariaLabel: string;
+    readonly summary: string;
+}
+
+declare class TailwindPagination extends TailwindComponent {
+    readonly totalItems: _angular_core.InputSignal<number>;
+    readonly pageSize: _angular_core.InputSignal<number>;
+    readonly currentPage: _angular_core.ModelSignal<number>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly summary: _angular_core.InputSignal<string>;
+    readonly onPageChange: _angular_core.OutputEmitterRef<number>;
+    readonly totalPages: _angular_core.Signal<number>;
+    readonly visiblePages: _angular_core.Signal<number[]>;
+    readonly summaryText: _angular_core.Signal<string>;
+    goToPage(page: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindPagination, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindPagination, "tailwind-pagination", never, { "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "onPageChange": "onPageChange"; }, never, never, true, never>;
+}
+
+declare class TailwindTag extends TailwindComponent {
+    readonly variant: _angular_core.InputSignal<"primary" | TailwindSeverity | "neutral">;
+    readonly computedClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindTag, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindTag, "tailwind-tag", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+interface TailwindTableColumn<T = any> {
+    key: string;
+    label: string;
+    sortable?: boolean;
+    width?: string;
+    align?: 'left' | 'center' | 'right';
+}
+
+declare class TailwindTable extends TailwindComponent {
+    readonly columns: _angular_core.InputSignal<TailwindTableColumn<any>[]>;
+    readonly data: _angular_core.InputSignal<Record<string, any>[]>;
+    readonly selectable: _angular_core.InputSignal<boolean>;
+    readonly striped: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly paginated: _angular_core.InputSignal<boolean>;
+    readonly pagination: _angular_core.InputSignal<Pagination | undefined>;
+    readonly onSortChange: _angular_core.OutputEmitterRef<{
+        key: string;
+        direction: "asc" | "desc";
+    }>;
+    readonly onSelectionChange: _angular_core.OutputEmitterRef<Set<number>>;
+    readonly sortKey: _angular_core.WritableSignal<string>;
+    readonly sortDir: _angular_core.WritableSignal<"asc" | "desc">;
+    readonly selectedRows: _angular_core.WritableSignal<Set<number>>;
+    readonly currentPage: _angular_core.WritableSignal<number>;
+    constructor();
+    readonly sortedData: _angular_core.Signal<Record<string, any>[]>;
+    readonly displayedData: _angular_core.Signal<Record<string, any>[]>;
+    sort(key: string): void;
+    toggleSelection(index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindTable, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindTable, "tailwind-table", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "striped": { "alias": "striped"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "paginated": { "alias": "paginated"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; }, { "onSortChange": "onSortChange"; "onSelectionChange": "onSelectionChange"; }, never, never, true, never>;
+}
+
+declare class TailwindDatePicker extends TailwindComponent implements ControlValueAccessor {
+    private readonly lang;
+    protected readonly i18n: {
+        months: string[];
+        weekDays: string[];
+        today: string;
+        confirm: string;
+        placeholder: string;
+    };
+    protected readonly weekDays: string[];
+    readonly label: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly format: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.ModelSignal<Date | null>;
+    /** Working selection while the panel is open; committed on Apply. */
+    readonly draft: _angular_core.WritableSignal<Date | null>;
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    readonly showCalendar: _angular_core.WritableSignal<boolean>;
+    readonly viewMonth: _angular_core.WritableSignal<number>;
+    readonly viewYear: _angular_core.WritableSignal<number>;
+    readonly effectivePlaceholder: _angular_core.Signal<string>;
+    readonly displayValue: _angular_core.Signal<string>;
+    readonly monthYearLabel: _angular_core.Signal<string>;
+    readonly calendarDays: _angular_core.Signal<number[]>;
+    private onChange;
+    private onTouched;
+    writeValue(v: Date | null): void;
+    registerOnChange(fn: (v: Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(d: boolean): void;
+    toggleCalendar(): void;
+    apply(): void;
+    prevMonth(): void;
+    nextMonth(): void;
+    selectDay(day: number): void;
+    isSelected(day: number): boolean;
+    isToday(day: number): boolean;
+    goToToday(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindDatePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindDatePicker, "tailwind-date-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+type TimeDraft = {
+    h: number;
+    m: number;
+};
+declare class TailwindTimePicker extends TailwindComponent implements ControlValueAccessor {
+    private readonly lang;
+    protected readonly i18n: {
+        placeholder: string;
+        now: string;
+        apply: string;
+    };
+    protected readonly hours: number[];
+    protected readonly minutes: number[];
+    readonly label: _angular_core.InputSignal<string>;
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    readonly showPanel: _angular_core.WritableSignal<boolean>;
+    readonly draft: _angular_core.WritableSignal<TimeDraft | null>;
+    readonly displayValue: _angular_core.Signal<string>;
+    private onChange;
+    private onTouched;
+    writeValue(v: string): void;
+    registerOnChange(fn: (v: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(d: boolean): void;
+    togglePanel(): void;
+    apply(): void;
+    goToNow(): void;
+    onHourChange(e: Event): void;
+    onMinuteChange(e: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindTimePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindTimePicker, "tailwind-time-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+}
+
+declare class TailwindDateTimePicker extends TailwindComponent implements ControlValueAccessor {
+    private readonly lang;
+    protected readonly i18n: {
+        months: string[];
+        weekDays: string[];
+        time: string;
+        today: string;
+        confirm: string;
+        placeholder: string;
+    };
+    protected readonly weekDays: string[];
+    protected readonly hours: number[];
+    protected readonly minutes: number[];
+    readonly label: _angular_core.InputSignal<string>;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    /** Angular [DatePipe](https://angular.dev/api/common/DatePipe) format string. */
+    readonly format: _angular_core.InputSignal<string>;
+    readonly selected: _angular_core.WritableSignal<Date | null>;
+    readonly draft: _angular_core.WritableSignal<Date | null>;
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    readonly showPanel: _angular_core.WritableSignal<boolean>;
+    readonly viewMonth: _angular_core.WritableSignal<number>;
+    readonly viewYear: _angular_core.WritableSignal<number>;
+    readonly effectivePlaceholder: _angular_core.Signal<string>;
+    readonly displayValue: _angular_core.Signal<string>;
+    readonly monthYearLabel: _angular_core.Signal<string>;
+    readonly calendarDays: _angular_core.Signal<number[]>;
+    private onChange;
+    private onTouched;
+    writeValue(v: Date | null | undefined): void;
+    registerOnChange(fn: (v: Date | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    togglePanel(): void;
+    apply(): void;
+    prevMonth(): void;
+    nextMonth(): void;
+    selectDay(day: number): void;
+    isSelected(day: number): boolean;
+    isToday(day: number): boolean;
+    goToToday(): void;
+    onHourChange(e: Event): void;
+    onMinuteChange(e: Event): void;
+    private todayNow;
+    private emitValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindDateTimePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindDateTimePicker, "tailwind-datetime-picker", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TailwindStep extends TailwindComponent {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly optional: _angular_core.InputSignal<boolean>;
+    readonly completed: _angular_core.WritableSignal<boolean>;
+    readonly isActive: _angular_core.WritableSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindStep, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindStep, "tailwind-step", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "optional": { "alias": "optional"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class TailwindStepper extends TailwindComponent {
+    readonly activeIndex: _angular_core.ModelSignal<number>;
+    readonly linear: _angular_core.InputSignal<boolean>;
+    readonly steps: _angular_core.Signal<readonly TailwindStep[]>;
+    constructor();
+    goToStep(index: number): void;
+    next(): void;
+    previous(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindStepper, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindStepper, "tailwind-stepper", never, { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["steps"], ["*"], true, never>;
+}
+
+declare class TailwindAccordionItem extends TailwindComponent {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly isExpanded: _angular_core.WritableSignal<boolean>;
+    readonly onToggle: _angular_core.OutputEmitterRef<void>;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindAccordionItem, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindAccordionItem, "tailwind-accordion-item", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "onToggle": "onToggle"; }, never, ["*"], true, never>;
+}
+
+declare class TailwindAccordion extends TailwindComponent {
+    readonly items: _angular_core.Signal<readonly TailwindAccordionItem[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindAccordion, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindAccordion, "tailwind-accordion", never, {}, {}, ["items"], ["*"], true, never>;
+}
+
+interface TailwindToastConfig {
+    message: string;
+    title?: string;
+    severity?: TailwindSeverity;
+    duration?: number;
+    dismissible?: boolean;
+}
+
+interface TailwindToastItem extends TailwindToastConfig {
+    id: number;
+}
+
+interface TailwindModalConfig<D = unknown> {
+    /** Arbitrary data injected into the modal component via TAILWIND_MODAL_DATA */
+    data?: D;
+    /** Size variant */
+    size?: TailwindSize;
+    /** Show the X close button in header */
+    showCloseButton?: boolean;
+    /** Click backdrop to close */
+    closeOnBackdrop?: boolean;
+    /** Press Escape to close */
+    closeOnEscape?: boolean;
+}
+
+declare class TailwindModalService {
+    private readonly appRef;
+    private readonly environmentInjector;
+    /**
+     * Open a modal programmatically.
+     *
+     * The `component` is instantiated and its slot elements are projected into
+     * TailwindModal's ng-content slots:
+     *  - `<tailwind-modal-title>`   → header title area
+     *  - `<tailwind-modal-content>` → body area
+     *  - `<tailwind-modal-footer>`  → footer area
+     *
+     * The component can inject `TailwindModalRef<R>` to close with a typed result
+     * and `TAILWIND_MODAL_DATA` to receive the `config.data` payload.
+     *
+     * @returns Promise that resolves with `R` on `close(result)` or `undefined` on dismiss.
+     */
+    open<R = any, D = any>(component: Type<unknown>, config?: TailwindModalConfig<D>): Promise<R | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindModalService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TailwindModalService>;
+}
+
+declare class TailwindToastService {
+    private nextId;
+    readonly toasts: _angular_core.WritableSignal<TailwindToastItem[]>;
+    show(config: TailwindToastConfig): number;
+    success(message: string, title?: string): number;
+    warning(message: string, title?: string): number;
+    danger(message: string, title?: string): number;
+    info(message: string, title?: string): number;
+    dismiss(id: number): void;
+    clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindToastService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TailwindToastService>;
+}
+
+declare class TailwindToast extends TailwindComponent {
+    readonly toastService: TailwindToastService;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindToast, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindToast, "tailwind-toast", never, {}, {}, never, never, true, never>;
+}
+
+declare class TailwindNotification extends TailwindComponent {
+    readonly title: _angular_core.InputSignal<string>;
+    readonly severity: _angular_core.InputSignal<TailwindSeverity>;
+    readonly dismissible: _angular_core.InputSignal<boolean>;
+    readonly showActions: _angular_core.InputSignal<boolean>;
+    readonly onDismiss: _angular_core.OutputEmitterRef<void>;
+    readonly computedClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindNotification, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindNotification, "tailwind-notification", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; "showActions": { "alias": "showActions"; "required": false; "isSignal": true; }; }, { "onDismiss": "onDismiss"; }, never, ["*", "tailwind-notification-actions"], true, never>;
+}
+
+declare class TailwindMessage extends TailwindComponent {
+    readonly severity: _angular_core.InputSignal<TailwindSeverity>;
+    readonly computedClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindMessage, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindMessage, "tailwind-message", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class TailwindSkeleton extends TailwindComponent {
+    readonly variant: _angular_core.InputSignal<"text" | "rounded" | "circle" | "rect">;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly height: _angular_core.InputSignal<string>;
+    readonly computedClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindSkeleton, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindSkeleton, "tailwind-skeleton", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TailwindToolbar extends TailwindComponent {
+    /** When true, uses rounded corners (`rounded-xl`). */
+    readonly rounded: _angular_core.InputSignal<boolean>;
+    /**
+     * Orizzontale: `full` = `w-full`; `container` = larghezza responsiva (95% / 85% / 75%) centrata.
+     * Verticale: ignorato per l’altezza — il rail è sempre `h-full w-full` nella colonna.
+     */
+    readonly width: _angular_core.InputSignal<"full" | "container">;
+    /** Applies a stronger drop shadow. */
+    readonly elevated: _angular_core.InputSignal<boolean>;
+    /** `horizontal` for a top app bar; `vertical` for a side rail (logo → menu → end). */
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /** Navigation / actions rendered between logo and end slots. */
+    readonly menu: _angular_core.InputSignal<TailwindMenuItem[]>;
+    /** Emitted when a non-disabled, non-divider menu entry is activated. */
+    readonly onMenuSelect: _angular_core.OutputEmitterRef<TailwindMenuItem>;
+    readonly menuContainerClasses: _angular_core.Signal<"min-w-0 flex-1 flex flex-row flex-wrap items-center gap-1" | "min-w-0 flex-1 flex flex-col gap-1 overflow-y-auto min-h-0">;
+    readonly menuItemButtonClasses: _angular_core.Signal<"shrink-0 rounded-md px-3 py-1.5 text-sm font-medium text-surface-700 hover:bg-surface-100 hover:text-surface-900 disabled:opacity-50 disabled:cursor-not-allowed transition-colors cursor-pointer border-0 bg-transparent" | "w-full text-left rounded-md px-2 py-2 text-sm font-medium text-surface-700 hover:bg-surface-100 hover:text-surface-900 disabled:opacity-50 disabled:cursor-not-allowed transition-colors cursor-pointer border-0 bg-transparent">;
+    readonly rootClasses: _angular_core.Signal<string>;
+    selectMenuItem(item: TailwindMenuItem): void;
+    menuTrackKey(index: number, item: TailwindMenuItem): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindToolbar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindToolbar, "tailwind-toolbar", never, { "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "menu": { "alias": "menu"; "required": false; "isSignal": true; }; }, { "onMenuSelect": "onMenuSelect"; }, never, ["tailwind-toolbar-logo", "tailwind-toolbar-end"], true, never>;
+}
+
+declare class TailwindDivider extends TailwindComponent {
+    /** Rule direction */
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /** Adds horizontal margin to the rule (horizontal orientation only). */
+    readonly inset: _angular_core.InputSignal<boolean>;
+    /** Border style for the rule */
+    readonly variant: _angular_core.InputSignal<"solid" | "dashed">;
+    /** Centered text between two lines (horizontal only; ignored when empty). */
+    readonly label: _angular_core.InputSignal<string>;
+    readonly isLabeledHorizontal: _angular_core.Signal<boolean>;
+    readonly ruleClasses: _angular_core.Signal<string>;
+    /** Top rule for labeled horizontal layout */
+    readonly ruleLineClass: _angular_core.Signal<string>;
+    readonly labeledRowClass: _angular_core.Signal<"flex items-center gap-3 w-full mx-4" | "flex items-center gap-3 w-full">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindDivider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindDivider, "tailwind-divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** One segment in a meter bar (inspired by PrimeNG MeterGroup). */
+interface TailwindMeterSegment {
+    /** Legend label */
+    label: string;
+    /** Portion relative to `max` (same unit as max, e.g. percent points when max is 100) */
+    value: number;
+    /** Color variant; defaults to primary */
+    variant?: TailwindSeverity | 'primary';
+}
+
+declare class TailwindMeter extends TailwindComponent {
+    /** Segments rendered as proportional blocks in the bar. */
+    readonly segments: _angular_core.InputSignal<TailwindMeterSegment[]>;
+    /**
+     * Scale maximum. Each segment `value` is shown as `value / max` of the bar width.
+     * Default 100 (percent-style values).
+     */
+    readonly max: _angular_core.InputSignal<number>;
+    /** Show a simple legend under the bar */
+    readonly showLabels: _angular_core.InputSignal<boolean>;
+    /** Track height */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    readonly trackHeightClass: _angular_core.Signal<string>;
+    readonly totalValue: _angular_core.Signal<number>;
+    readonly scaleMax: _angular_core.Signal<number>;
+    readonly segmentLayouts: _angular_core.Signal<{
+        widthPct: number;
+        barClass: string;
+        label: string;
+        value: number;
+        variant?: TailwindSeverity | "primary";
+    }[]>;
+    readonly trackContainerClasses: _angular_core.Signal<string>;
+    legendSwatchClass(variant?: TailwindSeverity | 'primary'): string;
+    private variantToBarClass;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindMeter, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindMeter, "tailwind-meter", never, { "segments": { "alias": "segments"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/** Value model: single number or sorted pair when `range` is true */
+type TailwindSliderValue = number | [number, number];
+declare class TailwindSlider extends TailwindComponent implements ControlValueAccessor {
+    /** Minimum bound */
+    readonly min: _angular_core.InputSignal<number>;
+    /** Maximum bound */
+    readonly max: _angular_core.InputSignal<number>;
+    /** Step increment */
+    readonly step: _angular_core.InputSignal<number>;
+    /** Two-thumb range mode */
+    readonly range: _angular_core.InputSignal<boolean>;
+    /** Layout */
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    /** Tick marks at each step */
+    readonly showTicks: _angular_core.InputSignal<boolean>;
+    /** Control size */
+    readonly size: _angular_core.InputSignal<TailwindSize>;
+    readonly trackRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    /** Single-thumb value */
+    readonly singleValue: _angular_core.WritableSignal<number>;
+    /** Range: lower value */
+    readonly rangeLow: _angular_core.WritableSignal<number>;
+    /** Range: upper value */
+    readonly rangeHigh: _angular_core.WritableSignal<number>;
+    /** Disabled via template (combined with form `setDisabledState`) */
+    readonly hostDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly isDisabled: _angular_core.WritableSignal<boolean>;
+    readonly isEffectivelyDisabled: _angular_core.Signal<boolean>;
+    private onChange;
+    private onTouched;
+    readonly activeThumb: _angular_core.WritableSignal<0 | 1 | null>;
+    readonly thumbSizeClass: _angular_core.Signal<string>;
+    readonly trackThickness: _angular_core.Signal<string>;
+    readonly verticalTrackThickness: _angular_core.Signal<string>;
+    readonly singlePct: _angular_core.Signal<number>;
+    readonly lowPct: _angular_core.Signal<number>;
+    readonly highPct: _angular_core.Signal<number>;
+    readonly fillStartPct: _angular_core.Signal<number>;
+    readonly fillWidthPct: _angular_core.Signal<number>;
+    readonly tickPositions: _angular_core.Signal<number[]>;
+    writeValue(value: TailwindSliderValue | null): void;
+    registerOnChange(fn: (v: TailwindSliderValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(disabled: boolean): void;
+    valueToPct(v: number): number;
+    snap(raw: number): number;
+    pctToValue(pct: number): number;
+    onThumbPointerDown(event: PointerEvent, thumbIndex: 0 | 1): void;
+    onTrackPointerDown(event: PointerEvent, thumbIndex: 0 | 1 | null): void;
+    private readValueFromPointer;
+    private applyPointer;
+    onKeyDown(event: KeyboardEvent, thumbIndex: 0 | 1): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TailwindSlider, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TailwindSlider, "tailwind-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "hostDisabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const TAILWIND_MODAL_DATA: InjectionToken<unknown>;
+declare const TAILWIND_ICON_SIZE: InjectionToken<"normal" | "small">;
+declare const TAILWIND_DATETIME_LANGUAGE: InjectionToken<"it" | "en">;
+declare const TAILWIND_COMPONENTS_SIZE: InjectionToken<TailwindSize>;
+
+declare class TailwindModalRef<R = any> {
+    private _closeFn;
+    private _result;
+    /** @internal called by the service after component creation */
+    _init(closeFn: () => void): void;
+    /** Close the modal resolving with the given result */
+    close(result?: R): void;
+    /** @internal read by the service after the close animation */
+    _getResult(): R | undefined;
+}
+
+export { TAILWIND_COMPONENTS_SIZE, TAILWIND_DATETIME_LANGUAGE, TAILWIND_HERO_ICON_NAMES, TAILWIND_ICON_SIZE, TAILWIND_MODAL_DATA, TailwindAccordion, TailwindAccordionItem, TailwindAlert, TailwindBadge, TailwindBreadcrumb, TailwindButton, TailwindCard, TailwindCheckbox, TailwindDatePicker, TailwindDateTimePicker, TailwindDivider, TailwindDrawer, TailwindIcon, TailwindInput, TailwindMenu, TailwindMessage, TailwindMeter, TailwindModal, TailwindModalContent, TailwindModalFooter, TailwindModalRef, TailwindModalService, TailwindModalTitle, TailwindNotification, TailwindPagination, TailwindProgressBar, TailwindRadioGroup, TailwindSelect, TailwindSkeleton, TailwindSlider, TailwindSpinner, TailwindStep, TailwindStepper, TailwindTab, TailwindTabGroup, TailwindTable, TailwindTag, TailwindTimePicker, TailwindToast, TailwindToastService, TailwindToggle, TailwindToolbar, TailwindTooltip, TailwindTooltipDirective };
+export type { Pagination, TailwindBreadcrumbItem, TailwindButtonKind, TailwindColor, TailwindHeroIcon, TailwindIconSize, TailwindMenuItem, TailwindMeterSegment, TailwindModalConfig, TailwindOption, TailwindOptionGroup, TailwindPosition, TailwindSeverity, TailwindShape, TailwindSize, TailwindSliderValue, TailwindTableColumn, TailwindToastConfig, TailwindToastItem };