@shival99/z-ui 2.1.7 → 2.1.9

package/package.json

@@ -1,10 +1,7 @@
 {
   "name": "@shival99/z-ui",
-  "version": "2.1.7",
+  "version": "2.1.9",
   "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.",
-  "bin": {
-    "z-ui-init": "./scripts/z-init-project.mjs"
-  },
   "keywords": [
     "angular",
     "angular-ui",

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

@@ -274,7 +274,7 @@ declare class ZAutocompleteComponent<T = unknown> implements OnInit, ControlValu
 
 declare const zAutocompleteInputVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "open" | "error" | "disabled" | "readonly" | null | undefined;
+    zStatus?: "default" | "error" | "disabled" | "readonly" | "open" | 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-button-group.d.ts

@@ -4,15 +4,25 @@ import { ClassValue } from 'clsx';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 
+type ZButtonGroupValue = string | number;
+interface ZButtonGroupHost {
+    _selectItem(value: ZButtonGroupValue, index: number): void;
+    _isItemActive(value: ZButtonGroupValue): boolean;
+}
+declare const Z_BUTTON_GROUP: InjectionToken<ZButtonGroupHost>;
+
 declare class ZButtonGroupItemDirective {
     private readonly _group;
     private readonly _index;
+    /** Khóa ổn định tùy chọn, ưu tiên hơn index khi xác định active. */
+    readonly zValue: _angular_core.InputSignal<ZButtonGroupValue | undefined>;
+    private readonly _value;
     readonly isActive: _angular_core.Signal<boolean>;
     readonly index: _angular_core.Signal<number>;
     _setIndex(index: number): void;
     protected onClick(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZButtonGroupItemDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZButtonGroupItemDirective, "[z-button-group-item]", ["zButtonGroupItem"], {}, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ZButtonGroupItemDirective, "[z-button-group-item]", ["zButtonGroupItem"], { "zValue": { "alias": "zValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ZButtonGroupSeparatorComponent {
@@ -23,24 +33,19 @@ declare class ZButtonGroupSeparatorComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZButtonGroupSeparatorComponent, "z-button-group-separator", ["zButtonGroupSeparator"], { "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-interface ZButtonGroupHost {
-    _selectItem(index: number): void;
-    _isItemActive(index: number): boolean;
-}
-declare const Z_BUTTON_GROUP: InjectionToken<ZButtonGroupHost>;
-
 declare class ZButtonGroupComponent implements ZButtonGroupHost {
     readonly zClass: _angular_core.InputSignal<ClassValue>;
     readonly zOrientation: _angular_core.InputSignal<"horizontal" | "vertical" | null | undefined>;
-    readonly zActive: _angular_core.ModelSignal<number | null>;
-    readonly zActiveChange: _angular_core.OutputEmitterRef<number | null>;
+    readonly zActive: _angular_core.ModelSignal<ZButtonGroupValue | null>;
+    readonly zActiveIndexChange: _angular_core.OutputEmitterRef<number | null>;
+    readonly zActiveValueChange: _angular_core.OutputEmitterRef<ZButtonGroupValue | null>;
     private readonly _items;
     protected readonly zClasses: _angular_core.Signal<string>;
     constructor();
-    _selectItem(index: number): void;
-    _isItemActive(index: number): boolean;
+    _selectItem(value: ZButtonGroupValue, index: number): void;
+    _isItemActive(value: ZButtonGroupValue): boolean;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ZButtonGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZButtonGroupComponent, "z-button-group", ["zButtonGroup"], { "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; "zActive": { "alias": "zActive"; "required": false; "isSignal": true; }; }, { "zActive": "zActiveChange"; "zActiveChange": "zActiveChange"; }, ["_items"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ZButtonGroupComponent, "z-button-group", ["zButtonGroup"], { "zClass": { "alias": "zClass"; "required": false; "isSignal": true; }; "zOrientation": { "alias": "zOrientation"; "required": false; "isSignal": true; }; "zActive": { "alias": "zActive"; "required": false; "isSignal": true; }; }, { "zActive": "zActiveChange"; "zActiveIndexChange": "zActiveIndexChange"; "zActiveValueChange": "zActiveValueChange"; }, ["_items"], ["*"], true, never>;
 }
 
 declare const zButtonGroupVariants: (props?: ({
@@ -53,4 +58,4 @@ type ZButtonGroupVariants = VariantProps<typeof zButtonGroupVariants>;
 type ZButtonGroupSeparatorVariants = VariantProps<typeof zButtonGroupSeparatorVariants>;
 
 export { ZButtonGroupComponent, ZButtonGroupItemDirective, ZButtonGroupSeparatorComponent, Z_BUTTON_GROUP, zButtonGroupSeparatorVariants, zButtonGroupVariants };
-export type { ZButtonGroupHost, ZButtonGroupSeparatorVariants, ZButtonGroupVariants };
+export type { ZButtonGroupHost, ZButtonGroupSeparatorVariants, ZButtonGroupValue, ZButtonGroupVariants };

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

@@ -328,7 +328,7 @@ 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>;

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

@@ -26,8 +26,17 @@ type ZPhosphorIcon = Extract<keyof typeof phosphorRegularIcons | keyof typeof ph
 type ZHugeIcon = {
     [K in keyof typeof hugeIcons as K extends `${infer Name}Icon` ? `huge${Name}` : never]: true;
 } extends infer M ? Extract<keyof M, `huge${string}`> : never;
+/**
+ * Brand/logo icons served at runtime from theSVG (thesvg.org). These are
+ * loaded dynamically by slug, so unlike the other families there is no
+ * generated union to validate against — any `brand`-prefixed name is accepted.
+ * The PascalCase part maps to the CDN slug, and an optional Color/Light/Dark/
+ * Wordmark suffix selects the variant (default `mono`, which uses currentColor).
+ * Examples: `brandGithub`, `brandSlackWordmark`, `brandFigmaColor`.
+ */
+type ZBrandIcon = `brand${string}`;
 declare const Z_ICONS: {};
-type ZIcon = ZLucideIcon | ZSaxIcon | ZPhosphorIcon | ZHugeIcon;
+type ZIcon = ZLucideIcon | ZSaxIcon | ZPhosphorIcon | ZHugeIcon | ZBrandIcon;
 
 type ZIconAnimationTrigger = 'manual' | 'hover' | 'focus' | 'interaction' | 'always';
 declare class ZIconComponent {

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

@@ -25,6 +25,7 @@ interface ZMenuItem {
     menuTemplateWidth?: number;
     renderChildren?: boolean;
     renderExpanded?: boolean;
+    groupLabel?: string;
 }
 type ZMenuV2Item = Omit<ZMenuItem, 'children' | 'menuTemplate' | 'menuTemplateWidth' | 'renderChildren' | 'renderExpanded'> & {
     children?: ZMenuV2Item[];

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

@@ -251,7 +251,7 @@ declare class ZModalComponent<T, U> extends BasePortalOutlet implements OnDestro
     protected readonly effectiveOkText: _angular_core.Signal<string | null | undefined>;
     protected readonly effectiveCancelText: _angular_core.Signal<string | null | undefined>;
     protected readonly effectiveOkDestructive: _angular_core.Signal<boolean | undefined>;
-    protected readonly effectiveTypeOk: _angular_core.Signal<"info" | "warning" | "error" | "link" | "default" | "primary" | "secondary" | "destructive" | "destructive-heartbeat" | "success" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-shimmer" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "outline-primary-soft" | "outline-success-soft" | "outline-info-soft" | "outline-warning-soft" | "outline-error-soft" | "outline-destructive-soft" | "outline-primary-soft-border" | "outline-success-soft-border" | "outline-info-soft-border" | "outline-warning-soft-border" | "outline-error-soft-border" | "outline-destructive-soft-border" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "subtle-primary" | "subtle-success" | "subtle-info" | "subtle-warning" | "subtle-destructive" | "subtle-outline" | "subtle-primary-outline" | "subtle-success-outline" | "subtle-info-outline" | "subtle-warning-outline" | "subtle-destructive-outline" | null | undefined>;
+    protected readonly effectiveTypeOk: _angular_core.Signal<"info" | "warning" | "error" | "default" | "primary" | "secondary" | "destructive" | "destructive-heartbeat" | "success" | "outline" | "outline-primary" | "outline-secondary" | "outline-success" | "outline-info" | "outline-warning" | "outline-error" | "outline-destructive" | "outline-shimmer" | "outline-success-secondary" | "outline-info-secondary" | "outline-warning-secondary" | "outline-error-secondary" | "outline-destructive-secondary" | "outline-primary-secondary" | "outline-primary-soft" | "outline-success-soft" | "outline-info-soft" | "outline-warning-soft" | "outline-error-soft" | "outline-destructive-soft" | "outline-primary-soft-border" | "outline-success-soft-border" | "outline-info-soft-border" | "outline-warning-soft-border" | "outline-error-soft-border" | "outline-destructive-soft-border" | "ghost" | "ghost-primary" | "ghost-success" | "ghost-info" | "ghost-warning" | "ghost-error" | "ghost-destructive" | "subtle" | "subtle-primary" | "subtle-success" | "subtle-info" | "subtle-warning" | "subtle-destructive" | "subtle-outline" | "subtle-primary-outline" | "subtle-success-outline" | "subtle-info-outline" | "subtle-warning-outline" | "subtle-destructive-outline" | "link" | null | undefined>;
     protected readonly effectiveOkDisabled: _angular_core.Signal<boolean | undefined>;
     protected readonly effectiveLoading: _angular_core.Signal<boolean>;
     protected readonly effectiveContentLoading: _angular_core.Signal<boolean>;

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

@@ -323,7 +323,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" | "error" | "disabled" | "readonly" | "open" | 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

@@ -1082,9 +1082,12 @@ declare class ZTableComponent<T> implements AfterViewInit {
     private _contentRowMenuOutsideTimer;
     private _contentRowMenuOutsideCleanup;
     private _cellInteractionOutsideCleanup;
+    private _pinnedRowHeightsFrame;
+    private _virtualSpacerWidthFrame;
     private readonly _activeColumnVisibilityPopover;
     private _hasInitializedColumnPinning;
     private _initializedGroupingSchemaKey;
+    private _initializedPaginationSchemaKey;
     private _isFitColumnScheduled;
     private _skipNextConfigSave;
     /** Merged loading state from both zLoading input and config.loading */
@@ -1134,6 +1137,12 @@ declare class ZTableComponent<T> implements AfterViewInit {
         rowId: string;
         columnId: string;
     } | null>;
+    private _cellDragArmed;
+    private _isCellDragging;
+    private _cellDragStart;
+    private _cellDragCleanup;
+    /** Pointer must move at least this many px before an armed press becomes a range drag. */
+    private static readonly _cellDragThreshold;
     protected readonly cellMenu: _angular_core.WritableSignal<{
         rowId: string;
         columnId: string;
@@ -1180,8 +1189,16 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly hasScrollLeft: _angular_core.WritableSignal<boolean>;
     /** True when table has right-pinned columns and body isn't scrolled to the end */
     protected readonly hasScrollRight: _angular_core.WritableSignal<boolean>;
+    /** True khi top-pinned rows đang đè lên nội dung body đã scroll qua đầu */
+    protected readonly hasScrollTop: _angular_core.WritableSignal<boolean>;
+    /** True khi bottom-pinned rows đang đè lên nội dung body còn scroll xuống được */
+    protected readonly hasScrollBottom: _angular_core.WritableSignal<boolean>;
     /** Maps row IDs to measured DOM heights for pinned row offset calculations */
     protected readonly pinnedRowHeights: _angular_core.WritableSignal<Record<string, number>>;
+    protected readonly virtualMeasuredLeftSpacerWidth: _angular_core.WritableSignal<number>;
+    protected readonly virtualMeasuredRightSpacerWidth: _angular_core.WritableSignal<number>;
+    private readonly _virtualMeasuredLeftSpacerSourceWidth;
+    private readonly _virtualMeasuredRightSpacerSourceWidth;
     protected readonly defaultBulkActions: _angular_core.Signal<ZTableBulkActionItem<T>[]>;
     /** Bumped to force recomputation of pinned column IDs after programmatic pin changes */
     private readonly _columnPinVersion;
@@ -1290,6 +1307,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
      *     nhầm cho row đang nằm ở giữa bảng.
      */
     protected readonly renderedBodyRows: _angular_core.Signal<Row<T>[]>;
+    protected readonly bodyRowSpanRows: _angular_core.Signal<Row<T>[]>;
     protected readonly virtualGroupedFlatItems: _angular_core.Signal<ZVirtualFlatItem<T>[]>;
     protected _getVirtualGroupHeader(item: ZVirtualFlatItem<T> | undefined): ZTableGroupRowItem | null;
     protected _isVirtualGroupChild(item: ZVirtualFlatItem<T> | undefined): boolean;
@@ -1333,15 +1351,17 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly rightLeafColumns: _angular_core.Signal<Column<T, unknown>[]>;
     protected readonly hasComplexColumnLayout: _angular_core.Signal<boolean>;
     protected readonly canUseVirtualColumns: _angular_core.Signal<boolean>;
-    protected readonly columnVirtualizer: _shival99_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
+    protected readonly columnVirtualizer: _shival99_angular_virtual.AngularVirtualizer<HTMLElement, Element>;
     protected readonly virtualCenterColumnItems: _angular_core.Signal<_shival99_angular_virtual.VirtualItem[]>;
     protected readonly virtualCenterColumns: _angular_core.Signal<Column<T, unknown>[]>;
     protected readonly virtualCenterColumnVisibilityMap: _angular_core.Signal<Record<string, boolean>>;
     protected readonly firstVirtualCenterColumnId: _angular_core.Signal<string>;
     protected readonly lastVirtualCenterColumnId: _angular_core.Signal<string>;
     protected readonly virtualLeftSpacerWidth: _angular_core.Signal<number>;
+    protected readonly virtualRenderedLeftSpacerWidth: _angular_core.Signal<number>;
     protected readonly virtualCenterTotalWidth: _angular_core.Signal<number>;
     protected readonly virtualRightSpacerWidth: _angular_core.Signal<number>;
+    protected readonly virtualRenderedRightSpacerWidth: _angular_core.Signal<number>;
     protected readonly renderedColumnCount: _angular_core.Signal<number>;
     protected readonly renderedNativeColumnWidth: _angular_core.Signal<number>;
     protected readonly renderedTableWidth: _angular_core.Signal<number>;
@@ -1375,6 +1395,12 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected readonly skeletonRowCount: _angular_core.Signal<number>;
     protected readonly skeletonRows: _angular_core.Signal<number[]>;
     protected readonly dynamicGroupRows: _angular_core.Signal<Row<T>[][]>;
+    /** Pinned top rows rendered separately from the virtualizer loop in virtual scroll mode. */
+    protected readonly virtualPinnedTopRows: _angular_core.Signal<Row<T>[]>;
+    protected readonly virtualPinnedTopHeight: _angular_core.Signal<number>;
+    /** Pinned bottom rows rendered separately from the virtualizer loop in virtual scroll mode. */
+    protected readonly virtualPinnedBottomRows: _angular_core.Signal<Row<T>[]>;
+    protected readonly virtualPinnedBottomHeight: _angular_core.Signal<number>;
     protected readonly dynamicGroupHeights: _angular_core.Signal<any[]>;
     protected readonly columnSizing: _angular_core.Signal<ColumnSizingState>;
     protected readonly columnSizingInfo: _angular_core.Signal<_tanstack_angular_table.ColumnSizingInfoState>;
@@ -1393,8 +1419,9 @@ declare class ZTableComponent<T> implements AfterViewInit {
     private readonly _virtualItemKeys;
     /** Estimate height learned from rendered rows (dynamicSize); falls back to `virtual.size`. Reduces layout shift. */
     private _dynamicEstimateHeight;
+    protected readonly effectiveDynamicRowSizing: _angular_core.Signal<boolean>;
     /** Virtualizer instance — operates on groups rather than individual rows */
-    protected readonly virtualizer: _shival99_angular_virtual.AngularVirtualizer<HTMLDivElement, Element>;
+    protected readonly virtualizer: _shival99_angular_virtual.AngularVirtualizer<HTMLElement, Element>;
     private readonly _measureVirtualItems;
     /** Learn estimate height from measured rows (reads the measurement cache, no reflow). Locks once. */
     private _learnDynamicEstimate;
@@ -1430,6 +1457,12 @@ declare class ZTableComponent<T> implements AfterViewInit {
     private _emitFilterChangeDebounced;
     private _checkScrollState;
     private _refreshPinnedRowHeights;
+    private _schedulePinnedRowHeightsRefresh;
+    private _cancelPinnedRowHeightsRefresh;
+    private _refreshVirtualSpacerWidths;
+    private _setVirtualMeasuredSpacerWidths;
+    private _scheduleVirtualSpacerWidthRefresh;
+    private _cancelVirtualSpacerWidthRefresh;
     private _checkVerticalScroll;
     private _checkLastRowTouchesBottom;
     private _getTbodyViewportElement;
@@ -1444,6 +1477,7 @@ declare class ZTableComponent<T> implements AfterViewInit {
     private _reconcileColumnSizing;
     private _checkHorizontalScroll;
     private _updateScrollShadowState;
+    private _updateVerticalScrollShadowState;
     hasRightPinnedColumns(): boolean;
     onTbodyScroll(event: Event): void;
     private _syncScrollLeft;
@@ -1470,6 +1504,8 @@ declare class ZTableComponent<T> implements AfterViewInit {
     protected clearCellMenu(): void;
     protected clearContentRowMenu(): void;
     protected onCellPointerDown(event: PointerEvent, row: Row<T>, columnId: string): void;
+    /** Arms a range-drag on cell pointerdown and starts document-level move/up tracking to confirm it. */
+    private _armCellDrag;
     protected onCellPointerEnter(event: PointerEvent, row: Row<T>, columnId: string): void;
     protected openCellMenu(event: MouseEvent, row: Row<T>, columnId: string): void;
     protected openContentRowMenu(event: MouseEvent, row: Row<T>, columnId?: string): void;
@@ -1720,7 +1756,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>;

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

@@ -57,7 +57,7 @@ declare class ZToastComponent {
     private readonly _themeService;
     private readonly _config;
     readonly class: _angular_core.InputSignal<ClassValue>;
-    readonly zVariant: _angular_core.InputSignal<"default" | "success" | "error" | "warning" | "info" | null | undefined>;
+    readonly zVariant: _angular_core.InputSignal<"success" | "error" | "warning" | "info" | "default" | null | undefined>;
     readonly zTheme: _angular_core.InputSignal<ZToastTheme | undefined>;
     readonly zPosition: _angular_core.InputSignal<ZToastPosition | undefined>;
     readonly zRichColors: _angular_core.InputSignal<boolean | undefined>;
@@ -152,7 +152,7 @@ declare class ZToastService implements OnDestroy {
 }
 
 declare const zToastVariants: (props?: ({
-    zVariant?: "default" | "success" | "error" | "warning" | "info" | null | undefined;
+    zVariant?: "success" | "error" | "warning" | "info" | "default" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZToastVariants = VariantProps<typeof zToastVariants>;
 

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

@@ -100,7 +100,7 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
     protected readonly hasError: _angular_core.Signal<boolean>;
     protected readonly showError: _angular_core.Signal<boolean>;
     protected readonly errorMessage: _angular_core.Signal<string>;
-    protected readonly currentStatus: _angular_core.Signal<"default" | "error" | "disabled" | "readonly" | "active">;
+    protected readonly currentStatus: _angular_core.Signal<"default" | "disabled" | "readonly" | "error" | "active">;
     protected readonly dropzoneClasses: _angular_core.Signal<string>;
     protected readonly acceptTypes: _angular_core.Signal<string>;
     protected readonly formatFileSize: (bytes: number) => string;
@@ -141,11 +141,11 @@ declare class ZUploadComponent implements OnInit, ControlValueAccessor {
 
 declare const zUploadDropzoneVariants: (props?: ({
     zSize?: "sm" | "default" | "lg" | null | undefined;
-    zStatus?: "default" | "error" | "active" | "disabled" | "readonly" | null | undefined;
+    zStatus?: "default" | "disabled" | "readonly" | "error" | "active" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZUploadDropzoneVariants = VariantProps<typeof zUploadDropzoneVariants>;
 declare const zUploadFileItemVariants: (props?: ({
-    zStatus?: "pending" | "uploading" | "success" | "error" | null | undefined;
+    zStatus?: "error" | "pending" | "uploading" | "success" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type ZUploadFileItemVariants = VariantProps<typeof zUploadFileItemVariants>;