@shival99/z-ui 1.9.27 → 2.0.2

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

@@ -1,13 +1,31 @@
 import * as _angular_core from '@angular/core';
 import { Signal, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { ZInputValidator } from '@shival99/z-ui/components/z-input';
 import { ZEvent } from '@shival99/z-ui/utils';
+import { Content, Editor, Extension } from '@tiptap/core';
 import { ClassValue } from 'clsx';
-import { QuillModules, ContentChange } from 'ngx-quill';
+import { ZIcon } from '@shival99/z-ui/components/z-icon';
+import { ImageOptions } from '@tiptap/extension-image';
+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';
 
 type ZEditorSize = 'sm' | 'default' | 'lg';
+type ZEditorContentType = 'html' | 'json' | 'markdown';
+type ZEditorToolbarCommand = 'bold' | 'italic' | 'underline' | 'strike' | 'code' | 'heading1' | 'heading2' | 'paragraph' | 'bulletList' | 'orderedList' | 'blockquote' | 'codeBlock' | 'horizontalRule' | 'link' | 'image' | 'undo' | 'redo' | 'clearFormatting';
+interface ZEditorToolbarItem {
+    id: ZEditorToolbarCommand;
+    icon: ZIcon;
+    label: string;
+}
+interface ZEditorResolvedToolbarItem extends ZEditorToolbarItem {
+    active: boolean;
+    disabled: boolean;
+}
 interface ZEditorControl {
     /** Focus the editor */
     focus: () => void;
@@ -16,13 +34,21 @@ interface ZEditorControl {
     /** Clear the editor content */
     clear: () => void;
     /** Set content programmatically */
-    setContent: (content: string) => void;
+    setContent: (content: Content) => void;
+    /** Get current serialized content */
+    getContent: () => string | Content;
     /** Get current HTML content */
-    getContent: () => string;
+    getHTML: () => string;
+    /** Get current JSON content */
+    getJSON: () => Content;
+    /** Get current Markdown content when markdown mode is enabled */
+    getMarkdown: () => string;
     /** Get plain text content */
     getText: () => string;
     /** Get content length */
     getLength: () => number;
+    /** Access the TipTap editor instance */
+    getEditor: () => Editor | null;
     /** Trigger validation and return true if valid */
     valid: () => boolean;
     /**
@@ -33,13 +59,13 @@ interface ZEditorControl {
     /** Reset component to initial state */
     reset: () => void;
     /** Set value programmatically (alias for setContent) */
-    setValue: (content: string) => void;
+    setValue: (content: Content) => void;
     /** Set custom error message (useful for server-side validation). Pass null to clear. */
     setErrorMessage: (message: string | null) => void;
     /** Signal indicating if component has validation error */
     hasError: Signal<boolean>;
-    /** Signal with current value */
-    value: Signal<string>;
+    /** Signal with current serialized value */
+    value: Signal<string | Content>;
     /** Signal with current error message */
     errorMessage: Signal<string>;
 }
@@ -50,12 +76,24 @@ interface ZEditorValidator {
     minLength?: number;
     maxLength?: number;
 }
+interface ZEditorPlaceholderOptions extends Partial<PlaceholderOptions> {
+    mode?: 'firstLine' | 'everyLine';
+}
+interface ZEditorTipTapOptions {
+    starterKit?: Partial<StarterKitOptions>;
+    placeholder?: string | ZEditorPlaceholderOptions;
+    image?: boolean | Partial<ImageOptions>;
+    link?: Partial<LinkOptions>;
+    mention?: boolean | Partial<Omit<MentionOptions, 'suggestion' | 'suggestions'>>;
+    extensions?: Extension[];
+}
 
 declare class ZEditorComponent implements OnInit, ControlValueAccessor {
     private readonly _injector;
     private readonly _destroyRef;
     private readonly _zTranslate;
-    readonly zOnChange: _angular_core.OutputEmitterRef<string>;
+    private readonly _editorHost;
+    readonly zOnChange: _angular_core.OutputEmitterRef<Content>;
     readonly zOnFocus: _angular_core.OutputEmitterRef<FocusEvent>;
     readonly zOnBlur: _angular_core.OutputEmitterRef<FocusEvent>;
     readonly zControl: _angular_core.OutputEmitterRef<ZEditorControl>;
@@ -68,17 +106,23 @@ declare class ZEditorComponent implements OnInit, ControlValueAccessor {
     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 zModules: _angular_core.InputSignal<QuillModules | null>;
-    readonly zFormats: _angular_core.InputSignal<string[] | null>;
-    readonly zBounds: _angular_core.InputSignal<string | HTMLElement>;
-    readonly zTheme: _angular_core.InputSignal<"snow" | "bubble">;
+    readonly zContentType: _angular_core.InputSignal<ZEditorContentType>;
+    readonly zToolbar: _angular_core.InputSignal<false | readonly ZEditorToolbarItem[]>;
+    readonly zTipTap: _angular_core.InputSignal<ZEditorTipTapOptions>;
     readonly zValidators: _angular_core.InputSignal<ZEditorValidator[]>;
     protected readonly editorId: string;
-    protected readonly _value: _angular_core.WritableSignal<string>;
+    protected readonly linkInputId: string;
+    protected readonly _value: _angular_core.WritableSignal<Content>;
     private readonly _disabled;
     private readonly _formControl;
     private readonly _formStateVersion;
     private readonly _isNgModel;
+    private readonly _selectionVersion;
+    private readonly _plainText;
+    protected readonly linkModalVisible: _angular_core.WritableSignal<boolean>;
+    protected readonly linkUrl: _angular_core.WritableSignal<string>;
+    protected readonly activeLinkHref: _angular_core.WritableSignal<string>;
+    protected readonly linkValidators: ZInputValidator[];
     protected readonly uiState: _angular_core.WritableSignal<{
         touched: boolean;
         dirty: boolean;
@@ -87,49 +131,65 @@ declare class ZEditorComponent implements OnInit, ControlValueAccessor {
     private _onChange;
     private _onTouched;
     private _ngControl;
-    private _editorInstance;
+    private _editor;
+    private _pendingValue;
+    private _linkSelection;
     protected readonly isDisabled: _angular_core.Signal<boolean>;
+    protected readonly showToolbar: _angular_core.Signal<boolean>;
+    protected readonly normalizedLinkUrl: _angular_core.Signal<string>;
+    protected readonly canApplyLink: _angular_core.Signal<boolean>;
     protected readonly effectivePlaceholder: _angular_core.Signal<string>;
-    protected readonly effectiveModules: _angular_core.Signal<QuillModules>;
+    protected readonly toolbarItems: _angular_core.Signal<ZEditorResolvedToolbarItem[]>;
     private readonly _shouldShowValidation;
     private _getValidationErrors;
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly errorMessage: _angular_core.Signal<string>;
     protected readonly currentStatus: _angular_core.Signal<"default" | "disabled" | "readonly" | "error">;
     protected readonly wrapperClasses: _angular_core.Signal<string>;
-    protected readonly labelClasses: _angular_core.Signal<string>;
     protected readonly editorClasses: _angular_core.Signal<string>;
+    constructor();
     ngOnInit(): void;
-    writeValue(value: string): void;
-    registerOnChange(fn: (value: string) => void): void;
+    writeValue(value: string | Content): void;
+    registerOnChange(fn: (value: string | Content) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
-    protected onContentChange(event: ContentChange): void;
-    protected onFocus(): void;
-    protected onBlur(): void;
-    focus(): void;
-    blur(): void;
-    clear(): void;
-    setContent(content: string): void;
-    getContent(): string;
-    getText(): string;
-    getLength(): number;
-    setErrorMessage(message: string | null): void;
-    setValue(content: string): void;
-    /** @deprecated Use `valid()` for boolean form-submit checks. */
-    validate(): boolean;
-    valid(): boolean;
-    reset(): void;
+    protected onToolbarClick(command: ZEditorToolbarCommand): void;
+    private _createEditor;
+    private _handleEditorUpdate;
+    private _handleFocus;
+    private _handleBlur;
     private _emitControl;
+    private _setEditorContent;
+    private _validateControl;
+    private _getSerializedContent;
+    private _getMarkdown;
+    private _serializeValueAsText;
+    private _refreshEditorState;
+    private _isEditorEmpty;
+    private _isCurrentEditorContent;
+    private _isToolbarCommandActive;
+    private _isToolbarCommandDisabled;
+    private _toggleLink;
+    protected closeLinkModal(): void;
+    protected onLinkUrlChange(value: string | number | null): void;
+    protected applyLink(): void;
+    private _normalizeUrl;
+    protected removeLink(): void;
+    private _insertImage;
+    private _placeholderConfig;
+    private _placeholderMode;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZEditorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZEditorComponent, "z-editor", ["zEditor"], { "class": { "alias": "class"; "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; }; "zModules": { "alias": "zModules"; "required": false; "isSignal": true; }; "zFormats": { "alias": "zFormats"; "required": false; "isSignal": true; }; "zBounds": { "alias": "zBounds"; "required": false; "isSignal": true; }; "zTheme": { "alias": "zTheme"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; }, { "zOnChange": "zOnChange"; "zOnFocus": "zOnFocus"; "zOnBlur": "zOnBlur"; "zControl": "zControl"; "zEvent": "zEvent"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZEditorComponent, "z-editor", ["zEditor"], { "class": { "alias": "class"; "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; }; "zContentType": { "alias": "zContentType"; "required": false; "isSignal": true; }; "zToolbar": { "alias": "zToolbar"; "required": false; "isSignal": true; }; "zTipTap": { "alias": "zTipTap"; "required": false; "isSignal": true; }; "zValidators": { "alias": "zValidators"; "required": false; "isSignal": true; }; }, { "zOnChange": "zOnChange"; "zOnFocus": "zOnFocus"; "zOnBlur": "zOnBlur"; "zControl": "zControl"; "zEvent": "zEvent"; }, never, never, true, never>;
 }
 
+declare const Z_EDITOR_DEFAULT_TOOLBAR: readonly ZEditorToolbarItem[];
+
 declare const zEditorVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "error" | "disabled" | "readonly" | 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, zEditorVariants };
-export type { ZEditorControl, ZEditorSize, ZEditorValidator, 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

@@ -3,6 +3,7 @@ import { AfterViewInit, EventEmitter } from '@angular/core';
 import { ZIcon } from '@shival99/z-ui/components/z-icon';
 import { ClassValue } from 'clsx';
 import * as _shival99_z_ui_components_z_gallery from '@shival99/z-ui/components/z-gallery';
+import { SafeHtml } from '@angular/platform-browser';
 import { OverlayRef } from '@angular/cdk/overlay';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -103,7 +104,7 @@ declare class ZGalleryComponent implements AfterViewInit {
     protected readonly previewFile: _angular_core.WritableSignal<ZGalleryFile | null>;
     protected readonly searchQuery: _angular_core.WritableSignal<string>;
     protected readonly currentMode: _angular_core.Signal<ZGalleryMode>;
-    protected readonly gridColumns: _angular_core.Signal<string>;
+    protected readonly gridColumnsClass: _angular_core.Signal<string>;
     protected readonly containerClasses: _angular_core.Signal<string>;
     protected readonly showHeader: _angular_core.Signal<string | boolean>;
     protected readonly toggleIconSize: _angular_core.Signal<"14" | "16" | "20" | "18">;
@@ -185,6 +186,7 @@ declare class ZGalleryFileIconComponent {
 }
 
 declare class ZGalleryPreviewComponent {
+    private readonly _sanitizer;
     readonly file: _angular_core.InputSignal<ZGalleryFile>;
     readonly files: _angular_core.InputSignal<ZGalleryFile[]>;
     readonly zShowRemove: _angular_core.InputSignal<boolean>;
@@ -195,10 +197,18 @@ declare class ZGalleryPreviewComponent {
     protected readonly zoomed: _angular_core.WritableSignal<boolean>;
     protected readonly isLoading: _angular_core.WritableSignal<boolean>;
     protected readonly rotation: _angular_core.WritableSignal<number>;
+    protected readonly isConverting: _angular_core.WritableSignal<boolean>;
+    protected readonly conversionError: _angular_core.WritableSignal<string | null>;
+    protected readonly docHtmlContent: _angular_core.WritableSignal<SafeHtml | null>;
+    protected readonly textContent: _angular_core.WritableSignal<string>;
     private readonly _mediaLoaded;
     private _loadingStartTime;
     private readonly _minLoadingTime;
     constructor();
+    private _loadFileContent;
+    private _loadDocx;
+    private _loadExcel;
+    private _loadText;
     private _completeLoading;
     protected readonly currentIndex: _angular_core.Signal<number>;
     protected readonly hasPrev: _angular_core.Signal<boolean>;
@@ -206,6 +216,9 @@ declare class ZGalleryPreviewComponent {
     protected readonly isImageFile: _angular_core.Signal<boolean>;
     protected readonly isPdf: _angular_core.Signal<boolean>;
     protected readonly isVideo: _angular_core.Signal<boolean>;
+    protected readonly isWordFile: _angular_core.Signal<boolean>;
+    protected readonly isExcelFile: _angular_core.Signal<boolean>;
+    protected readonly isTextFile: _angular_core.Signal<boolean>;
     protected readonly canPreview: _angular_core.Signal<boolean>;
     protected readonly formattedSize: _angular_core.Signal<string>;
     protected readonly imageTransform: _angular_core.Signal<string>;

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

@@ -192,6 +192,7 @@ declare class ZInputComponent implements OnInit, ControlValueAccessor {
     private readonly _shouldShowValidation;
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly errorMessage: _angular_core.Signal<string>;
+    private _translateValidationMessage;
     private readonly _searchSubject;
     private readonly _changeSubject;
     private readonly _asyncValidationSubject;

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

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
+import { ClassValue } from 'clsx';
+
+type ZMarqueeDirection = 'left' | 'right' | 'up' | 'down';
+type ZMarqueeFade = 'none' | 'left' | 'right' | 'top' | 'bottom' | 'both';
+
+declare class ZMarqueeComponent {
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zDirection: _angular_core.InputSignal<ZMarqueeDirection>;
+    readonly zPauseOnHover: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly zRepeat: _angular_core.InputSignal<number>;
+    readonly zDuration: _angular_core.InputSignal<number>;
+    readonly zGap: _angular_core.InputSignal<string>;
+    readonly zFade: _angular_core.InputSignal<ZMarqueeFade>;
+    protected readonly contentTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    protected readonly isVertical: _angular_core.Signal<boolean>;
+    protected readonly isReverse: _angular_core.Signal<boolean>;
+    protected readonly showLeftFade: _angular_core.Signal<boolean>;
+    protected readonly showRightFade: _angular_core.Signal<boolean>;
+    protected readonly showTopFade: _angular_core.Signal<boolean>;
+    protected readonly showBottomFade: _angular_core.Signal<boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly repeatItems: _angular_core.Signal<number[]>;
+    protected readonly copyItems: readonly [0, 1];
+    protected readonly runnerClasses: _angular_core.Signal<string>;
+    protected readonly animationClasses: _angular_core.Signal<string>;
+    protected readonly trackClasses: _angular_core.Signal<string>;
+    protected readonly contentClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZMarqueeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZMarqueeComponent, "z-marquee", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zDirection": { "alias": "zDirection"; "required": false; "isSignal": true; }; "zPauseOnHover": { "alias": "zPauseOnHover"; "required": false; "isSignal": true; }; "zRepeat": { "alias": "zRepeat"; "required": false; "isSignal": true; }; "zDuration": { "alias": "zDuration"; "required": false; "isSignal": true; }; "zGap": { "alias": "zGap"; "required": false; "isSignal": true; }; "zFade": { "alias": "zFade"; "required": false; "isSignal": true; }; }, {}, ["contentTemplate"], never, true, never>;
+}
+
+export { ZMarqueeComponent };
+export type { ZMarqueeDirection, ZMarqueeFade };

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

@@ -0,0 +1,67 @@
+import * as _angular_core from '@angular/core';
+import { ZIcon } from '@shival99/z-ui/components/z-icon';
+import { ClassValue } from 'clsx';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+
+type ZMetricCardSize = 'sm' | 'default' | 'lg';
+type ZMetricCardVariant = 'default' | 'bordered' | 'soft';
+type ZMetricCardTrendDirection = 'up' | 'down' | 'neutral';
+type ZMetricCardDecor = 'none' | 'wave' | 'grid' | 'rings' | 'bars' | 'dots' | 'spark';
+interface ZMetricCardTrend {
+    value: string | number;
+    direction?: ZMetricCardTrendDirection;
+    label?: string;
+}
+interface ZMetricCardAction {
+    label: string;
+    icon?: ZIcon;
+}
+
+declare class ZMetricCardComponent {
+    readonly zActionClick: _angular_core.OutputEmitterRef<ZMetricCardAction>;
+    readonly class: _angular_core.InputSignal<ClassValue>;
+    readonly zTitle: _angular_core.InputSignal<string>;
+    readonly zValue: _angular_core.InputSignal<string | number>;
+    readonly zDescription: _angular_core.InputSignal<string>;
+    readonly zIcon: _angular_core.InputSignal<ZIcon | undefined>;
+    readonly zTrend: _angular_core.InputSignal<ZMetricCardTrend | undefined>;
+    readonly zProgress: _angular_core.InputSignal<number | undefined>;
+    readonly zAction: _angular_core.InputSignal<ZMetricCardAction | undefined>;
+    readonly zSize: _angular_core.InputSignal<ZMetricCardSize>;
+    readonly zVariant: _angular_core.InputSignal<ZMetricCardVariant>;
+    readonly zDecor: _angular_core.InputSignal<ZMetricCardDecor>;
+    readonly zLoading: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    protected readonly iconClasses: _angular_core.Signal<string>;
+    protected readonly valueClasses: _angular_core.Signal<string>;
+    protected readonly decorClasses: _angular_core.Signal<string>;
+    protected readonly trendDirection: _angular_core.Signal<ZMetricCardTrendDirection>;
+    protected readonly trendClasses: _angular_core.Signal<string>;
+    protected readonly trendIcon: _angular_core.Signal<ZIcon>;
+    protected readonly normalizedProgress: _angular_core.Signal<number | null>;
+    protected onActionClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZMetricCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZMetricCardComponent, "z-metric-card", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; "zTitle": { "alias": "zTitle"; "required": false; "isSignal": true; }; "zValue": { "alias": "zValue"; "required": false; "isSignal": true; }; "zDescription": { "alias": "zDescription"; "required": false; "isSignal": true; }; "zIcon": { "alias": "zIcon"; "required": false; "isSignal": true; }; "zTrend": { "alias": "zTrend"; "required": false; "isSignal": true; }; "zProgress": { "alias": "zProgress"; "required": false; "isSignal": true; }; "zAction": { "alias": "zAction"; "required": false; "isSignal": true; }; "zSize": { "alias": "zSize"; "required": false; "isSignal": true; }; "zVariant": { "alias": "zVariant"; "required": false; "isSignal": true; }; "zDecor": { "alias": "zDecor"; "required": false; "isSignal": true; }; "zLoading": { "alias": "zLoading"; "required": false; "isSignal": true; }; }, { "zActionClick": "zActionClick"; }, never, ["*"], true, never>;
+}
+
+declare const zMetricCardVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zVariant?: "default" | "bordered" | "soft" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zMetricCardIconVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+    zVariant?: "default" | "bordered" | "soft" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zMetricCardValueVariants: (props?: ({
+    zSize?: "sm" | "default" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const zMetricCardTrendVariants: (props?: ({
+    zTrendDirection?: "up" | "down" | "neutral" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type ZMetricCardVariants = VariantProps<typeof zMetricCardVariants>;
+type ZMetricCardIconVariants = VariantProps<typeof zMetricCardIconVariants>;
+type ZMetricCardTrendVariants = VariantProps<typeof zMetricCardTrendVariants>;
+
+export { ZMetricCardComponent, zMetricCardIconVariants, zMetricCardTrendVariants, zMetricCardValueVariants, zMetricCardVariants };
+export type { ZMetricCardAction, ZMetricCardDecor, ZMetricCardIconVariants, ZMetricCardSize, ZMetricCardTrend, ZMetricCardTrendDirection, ZMetricCardTrendVariants, ZMetricCardVariant, ZMetricCardVariants };

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

@@ -315,7 +315,7 @@ declare class ZTagClassesPipe implements PipeTransform {
 
 declare const zSelectVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "open" | "error" | "disabled" | "readonly" | null | undefined;
+    zStatus?: "default" | "disabled" | "readonly" | "open" | "error" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const zSelectTagVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;

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

@@ -1063,7 +1063,7 @@ declare class ZTableActionsComponent<T = unknown> {
     readonly zConfig: _angular_core.InputSignal<ZTableActionColumnConfig<T>>;
     readonly zRow: _angular_core.InputSignal<T>;
     readonly zRowId: _angular_core.InputSignal<string>;
-    readonly zDropdownButtonSize: _angular_core.InputSignal<"sm" | "default" | "lg" | "xs" | "xl" | null | undefined>;
+    readonly zDropdownButtonSize: _angular_core.InputSignal<"default" | "sm" | "lg" | "xs" | "xl" | null | undefined>;
     readonly zActionClick: _angular_core.OutputEmitterRef<ZTableActionClickEvent<T>>;
     protected readonly allActions: _angular_core.Signal<ZTableActionItem<T>[]>;
     protected readonly shouldShowAsButtons: _angular_core.Signal<boolean>;