@shival99/z-ui 2.4.3 → 2.4.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shival99/z-ui",
-  "version": "2.4.3",
+  "version": "2.4.5",
   "description": "Z-UI: Modern Angular UI Component Library - A comprehensive, high-performance design system built with Angular 22, featuring 40+ customizable components with dark mode, accessibility, and enterprise-ready features.",
   "keywords": [
     "angular",
@@ -77,10 +77,12 @@
     "class-variance-authority": ">=0.7.0",
     "clsx": ">=2.0.0",
     "dompurify": ">=3.0.0",
+    "dashjs": ">=5.0.0",
     "docx-preview": ">=0.4.0",
     "echarts": ">=5.0.0",
     "exceljs": "^4.4.0",
     "file-saver": "^2.0.5",
+    "hls.js": ">=1.6.0",
     "mammoth": ">=1.12.0",
     "minisearch": ">=7.0.0",
     "ng-animated-icons": ">=1.9.0",
@@ -91,6 +93,7 @@
     "qrcode": ">=1.5.0",
     "rxjs": ">=7.8.0",
     "shiki": ">=3.0.0",
+    "vidstack": ">=1.12.0",
     "tailwind-merge": ">=3.0.0",
     "tiptap-extension-resize-image": "^1.4.0",
     "xlsx": "^0.18.5"
@@ -177,6 +180,15 @@
     "qrcode": {
       "optional": true
     },
+    "dashjs": {
+      "optional": true
+    },
+    "hls.js": {
+      "optional": true
+    },
+    "vidstack": {
+      "optional": true
+    },
     "tiptap-extension-resize-image": {
       "optional": true
     }
@@ -271,6 +283,10 @@
       "types": "./types/shival99-z-ui-components-z-gallery.d.ts",
       "default": "./fesm2022/shival99-z-ui-components-z-gallery.mjs"
     },
+    "./components/z-hover-glide": {
+      "types": "./types/shival99-z-ui-components-z-hover-glide.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-hover-glide.mjs"
+    },
     "./components/z-icon": {
       "types": "./types/shival99-z-ui-components-z-icon.d.ts",
       "default": "./fesm2022/shival99-z-ui-components-z-icon.mjs"
@@ -307,6 +323,10 @@
       "types": "./types/shival99-z-ui-components-z-modal.d.ts",
       "default": "./fesm2022/shival99-z-ui-components-z-modal.mjs"
     },
+    "./components/z-number-ticker": {
+      "types": "./types/shival99-z-ui-components-z-number-ticker.d.ts",
+      "default": "./fesm2022/shival99-z-ui-components-z-number-ticker.mjs"
+    },
     "./components/z-overlay": {
       "types": "./types/shival99-z-ui-components-z-overlay.d.ts",
       "default": "./fesm2022/shival99-z-ui-components-z-overlay.mjs"

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

@@ -129,6 +129,7 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
     readonly zNoDataText: _angular_core.InputSignal<string>;
     readonly zNoDataIcon: _angular_core.InputSignal<ZIcon>;
     readonly zAllowCustomValue: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zOpenOnFocus: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zDebounceTime: _angular_core.InputSignal<number>;
     readonly zLoadingMore: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
     readonly zEnableLoadMore: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
@@ -178,6 +179,8 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
     private _asyncRequestId;
     private _lastFilteredOptionsLength;
     private _shouldScrollActiveOption;
+    /** Guards against focus+click both requesting an open on the same gesture, which doubled CD cycles. */
+    private _openRequested;
     /** Stores input value before keyboard navigation for ESC revert */
     private _valueBeforeNavigation;
     protected readonly virtualizer: _tanstack_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
@@ -230,6 +233,7 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
     setDisabledState(isDisabled: boolean): void;
     protected onInput(event: Event): void;
     protected onFocus(event: FocusEvent): void;
+    protected onInputMousedown(event: MouseEvent): void;
     protected onInputClick(): void;
     protected onBlur(event: FocusEvent): void;
     protected onKeydown(event: KeyboardEvent): void;
@@ -273,12 +277,12 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
     private _emitControl;
     private _getOptionKey;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZAutocompleteComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZAutocompleteComponent<any>, "z-autocomplete", ["zAutocomplete"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zOptions": { "alias": "zOptions"; "required": false; "isSignal": true; }; "zConfig": { "alias": "zConfig"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "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; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zLoadingOutline": { "alias": "zLoadingOutline"; "required": false; "isSignal": true; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zPrefix": { "alias": "zPrefix"; "required": false; "isSignal": true; }; "zSuffix": { "alias": "zSuffix"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zVirtualScroll": { "alias": "zVirtualScroll"; "required": false; "isSignal": true; }; "zDynamicSize": { "alias": "zDynamicSize"; "required": false; "isSignal": true; }; "zOptionHeight": { "alias": "zOptionHeight"; "required": false; "isSignal": true; }; "zDropdownMaxHeight": { "alias": "zDropdownMaxHeight"; "required": false; "isSignal": true; }; "zHeightExpand": { "alias": "zHeightExpand"; "required": false; "isSignal": true; }; "zMaxVisible": { "alias": "zMaxVisible"; "required": false; "isSignal": true; }; "zResetOnSelect": { "alias": "zResetOnSelect"; "required": false; "isSignal": true; }; "zEmptyText": { "alias": "zEmptyText"; "required": false; "isSignal": true; }; "zEmptyIcon": { "alias": "zEmptyIcon"; "required": false; "isSignal": true; }; "zNoDataText": { "alias": "zNoDataText"; "required": false; "isSignal": true; }; "zNoDataIcon": { "alias": "zNoDataIcon"; "required": false; "isSignal": true; }; "zAllowCustomValue": { "alias": "zAllowCustomValue"; "required": false; "isSignal": true; }; "zDebounceTime": { "alias": "zDebounceTime"; "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; }; "zKey": { "alias": "zKey"; "required": false; "isSignal": true; }; "zOptionTemplate": { "alias": "zOptionTemplate"; "required": false; "isSignal": true; }; }, { "zOnSearch": "zOnSearch"; "zOnLoadMore": "zOnLoadMore"; "zOnSelect": "zOnSelect"; "zOnEnter": "zOnEnter"; "zOnCommit": "zOnCommit"; "zValueChange": "zValueChange"; "zOnBlur": "zOnBlur"; "zOnFocus": "zOnFocus"; "zControl": "zControl"; "zEvent": "zEvent"; }, ["customOptionDirective"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZAutocompleteComponent<any>, "z-autocomplete", ["zAutocomplete"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zOptions": { "alias": "zOptions"; "required": false; "isSignal": true; }; "zConfig": { "alias": "zConfig"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zType": { "alias": "zType"; "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; }; "zDisabled": { "alias": "zDisabled"; "required": false; "isSignal": true; }; "zReadonly": { "alias": "zReadonly"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; "zLoadingOutline": { "alias": "zLoadingOutline"; "required": false; "isSignal": true; }; "zRequired": { "alias": "zRequired"; "required": false; "isSignal": true; }; "zPrefix": { "alias": "zPrefix"; "required": false; "isSignal": true; }; "zSuffix": { "alias": "zSuffix"; "required": false; "isSignal": true; }; "zAllowClear": { "alias": "zAllowClear"; "required": false; "isSignal": true; }; "zVirtualScroll": { "alias": "zVirtualScroll"; "required": false; "isSignal": true; }; "zDynamicSize": { "alias": "zDynamicSize"; "required": false; "isSignal": true; }; "zOptionHeight": { "alias": "zOptionHeight"; "required": false; "isSignal": true; }; "zDropdownMaxHeight": { "alias": "zDropdownMaxHeight"; "required": false; "isSignal": true; }; "zHeightExpand": { "alias": "zHeightExpand"; "required": false; "isSignal": true; }; "zMaxVisible": { "alias": "zMaxVisible"; "required": false; "isSignal": true; }; "zResetOnSelect": { "alias": "zResetOnSelect"; "required": false; "isSignal": true; }; "zEmptyText": { "alias": "zEmptyText"; "required": false; "isSignal": true; }; "zEmptyIcon": { "alias": "zEmptyIcon"; "required": false; "isSignal": true; }; "zNoDataText": { "alias": "zNoDataText"; "required": false; "isSignal": true; }; "zNoDataIcon": { "alias": "zNoDataIcon"; "required": false; "isSignal": true; }; "zAllowCustomValue": { "alias": "zAllowCustomValue"; "required": false; "isSignal": true; }; "zOpenOnFocus": { "alias": "zOpenOnFocus"; "required": false; "isSignal": true; }; "zDebounceTime": { "alias": "zDebounceTime"; "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; }; "zKey": { "alias": "zKey"; "required": false; "isSignal": true; }; "zOptionTemplate": { "alias": "zOptionTemplate"; "required": false; "isSignal": true; }; }, { "zOnSearch": "zOnSearch"; "zOnLoadMore": "zOnLoadMore"; "zOnSelect": "zOnSelect"; "zOnEnter": "zOnEnter"; "zOnCommit": "zOnCommit"; "zValueChange": "zValueChange"; "zOnBlur": "zOnBlur"; "zOnFocus": "zOnFocus"; "zControl": "zControl"; "zEvent": "zEvent"; }, ["customOptionDirective"], never, true, never>;
 }
 
 declare const zAutocompleteInputVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "error" | "disabled" | "readonly" | "open" | null | undefined;
+    zStatus?: "default" | "open" | "error" | "disabled" | "readonly" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZAutocompleteInputVariants = VariantProps<typeof zAutocompleteInputVariants>;
 declare const zAutocompleteOptionVariants: (props?: ({

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

@@ -431,16 +431,16 @@ declare class ZCalendarComponent implements OnInit, ControlValueAccessor {
 
 declare const zCalendarVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "disabled" | "readonly" | "open" | "error" | null | undefined;
+    zStatus?: "default" | "disabled" | "open" | "error" | "readonly" | 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;
+    state?: "default" | "today" | "selected" | "inRange" | "rangeStart" | "rangeEnd" | "rangeSingle" | "disabled" | "otherMonth" | "hovered" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zCalendarMonthVariants: (props?: ({
-    state?: "default" | "current" | "disabled" | "selected" | null | undefined;
+    state?: "default" | "selected" | "disabled" | "current" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zCalendarYearVariants: (props?: ({
-    state?: "default" | "current" | "disabled" | "selected" | null | undefined;
+    state?: "default" | "selected" | "disabled" | "current" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 
 export { ZCalendarComponent, zCalendarDayVariants, zCalendarMonthVariants, zCalendarVariants, zCalendarYearVariants };

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

@@ -1,7 +1,23 @@
 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';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const zCardVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zCardHeaderVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zCollapsible?: boolean | null | undefined;
+    zCollapsed?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zCardTitleVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zCollapsible?: boolean | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zCardContentVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
 
 type ZCardSize = 'sm' | 'default' | 'lg';
 interface ZCardConfig {
@@ -10,6 +26,10 @@ interface ZCardConfig {
     collapsed?: boolean;
     size?: ZCardSize;
 }
+type ZCardVariants = VariantProps<typeof zCardVariants>;
+type ZCardHeaderVariants = VariantProps<typeof zCardHeaderVariants>;
+type ZCardTitleVariants = VariantProps<typeof zCardTitleVariants>;
+type ZCardContentVariants = VariantProps<typeof zCardContentVariants>;
 
 declare class ZCardComponent {
     private readonly _customTitle;
@@ -36,25 +56,5 @@ declare class ZCardTitleDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZCardTitleDirective, "[zCardTitle], [z-card-title]", never, {}, {}, never, never, true, never>;
 }
 
-declare const zCardVariants: (props?: ({
-    zSize?: "sm" | "default" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const zCardHeaderVariants: (props?: ({
-    zSize?: "sm" | "default" | "lg" | null | undefined;
-    zCollapsible?: boolean | null | undefined;
-    zCollapsed?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const zCardTitleVariants: (props?: ({
-    zSize?: "sm" | "default" | "lg" | null | undefined;
-    zCollapsible?: boolean | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const zCardContentVariants: (props?: ({
-    zSize?: "sm" | "default" | "lg" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ZCardVariants = VariantProps<typeof zCardVariants>;
-type ZCardHeaderVariants = VariantProps<typeof zCardHeaderVariants>;
-type ZCardTitleVariants = VariantProps<typeof zCardTitleVariants>;
-type ZCardContentVariants = VariantProps<typeof zCardContentVariants>;
-
 export { ZCardComponent, ZCardTitleDirective, zCardContentVariants, zCardHeaderVariants, zCardTitleVariants, zCardVariants };
 export type { ZCardConfig, ZCardContentVariants, ZCardHeaderVariants, ZCardSize, ZCardTitleVariants, ZCardVariants };

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

@@ -9,7 +9,6 @@ type ZCodeTheme = 'github-dark' | 'github-light' | 'vitesse-dark' | 'one-dark-pr
 declare class ZCodeComponent implements AfterViewInit {
     private readonly _toast;
     private readonly _sanitizer;
-    private readonly _themeService;
     private readonly _zTranslate;
     protected readonly codeEl: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
     readonly class: _angular_core.InputSignal<ClassValue>;
@@ -18,19 +17,33 @@ declare class ZCodeComponent implements AfterViewInit {
     readonly zCode: _angular_core.InputSignal<string>;
     readonly zTheme: _angular_core.InputSignal<"" | ZCodeTheme>;
     readonly zShowLineNumbers: _angular_core.InputSignal<boolean>;
+    /** 1-based line numbers to band. */
+    readonly zHighlightLines: _angular_core.InputSignal<readonly number[]>;
+    readonly zScrollable: _angular_core.InputSignal<boolean>;
+    /** Maximum body height in px; only applied when `zScrollable` is set. */
+    readonly zMaxHeight: _angular_core.InputSignal<number>;
     protected readonly copied: _angular_core.WritableSignal<boolean>;
     protected readonly highlightedCode: _angular_core.WritableSignal<SafeHtml>;
     protected readonly isHighlighting: _angular_core.WritableSignal<boolean>;
     private _rawCode;
-    private readonly _effectiveTheme;
+    /**
+     * With no explicit `zTheme`, both palettes are rendered at once: Shiki emits the light colours
+     * inline and the dark ones as `--shiki-dark` custom properties, and the stylesheet swaps between
+     * them under `.dark`. Switching theme is then a repaint instead of a fresh asynchronous highlight
+     * of every block on the page.
+     */
+    private readonly _themeOptions;
     protected readonly wrapperClasses: _angular_core.Signal<string>;
+    /** Falls back to the language, as the header is always shown and always needs something to name. */
+    protected readonly headerLabel: _angular_core.Signal<string>;
     protected readonly contentClasses: _angular_core.Signal<string>;
+    protected readonly bodyMaxHeight: _angular_core.Signal<string | null>;
     constructor();
     ngAfterViewInit(): void;
     private _highlightCode;
     protected copyCode(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZCodeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZCodeComponent, "z-code", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zLanguage": { "alias": "zLanguage"; "required": false; "isSignal": true; }; "zCode": { "alias": "zCode"; "required": false; "isSignal": true; }; "zTheme": { "alias": "zTheme"; "required": false; "isSignal": true; }; "zShowLineNumbers": { "alias": "zShowLineNumbers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZCodeComponent, "z-code", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zLanguage": { "alias": "zLanguage"; "required": false; "isSignal": true; }; "zCode": { "alias": "zCode"; "required": false; "isSignal": true; }; "zTheme": { "alias": "zTheme"; "required": false; "isSignal": true; }; "zShowLineNumbers": { "alias": "zShowLineNumbers"; "required": false; "isSignal": true; }; "zHighlightLines": { "alias": "zHighlightLines"; "required": false; "isSignal": true; }; "zScrollable": { "alias": "zScrollable"; "required": false; "isSignal": true; }; "zMaxHeight": { "alias": "zMaxHeight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { ZCodeComponent };

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

@@ -292,7 +292,7 @@ declare class ZDrawerService {
     private _attachDrawerContent;
     private _createInjector;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZDrawerService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ZDrawerService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 declare const Z_DRAWER_DATA: InjectionToken<any>;

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

@@ -12,9 +12,16 @@ import { LinkOptions } from '@tiptap/extension-link';
 import { MentionOptions } from '@tiptap/extension-mention';
 import { PlaceholderOptions } from '@tiptap/extension-placeholder';
 import { StarterKitOptions } from '@tiptap/starter-kit';
-import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+declare const zEditorVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zStatus?: "default" | "error" | "disabled" | "readonly" | null | undefined;
+    zPlaceholderMode?: "firstLine" | "everyLine" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
 
+type ZEditorVariants = VariantProps<typeof zEditorVariants>;
 type ZEditorSize = 'sm' | 'default' | 'lg';
 type ZEditorContentType = 'html' | 'json' | 'markdown';
 type ZEditorToolbarCommand = 'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'blockStyle' | 'heading1' | 'heading2' | 'heading3' | 'heading4' | 'small' | 'paragraph' | 'bulletList' | 'orderedList' | 'blockquote' | 'codeBlock' | 'horizontalRule' | 'link' | 'image' | 'emoji' | 'textColor' | 'backgroundColor' | 'align' | 'alignLeft' | 'alignCenter' | 'alignRight' | 'alignJustify' | 'undo' | 'redo' | 'clearFormatting';
@@ -328,12 +335,5 @@ declare class ZEditorComponent implements OnInit, ControlValueAccessor {
 
 declare const Z_EDITOR_DEFAULT_TOOLBAR: readonly ZEditorToolbarItem[];
 
-declare const zEditorVariants: (props?: ({
-    zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "disabled" | "readonly" | "error" | null | undefined;
-    zPlaceholderMode?: "firstLine" | "everyLine" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-type ZEditorVariants = VariantProps<typeof zEditorVariants>;
-
 export { ZEditorComponent, Z_EDITOR_DEFAULT_TOOLBAR, zEditorVariants };
 export type { ZEditorContentType, ZEditorControl, ZEditorResolvedToolbarItem, ZEditorSize, ZEditorTipTapOptions, ZEditorToolbarCommand, ZEditorToolbarItem, ZEditorValidator, ZEditorVariants };

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

@@ -4,6 +4,7 @@ import { ZIcon } from '@shival99/z-ui/components/z-icon';
 import { ClassValue } from 'clsx';
 import { LayoutConfig, ThemeConfig, ControlVisibilityConfig, GroupVisibilityConfig, AutoActionConfig, ViewerConfig, PdfJsViewerComponent } from 'ng2-pdfjs-viewer';
 import * as _shival99_z_ui_components_z_gallery from '@shival99/z-ui/components/z-gallery';
+import { ZMediaPlayerStateChange, ZMediaPlayerError } from '@shival99/z-ui/components/z-media-player';
 import { BundledLanguage } from 'shiki';
 import { ZDynamicRef } from '@shival99/z-ui/services';
 export { ZGalleryOfficeRenderResult } from '@shival99/z-ui/services';
@@ -348,10 +349,12 @@ declare class ZGalleryPreviewComponent {
     protected rotateRight(): void;
     protected onImageLoad(): void;
     protected onVideoLoad(): void;
+    protected onVideoStateChange(change: ZMediaPlayerStateChange): void;
     protected onOfficeLoad(): void;
     protected onOfficeError(message: string): void;
     protected onPdfLoad(): void;
     protected onMediaError(): void;
+    protected onVideoError(_error: ZMediaPlayerError): void;
     protected download(): void;
     protected remove(): void;
     protected onBackdropClick(event: Event): void;
@@ -378,7 +381,7 @@ declare class ZGalleryPreviewService {
     private _normalizeOptions;
     private _handleDownload;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZGalleryPreviewService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ZGalleryPreviewService>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
 declare class ZGalleryOfficePreviewComponent {

package/types/shival99-z-ui-components-z-hover-glide.d.ts

@@ -0,0 +1,48 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+
+/**
+ * Shared sliding hover highlight for item lists (select options, autocomplete options, command
+ * items, dropdown-menu items, ...). One absolutely-positioned box glides between hovered items
+ * instead of each item toggling its own background — matches the "motion highlight" pattern from
+ * animate-ui.
+ *
+ * The box's width/height are written once per move (a single layout op, same as any re-render) and
+ * never transitioned — only `transform` (translate + a briefly non-1 scale) animates via the Web
+ * Animations API, so the glide runs on the compositor and never re-triggers layout on the frames in
+ * between, which is what a CSS `transition` on width/height would otherwise do on every tick.
+ *
+ * Usage: put `[zHoverGlide]` on the scrollable/list container and give each hoverable item a
+ * `data-glide-item` attribute (or pass a custom `[zHoverGlideSelector]`). Works with virtualized
+ * lists out of the box since it delegates from a single `pointerover` listener on the container
+ * instead of binding per item.
+ */
+declare class ZHoverGlideDirective implements OnDestroy {
+    /** CSS selector (relative to the container) matching hoverable items. */
+    readonly zHoverGlideSelector: _angular_core.InputSignal<string>;
+    /** Classes applied to the sliding highlight box. */
+    readonly zHoverGlideClass: _angular_core.InputSignal<string>;
+    readonly zHoverGlideDisabled: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    private readonly _elementRef;
+    private readonly _renderer;
+    private _highlightEl;
+    private _currentTarget;
+    private _box;
+    private _animations;
+    private _lastPointerPosition;
+    private _scrollFrame;
+    private readonly _prefersReducedMotion;
+    ngOnDestroy(): void;
+    protected _onPointerOver(event: PointerEvent): void;
+    protected _onPointerMove(event: PointerEvent): void;
+    protected _onScroll(): void;
+    protected _onPointerLeave(): void;
+    private _syncToPointer;
+    private _ensureHighlightEl;
+    private _moveTo;
+    private _fadeOut;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZHoverGlideDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZHoverGlideDirective, "[zHoverGlide]", never, { "zHoverGlideSelector": { "alias": "zHoverGlideSelector"; "required": false; "isSignal": true; }; "zHoverGlideClass": { "alias": "zHoverGlideClass"; "required": false; "isSignal": true; }; "zHoverGlideDisabled": { "alias": "zHoverGlideDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { ZHoverGlideDirective };

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

@@ -63,7 +63,7 @@ type ZIcon = ZLucideIcon | ZSaxIcon | ZPhosphorIcon | ZTablerIcon | ZHeroIcon |
 declare class ZIconComponent implements OnDestroy {
     readonly class: _angular_core.InputSignal<ClassValue>;
     readonly zType: _angular_core.InputSignal<ZIcon | undefined>;
-    readonly zAnimatedType: _angular_core.InputSignal<("key" | "bold" | "accessibility" | "activity" | "play" | "airplay" | "check" | "alarm-clock-check" | "clock" | "alarm-clock" | "alarm-clock-off" | "align-horizontal-space-around" | "align-vertical-space-around" | "anvil" | "archive" | "arrow-big-down-dash" | "arrow-big-down" | "arrow-big-left-dash" | "arrow-big-left" | "arrow-big-right-dash" | "arrow-big-right" | "arrow-big-up-dash" | "arrow-big-up" | "arrow-down-01" | "arrow-down-10" | "arrow-down-a-z" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-down-z-a" | "arrow-left" | "arrow-left-right" | "arrow-right" | "arrow-right-left" | "arrow-up-01" | "arrow-up-10" | "arrow-up-a-z" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "arrow-up-z-a" | "award" | "x" | "axe" | "axis-3d" | "badge-alert" | "badge-check" | "badge-question-mark" | "battery-charging" | "battery-full" | "battery" | "battery-low" | "battery-medium" | "battery-warning" | "bean-off" | "beer-off" | "bell" | "bell-off" | "bell-ring" | "between-horizontal-end" | "between-horizontal-start" | "between-vertical-end" | "between-vertical-start" | "binary" | "blend" | "blocks" | "bluetooth-off" | "bolt" | "bone" | "book-a" | "book-audio" | "book-check" | "book-dashed" | "book-down" | "book-headphones" | "heart" | "book-heart" | "book" | "book-image" | "book-key" | "book-lock" | "book-marked" | "minus" | "book-minus" | "book-open-check" | "book-open-text" | "plus" | "book-plus" | "book-text" | "book-type" | "book-up-2" | "book-up" | "user" | "book-user" | "book-x" | "bookmark-check" | "bookmark" | "bookmark-minus" | "bookmark-plus" | "bookmark-x" | "bot" | "bot-off" | "boxes" | "cog" | "brain-cog" | "briefcase-business" | "briefcase-conveyor-belt" | "briefcase" | "briefcase-medical" | "brush-cleaning" | "brush" | "bug-off" | "calendar-check-2" | "calendar-check" | "calendar-cog" | "calendar-days" | "calendar-off" | "calendar-sync" | "camera-off" | "candy-off" | "captions-off" | "cast" | "cctv" | "chart-bar-decreasing" | "chart-bar" | "chart-bar-increasing" | "chart-column-decreasing" | "chart-column" | "chart-column-increasing" | "chart-gantt" | "chart-line" | "chart-no-axes-column-decreasing" | "chart-no-axes-column" | "chart-no-axes-column-increasing" | "chart-no-axes-combined" | "chart-no-axes-gantt" | "chart-pie" | "chart-scatter" | "chart-spline" | "check-check" | "cherry" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-down" | "chevrons-down-up" | "chevrons-left" | "chevrons-left-right" | "chevrons-right" | "chevrons-right-left" | "chevrons-up-down" | "chevrons-up" | "cigarette-off" | "circle-alert" | "circle-arrow-down" | "circle-arrow-left" | "circle-arrow-out-down-left" | "circle-arrow-out-down-right" | "circle-arrow-out-up-left" | "circle-arrow-out-up-right" | "circle-arrow-right" | "circle-arrow-up" | "circle-check-big" | "circle-check" | "circle-chevron-down" | "circle-chevron-left" | "circle-chevron-right" | "circle-chevron-up" | "circle-off" | "circle-parking-off" | "circle-plus" | "circle-question-mark" | "clapperboard" | "clipboard-check" | "clipboard" | "clipboard-list" | "pen" | "clipboard-pen" | "pen-line" | "clipboard-pen-line" | "clipboard-x" | "clock-10" | "clock-11" | "clock-12" | "clock-1" | "clock-2" | "clock-3" | "clock-4" | "clock-5" | "clock-6" | "clock-7" | "clock-8" | "clock-9" | "cloud-cog" | "download" | "cloud-download" | "cloud-moon" | "cloud-off" | "upload" | "cloud-upload" | "compass" | "contrast" | "copy-check" | "copy" | "cpu" | "crop" | "diamond-plus" | "dice-1" | "dice-2" | "dice-3" | "dice-4" | "dice-5" | "dice-6" | "diff" | "dna-off" | "droplet-off" | "drum" | "ear-off" | "eclipse" | "egg-off" | "expand" | "eye-off" | "file-chart-column" | "file-chart-column-increasing" | "file-chart-line" | "file-check-corner" | "file-check" | "file-cog" | "file-down" | "file-exclamation-point" | "file-minus" | "file-pen" | "file-pen-line" | "file-plus" | "file-question-mark" | "file-sliders" | "file-stack" | "terminal" | "file-terminal" | "file-up" | "fish-off" | "flag-off" | "flashlight-off" | "flask-conical-off" | "folder-check" | "folder-cog" | "folder-down" | "kanban" | "folder-kanban" | "folder-pen" | "folder-plus" | "folder-sync" | "folder-up" | "folder-x" | "frame" | "funnel-x" | "gallery-horizontal-end" | "gallery-horizontal" | "gallery-thumbnails" | "gallery-vertical-end" | "gallery-vertical" | "gauge" | "gavel" | "grid-2x2-check" | "grip-horizontal" | "grip" | "grip-vertical" | "hammer" | "hand-coins" | "hand-heart" | "hard-drive-download" | "hard-drive-upload" | "phone-off" | "headphone-off" | "heart-off" | "history" | "hop-off" | "house" | "wifi" | "house-wifi" | "image-down" | "image-off" | "image-up" | "images" | "infinity" | "key-round" | "key-square" | "keyboard" | "keyboard-off" | "landmark" | "layers" | "layout-dashboard" | "layout-grid" | "layout-panel-left" | "layout-panel-top" | "layout-template" | "lightbulb" | "lightbulb-off" | "link2-off" | "list-check" | "list-checks" | "list-restart" | "list-todo" | "loader-pinwheel" | "locate-off" | "log-out" | "mail-check" | "map-pin-check" | "map-pin-check-inside" | "pin-off" | "map-pin-off" | "maximize-2" | "maximize" | "megaphone-off" | "message-circle" | "message-circle-more" | "message-circle-off" | "message-circle-question-mark" | "message-circle-warning" | "message-square" | "message-square-more" | "message-square-off" | "mic-off" | "milk-off" | "minimize-2" | "minimize" | "monitor-check" | "monitor-cog" | "monitor-down" | "monitor-off" | "monitor-up" | "mouse-off" | "mouse-pointer-2" | "mouse-pointer" | "move-diagonal-2" | "move-diagonal" | "move-down" | "move-down-left" | "move-down-right" | "move-horizontal" | "move-left" | "move-right" | "move-up" | "move-up-left" | "move-up-right" | "move-vertical" | "navigation2-off" | "navigation-off" | "nfc" | "notebook-pen" | "nut-off" | "octagon-alert" | "orbit" | "package-check" | "paintbrush" | "panel-bottom-close" | "panel-bottom-open" | "panel-left-close" | "panel-left-open" | "panel-right-close" | "panel-right-open" | "panel-top-close" | "panel-top-open" | "paperclip" | "pen-off" | "pencil" | "pencil-line" | "pencil-off" | "pickaxe" | "plane" | "pointer-off" | "power-off" | "printer-check" | "rabbit" | "radar" | "radio" | "radio-tower" | "rainbow" | "redo-dot" | "redo" | "refresh-ccw-dot" | "refresh-ccw" | "refresh-cw" | "refresh-cw-off" | "rocket" | "rocking-chair" | "rotate-ccw" | "rotate-ccw-key" | "rotate-cw" | "route" | "route-off" | "rss" | "save-off" | "scan-text" | "scissors" | "search-check" | "search" | "send-horizontal" | "send" | "server-cog" | "server-off" | "settings" | "shield-alert" | "shield-check" | "shield-off" | "shield-plus" | "shield-question-mark" | "ship" | "ship-wheel" | "shopping-cart" | "shovel" | "shower-head" | "shrink" | "signal-high" | "signal" | "signal-low" | "signal-medium" | "signal-zero" | "signature" | "sliders-horizontal" | "sliders-vertical" | "smartphone-nfc" | "snowflake" | "sparkle" | "sparkles" | "speech" | "spell-check" | "square-arrow-down" | "square-arrow-down-left" | "square-arrow-down-right" | "square-arrow-left" | "square-arrow-out-down-left" | "square-arrow-out-down-right" | "square-arrow-out-up-left" | "square-arrow-out-up-right" | "square-arrow-right" | "square-arrow-up" | "square-arrow-up-left" | "square-arrow-up-right" | "square-chart-gantt" | "square-check-big" | "square-check" | "square-chevron-down" | "square-chevron-left" | "square-chevron-right" | "square-chevron-up" | "square-dashed-kanban" | "square-kanban" | "square-parking-off" | "square-pen" | "square-plus" | "square-scissors" | "square-stack" | "square-terminal" | "star" | "star-off" | "sun" | "sword" | "tag" | "telescope" | "text-align-center" | "text-cursor" | "text-cursor-input" | "text-search" | "thermometer" | "thumbs-down" | "thumbs-up" | "ticket-check" | "timer" | "timer-off" | "toggle-left" | "toggle-right" | "tornado" | "touchpad-off" | "trash-2" | "trash" | "triangle-alert" | "umbrella-off" | "undo-dot" | "undo" | "unfold-horizontal" | "unfold-vertical" | "unplug" | "user-check" | "user-cog" | "user-pen" | "user-round-check" | "user-round-cog" | "user-round" | "user-round-pen" | "vibrate" | "vibrate-off" | "video-off" | "volume-off" | "vote" | "waves" | "webhook-off" | "wheat-off" | "wifi-high" | "wifi-low" | "wifi-off" | "wifi-pen" | "wifi-zero" | "wine-off" | "zap-off") | undefined>;
+    readonly zAnimatedType: _angular_core.InputSignal<("accessibility" | "activity" | "play" | "airplay" | "check" | "alarm-clock-check" | "clock" | "alarm-clock" | "alarm-clock-off" | "align-horizontal-space-around" | "align-vertical-space-around" | "anvil" | "archive" | "arrow-big-down-dash" | "arrow-big-down" | "arrow-big-left-dash" | "arrow-big-left" | "arrow-big-right-dash" | "arrow-big-right" | "arrow-big-up-dash" | "arrow-big-up" | "arrow-down-01" | "arrow-down-10" | "arrow-down-a-z" | "arrow-down" | "arrow-down-left" | "arrow-down-right" | "arrow-down-z-a" | "arrow-left" | "arrow-left-right" | "arrow-right" | "arrow-right-left" | "arrow-up-01" | "arrow-up-10" | "arrow-up-a-z" | "arrow-up" | "arrow-up-left" | "arrow-up-right" | "arrow-up-z-a" | "award" | "x" | "axe" | "axis-3d" | "badge-alert" | "badge-check" | "badge-question-mark" | "battery-charging" | "battery-full" | "battery" | "battery-low" | "battery-medium" | "battery-warning" | "bean-off" | "beer-off" | "bell" | "bell-off" | "bell-ring" | "between-horizontal-end" | "between-horizontal-start" | "between-vertical-end" | "between-vertical-start" | "binary" | "blend" | "blocks" | "bluetooth-off" | "bold" | "bolt" | "bone" | "book-a" | "book-audio" | "book-check" | "book-dashed" | "book-down" | "book-headphones" | "heart" | "book-heart" | "book" | "book-image" | "key" | "book-key" | "book-lock" | "book-marked" | "minus" | "book-minus" | "book-open-check" | "book-open-text" | "plus" | "book-plus" | "book-text" | "book-type" | "book-up-2" | "book-up" | "user" | "book-user" | "book-x" | "bookmark-check" | "bookmark" | "bookmark-minus" | "bookmark-plus" | "bookmark-x" | "bot" | "bot-off" | "boxes" | "cog" | "brain-cog" | "briefcase-business" | "briefcase-conveyor-belt" | "briefcase" | "briefcase-medical" | "brush-cleaning" | "brush" | "bug-off" | "calendar-check-2" | "calendar-check" | "calendar-cog" | "calendar-days" | "calendar-off" | "calendar-sync" | "camera-off" | "candy-off" | "captions-off" | "cast" | "cctv" | "chart-bar-decreasing" | "chart-bar" | "chart-bar-increasing" | "chart-column-decreasing" | "chart-column" | "chart-column-increasing" | "chart-gantt" | "chart-line" | "chart-no-axes-column-decreasing" | "chart-no-axes-column" | "chart-no-axes-column-increasing" | "chart-no-axes-combined" | "chart-no-axes-gantt" | "chart-pie" | "chart-scatter" | "chart-spline" | "check-check" | "cherry" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chevrons-down" | "chevrons-down-up" | "chevrons-left" | "chevrons-left-right" | "chevrons-right" | "chevrons-right-left" | "chevrons-up-down" | "chevrons-up" | "cigarette-off" | "circle-alert" | "circle-arrow-down" | "circle-arrow-left" | "circle-arrow-out-down-left" | "circle-arrow-out-down-right" | "circle-arrow-out-up-left" | "circle-arrow-out-up-right" | "circle-arrow-right" | "circle-arrow-up" | "circle-check-big" | "circle-check" | "circle-chevron-down" | "circle-chevron-left" | "circle-chevron-right" | "circle-chevron-up" | "circle-off" | "circle-parking-off" | "circle-plus" | "circle-question-mark" | "clapperboard" | "clipboard-check" | "clipboard" | "clipboard-list" | "pen" | "clipboard-pen" | "pen-line" | "clipboard-pen-line" | "clipboard-x" | "clock-10" | "clock-11" | "clock-12" | "clock-1" | "clock-2" | "clock-3" | "clock-4" | "clock-5" | "clock-6" | "clock-7" | "clock-8" | "clock-9" | "cloud-cog" | "download" | "cloud-download" | "cloud-moon" | "cloud-off" | "upload" | "cloud-upload" | "compass" | "contrast" | "copy-check" | "copy" | "cpu" | "crop" | "diamond-plus" | "dice-1" | "dice-2" | "dice-3" | "dice-4" | "dice-5" | "dice-6" | "diff" | "dna-off" | "droplet-off" | "drum" | "ear-off" | "eclipse" | "egg-off" | "expand" | "eye-off" | "file-chart-column" | "file-chart-column-increasing" | "file-chart-line" | "file-check-corner" | "file-check" | "file-cog" | "file-down" | "file-exclamation-point" | "file-minus" | "file-pen" | "file-pen-line" | "file-plus" | "file-question-mark" | "file-sliders" | "file-stack" | "terminal" | "file-terminal" | "file-up" | "fish-off" | "flag-off" | "flashlight-off" | "flask-conical-off" | "folder-check" | "folder-cog" | "folder-down" | "kanban" | "folder-kanban" | "folder-pen" | "folder-plus" | "folder-sync" | "folder-up" | "folder-x" | "frame" | "funnel-x" | "gallery-horizontal-end" | "gallery-horizontal" | "gallery-thumbnails" | "gallery-vertical-end" | "gallery-vertical" | "gauge" | "gavel" | "grid-2x2-check" | "grip-horizontal" | "grip" | "grip-vertical" | "hammer" | "hand-coins" | "hand-heart" | "hard-drive-download" | "hard-drive-upload" | "phone-off" | "headphone-off" | "heart-off" | "history" | "hop-off" | "house" | "wifi" | "house-wifi" | "image-down" | "image-off" | "image-up" | "images" | "infinity" | "key-round" | "key-square" | "keyboard" | "keyboard-off" | "landmark" | "layers" | "layout-dashboard" | "layout-grid" | "layout-panel-left" | "layout-panel-top" | "layout-template" | "lightbulb" | "lightbulb-off" | "link2-off" | "list-check" | "list-checks" | "list-restart" | "list-todo" | "loader-pinwheel" | "locate-off" | "log-out" | "mail-check" | "map-pin-check" | "map-pin-check-inside" | "pin-off" | "map-pin-off" | "maximize-2" | "maximize" | "megaphone-off" | "message-circle" | "message-circle-more" | "message-circle-off" | "message-circle-question-mark" | "message-circle-warning" | "message-square" | "message-square-more" | "message-square-off" | "mic-off" | "milk-off" | "minimize-2" | "minimize" | "monitor-check" | "monitor-cog" | "monitor-down" | "monitor-off" | "monitor-up" | "mouse-off" | "mouse-pointer-2" | "mouse-pointer" | "move-diagonal-2" | "move-diagonal" | "move-down" | "move-down-left" | "move-down-right" | "move-horizontal" | "move-left" | "move-right" | "move-up" | "move-up-left" | "move-up-right" | "move-vertical" | "navigation2-off" | "navigation-off" | "nfc" | "notebook-pen" | "nut-off" | "octagon-alert" | "orbit" | "package-check" | "paintbrush" | "panel-bottom-close" | "panel-bottom-open" | "panel-left-close" | "panel-left-open" | "panel-right-close" | "panel-right-open" | "panel-top-close" | "panel-top-open" | "paperclip" | "pen-off" | "pencil" | "pencil-line" | "pencil-off" | "pickaxe" | "plane" | "pointer-off" | "power-off" | "printer-check" | "rabbit" | "radar" | "radio" | "radio-tower" | "rainbow" | "redo-dot" | "redo" | "refresh-ccw-dot" | "refresh-ccw" | "refresh-cw" | "refresh-cw-off" | "rocket" | "rocking-chair" | "rotate-ccw" | "rotate-ccw-key" | "rotate-cw" | "route" | "route-off" | "rss" | "save-off" | "scan-text" | "scissors" | "search-check" | "search" | "send-horizontal" | "send" | "server-cog" | "server-off" | "settings" | "shield-alert" | "shield-check" | "shield-off" | "shield-plus" | "shield-question-mark" | "ship" | "ship-wheel" | "shopping-cart" | "shovel" | "shower-head" | "shrink" | "signal-high" | "signal" | "signal-low" | "signal-medium" | "signal-zero" | "signature" | "sliders-horizontal" | "sliders-vertical" | "smartphone-nfc" | "snowflake" | "sparkle" | "sparkles" | "speech" | "spell-check" | "square-arrow-down" | "square-arrow-down-left" | "square-arrow-down-right" | "square-arrow-left" | "square-arrow-out-down-left" | "square-arrow-out-down-right" | "square-arrow-out-up-left" | "square-arrow-out-up-right" | "square-arrow-right" | "square-arrow-up" | "square-arrow-up-left" | "square-arrow-up-right" | "square-chart-gantt" | "square-check-big" | "square-check" | "square-chevron-down" | "square-chevron-left" | "square-chevron-right" | "square-chevron-up" | "square-dashed-kanban" | "square-kanban" | "square-parking-off" | "square-pen" | "square-plus" | "square-scissors" | "square-stack" | "square-terminal" | "star" | "star-off" | "sun" | "sword" | "tag" | "telescope" | "text-align-center" | "text-cursor" | "text-cursor-input" | "text-search" | "thermometer" | "thumbs-down" | "thumbs-up" | "ticket-check" | "timer" | "timer-off" | "toggle-left" | "toggle-right" | "tornado" | "touchpad-off" | "trash-2" | "trash" | "triangle-alert" | "umbrella-off" | "undo-dot" | "undo" | "unfold-horizontal" | "unfold-vertical" | "unplug" | "user-check" | "user-cog" | "user-pen" | "user-round-check" | "user-round-cog" | "user-round" | "user-round-pen" | "vibrate" | "vibrate-off" | "video-off" | "volume-off" | "vote" | "waves" | "webhook-off" | "wheat-off" | "wifi-high" | "wifi-low" | "wifi-off" | "wifi-pen" | "wifi-zero" | "wine-off" | "zap-off") | undefined>;
     readonly zAnimate: _angular_core.InputSignal<boolean>;
     readonly zAnimationTrigger: _angular_core.InputSignal<ZIconAnimationTrigger>;
     readonly zSize: _angular_core.InputSignal<string | number | null | undefined>;

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

@@ -3,7 +3,7 @@ import { ClassValue } from 'clsx';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 
-declare const Z_LOADING_SPINNERS: readonly ["spinner", "orbit", "matrix", "conic", "polygon", "triple", "bar", "beat", "bounce", "circle", "climbing-box", "clip", "clock", "dot", "fade", "grid", "hash", "moon", "pacman", "propagate", "puff", "pulse", "ring", "rise", "rotate", "scale", "skew", "square", "sync"];
+declare const Z_LOADING_SPINNERS: readonly ["spinner", "orbit", "matrix", "conic", "polygon", "triple", "bar", "beat", "bounce", "circle", "climbing-box", "clip", "clock", "dot", "fade", "grid", "hash", "moon", "pacman", "propagate", "puff", "pulse", "ring", "rise", "rotate", "scale", "skew", "square", "sync", "orbit-chase", "bars", "matrix-grid", "merge", "encode", "scan", "lift"];
 
 type ZLoadingSpinner = (typeof Z_LOADING_SPINNERS)[number];
 type ZLoadingSize = '2xs' | 'xs' | 'default' | 'lg' | 'xl';
@@ -12,7 +12,7 @@ type ZLoadingOverlayType = 'default' | 'dark' | 'blur';
 
 declare class ZLoadingComponent {
     readonly class: _angular_core.InputSignal<ClassValue>;
-    readonly zSpinner: _angular_core.InputSignal<"spinner" | "orbit" | "matrix" | "conic" | "polygon" | "triple" | "bar" | "beat" | "bounce" | "circle" | "climbing-box" | "clip" | "clock" | "dot" | "fade" | "grid" | "hash" | "moon" | "pacman" | "propagate" | "puff" | "pulse" | "ring" | "rise" | "rotate" | "scale" | "skew" | "square" | "sync">;
+    readonly zSpinner: _angular_core.InputSignal<"spinner" | "orbit" | "matrix" | "conic" | "polygon" | "triple" | "bar" | "beat" | "bounce" | "circle" | "climbing-box" | "clip" | "clock" | "dot" | "fade" | "grid" | "hash" | "moon" | "pacman" | "propagate" | "puff" | "pulse" | "ring" | "rise" | "rotate" | "scale" | "skew" | "square" | "sync" | "orbit-chase" | "bars" | "matrix-grid" | "merge" | "encode" | "scan" | "lift">;
     readonly zSize: _angular_core.InputSignal<ZLoadingSize>;
     readonly zColor: _angular_core.InputSignal<ZLoadingColor>;
     readonly zText: _angular_core.InputSignal<string>;
@@ -32,6 +32,13 @@ declare class ZLoadingComponent {
     protected readonly pacmanDots: readonly [0, 1, 2, 3];
     protected readonly propagateDots: readonly [0, 1, 2, 3, 4, 5];
     protected readonly scaleBars: readonly [0, 1, 2, 3, 4];
+    protected readonly orbitChaseNodes: readonly [0, 1, 2, 3, 4, 5, 6, 7];
+    protected readonly barsColumns: readonly [0, 1, 2, 3, 4];
+    protected readonly matrixDots: readonly [0, 1, 2, 3, 4, 5, 6, 7, 8];
+    protected readonly mergeCells: readonly [0, 1, 2, 3];
+    protected readonly encodeBits: readonly [0, 1, 2, 3, 4, 5];
+    protected readonly scanRows: readonly [0, 1, 2];
+    protected readonly liftLevels: readonly [0, 1, 2, 3];
     protected readonly overlayClasses: _angular_core.Signal<string>;
     protected readonly textSizeClasses: _angular_core.Signal<{
         'text-xs': boolean;