@shival99/z-ui 1.0.1 → 1.0.3

package/types/shival99-z-ui-components-z-pagination.d.ts

@@ -0,0 +1,52 @@
+import * as _angular_core from '@angular/core';
+
+type ZPaginationSize = 'sm' | 'default' | 'lg';
+interface ZPaginationConfig {
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showSizeChanger?: boolean;
+    showQuickJumper?: boolean;
+    showTotal?: boolean;
+    simple?: boolean;
+}
+interface ZPageChangeEvent {
+    pageIndex: number;
+    pageSize: number;
+}
+
+declare class ZPaginationComponent {
+    readonly zPageIndex: _angular_core.ModelSignal<number>;
+    readonly zPageSize: _angular_core.ModelSignal<number>;
+    readonly zTotal: _angular_core.InputSignal<number>;
+    readonly zPageSizeOptions: _angular_core.InputSignal<number[]>;
+    readonly zShowSizeChanger: _angular_core.InputSignal<boolean>;
+    readonly zShowQuickJumper: _angular_core.InputSignal<boolean>;
+    readonly zShowTotal: _angular_core.InputSignal<boolean>;
+    readonly zSimple: _angular_core.InputSignal<boolean>;
+    readonly zSize: _angular_core.InputSignal<ZPaginationSize>;
+    readonly zDisabled: _angular_core.InputSignal<boolean>;
+    readonly zTotalLabel: _angular_core.InputSignal<string>;
+    readonly zPerPageLabel: _angular_core.InputSignal<string>;
+    readonly zGoToLabel: _angular_core.InputSignal<string>;
+    readonly zOnPageChange: _angular_core.OutputEmitterRef<ZPageChangeEvent>;
+    protected readonly totalLabelText: _angular_core.Signal<string>;
+    protected readonly totalPages: _angular_core.Signal<number>;
+    protected readonly pageSizeOptions: _angular_core.Signal<{
+        label: string;
+        value: number;
+    }[]>;
+    protected readonly visiblePages: _angular_core.Signal<(number | "ellipsis")[]>;
+    protected readonly canGoPrev: _angular_core.Signal<boolean>;
+    protected readonly canGoNext: _angular_core.Signal<boolean>;
+    protected goToPage(page: number): void;
+    protected goToPrev(): void;
+    protected goToNext(): void;
+    protected onPageSizeChange(size: unknown): void;
+    protected onQuickJump(event: Event): void;
+    private _emitChange;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZPaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZPaginationComponent, "z-pagination", never, { "zPageIndex": { "alias": "zPageIndex"; "required": false; "isSignal": true; }; "zPageSize": { "alias": "zPageSize"; "required": false; "isSignal": true; }; "zTotal": { "alias": "zTotal"; "required": true; "isSignal": true; }; "zPageSizeOptions": { "alias": "zPageSizeOptions"; "required": false; "isSignal": true; }; "zShowSizeChanger": { "alias": "zShowSizeChanger"; "required": false; "isSignal": true; }; "zShowQuickJumper": { "alias": "zShowQuickJumper"; "required": false; "isSignal": true; }; "zShowTotal": { "alias": "zShowTotal"; "required": false; "isSignal": true; }; "zSimple": { "alias": "zSimple"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zTotalLabel": { "alias": "zTotalLabel"; "required": false; "isSignal": true; }; "zPerPageLabel": { "alias": "zPerPageLabel"; "required": false; "isSignal": true; }; "zGoToLabel": { "alias": "zGoToLabel"; "required": false; "isSignal": true; }; }, { "zPageIndex": "zPageIndexChange"; "zPageSize": "zPageSizeChange"; "zOnPageChange": "zOnPageChange"; }, never, never, true, never>;
+}
+
+export { ZPaginationComponent };
+export type { ZPageChangeEvent, ZPaginationConfig, ZPaginationSize };

package/types/shival99-z-ui-components-z-popover.d.ts

@@ -0,0 +1,134 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnInit, OnDestroy } from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type ZPopoverTrigger = 'click' | 'hover';
+type ZPopoverPosition = 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right' | 'left' | 'left-top' | 'left-bottom' | 'right' | 'right-top' | 'right-bottom';
+type ZPopoverContent = TemplateRef<unknown>;
+interface ZPopoverControl {
+    close: () => void;
+    closeImmediate: () => void;
+    show: () => void;
+    toggle: () => void;
+    isVisible: () => boolean;
+}
+
+declare class ZPopoverComponent implements OnInit, OnDestroy {
+    readonly zContent: _angular_core.InputSignal<ZPopoverContent | null>;
+    readonly zPosition: _angular_core.InputSignal<ZPopoverPosition>;
+    readonly zTrigger: _angular_core.InputSignal<ZPopoverTrigger>;
+    readonly zClass: _angular_core.InputSignal<string>;
+    readonly zShowDelay: _angular_core.InputSignal<number>;
+    readonly zHideDelay: _angular_core.InputSignal<number>;
+    readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zOffset: _angular_core.InputSignal<number>;
+    readonly zManualClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zScrollClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zShowArrow: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zShow: _angular_core.OutputEmitterRef<void>;
+    readonly zHide: _angular_core.OutputEmitterRef<void>;
+    readonly zControl: _angular_core.OutputEmitterRef<ZPopoverControl>;
+    private readonly _trigger;
+    private readonly _overlay;
+    private readonly _overlayPositionBuilder;
+    private readonly _renderer;
+    private readonly _destroyRef;
+    private readonly _platformId;
+    private readonly _document;
+    private _overlayRef;
+    private _componentRef;
+    private _delaySubject;
+    private _listenerCleanups;
+    private _positionSubscription;
+    private _scrollSubscription;
+    private _resizeObserver;
+    private readonly _isVisible;
+    ngOnInit(): void;
+    private _emitControl;
+    ngOnDestroy(): void;
+    show(): void;
+    hide(): void;
+    hideImmediate(): void;
+    toggle(): void;
+    isOpen(): boolean;
+    private _createOverlay;
+    private _disposeOverlay;
+    private _setupDelayMechanism;
+    private _setupTriggers;
+    private _setupOutsideClick;
+    private _delay;
+    private _setupScrollClose;
+    private _showPopover;
+    private _setupResizeObserver;
+    private _setupPopoverHover;
+    private _hidePopover;
+    private _cleanupListeners;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZPopoverComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZPopoverComponent, "z-popover", never, { "zContent": { "alias": "zContent"; "required": false; "isSignal": true; }; "zPosition": { "alias": "zPosition"; "required": false; "isSignal": true; }; "zTrigger": { "alias": "zTrigger"; "required": false; "isSignal": true; }; "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zShowDelay": { "alias": "zShowDelay"; "required": false; "isSignal": true; }; "zHideDelay": { "alias": "zHideDelay"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zOffset": { "alias": "zOffset"; "required": false; "isSignal": true; }; "zManualClose": { "alias": "zManualClose"; "required": false; "isSignal": true; }; "zScrollClose": { "alias": "zScrollClose"; "required": false; "isSignal": true; }; "zShowArrow": { "alias": "zShowArrow"; "required": false; "isSignal": true; }; }, { "zShow": "zShow"; "zHide": "zHide"; "zControl": "zControl"; }, never, ["*"], true, never>;
+}
+
+declare class ZPopoverDirective implements OnInit, OnDestroy {
+    readonly zContent: _angular_core.InputSignal<ZPopoverContent | null>;
+    readonly zPosition: _angular_core.InputSignal<ZPopoverPosition>;
+    readonly zTrigger: _angular_core.InputSignal<ZPopoverTrigger>;
+    readonly zClass: _angular_core.InputSignal<string>;
+    readonly zShowDelay: _angular_core.InputSignal<number>;
+    readonly zHideDelay: _angular_core.InputSignal<number>;
+    readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zOffset: _angular_core.InputSignal<number>;
+    readonly zPopoverWidth: _angular_core.InputSignal<number | "trigger" | "auto">;
+    readonly zManualClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zScrollClose: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zShowArrow: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zShow: _angular_core.OutputEmitterRef<void>;
+    readonly zHide: _angular_core.OutputEmitterRef<void>;
+    readonly zHideStart: _angular_core.OutputEmitterRef<void>;
+    readonly zControl: _angular_core.OutputEmitterRef<ZPopoverControl>;
+    private readonly _overlay;
+    private readonly _overlayPositionBuilder;
+    private readonly _elementRef;
+    private readonly _renderer;
+    private readonly _destroyRef;
+    private readonly _platformId;
+    private readonly _document;
+    private _overlayRef;
+    private _componentRef;
+    private _delaySubject;
+    private _listenerCleanups;
+    private _positionSubscription;
+    private _scrollSubscription;
+    private _resizeObserver;
+    private readonly _isVisible;
+    ngOnInit(): void;
+    private _emitControl;
+    ngOnDestroy(): void;
+    show(): void;
+    hide(): void;
+    hideImmediate(): void;
+    toggle(): void;
+    isOpen(): boolean;
+    private _createOverlay;
+    private _getWidthConfig;
+    private _disposeOverlay;
+    private _setupDelayMechanism;
+    private _setupTriggers;
+    private _setupOutsideClick;
+    private _setupScrollClose;
+    private _delay;
+    private _showPopover;
+    private _setupResizeObserver;
+    private _setupPopoverHover;
+    private _hidePopover;
+    private _cleanupListeners;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZPopoverDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZPopoverDirective, "[z-popover]", ["zPopover"], { "zContent": { "alias": "zPopoverContent"; "required": false; "isSignal": true; }; "zPosition": { "alias": "zPosition"; "required": false; "isSignal": true; }; "zTrigger": { "alias": "zTrigger"; "required": false; "isSignal": true; }; "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zShowDelay": { "alias": "zShowDelay"; "required": false; "isSignal": true; }; "zHideDelay": { "alias": "zHideDelay"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zOffset": { "alias": "zOffset"; "required": false; "isSignal": true; }; "zPopoverWidth": { "alias": "zPopoverWidth"; "required": false; "isSignal": true; }; "zManualClose": { "alias": "zManualClose"; "required": false; "isSignal": true; }; "zScrollClose": { "alias": "zScrollClose"; "required": false; "isSignal": true; }; "zShowArrow": { "alias": "zShowArrow"; "required": false; "isSignal": true; }; }, { "zShow": "zShow"; "zHide": "zHide"; "zHideStart": "zHideStart"; "zControl": "zControl"; }, never, never, true, never>;
+}
+
+declare const zPopoverVariants: (props?: ({
+    zPosition?: "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ZPopoverVariants = VariantProps<typeof zPopoverVariants>;
+
+export { ZPopoverComponent, ZPopoverDirective, zPopoverVariants };
+export type { ZPopoverContent, ZPopoverControl, ZPopoverPosition, ZPopoverTrigger, ZPopoverVariants };

package/types/shival99-z-ui-components-z-radio.d.ts

@@ -0,0 +1,63 @@
+import * as _angular_core from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ClassValue } from 'clsx';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type ZRadioType = 'default' | 'group';
+type ZRadioSize = 'sm' | 'default' | 'lg';
+type ZRadioOrientation = 'vertical' | 'horizontal';
+interface ZRadioOption {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+}
+
+declare class ZRadioComponent implements ControlValueAccessor {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zType: _angular_core.InputSignal<ZRadioType>;
+    readonly zSize: _angular_core.InputSignal<ZRadioSize>;
+    readonly zLabel: _angular_core.InputSignal<string>;
+    readonly zText: _angular_core.InputSignal<string>;
+    readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zValue: _angular_core.InputSignal<string | number>;
+    readonly zOptions: _angular_core.InputSignal<ZRadioOption[]>;
+    readonly zOrientation: _angular_core.InputSignal<ZRadioOrientation>;
+    readonly zSelectedValue: _angular_core.ModelSignal<string | number | null>;
+    readonly zChange: _angular_core.OutputEmitterRef<string | number | null>;
+    private readonly _disabled;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly groupClasses: _angular_core.Signal<string>;
+    protected readonly radioClasses: _angular_core.Signal<string>;
+    protected readonly indicatorClasses: _angular_core.Signal<string>;
+    protected readonly labelClasses: _angular_core.Signal<string>;
+    private _onChange;
+    private _onTouched;
+    writeValue(value: string | number | null): void;
+    registerOnChange(fn: (value: string | number | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onRadioClick(): void;
+    protected onOptionClick(option: ZRadioOption): void;
+    protected isOptionChecked(option: ZRadioOption): boolean;
+    protected isChecked(): boolean;
+    protected getRadioState(): string;
+    protected getOptionState(option: ZRadioOption): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZRadioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZRadioComponent, "z-radio", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zText": { "alias": "zText"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zValue": { "alias": "zValue"; "required": false; "isSignal": true; }; "zOptions": { "alias": "zOptions"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; "zSelectedValue": { "alias": "zSelectedValue"; "required": false; "isSignal": true; }; }, { "zSelectedValue": "zSelectedValueChange"; "zChange": "zChange"; }, never, never, true, never>;
+}
+
+declare const zRadioVariants: (props?: ({
+    zSize?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zRadioIndicatorVariants: (props?: ({
+    zSize?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zRadioLabelVariants: (props?: ({
+    zSize?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ZRadioVariants = VariantProps<typeof zRadioVariants>;
+
+export { ZRadioComponent, zRadioIndicatorVariants, zRadioLabelVariants, zRadioVariants };
+export type { ZRadioOption, ZRadioOrientation, ZRadioSize, ZRadioType, ZRadioVariants };

package/types/shival99-z-ui-components-z-select.d.ts

@@ -0,0 +1,268 @@
+import * as _tanstack_angular_virtual from '@tanstack/angular-virtual';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, Signal, OnInit, ElementRef, PipeTransform } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ZPopoverControl } from '@shival99/z-ui/components/z-popover';
+import { ClassValue } from 'clsx';
+import { Observable } from 'rxjs';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare class ZSelectOptionDirective<T = unknown> {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSelectOptionDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZSelectOptionDirective<any>, "[z-select-option], [zSelectOption]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ZSelectSelectedDirective<T = unknown> {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSelectSelectedDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZSelectSelectedDirective<any>, "[z-select-selected], [zSelectSelected]", never, {}, {}, never, never, true, never>;
+}
+
+interface ZSelectControl<T = unknown> {
+    validate: () => void;
+    reset: () => void;
+    focus: () => void;
+    blur: () => void;
+    markAsTouched: () => void;
+    markAsUntouched: () => void;
+    markAsDirty: () => void;
+    markAsPristine: () => void;
+    hasError: Signal<boolean>;
+    isValidating: Signal<boolean>;
+    isOpen: Signal<boolean>;
+    value: Signal<T | T[] | null>;
+    selectedOption: Signal<ZSelectOption<T> | null>;
+    selectedOptions: Signal<ZSelectOption<T>[]>;
+    errorMessage: Signal<string>;
+}
+type ZSelectMode = 'single' | 'multiple' | 'tags';
+type ZSelectSize = 'sm' | 'default' | 'lg';
+type ZSelectAsyncValidateOn = 'change' | 'blur';
+interface ZSelectOption<T = unknown> {
+    label: string;
+    value: T;
+    disabled?: boolean;
+    group?: string;
+    icon?: string;
+}
+interface ZSelectAsyncValidator<T = unknown> {
+    error: string;
+    message: string;
+    validate: (value: ZSelectOption<T> | ZSelectOption<T>[] | null) => Promise<boolean> | Observable<boolean>;
+}
+interface ZSelectValidator<T = unknown> {
+    error: string;
+    message: string;
+    validate: (value: ZSelectOption<T> | ZSelectOption<T>[] | null) => boolean;
+}
+interface ZSelectOptionGroup<T = unknown> {
+    label: string;
+    options: ZSelectOption<T>[];
+}
+interface ZSelectLoadMoreEvent {
+    currentCount: number;
+    scrollTop: number;
+}
+type ZSelectLabelTemplate<T = unknown> = TemplateRef<{
+    $implicit: ZSelectOption<T>;
+}>;
+type ZSelectOptionTemplate<T = unknown> = TemplateRef<{
+    $implicit: ZSelectOption<T>;
+    selected: boolean;
+}>;
+interface ZSelectTagColor {
+    bg: string;
+    text: string;
+    border: string;
+}
+declare const TAG_COLORS: ZSelectTagColor[];
+
+declare class ZSelectComponent<T = unknown> implements OnInit, ControlValueAccessor {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zMode: _angular_core.InputSignal<ZSelectMode>;
+    readonly zSize: _angular_core.InputSignal<ZSelectSize>;
+    readonly zLabel: _angular_core.InputSignal<string>;
+    readonly zLabelClass: _angular_core.InputSignal<string>;
+    readonly zPlaceholder: _angular_core.InputSignal<string>;
+    readonly zRequired: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zReadonly: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zPrefix: _angular_core.InputSignal<"" | "lucideLayers2" | "lucideStore" | "lucideChartBarStacked" | "lucideBookCheck" | "lucideAlarmClock" | "lucideClipboardPlus" | "lucideSave" | "lucideSaveAll" | "lucideFlag" | "lucideFlagTriangleRight" | "lucideMessageSquareDot" | "lucideCheckCheck" | "lucideTriangleAlert" | "lucideMessageSquareWarning" | "lucideCheck" | "lucidePencil" | "lucideMail" | "lucideLayoutGrid" | "lucideArrowLeft" | "lucideArrowRight" | "lucideMenu" | "lucideLock" | "lucideLogOut" | "lucideUser" | "lucideSettings" | "lucidePill" | "lucideCalendarFold" | "lucideSettings2" | "lucideChevronLeft" | "lucideChevronRight" | "lucideChevronDown" | "lucidePlus" | "lucideSearch" | "lucideUsers" | "lucideEye" | "lucideEyeOff" | "lucideEllipsis" | "lucidePanelLeftClose" | "lucidePanelLeftOpen" | "lucideLayoutDashboard" | "lucideChartColumn" | "lucideUsersRound" | "lucideLogs" | "lucideChevronUp" | "lucideTrendingUp" | "lucidePackage" | "lucideShoppingCart" | "lucideUserCheck" | "lucideActivity" | "lucideZap" | "lucideMousePointer" | "lucideInfo" | "lucideLayers" | "lucideBriefcase" | "lucideTarget" | "lucideWorkflow" | "lucideWarehouse" | "lucideLoaderCircle" | "lucideChevronsLeft" | "lucideChevronsRight" | "lucideBellRing" | "lucideSlidersHorizontal" | "lucideTrash2" | "lucideFileDown" | "lucideFunnel" | "lucideAlignJustify" | "lucideX" | "lucideFiles" | "lucideCrown" | "lucideBadgeInfo" | "lucideMinus" | "lucideBox" | "lucideCog" | "lucideBellMinus" | "lucidePackageOpen" | "lucideInbox" | "lucideClock" | "lucideBookOpen" | "lucideCalendar" | "lucideCalculator" | "lucideClipboardList" | "lucideDatabase" | "lucideDollarSign" | "lucideFileText" | "lucideGraduationCap" | "lucideHeart" | "lucideHospital" | "lucideMapPin" | "lucideMonitor" | "lucidePhone" | "lucideShield" | "lucideStar" | "lucideStethoscope" | "lucideTimer" | "lucideTrendingDown" | "lucideUserPlus" | "lucideVideo" | "lucideWallet" | "lucideWrench" | "lucideBuilding2" | "lucideCar" | "lucideCreditCard" | "lucideFileSpreadsheet" | "lucideGlobe" | "lucideHeadphones" | "lucideKey" | "lucideLightbulb" | "lucideMailCheck" | "lucideNetwork" | "lucidePalette" | "lucidePhoneCall" | "lucidePrinter" | "lucideRadio" | "lucideServer" | "lucideSmartphone" | "lucideTablet" | "lucideTerminal" | "lucideTruck" | "lucideWifi" | "lucideRefreshCcw" | "lucideLockKeyhole" | "lucideArrowDown" | "lucideArrowUp" | "lucideUserLock" | "lucideCircleCheck" | "lucideHouse" | "lucideChartBar" | "lucideChartPie" | "lucideChartLine" | "lucideCalendarRange" | "lucideCalendar1" | "lucideCalendarCheck" | "lucideNotepadText" | "lucideFileUp" | "lucideTableOfContents" | "lucideBot" | "lucideSend" | "lucidePause" | "lucidePaperclip" | "saxPauseBold" | "lucideCopy" | "lucideUserRoundPen" | "lucideFilePenLine" | "lucideArrowDownUp" | "lucideCircleX" | "lucideCheckLine" | "lucideBadgeCheck" | "lucideShieldCheck" | "lucideCircleCheckBig" | "lucideBadgeX" | "lucideLockKeyholeOpen" | "lucideFileSymlink" | "lucideWifiZero" | "lucideCloudCheck" | "lucideMailPlus" | "lucideHardDriveDownload" | "saxCloudChangeBold" | "saxRefreshBold" | "lucideBarcode" | "lucideCode" | "lucideScanQrCode" | "lucideQrCode" | "lucideScanLine" | "lucideListPlus" | "lucideFilePlus" | "lucideFilePlus2" | "lucideBookUp2" | "lucideFileClock" | "lucideRefreshCwOff" | "lucideListChecks" | "lucideFastForward" | "lucideBrushCleaning" | "lucideChartColumnIncreasing" | "lucideBell" | "lucideCheckCircle2" | "lucideAlertCircle" | "lucideXCircle" | "lucideLink" | "lucideDatabaseBackup" | "lucideFileCheck" | "lucideListChevronsDownUp" | "lucideListChevronsUpDown" | "lucideSun" | "lucideMoon" | "lucideLoader" | "lucideAlertOctagon" | "lucideMessageCircle" | "lucideCircleAlert" | "lucideMessageCircleQuestion" | "lucideComponent" | "lucidePanelRightOpen" | "lucideLoader2" | "lucideGithub" | "lucideLifeBuoy" | "lucideCloud" | "lucideBarChart" | "lucideHome" | "lucideFolderOpen" | "lucideSquarePen" | "lucideLayoutTemplate" | "lucideFileOutput" | "lucideCircleHelp" | "lucideGripHorizontal" | "lucideImage" | "lucideList" | "lucideHash" | "lucideMegaphone" | "lucidePenTool" | "lucideSquare" | "lucideRocket" | "lucideBarChart3" | "lucideUsers2" | "lucideGrid3x3" | "lucideFolderTree" | "lucideCheckCircle" | "lucideSliders" | "lucideFileEdit" | "lucideNavigation" | "lucideListFilter" | "lucideTextCursor" | "lucidePieChart" | "lucideUserSearch" | "lucideFolders" | "lucideSparkles" | "lucideSquareCheck" | "lucideCircleDot" | "lucideToggleLeft" | "lucideUpload" | "lucideUploadCloud" | "lucideDownload" | "lucideFile" | "lucideMusic" | "lucideFileCode" | "lucideFileJson" | "lucideFileArchive" | "lucideTable2" | "lucideGripVertical" | "lucidePin" | "lucideSearchX" | "lucideMoreVertical" | "lucideGitBranch" | "lucideAlertTriangle" | "lucideFilter" | "lucideFunnelX" | "lucideBan" | "lucideBuilding" | "lucideType">;
+    readonly zAllowClear: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zWrap: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zShowSearch: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zPlaceholderSearch: _angular_core.InputSignal<string>;
+    readonly zDebounce: _angular_core.InputSignal<number>;
+    readonly zNotFoundText: _angular_core.InputSignal<string>;
+    readonly zEmptyText: _angular_core.InputSignal<string>;
+    readonly zEmptyIcon: _angular_core.InputSignal<"lucideLayers2" | "lucideStore" | "lucideChartBarStacked" | "lucideBookCheck" | "lucideAlarmClock" | "lucideClipboardPlus" | "lucideSave" | "lucideSaveAll" | "lucideFlag" | "lucideFlagTriangleRight" | "lucideMessageSquareDot" | "lucideCheckCheck" | "lucideTriangleAlert" | "lucideMessageSquareWarning" | "lucideCheck" | "lucidePencil" | "lucideMail" | "lucideLayoutGrid" | "lucideArrowLeft" | "lucideArrowRight" | "lucideMenu" | "lucideLock" | "lucideLogOut" | "lucideUser" | "lucideSettings" | "lucidePill" | "lucideCalendarFold" | "lucideSettings2" | "lucideChevronLeft" | "lucideChevronRight" | "lucideChevronDown" | "lucidePlus" | "lucideSearch" | "lucideUsers" | "lucideEye" | "lucideEyeOff" | "lucideEllipsis" | "lucidePanelLeftClose" | "lucidePanelLeftOpen" | "lucideLayoutDashboard" | "lucideChartColumn" | "lucideUsersRound" | "lucideLogs" | "lucideChevronUp" | "lucideTrendingUp" | "lucidePackage" | "lucideShoppingCart" | "lucideUserCheck" | "lucideActivity" | "lucideZap" | "lucideMousePointer" | "lucideInfo" | "lucideLayers" | "lucideBriefcase" | "lucideTarget" | "lucideWorkflow" | "lucideWarehouse" | "lucideLoaderCircle" | "lucideChevronsLeft" | "lucideChevronsRight" | "lucideBellRing" | "lucideSlidersHorizontal" | "lucideTrash2" | "lucideFileDown" | "lucideFunnel" | "lucideAlignJustify" | "lucideX" | "lucideFiles" | "lucideCrown" | "lucideBadgeInfo" | "lucideMinus" | "lucideBox" | "lucideCog" | "lucideBellMinus" | "lucidePackageOpen" | "lucideInbox" | "lucideClock" | "lucideBookOpen" | "lucideCalendar" | "lucideCalculator" | "lucideClipboardList" | "lucideDatabase" | "lucideDollarSign" | "lucideFileText" | "lucideGraduationCap" | "lucideHeart" | "lucideHospital" | "lucideMapPin" | "lucideMonitor" | "lucidePhone" | "lucideShield" | "lucideStar" | "lucideStethoscope" | "lucideTimer" | "lucideTrendingDown" | "lucideUserPlus" | "lucideVideo" | "lucideWallet" | "lucideWrench" | "lucideBuilding2" | "lucideCar" | "lucideCreditCard" | "lucideFileSpreadsheet" | "lucideGlobe" | "lucideHeadphones" | "lucideKey" | "lucideLightbulb" | "lucideMailCheck" | "lucideNetwork" | "lucidePalette" | "lucidePhoneCall" | "lucidePrinter" | "lucideRadio" | "lucideServer" | "lucideSmartphone" | "lucideTablet" | "lucideTerminal" | "lucideTruck" | "lucideWifi" | "lucideRefreshCcw" | "lucideLockKeyhole" | "lucideArrowDown" | "lucideArrowUp" | "lucideUserLock" | "lucideCircleCheck" | "lucideHouse" | "lucideChartBar" | "lucideChartPie" | "lucideChartLine" | "lucideCalendarRange" | "lucideCalendar1" | "lucideCalendarCheck" | "lucideNotepadText" | "lucideFileUp" | "lucideTableOfContents" | "lucideBot" | "lucideSend" | "lucidePause" | "lucidePaperclip" | "saxPauseBold" | "lucideCopy" | "lucideUserRoundPen" | "lucideFilePenLine" | "lucideArrowDownUp" | "lucideCircleX" | "lucideCheckLine" | "lucideBadgeCheck" | "lucideShieldCheck" | "lucideCircleCheckBig" | "lucideBadgeX" | "lucideLockKeyholeOpen" | "lucideFileSymlink" | "lucideWifiZero" | "lucideCloudCheck" | "lucideMailPlus" | "lucideHardDriveDownload" | "saxCloudChangeBold" | "saxRefreshBold" | "lucideBarcode" | "lucideCode" | "lucideScanQrCode" | "lucideQrCode" | "lucideScanLine" | "lucideListPlus" | "lucideFilePlus" | "lucideFilePlus2" | "lucideBookUp2" | "lucideFileClock" | "lucideRefreshCwOff" | "lucideListChecks" | "lucideFastForward" | "lucideBrushCleaning" | "lucideChartColumnIncreasing" | "lucideBell" | "lucideCheckCircle2" | "lucideAlertCircle" | "lucideXCircle" | "lucideLink" | "lucideDatabaseBackup" | "lucideFileCheck" | "lucideListChevronsDownUp" | "lucideListChevronsUpDown" | "lucideSun" | "lucideMoon" | "lucideLoader" | "lucideAlertOctagon" | "lucideMessageCircle" | "lucideCircleAlert" | "lucideMessageCircleQuestion" | "lucideComponent" | "lucidePanelRightOpen" | "lucideLoader2" | "lucideGithub" | "lucideLifeBuoy" | "lucideCloud" | "lucideBarChart" | "lucideHome" | "lucideFolderOpen" | "lucideSquarePen" | "lucideLayoutTemplate" | "lucideFileOutput" | "lucideCircleHelp" | "lucideGripHorizontal" | "lucideImage" | "lucideList" | "lucideHash" | "lucideMegaphone" | "lucidePenTool" | "lucideSquare" | "lucideRocket" | "lucideBarChart3" | "lucideUsers2" | "lucideGrid3x3" | "lucideFolderTree" | "lucideCheckCircle" | "lucideSliders" | "lucideFileEdit" | "lucideNavigation" | "lucideListFilter" | "lucideTextCursor" | "lucidePieChart" | "lucideUserSearch" | "lucideFolders" | "lucideSparkles" | "lucideSquareCheck" | "lucideCircleDot" | "lucideToggleLeft" | "lucideUpload" | "lucideUploadCloud" | "lucideDownload" | "lucideFile" | "lucideMusic" | "lucideFileCode" | "lucideFileJson" | "lucideFileArchive" | "lucideTable2" | "lucideGripVertical" | "lucidePin" | "lucideSearchX" | "lucideMoreVertical" | "lucideGitBranch" | "lucideAlertTriangle" | "lucideFilter" | "lucideFunnelX" | "lucideBan" | "lucideBuilding" | "lucideType">;
+    readonly zMaxTagCount: _angular_core.InputSignal<number>;
+    readonly zDropdownMaxHeight: _angular_core.InputSignal<number>;
+    readonly zOptionHeight: _angular_core.InputSignal<number>;
+    readonly zVirtualScroll: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zShowAction: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zOptions: _angular_core.InputSignal<ZSelectOption<T>[]>;
+    readonly zKey: _angular_core.InputSignal<string>;
+    readonly zSearchServer: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zLoadingMore: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zEnableLoadMore: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zScrollDistance: _angular_core.InputSignal<number>;
+    readonly zSelectedTemplate: _angular_core.InputSignal<ZSelectLabelTemplate<T> | null>;
+    readonly zOptionTemplate: _angular_core.InputSignal<ZSelectOptionTemplate<T> | null>;
+    readonly zActionTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
+    protected readonly customSelectedDirective: _angular_core.Signal<ZSelectSelectedDirective<any> | undefined>;
+    protected readonly customOptionDirective: _angular_core.Signal<ZSelectOptionDirective<any> | undefined>;
+    readonly zOnSearch: _angular_core.OutputEmitterRef<string>;
+    readonly zOnLoadMore: _angular_core.OutputEmitterRef<ZSelectLoadMoreEvent>;
+    readonly zControl: _angular_core.OutputEmitterRef<ZSelectControl<T>>;
+    readonly zAsyncValidators: _angular_core.InputSignal<ZSelectAsyncValidator<T>[]>;
+    readonly zAsyncDebounce: _angular_core.InputSignal<number>;
+    readonly zAsyncValidateOn: _angular_core.InputSignal<ZSelectAsyncValidateOn>;
+    readonly zValidators: _angular_core.InputSignal<ZSelectValidator<T>[]>;
+    protected readonly triggerRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected readonly searchInputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    protected readonly dropdownTpl: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    protected readonly optionsContainerRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected readonly virtualScrollRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected readonly loadMoreSentinelRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected readonly selectId: string;
+    protected readonly dropdownId: string;
+    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
+    protected readonly searchText: _angular_core.WritableSignal<string>;
+    protected readonly dropdownWidth: _angular_core.WritableSignal<number>;
+    protected readonly hasScrollShadow: _angular_core.WritableSignal<boolean>;
+    private readonly _popoverControl;
+    private readonly _searchSubject;
+    private _loadMoreObserver;
+    private readonly _allKnownOptions;
+    private readonly _optionGap;
+    protected readonly virtualizer: _tanstack_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
+    private readonly _value;
+    protected readonly currentValue: _angular_core.Signal<T | T[] | null>;
+    private readonly _disabled;
+    private readonly _touched;
+    private readonly _dirty;
+    private readonly _formControl;
+    private readonly _formStateVersion;
+    private readonly _injector;
+    private readonly _destroyRef;
+    private _onChange;
+    private _onTouched;
+    private _ngControl;
+    protected readonly isValidating: _angular_core.WritableSignal<boolean>;
+    private readonly _asyncErrors;
+    private readonly _asyncCancelSubject;
+    private readonly _asyncValidationSubject;
+    private _asyncValidationAbortController;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly isReadonly: _angular_core.Signal<boolean>;
+    protected readonly isInteractionDisabled: _angular_core.Signal<boolean>;
+    protected readonly isMultipleMode: _angular_core.Signal<boolean>;
+    protected readonly isTagsMode: _angular_core.Signal<boolean>;
+    protected readonly effectiveSelectedTemplate: _angular_core.Signal<TemplateRef<any> | null>;
+    protected readonly effectiveOptionTemplate: _angular_core.Signal<TemplateRef<any> | null>;
+    protected readonly shouldUseVirtualScroll: _angular_core.Signal<boolean>;
+    protected readonly selectedOption: _angular_core.Signal<ZSelectOption<T> | null>;
+    protected readonly selectedOptions: _angular_core.Signal<ZSelectOption<T>[]>;
+    protected readonly displayedTags: _angular_core.Signal<ZSelectOption<T>[]>;
+    protected readonly remainingCount: _angular_core.Signal<number>;
+    protected readonly hasValue: _angular_core.Signal<boolean>;
+    protected readonly filteredOptions: _angular_core.Signal<{
+        label: string;
+        value: T;
+        disabled?: boolean;
+    }[]>;
+    protected readonly isEmptyData: _angular_core.Signal<boolean>;
+    protected readonly isNoSearchResults: _angular_core.Signal<boolean>;
+    protected readonly optionsMaxHeight: _angular_core.Signal<number>;
+    protected readonly currentStatus: _angular_core.Signal<"default" | "disabled" | "readonly" | "open" | "error">;
+    private readonly _shouldShowValidation;
+    protected readonly hasError: _angular_core.Signal<boolean>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    protected readonly errorMessage: _angular_core.Signal<string>;
+    protected readonly selectClasses: _angular_core.Signal<string>;
+    constructor();
+    ngOnInit(): void;
+    writeValue(value: T | T[] | null): void;
+    registerOnChange(fn: (value: T | T[] | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onTriggerKeydown(event: KeyboardEvent): void;
+    protected onTriggerMousedown(): void;
+    protected toggleDropdown(): void;
+    protected onPopoverControl(control: ZPopoverControl): void;
+    protected onPopoverShow(): void;
+    protected onPopoverHideStart(): void;
+    protected onPopoverHideEnd(): void;
+    protected onSearchChange(value: string): void;
+    protected checkScrollShadow(): void;
+    private _setupLoadMoreObserver;
+    private _cleanupLoadMoreObserver;
+    protected selectOption(option: ZSelectOption<T>, closeFn?: () => void): void;
+    protected removeOption(event: MouseEvent, option: ZSelectOption<T>): void;
+    protected clearAll(event: MouseEvent): void;
+    protected selectAll(): void;
+    protected removeAll(): void;
+    reset(): void;
+    focus(): void;
+    blur(): void;
+    markAsTouched(): void;
+    markAsUntouched(): void;
+    markAsDirty(): void;
+    markAsPristine(): void;
+    validate(): void;
+    private _emitControl;
+    protected trackByValue: (_index: number, option: ZSelectOption<T>) => unknown;
+    private _getValidationErrors;
+    private _runAsyncValidation;
+    private _cancelAsyncValidation;
+    private _triggerAsyncValidation;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSelectComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSelectComponent<any>, "z-select", ["zSelect"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zMode": { "alias": "zMode"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zLabelClass": { "alias": "zLabelClass"; "required": false; "isSignal": true; }; "zPlaceholder": { "alias": "zPlaceholder"; "required": false; "isSignal": true; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zPrefix": { "alias": "zPrefix"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zWrap": { "alias": "zWrap"; "required": false; "isSignal": true; }; "zShowSearch": { "alias": "zShowSearch"; "required": false; "isSignal": true; }; "zPlaceholderSearch": { "alias": "zPlaceholderSearch"; "required": false; "isSignal": true; }; "zDebounce": { "alias": "zDebounce"; "required": false; "isSignal": true; }; "zNotFoundText": { "alias": "zNotFoundText"; "required": false; "isSignal": true; }; "zEmptyText": { "alias": "zEmptyText"; "required": false; "isSignal": true; }; "zEmptyIcon": { "alias": "zEmptyIcon"; "required": false; "isSignal": true; }; "zMaxTagCount": { "alias": "zMaxTagCount"; "required": false; "isSignal": true; }; "zDropdownMaxHeight": { "alias": "zDropdownMaxHeight"; "required": false; "isSignal": true; }; "zOptionHeight": { "alias": "zOptionHeight"; "required": false; "isSignal": true; }; "zVirtualScroll": { "alias": "zVirtualScroll"; "required": false; "isSignal": true; }; "zShowAction": { "alias": "zShowAction"; "required": false; "isSignal": true; }; "zOptions": { "alias": "zOptions"; "required": false; "isSignal": true; }; "zKey": { "alias": "zKey"; "required": false; "isSignal": true; }; "zSearchServer": { "alias": "zSearchServer"; "required": false; "isSignal": true; }; "zLoadingMore": { "alias": "zLoadingMore"; "required": false; "isSignal": true; }; "zEnableLoadMore": { "alias": "zEnableLoadMore"; "required": false; "isSignal": true; }; "zScrollDistance": { "alias": "zScrollDistance"; "required": false; "isSignal": true; }; "zSelectedTemplate": { "alias": "zSelectedTemplate"; "required": false; "isSignal": true; }; "zOptionTemplate": { "alias": "zOptionTemplate"; "required": false; "isSignal": true; }; "zActionTemplate": { "alias": "zActionTemplate"; "required": false; "isSignal": true; }; "zAsyncValidators": { "alias": "zAsyncValidators"; "required": false; "isSignal": true; }; "zAsyncDebounce": { "alias": "zAsyncDebounce"; "required": false; "isSignal": true; }; "zAsyncValidateOn": { "alias": "zAsyncValidateOn"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; }, { "zOnSearch": "zOnSearch"; "zOnLoadMore": "zOnLoadMore"; "zControl": "zControl"; }, ["customSelectedDirective", "customOptionDirective"], never, true, never>;
+}
+
+declare class ZIsSelectedPipe implements PipeTransform {
+    transform<T>(option: ZSelectOption<T>, value: T | T[] | null, isMultipleMode: boolean): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZIsSelectedPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<ZIsSelectedPipe, "zIsSelected", true>;
+}
+
+declare class ZOptionClassesPipe implements PipeTransform {
+    transform(isSelected: boolean, isDisabled?: boolean): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZOptionClassesPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<ZOptionClassesPipe, "zOptionClasses", true>;
+}
+
+declare class ZTagClassesPipe implements PipeTransform {
+    transform<T>(option: ZSelectOption<T>, size: ZSelectSize, isTagsMode: boolean): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZTagClassesPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<ZTagClassesPipe, "zTagClasses", true>;
+}
+
+declare const zSelectVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zStatus?: "default" | "open" | "error" | "disabled" | "readonly" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zSelectTagVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zSelectOptionVariants: (props?: ({
+    selected?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+declare function getTagColor(value: unknown): ZSelectTagColor;
+declare function filterOptions<T>(options: {
+    label: string;
+    value: T;
+    disabled?: boolean;
+}[], searchText: string): {
+    label: string;
+    value: T;
+    disabled?: boolean;
+}[];
+
+export { TAG_COLORS, ZIsSelectedPipe, ZOptionClassesPipe, ZSelectComponent, ZSelectOptionDirective, ZSelectSelectedDirective, ZTagClassesPipe, filterOptions, getTagColor, zSelectOptionVariants, zSelectTagVariants, zSelectVariants };
+export type { ZSelectAsyncValidateOn, ZSelectAsyncValidator, ZSelectControl, ZSelectLabelTemplate, ZSelectLoadMoreEvent, ZSelectMode, ZSelectOption, ZSelectOptionGroup, ZSelectOptionTemplate, ZSelectSize, ZSelectTagColor, ZSelectValidator };

package/types/shival99-z-ui-components-z-skeleton.d.ts

@@ -0,0 +1,55 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, OnDestroy } from '@angular/core';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type ZSkeletonType = 'bar' | 'circle' | 'text';
+type ZSkeletonSize = 'sm' | 'default' | 'lg';
+interface ZSkeletonRowItem {
+    index: number;
+    height: string;
+}
+
+declare class ZSkeletonComponent implements AfterViewInit, OnDestroy {
+    readonly zType: _angular_core.InputSignal<ZSkeletonType>;
+    readonly zSize: _angular_core.InputSignal<ZSkeletonSize>;
+    readonly zWidth: _angular_core.InputSignal<string>;
+    readonly zHeight: _angular_core.InputSignal<string | undefined>;
+    readonly zRows: _angular_core.InputSignal<number>;
+    readonly zGap: _angular_core.InputSignal<number>;
+    readonly zAnimated: _angular_core.InputSignal<boolean>;
+    readonly zRadius: _angular_core.InputSignal<string>;
+    readonly zClass: _angular_core.InputSignal<string>;
+    private readonly _elementRef;
+    private readonly _calculatedRows;
+    private _parentElement;
+    private _originalOverflow;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    protected readonly containerClass: _angular_core.Signal<string>;
+    protected readonly skeletonClasses: _angular_core.Signal<string>;
+    protected readonly circleStyles: _angular_core.Signal<{
+        width: string;
+        height: string;
+    } | {
+        width?: undefined;
+        height?: undefined;
+    }>;
+    protected readonly shouldShowMultipleRows: _angular_core.Signal<boolean>;
+    protected readonly rowsArray: _angular_core.Signal<ZSkeletonRowItem[]>;
+    private _setParentOverflowHidden;
+    private _restoreParentOverflow;
+    private _calculateBarRows;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZSkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZSkeletonComponent, "z-skeleton", never, { "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zWidth": { "alias": "zWidth"; "required": false; "isSignal": true; }; "zHeight": { "alias": "zHeight"; "required": false; "isSignal": true; }; "zRows": { "alias": "zRows"; "required": false; "isSignal": true; }; "zGap": { "alias": "zGap"; "required": false; "isSignal": true; }; "zAnimated": { "alias": "zAnimated"; "required": false; "isSignal": true; }; "zRadius": { "alias": "zRadius"; "required": false; "isSignal": true; }; "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const zSkeletonVariants: (props?: ({
+    type?: "bar" | "circle" | "text" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
+    animated?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ZSkeletonVariants = VariantProps<typeof zSkeletonVariants>;
+
+export { ZSkeletonComponent, zSkeletonVariants };
+export type { ZSkeletonRowItem, ZSkeletonSize, ZSkeletonType, ZSkeletonVariants };