veilkit 0.1.0 → 0.2.1

package/dist/themes/index.d.cts

@@ -1,4 +1,4 @@
-import { C as CustomThemeInput, l as VeilThemeTokens, V as VeilThemeName } from '../types-Ciu5e5xt.cjs';
+import { C as CustomThemeInput, p as VeilThemeTokens, V as VeilThemeName } from '../types-CnR-rU97.cjs';
 
 /**
  * Veilkit - Themes & Token Definitions

package/dist/themes/index.d.ts

@@ -1,4 +1,4 @@
-import { C as CustomThemeInput, l as VeilThemeTokens, V as VeilThemeName } from '../types-Ciu5e5xt.js';
+import { C as CustomThemeInput, p as VeilThemeTokens, V as VeilThemeName } from '../types-CnR-rU97.js';
 
 /**
  * Veilkit - Themes & Token Definitions

package/dist/{types-Ciu5e5xt.d.cts → types-CnR-rU97.d.cts}

@@ -3,11 +3,12 @@
  * Complete Loading & Skeleton UI Toolkit
  */
 type VeilThemeName = 'light' | 'dark' | 'auto' | 'glass' | 'ios' | 'material' | 'minimal' | 'mono' | 'neon' | 'sunset' | 'ocean';
-type VeilAnimationName = 'shimmer' | 'wave' | 'pulse' | 'blink' | 'breathe' | 'glass-shine' | 'gradient-flow' | 'aurora' | 'scan-line' | 'sparkle' | 'neon-glow' | 'stagger' | 'none';
+type VeilAnimationName = 'shimmer' | 'wave' | 'pulse' | 'blink' | 'breathe' | 'glass-shine' | 'gradient-flow' | 'aurora' | 'scan-line' | 'sparkle' | 'neon-glow' | 'stagger' | 'ripple' | 'ping-pong' | 'wipe' | 'cascade' | 'spotlight' | 'rainbow' | 'heartbeat' | 'liquid' | 'stripes' | 'halftone' | 'border-glow' | 'typewriter' | 'glitch' | 'pixelate' | 'tilt' | 'diagonal-sweep' | 'bounce-in' | 'fade-slide' | 'none';
 type VeilDirection = 'ltr' | 'rtl' | 'ttb' | 'btt';
 type VeilPrimitiveType = 'line' | 'paragraph' | 'heading' | 'circle' | 'rect' | 'image' | 'button' | 'badge' | 'icon' | 'input' | 'table-row' | 'divider';
-type VeilPresetName = 'card' | 'product-card' | 'product-grid' | 'list' | 'list-item' | 'table' | 'profile' | 'profile-header' | 'feed-post' | 'article' | 'comment-thread' | 'chat' | 'dashboard' | 'form' | 'media-card' | 'navbar' | 'sidebar' | 'settings-page';
-type VeilSpinnerType = 'ring' | 'dual-ring' | 'dots' | 'bars' | 'pulse' | 'orbit' | 'wave' | 'bounce' | 'ios-activity' | 'glass-orb' | 'morph' | 'progress-circle';
+type VeilShapeStyle = 'rounded' | 'pill' | 'square' | 'sharp' | 'glass';
+type VeilPresetName = 'card' | 'product-card' | 'product-grid' | 'list' | 'list-item' | 'table' | 'profile' | 'profile-header' | 'feed-post' | 'article' | 'comment-thread' | 'chat' | 'dashboard' | 'form' | 'media-card' | 'navbar' | 'sidebar' | 'settings-page' | 'product-detail' | 'news-feed' | 'inbox-list' | 'notification-list' | 'order-list' | 'kpi-card' | 'chart-bar' | 'chart-line' | 'chart-pie' | 'search-results' | 'video-player' | 'music-player' | 'stories-row' | 'reels' | 'tabs' | 'calendar' | 'kanban' | 'timeline' | 'map-card' | 'pricing-card' | 'testimonial' | 'faq-accordion' | 'file-explorer' | 'code-block';
+type VeilSpinnerType = 'ring' | 'dual-ring' | 'dots' | 'bars' | 'pulse' | 'orbit' | 'wave' | 'bounce' | 'ios-activity' | 'glass-orb' | 'morph' | 'progress-circle' | 'arc-gradient' | 'pulse-ring' | 'dots-circle' | 'grid-dots' | 'square-flip' | 'cube-fold' | 'hourglass' | 'infinity' | 'heartbeat-line' | 'equalizer' | 'chasing-dots' | 'typing' | 'liquid-fill' | 'atom' | 'clock' | 'radar' | 'ellipsis' | 'flower';
 type VeilRevealTransition = 'fade' | 'blur-in' | 'slide-up' | 'scale' | 'stagger-children' | 'none';
 interface VeilThemeTokens {
     base: string;
@@ -65,6 +66,7 @@ interface PresetProps extends Omit<SkeletonProps, 'type'> {
     name: VeilPresetName;
     items?: number;
     columns?: number;
+    shape?: VeilShapeStyle;
 }
 interface AutoMeasureOptions {
     container?: HTMLElement;
@@ -94,6 +96,7 @@ interface SpinnerProps {
     secondaryColor?: string;
     speed?: number | string;
     label?: string;
+    glass?: boolean;
     className?: string;
     style?: Record<string, string | number>;
 }
@@ -123,15 +126,29 @@ interface OverlayProps {
     className?: string;
     zIndex?: number;
 }
+type ButtonStatus = 'idle' | 'loading' | 'success' | 'error';
+type ButtonLoadingStyle = 'spinner-left' | 'spinner-right' | 'spinner-replace' | 'dots-after-text' | 'progress-fill' | 'shimmer-surface' | 'pulse-glow' | 'stripes-progress' | 'morph-circle' | 'slide-text' | 'border-trace' | 'liquid-fill' | 'bounce-dots' | 'glass-shine' | 'neon-pulse' | 'skeleton-button';
+type ButtonPressFeedback = 'ripple' | 'press-scale' | 'glow-follow' | 'none';
+type ButtonResultAnimation = 'checkmark' | 'cross' | 'shake' | 'success-burst' | 'none';
 interface LoadingButtonProps {
+    status?: ButtonStatus;
     loading?: boolean;
+    styleType?: ButtonLoadingStyle;
     spinner?: VeilSpinnerType;
     spinnerPlacement?: 'start' | 'end' | 'replace';
     loadingText?: string;
+    successText?: string;
+    errorText?: string;
+    resetAfter?: number;
+    progress?: number;
+    pressFeedback?: ButtonPressFeedback;
+    resultAnimation?: ButtonResultAnimation;
+    haptics?: boolean;
     disabled?: boolean;
     className?: string;
     children?: any;
-    onClick?: (event: any) => void;
+    onStatusChange?: (status: ButtonStatus) => void;
+    onClick?: (event: any) => Promise<any> | void;
 }
 interface LazyImageProps {
     src: string;
@@ -156,4 +173,4 @@ interface TextLoaderProps {
     className?: string;
 }
 
-export type { AutoMeasureOptions as A, CustomThemeInput as C, LoadingButtonProps as L, OverlayProps as O, ProgressProps as P, SkeletonProps as S, TextLoaderProps as T, VeilThemeName as V, VeilAnimationName as a, SpinnerProps as b, VeilGlobalConfig as c, VeilPrimitiveType as d, VeilSpinnerType as e, PresetProps as f, SkeletonController as g, LazyImageProps as h, VeilDirection as i, VeilRevealTransition as j, VeilPresetName as k, VeilThemeTokens as l };
+export type { AutoMeasureOptions as A, ButtonStatus as B, CustomThemeInput as C, LoadingButtonProps as L, OverlayProps as O, PresetProps as P, SkeletonProps as S, TextLoaderProps as T, VeilThemeName as V, VeilAnimationName as a, ProgressProps as b, SpinnerProps as c, VeilGlobalConfig as d, ButtonLoadingStyle as e, VeilSpinnerType as f, VeilPresetName as g, VeilShapeStyle as h, VeilPrimitiveType as i, ButtonPressFeedback as j, ButtonResultAnimation as k, SkeletonController as l, LazyImageProps as m, VeilDirection as n, VeilRevealTransition as o, VeilThemeTokens as p };

package/dist/{types-Ciu5e5xt.d.ts → types-CnR-rU97.d.ts}

@@ -3,11 +3,12 @@
  * Complete Loading & Skeleton UI Toolkit
  */
 type VeilThemeName = 'light' | 'dark' | 'auto' | 'glass' | 'ios' | 'material' | 'minimal' | 'mono' | 'neon' | 'sunset' | 'ocean';
-type VeilAnimationName = 'shimmer' | 'wave' | 'pulse' | 'blink' | 'breathe' | 'glass-shine' | 'gradient-flow' | 'aurora' | 'scan-line' | 'sparkle' | 'neon-glow' | 'stagger' | 'none';
+type VeilAnimationName = 'shimmer' | 'wave' | 'pulse' | 'blink' | 'breathe' | 'glass-shine' | 'gradient-flow' | 'aurora' | 'scan-line' | 'sparkle' | 'neon-glow' | 'stagger' | 'ripple' | 'ping-pong' | 'wipe' | 'cascade' | 'spotlight' | 'rainbow' | 'heartbeat' | 'liquid' | 'stripes' | 'halftone' | 'border-glow' | 'typewriter' | 'glitch' | 'pixelate' | 'tilt' | 'diagonal-sweep' | 'bounce-in' | 'fade-slide' | 'none';
 type VeilDirection = 'ltr' | 'rtl' | 'ttb' | 'btt';
 type VeilPrimitiveType = 'line' | 'paragraph' | 'heading' | 'circle' | 'rect' | 'image' | 'button' | 'badge' | 'icon' | 'input' | 'table-row' | 'divider';
-type VeilPresetName = 'card' | 'product-card' | 'product-grid' | 'list' | 'list-item' | 'table' | 'profile' | 'profile-header' | 'feed-post' | 'article' | 'comment-thread' | 'chat' | 'dashboard' | 'form' | 'media-card' | 'navbar' | 'sidebar' | 'settings-page';
-type VeilSpinnerType = 'ring' | 'dual-ring' | 'dots' | 'bars' | 'pulse' | 'orbit' | 'wave' | 'bounce' | 'ios-activity' | 'glass-orb' | 'morph' | 'progress-circle';
+type VeilShapeStyle = 'rounded' | 'pill' | 'square' | 'sharp' | 'glass';
+type VeilPresetName = 'card' | 'product-card' | 'product-grid' | 'list' | 'list-item' | 'table' | 'profile' | 'profile-header' | 'feed-post' | 'article' | 'comment-thread' | 'chat' | 'dashboard' | 'form' | 'media-card' | 'navbar' | 'sidebar' | 'settings-page' | 'product-detail' | 'news-feed' | 'inbox-list' | 'notification-list' | 'order-list' | 'kpi-card' | 'chart-bar' | 'chart-line' | 'chart-pie' | 'search-results' | 'video-player' | 'music-player' | 'stories-row' | 'reels' | 'tabs' | 'calendar' | 'kanban' | 'timeline' | 'map-card' | 'pricing-card' | 'testimonial' | 'faq-accordion' | 'file-explorer' | 'code-block';
+type VeilSpinnerType = 'ring' | 'dual-ring' | 'dots' | 'bars' | 'pulse' | 'orbit' | 'wave' | 'bounce' | 'ios-activity' | 'glass-orb' | 'morph' | 'progress-circle' | 'arc-gradient' | 'pulse-ring' | 'dots-circle' | 'grid-dots' | 'square-flip' | 'cube-fold' | 'hourglass' | 'infinity' | 'heartbeat-line' | 'equalizer' | 'chasing-dots' | 'typing' | 'liquid-fill' | 'atom' | 'clock' | 'radar' | 'ellipsis' | 'flower';
 type VeilRevealTransition = 'fade' | 'blur-in' | 'slide-up' | 'scale' | 'stagger-children' | 'none';
 interface VeilThemeTokens {
     base: string;
@@ -65,6 +66,7 @@ interface PresetProps extends Omit<SkeletonProps, 'type'> {
     name: VeilPresetName;
     items?: number;
     columns?: number;
+    shape?: VeilShapeStyle;
 }
 interface AutoMeasureOptions {
     container?: HTMLElement;
@@ -94,6 +96,7 @@ interface SpinnerProps {
     secondaryColor?: string;
     speed?: number | string;
     label?: string;
+    glass?: boolean;
     className?: string;
     style?: Record<string, string | number>;
 }
@@ -123,15 +126,29 @@ interface OverlayProps {
     className?: string;
     zIndex?: number;
 }
+type ButtonStatus = 'idle' | 'loading' | 'success' | 'error';
+type ButtonLoadingStyle = 'spinner-left' | 'spinner-right' | 'spinner-replace' | 'dots-after-text' | 'progress-fill' | 'shimmer-surface' | 'pulse-glow' | 'stripes-progress' | 'morph-circle' | 'slide-text' | 'border-trace' | 'liquid-fill' | 'bounce-dots' | 'glass-shine' | 'neon-pulse' | 'skeleton-button';
+type ButtonPressFeedback = 'ripple' | 'press-scale' | 'glow-follow' | 'none';
+type ButtonResultAnimation = 'checkmark' | 'cross' | 'shake' | 'success-burst' | 'none';
 interface LoadingButtonProps {
+    status?: ButtonStatus;
     loading?: boolean;
+    styleType?: ButtonLoadingStyle;
     spinner?: VeilSpinnerType;
     spinnerPlacement?: 'start' | 'end' | 'replace';
     loadingText?: string;
+    successText?: string;
+    errorText?: string;
+    resetAfter?: number;
+    progress?: number;
+    pressFeedback?: ButtonPressFeedback;
+    resultAnimation?: ButtonResultAnimation;
+    haptics?: boolean;
     disabled?: boolean;
     className?: string;
     children?: any;
-    onClick?: (event: any) => void;
+    onStatusChange?: (status: ButtonStatus) => void;
+    onClick?: (event: any) => Promise<any> | void;
 }
 interface LazyImageProps {
     src: string;
@@ -156,4 +173,4 @@ interface TextLoaderProps {
     className?: string;
 }
 
-export type { AutoMeasureOptions as A, CustomThemeInput as C, LoadingButtonProps as L, OverlayProps as O, ProgressProps as P, SkeletonProps as S, TextLoaderProps as T, VeilThemeName as V, VeilAnimationName as a, SpinnerProps as b, VeilGlobalConfig as c, VeilPrimitiveType as d, VeilSpinnerType as e, PresetProps as f, SkeletonController as g, LazyImageProps as h, VeilDirection as i, VeilRevealTransition as j, VeilPresetName as k, VeilThemeTokens as l };
+export type { AutoMeasureOptions as A, ButtonStatus as B, CustomThemeInput as C, LoadingButtonProps as L, OverlayProps as O, PresetProps as P, SkeletonProps as S, TextLoaderProps as T, VeilThemeName as V, VeilAnimationName as a, ProgressProps as b, SpinnerProps as c, VeilGlobalConfig as d, ButtonLoadingStyle as e, VeilSpinnerType as f, VeilPresetName as g, VeilShapeStyle as h, VeilPrimitiveType as i, ButtonPressFeedback as j, ButtonResultAnimation as k, SkeletonController as l, LazyImageProps as m, VeilDirection as n, VeilRevealTransition as o, VeilThemeTokens as p };