@shival99/z-ui 1.0.1 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shival99/z-ui",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Z-UI: Modern Angular UI Component Library - A comprehensive, high-performance design system built with Angular 20+, featuring 40+ customizable components with dark mode, accessibility, and enterprise-ready features.",
   "keywords": [
     "angular",
@@ -105,6 +105,134 @@
     ".": {
       "types": "./types/z-ui.d.ts",
       "default": "./fesm2022/z-ui.mjs"
+    },
+    "./components/z-accordion": {
+      "types": "./types/shival99-z-ui-components-z-accordion.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-accordion.mjs"
+    },
+    "./components/z-breadcrumb": {
+      "types": "./types/shival99-z-ui-components-z-breadcrumb.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-breadcrumb.mjs"
+    },
+    "./components/z-button": {
+      "types": "./types/shival99-z-ui-components-z-button.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-button.mjs"
+    },
+    "./components/z-calendar": {
+      "types": "./types/shival99-z-ui-components-z-calendar.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-calendar.mjs"
+    },
+    "./components/z-checkbox": {
+      "types": "./types/shival99-z-ui-components-z-checkbox.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-checkbox.mjs"
+    },
+    "./components/z-code": {
+      "types": "./types/shival99-z-ui-components-z-code.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-code.mjs"
+    },
+    "./components/z-drawer": {
+      "types": "./types/shival99-z-ui-components-z-drawer.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-drawer.mjs"
+    },
+    "./components/z-dropdown-menu": {
+      "types": "./types/shival99-z-ui-components-z-dropdown-menu.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-dropdown-menu.mjs"
+    },
+    "./components/z-editor": {
+      "types": "./types/shival99-z-ui-components-z-editor.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-editor.mjs"
+    },
+    "./components/z-filter": {
+      "types": "./types/shival99-z-ui-components-z-filter.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-filter.mjs"
+    },
+    "./components/z-icon": {
+      "types": "./types/shival99-z-ui-components-z-icon.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-icon.mjs"
+    },
+    "./components/z-input": {
+      "types": "./types/shival99-z-ui-components-z-input.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-input.mjs"
+    },
+    "./components/z-loading": {
+      "types": "./types/shival99-z-ui-components-z-loading.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-loading.mjs"
+    },
+    "./components/z-menu": {
+      "types": "./types/shival99-z-ui-components-z-menu.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-menu.mjs"
+    },
+    "./components/z-modal": {
+      "types": "./types/shival99-z-ui-components-z-modal.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-modal.mjs"
+    },
+    "./components/z-pagination": {
+      "types": "./types/shival99-z-ui-components-z-pagination.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-pagination.mjs"
+    },
+    "./components/z-popover": {
+      "types": "./types/shival99-z-ui-components-z-popover.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-popover.mjs"
+    },
+    "./components/z-radio": {
+      "types": "./types/shival99-z-ui-components-z-radio.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-radio.mjs"
+    },
+    "./components/z-select": {
+      "types": "./types/shival99-z-ui-components-z-select.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-select.mjs"
+    },
+    "./components/z-skeleton": {
+      "types": "./types/shival99-z-ui-components-z-skeleton.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-skeleton.mjs"
+    },
+    "./components/z-switch": {
+      "types": "./types/shival99-z-ui-components-z-switch.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-switch.mjs"
+    },
+    "./components/z-table": {
+      "types": "./types/shival99-z-ui-components-z-table.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-table.mjs"
+    },
+    "./components/z-tabs": {
+      "types": "./types/shival99-z-ui-components-z-tabs.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-tabs.mjs"
+    },
+    "./components/z-timeline": {
+      "types": "./types/shival99-z-ui-components-z-timeline.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-timeline.mjs"
+    },
+    "./components/z-toast": {
+      "types": "./types/shival99-z-ui-components-z-toast.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-toast.mjs"
+    },
+    "./components/z-tooltip": {
+      "types": "./types/shival99-z-ui-components-z-tooltip.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-tooltip.mjs"
+    },
+    "./components/z-upload": {
+      "types": "./types/shival99-z-ui-components-z-upload.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-upload.mjs"
+    },
+    "./i18n": {
+      "types": "./types/shival99-z-ui-i18n.d.ts",
+      "default": "./fesm2022/shival99-z-ui-i18n.mjs"
+    },
+    "./pipes": {
+      "types": "./types/shival99-z-ui-pipes.d.ts",
+      "default": "./fesm2022/shival99-z-ui-pipes.mjs"
+    },
+    "./providers": {
+      "types": "./types/shival99-z-ui-providers.d.ts",
+      "default": "./fesm2022/shival99-z-ui-providers.mjs"
+    },
+    "./services": {
+      "types": "./types/shival99-z-ui-services.d.ts",
+      "default": "./fesm2022/shival99-z-ui-services.mjs"
+    },
+    "./utils": {
+      "types": "./types/shival99-z-ui-utils.d.ts",
+      "default": "./fesm2022/shival99-z-ui-utils.mjs"
     }
   },
   "dependencies": {

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

@@ -0,0 +1,55 @@
+import * as _angular_core from '@angular/core';
+import { ClassValue } from 'clsx';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare class ZAccordionItemComponent {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zId: _angular_core.InputSignal<string>;
+    readonly zTitle: _angular_core.InputSignal<string>;
+    readonly zDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    private readonly _accordion;
+    protected readonly isOpen: _angular_core.Signal<boolean>;
+    protected readonly itemClasses: _angular_core.Signal<string>;
+    protected readonly triggerClasses: _angular_core.Signal<string>;
+    protected toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZAccordionItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZAccordionItemComponent, "z-accordion-item", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zId": { "alias": "zId"; "required": true; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": true; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; }, {}, never, ["[zAccordionIcon]", "*"], true, never>;
+}
+
+declare class ZAccordionComponent {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zType: _angular_core.InputSignal<"default" | "ghost" | "outline" | null | undefined>;
+    readonly zMultiple: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zCollapsible: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    protected readonly items: _angular_core.Signal<readonly ZAccordionItemComponent[]>;
+    private readonly _openItems;
+    protected readonly zClasses: _angular_core.Signal<string>;
+    isItemOpen(itemId: string): boolean;
+    toggleItem(itemId: string): void;
+    openItem(itemId: string): void;
+    closeItem(itemId: string): void;
+    closeAll(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZAccordionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZAccordionComponent, "z-accordion", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zMultiple": { "alias": "zMultiple"; "required": false; "isSignal": true; }; "zCollapsible": { "alias": "zCollapsible"; "required": false; "isSignal": true; }; }, {}, ["items"], ["*"], true, never>;
+}
+
+declare const zAccordionVariants: (props?: ({
+    zType?: "default" | "ghost" | "outline" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zAccordionItemVariants: (props?: ({
+    isDisabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ZAccordionVariants = VariantProps<typeof zAccordionVariants>;
+type ZAccordionItemVariants = VariantProps<typeof zAccordionItemVariants>;
+
+interface ZAccordionItem {
+    id: string;
+    title: string;
+    content?: string;
+    disabled?: boolean;
+    icon?: string;
+}
+
+export { ZAccordionComponent, ZAccordionItemComponent, zAccordionItemVariants, zAccordionVariants };
+export type { ZAccordionItem, ZAccordionItemVariants, ZAccordionVariants };

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

@@ -0,0 +1,36 @@
+import * as _angular_core from '@angular/core';
+import { ClassValue } from 'clsx';
+import { ZIcon } from '@shival99/z-ui/components/z-icon';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+interface ZBreadcrumbItem {
+    label: string;
+    path?: string;
+    icon?: ZIcon;
+    disabled?: boolean;
+}
+
+declare class ZBreadcrumbComponent {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zItems: _angular_core.InputSignal<ZBreadcrumbItem[]>;
+    readonly zSize: _angular_core.InputSignal<"sm" | "default" | "lg" | null | undefined>;
+    readonly zSeparator: _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 zSeparatorSize: _angular_core.InputSignal<"10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "20" | "21" | "22" | "23" | "24" | "25" | "26" | "27" | "28" | "29" | "30" | "31" | "32" | "33" | "34" | "35" | "36" | "37" | "38" | "39" | "40" | null | undefined>;
+    readonly zHomeIcon: _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" | undefined>;
+    readonly zShowHome: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zItemClick: _angular_core.OutputEmitterRef<ZBreadcrumbItem>;
+    protected readonly zClasses: _angular_core.Signal<string>;
+    protected getItemClasses(item: ZBreadcrumbItem, isLast: boolean): string;
+    protected onItemClick(item: ZBreadcrumbItem, isLast: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZBreadcrumbComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZBreadcrumbComponent, "z-breadcrumb", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zItems": { "alias": "zItems"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zSeparator": { "alias": "zSeparator"; "required": false; "isSignal": true; }; "zSeparatorSize": { "alias": "zSeparatorSize"; "required": false; "isSignal": true; }; "zHomeIcon": { "alias": "zHomeIcon"; "required": false; "isSignal": true; }; "zShowHome": { "alias": "zShowHome"; "required": false; "isSignal": true; }; }, { "zItemClick": "zItemClick"; }, never, never, true, never>;
+}
+
+declare const zBreadcrumbVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ZBreadcrumbVariants = VariantProps<typeof zBreadcrumbVariants>;
+
+export { ZBreadcrumbComponent, zBreadcrumbVariants };
+export type { ZBreadcrumbItem, ZBreadcrumbVariants };

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

@@ -0,0 +1,41 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+import { ClassValue } from 'clsx';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+declare class ZButtonComponent implements OnDestroy {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zType: _angular_core.InputSignal<"default" | "primary" | "secondary" | "destructive" | "success" | "info" | "warning" | "error" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "link" | null | undefined>;
+    readonly zSize: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "xl" | null | undefined>;
+    readonly zShape: _angular_core.InputSignal<"default" | "circle" | "square" | null | undefined>;
+    readonly zLabel: _angular_core.InputSignal<string>;
+    readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zDisabled: _angular_core.InputSignal<boolean>;
+    readonly zTypeIcon: _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" | undefined>;
+    readonly zSizeIcon: _angular_core.InputSignal<"10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "18" | "19" | "20" | "21" | "22" | "23" | "24" | "25" | "26" | "27" | "28" | "29" | "30" | "31" | "32" | "33" | "34" | "35" | "36" | "37" | "38" | "39" | "40" | null | undefined>;
+    readonly zStrokeWidthIcon: _angular_core.InputSignal<number>;
+    readonly zWave: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    private readonly _zIconOnlyState;
+    private _mutationObserver;
+    protected readonly zIconOnly: _angular_core.Signal<boolean>;
+    protected readonly zClasses: _angular_core.Signal<string>;
+    private readonly _elementRef;
+    constructor();
+    ngOnDestroy(): void;
+    protected onWaveClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZButtonComponent, "z-button, button[z-button], a[z-button]", ["zButton"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zShape": { "alias": "zShape"; "required": false; "isSignal": true; }; "zLabel": { "alias": "zLabel"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zTypeIcon": { "alias": "zTypeIcon"; "required": false; "isSignal": true; }; "zSizeIcon": { "alias": "zSizeIcon"; "required": false; "isSignal": true; }; "zStrokeWidthIcon": { "alias": "zStrokeWidthIcon"; "required": false; "isSignal": true; }; "zWave": { "alias": "zWave"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare const zButtonVariants: (props?: ({
+    zType?: "default" | "primary" | "secondary" | "destructive" | "success" | "info" | "warning" | "error" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "link" | null | undefined;
+    zSize?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
+    zShape?: "default" | "circle" | "square" | null | undefined;
+    zLoading?: boolean | null | undefined;
+    zDisabled?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ZButtonVariants = VariantProps<typeof zButtonVariants>;
+
+export { ZButtonComponent, zButtonVariants };
+export type { ZButtonVariants };

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

@@ -0,0 +1,300 @@
+import * as _angular_core from '@angular/core';
+import { Signal, OnInit, ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ClassValue } from 'clsx';
+import { ZPopoverControl } from '@shival99/z-ui/components/z-popover';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+interface ZCalendarDay {
+    date: Date;
+    day: number;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isDisabled: boolean;
+    isSelected: boolean;
+    isInRange: boolean;
+    isRangeStart: boolean;
+    isRangeEnd: boolean;
+    isHovered: boolean;
+}
+interface ZDateRange {
+    start: Date | null;
+    end: Date | null;
+}
+type ZCalendarMode = 'single' | 'range' | 'time' | 'month' | 'year' | 'quarter';
+type ZCalendarValueType = 'date' | 'iso' | 'string';
+type ZCalendarView = 'day' | 'month' | 'year' | 'quarter';
+type ZCalendarSize = 'sm' | 'default' | 'lg';
+interface ZQuickSelectPreset {
+    key: string;
+    label: string;
+    getValue: () => ZDateRange | Date | null;
+}
+interface ZCalendarControl {
+    validate: () => void;
+    reset: () => void;
+    focus: () => void;
+    blur: () => void;
+    open: () => void;
+    close: () => void;
+    clear: () => void;
+    markAsTouched: () => void;
+    markAsUntouched: () => void;
+    markAsDirty: () => void;
+    markAsPristine: () => void;
+    hasError: Signal<boolean>;
+    isOpen: Signal<boolean>;
+    value: Signal<ZCalendarValue>;
+    errorMessage: Signal<string>;
+}
+type ZCalendarValue = Date | ZDateRange | string | null;
+interface ZCalendarValidator {
+    error: string;
+    message: string;
+    validate: (value: ZCalendarValue) => boolean;
+}
+
+declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zMode: _angular_core.InputSignal<ZCalendarMode>;
+    readonly zSize: _angular_core.InputSignal<ZCalendarSize>;
+    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 zShowTime: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zTimeFormat: _angular_core.InputSignal<"12h" | "24h">;
+    readonly zShowHour: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zShowMinute: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zShowSecond: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zQuickSelect: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zAllowClear: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zFormat: _angular_core.InputSignal<string>;
+    readonly zMinDate: _angular_core.InputSignal<Date | null>;
+    readonly zMaxDate: _angular_core.InputSignal<Date | null>;
+    readonly zValueType: _angular_core.InputSignal<ZCalendarValueType>;
+    readonly zValidators: _angular_core.InputSignal<ZCalendarValidator[]>;
+    readonly zLocale: _angular_core.InputSignal<string>;
+    readonly zShowOk: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zOkText: _angular_core.InputSignal<string>;
+    readonly zShowCancel: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zCancelText: _angular_core.InputSignal<string>;
+    readonly zDisabledDate: _angular_core.InputSignal<((date: Date) => boolean) | null>;
+    readonly zControl: _angular_core.OutputEmitterRef<ZCalendarControl>;
+    readonly zChange: _angular_core.OutputEmitterRef<ZCalendarValue>;
+    protected readonly triggerRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    protected readonly inputRef: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    protected readonly pickerId: string;
+    protected readonly weekdayNames: string[];
+    protected readonly monthNames: string[];
+    protected readonly quickSelectPresets: ZQuickSelectPreset[];
+    protected readonly formattedHour: _angular_core.Signal<string>;
+    protected readonly formattedMinute: _angular_core.Signal<string>;
+    protected readonly formattedSecond: _angular_core.Signal<string>;
+    private readonly _popoverControl;
+    private readonly _selectedDate;
+    private readonly _rangeStart;
+    private readonly _rangeEnd;
+    private readonly _hoveredDate;
+    private readonly _currentMonth;
+    private readonly _endMonth;
+    private readonly _currentView;
+    private readonly _endView;
+    private readonly _hour;
+    private readonly _minute;
+    private readonly _second;
+    private readonly _period;
+    private readonly _hourEnd;
+    private readonly _minuteEnd;
+    private readonly _secondEnd;
+    private readonly _periodEnd;
+    private readonly _disabled;
+    private readonly _touched;
+    private readonly _dirty;
+    private readonly _formControl;
+    private readonly _formStateVersion;
+    private readonly _inputDisplayValue;
+    private readonly _backupSelectedDate;
+    private readonly _backupRangeStart;
+    private readonly _backupRangeEnd;
+    private readonly _activePresetKey;
+    private readonly _hasViewChanged;
+    private readonly _hasEndViewChanged;
+    private readonly _appliedViaOk;
+    private readonly _skipBlurHandler;
+    private readonly _injector;
+    private readonly _destroyRef;
+    private readonly _cdr;
+    private _onChange;
+    private _onTouched;
+    private _ngControl;
+    protected readonly isOpen: _angular_core.Signal<boolean>;
+    protected readonly hoveredDate: _angular_core.Signal<Date | null>;
+    protected readonly currentView: _angular_core.Signal<ZCalendarView>;
+    protected readonly hour: _angular_core.Signal<number>;
+    protected readonly minute: _angular_core.Signal<number>;
+    protected readonly second: _angular_core.Signal<number>;
+    protected readonly period: _angular_core.Signal<"AM" | "PM">;
+    protected readonly inputDisplayValue: _angular_core.Signal<string>;
+    protected readonly activePresetKey: _angular_core.Signal<string | null>;
+    protected readonly hasViewChanged: _angular_core.Signal<boolean>;
+    protected readonly hasEndViewChanged: _angular_core.Signal<boolean>;
+    protected readonly quarterNames: string[];
+    protected readonly currentQuarterIndex: _angular_core.Signal<number>;
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly isRangeMode: _angular_core.Signal<boolean>;
+    protected readonly canApply: _angular_core.Signal<boolean>;
+    protected readonly showOkButton: _angular_core.Signal<boolean>;
+    protected readonly showCancelButton: _angular_core.Signal<boolean>;
+    protected readonly isTimeMode: _angular_core.Signal<boolean>;
+    protected readonly isMonthMode: _angular_core.Signal<boolean>;
+    protected readonly isYearMode: _angular_core.Signal<boolean>;
+    protected readonly isQuarterMode: _angular_core.Signal<boolean>;
+    protected readonly todayButtonText: _angular_core.Signal<"Quý này" | "Năm này" | "Tháng này" | "Bây giờ" | "Hôm nay">;
+    protected readonly currentMonth: _angular_core.Signal<Date>;
+    protected readonly currentYear: _angular_core.Signal<number>;
+    protected readonly currentMonthIndex: _angular_core.Signal<number>;
+    protected readonly currentMonthName: _angular_core.Signal<string>;
+    protected readonly yearRange: _angular_core.Signal<number[]>;
+    protected readonly yearRangeSmall: _angular_core.Signal<number[]>;
+    protected readonly calendarDays: _angular_core.Signal<ZCalendarDay[][]>;
+    protected readonly endMonth: _angular_core.Signal<Date>;
+    protected readonly endMonthName: _angular_core.Signal<string>;
+    protected readonly endMonthYear: _angular_core.Signal<number>;
+    protected readonly calendarDaysEnd: _angular_core.Signal<ZCalendarDay[][]>;
+    protected readonly formattedHourEnd: _angular_core.Signal<string>;
+    protected readonly formattedMinuteEnd: _angular_core.Signal<string>;
+    protected readonly formattedSecondEnd: _angular_core.Signal<string>;
+    protected readonly periodEnd: _angular_core.Signal<"AM" | "PM">;
+    protected readonly endView: _angular_core.Signal<ZCalendarView>;
+    protected readonly endYearRange: _angular_core.Signal<number[]>;
+    protected isStartMonthDisabled(monthIndex: number): boolean;
+    protected isEndMonthDisabled(monthIndex: number): boolean;
+    protected isStartYearDisabled(year: number): boolean;
+    protected isEndYearDisabled(year: number): boolean;
+    protected readonly canNavigateStartNext: _angular_core.Signal<boolean>;
+    protected readonly canNavigateEndPrev: _angular_core.Signal<boolean>;
+    protected readonly displayValue: _angular_core.Signal<string>;
+    private readonly _inputDisplayStart;
+    private readonly _inputDisplayEnd;
+    protected readonly inputDisplayStart: _angular_core.Signal<string>;
+    protected readonly inputDisplayEnd: _angular_core.Signal<string>;
+    protected readonly displayValueStart: _angular_core.Signal<string>;
+    protected readonly displayValueEnd: _angular_core.Signal<string>;
+    private _getDisplayFormat;
+    protected readonly showClearButton: _angular_core.Signal<boolean>;
+    protected readonly hasValue: _angular_core.Signal<boolean>;
+    protected readonly currentStatus: _angular_core.Signal<"default" | "disabled" | "readonly" | "open" | "error">;
+    protected readonly triggerClasses: _angular_core.Signal<string>;
+    private readonly _shouldShowValidation;
+    protected readonly hasError: _angular_core.Signal<boolean>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    protected readonly errorMessage: _angular_core.Signal<string>;
+    constructor();
+    ngOnInit(): void;
+    writeValue(value: ZCalendarValue): void;
+    registerOnChange(fn: (value: ZCalendarValue) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    clear(): void;
+    focus(): void;
+    blur(): void;
+    reset(): void;
+    validate(): void;
+    markAsTouched(): void;
+    markAsUntouched(): void;
+    markAsDirty(): void;
+    markAsPristine(): void;
+    protected onPopoverShow(): void;
+    private _initializeTimeIfNeeded;
+    private _syncEndTimeSignals;
+    private _resetCalendarsToDefault;
+    private _backupIfNeeded;
+    protected onPopoverHide(): void;
+    private _restoreFromBackup;
+    protected onPopoverControl(control: ZPopoverControl): void;
+    protected onTriggerKeydown(event: KeyboardEvent): void;
+    protected onInputChange(event: Event): void;
+    private _getExpectedFormatLength;
+    protected onStartInputChange(event: Event): void;
+    protected onEndInputChange(event: Event): void;
+    protected onStartInputEnter(event: Event): void;
+    protected onEndInputEnter(event: Event): void;
+    protected onInputFocus(_event: FocusEvent): void;
+    protected onInputBlur(event: FocusEvent): void;
+    protected onInputEnter(event: Event): void;
+    protected onCalendarKeydown(event: KeyboardEvent): void;
+    protected onDayClick(day: ZCalendarDay): void;
+    protected onDayHover(day: ZCalendarDay): void;
+    protected onDayLeave(): void;
+    protected onMonthClick(monthIndex: number): void;
+    protected onYearClick(year: number): void;
+    protected onQuarterClick(quarterIndex: number): void;
+    protected onMonthSelect(monthIndex: number): void;
+    protected onQuickSelect(preset: ZQuickSelectPreset): void;
+    protected onTodayClick(): void;
+    protected onClear(event: MouseEvent): void;
+    protected onCancelClick(): void;
+    protected onOkClick(): void;
+    protected navigatePrevious(): void;
+    protected navigateNext(): void;
+    protected navigatePreviousFast(): void;
+    protected navigateNextFast(): void;
+    protected setView(view: ZCalendarView): void;
+    protected setEndView(view: ZCalendarView): void;
+    protected onEndMonthClick(monthIndex: number): void;
+    protected onEndYearClick(year: number): void;
+    protected onHourInput(event: Event): void;
+    protected onMinuteInput(event: Event): void;
+    protected onSecondInput(event: Event): void;
+    protected onTimeBlur(event: Event): void;
+    protected navigateEndPrevious(): void;
+    protected navigateEndNext(): void;
+    protected navigateEndPreviousFast(): void;
+    protected navigateEndNextFast(): void;
+    protected onHourEndInput(event: Event): void;
+    protected onMinuteEndInput(event: Event): void;
+    protected onSecondEndInput(event: Event): void;
+    protected onTimeBlurEnd(event: Event): void;
+    protected togglePeriodEnd(): void;
+    private _updateEndTimeToDate;
+    private _handleSingleSelection;
+    private _handleRangeSelection;
+    private _updateTimeToDate;
+    private _detectMatchingPreset;
+    private _applyValue;
+    private _getEmitValue;
+    private _getValidationErrors;
+    private _navigateByArrowKey;
+    private _syncTimeSignals;
+    private _getParseFormat;
+    private _updateInputDisplay;
+    private _clearDateValues;
+    private _emitControl;
+    protected togglePeriod(): void;
+    protected onPeriodChange(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZCalendarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZCalendarComponent, "z-calendar", ["zCalendar"], { "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; }; "zShowTime": { "alias": "zShowTime"; "required": false; "isSignal": true; }; "zTimeFormat": { "alias": "zTimeFormat"; "required": false; "isSignal": true; }; "zShowHour": { "alias": "zShowHour"; "required": false; "isSignal": true; }; "zShowMinute": { "alias": "zShowMinute"; "required": false; "isSignal": true; }; "zShowSecond": { "alias": "zShowSecond"; "required": false; "isSignal": true; }; "zQuickSelect": { "alias": "zQuickSelect"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zFormat": { "alias": "zFormat"; "required": false; "isSignal": true; }; "zMinDate": { "alias": "zMinDate"; "required": false; "isSignal": true; }; "zMaxDate": { "alias": "zMaxDate"; "required": false; "isSignal": true; }; "zValueType": { "alias": "zValueType"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; "zLocale": { "alias": "zLocale"; "required": false; "isSignal": true; }; "zShowOk": { "alias": "zShowOk"; "required": false; "isSignal": true; }; "zOkText": { "alias": "zOkText"; "required": false; "isSignal": true; }; "zShowCancel": { "alias": "zShowCancel"; "required": false; "isSignal": true; }; "zCancelText": { "alias": "zCancelText"; "required": false; "isSignal": true; }; "zDisabledDate": { "alias": "zDisabledDate"; "required": false; "isSignal": true; }; }, { "zControl": "zControl"; "zChange": "zChange"; }, never, never, true, never>;
+}
+
+declare const zCalendarVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zStatus?: "default" | "disabled" | "readonly" | "open" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zCalendarDayVariants: (props?: ({
+    state?: "default" | "disabled" | "today" | "selected" | "inRange" | "rangeStart" | "rangeEnd" | "rangeSingle" | "otherMonth" | "hovered" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zCalendarMonthVariants: (props?: ({
+    state?: "default" | "disabled" | "selected" | "current" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zCalendarYearVariants: (props?: ({
+    state?: "default" | "disabled" | "selected" | "current" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+export { ZCalendarComponent, zCalendarDayVariants, zCalendarMonthVariants, zCalendarVariants, zCalendarYearVariants };
+export type { ZCalendarControl, ZCalendarMode, ZCalendarSize, ZCalendarValidator, ZCalendarValue, ZCalendarValueType, ZCalendarView };