azeriand-library 1.15.0 → 1.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,6 +5,7 @@ export type CardProps<T extends ElementType = 'article'> = {
5
5
  noPadding?: boolean;
6
6
  noBlur?: boolean;
7
7
  appearance?: string;
8
+ blur?: number;
8
9
  color?: string;
9
10
  intensity?: number;
10
11
  dark?: boolean;
@@ -12,4 +13,4 @@ export type CardProps<T extends ElementType = 'article'> = {
12
13
  className?: string;
13
14
  style?: React.CSSProperties;
14
15
  } & React.ComponentPropsWithoutRef<T>;
15
- export declare function Card<T extends ElementType = 'article'>({ as, children, noPadding, noBlur, appearance, color, intensity, dark, onClick, className, style, ...rest }: CardProps<T>): import("react/jsx-runtime").JSX.Element;
16
+ export declare function Card<T extends ElementType = 'article'>({ as, children, noPadding, noBlur, appearance, blur, color, intensity, dark, onClick, className, style, ...rest }: CardProps<T>): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,38 @@
1
+ import { default as React, ReactNode } from 'react';
2
+ export interface GradientGlowProps {
3
+ /** Type of animation: 'breath', 'rotate', 'spin', 'pulse', or 'none' */
4
+ animation?: 'breath' | 'rotate' | 'spin' | 'pulse' | 'none';
5
+ /** Animation behavior: 'once', 'continuous', 'hover' */
6
+ animationType?: 'once' | 'continuous' | 'hover';
7
+ /** Animation duration in seconds */
8
+ duration?: number;
9
+ /** Animation easing function */
10
+ easing?: string;
11
+ /** Custom gradient background */
12
+ gradient?: string;
13
+ /** Predefined gradient theme */
14
+ gradientTheme?: 'purple-blue' | 'rainbow' | 'sunset' | 'ocean' | 'forest';
15
+ /** Blur intensity */
16
+ blurIntensity?: number;
17
+ /** Glow spread distance */
18
+ glowSpread?: number;
19
+ /** Border radius for the glow effect */
20
+ borderRadius?: string;
21
+ /** Initial opacity */
22
+ opacity?: number;
23
+ /** Whether to start animation immediately on mount */
24
+ autoStart?: boolean;
25
+ /** Delay before starting animation (in seconds) */
26
+ delay?: number;
27
+ /** Disable the glow effect completely */
28
+ disabled?: boolean;
29
+ /** Children elements */
30
+ children?: ReactNode;
31
+ }
32
+ export interface GradientGlowRef {
33
+ startAnimation: () => void;
34
+ stopAnimation: () => void;
35
+ toggleAnimation: () => void;
36
+ }
37
+ export declare const GradientGlow: React.ForwardRefExoticComponent<GradientGlowProps & React.RefAttributes<GradientGlowRef>>;
38
+ export default GradientGlow;
package/dist/index.esm.js CHANGED
@@ -15751,6 +15751,7 @@ function Card({
15751
15751
  noPadding,
15752
15752
  noBlur = false,
15753
15753
  appearance = "glass",
15754
+ blur = 10,
15754
15755
  color: color2 = "neutral",
15755
15756
  intensity,
15756
15757
  dark: dark2 = true,
@@ -15771,7 +15772,7 @@ function Card({
15771
15772
  setCardStyle({
15772
15773
  "--glass-color": `var(--color-${color2}-${intensityValue})`,
15773
15774
  "--card-text-color": `var(--color-${color2}-${dark2 ? "100" : "800"})`,
15774
- backdropFilter: appearance === "glass" && !noBlur ? "blur(10px)" : void 0,
15775
+ backdropFilter: appearance === "glass" && !noBlur ? `blur(${blur}px)` : void 0,
15775
15776
  ...style2
15776
15777
  });
15777
15778
  let rounded = "rounded-md";