@moontra/moonui-pro 2.33.28 → 2.34.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.
- package/dist/cdn/index.css +1 -1
- package/dist/cdn/index.css.map +1 -1
- package/dist/cdn/index.global.js +2361 -187
- package/dist/cdn/index.global.js.map +1 -1
- package/dist/index.d.ts +3511 -60
- package/dist/index.mjs +20144 -617
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ClassValue } from 'clsx';
|
|
2
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
|
-
import React__default, { ReactNode, ErrorInfo, ComponentType, FC } from 'react';
|
|
4
|
+
import React__default, { ReactNode, ErrorInfo, ComponentType, FC, JSX } from 'react';
|
|
5
5
|
import * as AccordionPrimitive from '@radix-ui/react-accordion';
|
|
6
6
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
7
7
|
import { VariantProps } from 'class-variance-authority';
|
|
@@ -1680,6 +1680,86 @@ interface DraggableListProps<T> {
|
|
|
1680
1680
|
}
|
|
1681
1681
|
declare function DraggableList<T>({ items, onReorder, keyExtractor, renderItem, className, itemClassName, dragHandleClassName, showDragHandle, dragHandleSize, disabled, onDragStart, onDragEnd, gap, animationDuration, showDropIndicator, dropIndicatorColor, dropIndicatorStyle, dragPreviewStyle, hapticFeedback }: DraggableListProps<T>): react_jsx_runtime.JSX.Element;
|
|
1682
1682
|
|
|
1683
|
+
/**
|
|
1684
|
+
* GlowCard Component
|
|
1685
|
+
*
|
|
1686
|
+
* Premium card component with advanced glow effects and animations
|
|
1687
|
+
* Inspired by React Bits: https://github.com/DavidHDev/react-bits
|
|
1688
|
+
*
|
|
1689
|
+
* @author React Bits Team (Original Inspiration), MoonUI Team
|
|
1690
|
+
* @license MIT
|
|
1691
|
+
*/
|
|
1692
|
+
declare const glowCardVariants: (props?: ({
|
|
1693
|
+
variant?: "strong" | "glass" | "neon" | "subtle" | "aurora" | "cyberpunk" | "sunrise" | null | undefined;
|
|
1694
|
+
intensity?: "high" | "low" | "medium" | "extreme" | null | undefined;
|
|
1695
|
+
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
1696
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1697
|
+
declare const animationPresets: {
|
|
1698
|
+
none: string;
|
|
1699
|
+
pulse: string;
|
|
1700
|
+
breathe: string;
|
|
1701
|
+
shimmer: string;
|
|
1702
|
+
bounce: string;
|
|
1703
|
+
flicker: string;
|
|
1704
|
+
wave: string;
|
|
1705
|
+
};
|
|
1706
|
+
declare const patternStyles: {
|
|
1707
|
+
none: string;
|
|
1708
|
+
dots: string;
|
|
1709
|
+
grid: string;
|
|
1710
|
+
waves: string;
|
|
1711
|
+
hexagon: string;
|
|
1712
|
+
circuit: string;
|
|
1713
|
+
};
|
|
1714
|
+
interface GlowLayer {
|
|
1715
|
+
color: string;
|
|
1716
|
+
size: number;
|
|
1717
|
+
opacity: number;
|
|
1718
|
+
blur?: number;
|
|
1719
|
+
inset?: boolean;
|
|
1720
|
+
}
|
|
1721
|
+
interface GlowCardProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'color'>, VariantProps<typeof glowCardVariants> {
|
|
1722
|
+
/** Card content */
|
|
1723
|
+
children: React__default.ReactNode;
|
|
1724
|
+
/** Primary glow color */
|
|
1725
|
+
glowColor?: string;
|
|
1726
|
+
/** Enable gradient glow */
|
|
1727
|
+
gradient?: boolean;
|
|
1728
|
+
/** Gradient colors array */
|
|
1729
|
+
gradientColors?: string[];
|
|
1730
|
+
/** Gradient angle in degrees */
|
|
1731
|
+
gradientAngle?: number;
|
|
1732
|
+
/** Animation preset */
|
|
1733
|
+
animationPreset?: keyof typeof animationPresets;
|
|
1734
|
+
/** Animation duration in seconds */
|
|
1735
|
+
animationDuration?: number;
|
|
1736
|
+
/** Multiple glow layers for complex effects */
|
|
1737
|
+
glowLayers?: GlowLayer[];
|
|
1738
|
+
/** Enable backdrop blur (glass effect) */
|
|
1739
|
+
backdropBlur?: boolean;
|
|
1740
|
+
/** Blur amount in pixels */
|
|
1741
|
+
blurAmount?: number;
|
|
1742
|
+
/** Background pattern */
|
|
1743
|
+
pattern?: keyof typeof patternStyles;
|
|
1744
|
+
/** Enable mouse tracking */
|
|
1745
|
+
mouseTrack?: boolean;
|
|
1746
|
+
/** Mouse effect radius */
|
|
1747
|
+
mouseRadius?: number;
|
|
1748
|
+
/** Enable 3D tilt effect on hover */
|
|
1749
|
+
tilt?: boolean;
|
|
1750
|
+
/** Maximum tilt angle */
|
|
1751
|
+
tiltAngle?: number;
|
|
1752
|
+
/** Theme mode */
|
|
1753
|
+
theme?: 'auto' | 'dark' | 'light';
|
|
1754
|
+
/** Disable all animations */
|
|
1755
|
+
disableAnimations?: boolean;
|
|
1756
|
+
/** Custom CSS variables */
|
|
1757
|
+
cssVars?: Record<string, string>;
|
|
1758
|
+
/** Container props */
|
|
1759
|
+
containerProps?: React__default.HTMLAttributes<HTMLDivElement>;
|
|
1760
|
+
}
|
|
1761
|
+
declare const GlowCard: React__default.ForwardRefExoticComponent<GlowCardProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1762
|
+
|
|
1683
1763
|
declare const moonUIAnimatedButtonProVariants: (props?: ({
|
|
1684
1764
|
variant?: "link" | "default" | "gradient" | "secondary" | "ghost" | "outline" | "destructive" | "glow" | null | undefined;
|
|
1685
1765
|
size?: "default" | "sm" | "lg" | "xl" | "icon" | null | undefined;
|
|
@@ -1882,55 +1962,6 @@ interface FloatingDockProps extends Omit<React__default.HTMLAttributes<HTMLDivEl
|
|
|
1882
1962
|
}
|
|
1883
1963
|
declare const FloatingDock: React__default.ForwardRefExoticComponent<FloatingDockProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1884
1964
|
|
|
1885
|
-
declare const particleImageVariants: (props?: ({
|
|
1886
|
-
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
1887
|
-
shape?: "square" | "circle" | "rounded" | null | undefined;
|
|
1888
|
-
effect?: "explode" | "dissolve" | "spiral" | "wave" | null | undefined;
|
|
1889
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1890
|
-
interface ParticleImageProps extends React__default.HTMLAttributes<HTMLDivElement>, VariantProps<typeof particleImageVariants> {
|
|
1891
|
-
/**
|
|
1892
|
-
* Resim URL'si
|
|
1893
|
-
*/
|
|
1894
|
-
src: string;
|
|
1895
|
-
/**
|
|
1896
|
-
* Alt metni
|
|
1897
|
-
*/
|
|
1898
|
-
alt?: string;
|
|
1899
|
-
/**
|
|
1900
|
-
* Parçacık sayısı (varsayılan: 100)
|
|
1901
|
-
*/
|
|
1902
|
-
particleCount?: number;
|
|
1903
|
-
/**
|
|
1904
|
-
* Animasyon süresi (saniye, varsayılan: 3)
|
|
1905
|
-
*/
|
|
1906
|
-
duration?: number;
|
|
1907
|
-
/**
|
|
1908
|
-
* Parçacık boyutu (varsayılan: 2)
|
|
1909
|
-
*/
|
|
1910
|
-
particleSize?: number;
|
|
1911
|
-
/**
|
|
1912
|
-
* Hover'da tetikle (varsayılan: true)
|
|
1913
|
-
*/
|
|
1914
|
-
triggerOnHover?: boolean;
|
|
1915
|
-
/**
|
|
1916
|
-
* Otomatik tetikleme (varsayılan: false)
|
|
1917
|
-
*/
|
|
1918
|
-
autoTrigger?: boolean;
|
|
1919
|
-
/**
|
|
1920
|
-
* Otomatik tetikleme aralığı (saniye, varsayılan: 5)
|
|
1921
|
-
*/
|
|
1922
|
-
autoTriggerInterval?: number;
|
|
1923
|
-
/**
|
|
1924
|
-
* Animasyon tamamlandığında çağrılacak callback
|
|
1925
|
-
*/
|
|
1926
|
-
onComplete?: () => void;
|
|
1927
|
-
/**
|
|
1928
|
-
* Animasyon başladığında çağrılacak callback
|
|
1929
|
-
*/
|
|
1930
|
-
onStart?: () => void;
|
|
1931
|
-
}
|
|
1932
|
-
declare const ParticleImage: React__default.ForwardRefExoticComponent<ParticleImageProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1933
|
-
|
|
1934
1965
|
declare const splashCursorVariants: (props?: ({
|
|
1935
1966
|
size?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
1936
1967
|
variant?: "default" | "secondary" | "destructive" | "accent" | "rainbow" | null | undefined;
|
|
@@ -1976,9 +2007,64 @@ interface SplashCursorProps extends VariantProps<typeof splashCursorVariants> {
|
|
|
1976
2007
|
* Aktif/pasif durumu
|
|
1977
2008
|
*/
|
|
1978
2009
|
enabled?: boolean;
|
|
2010
|
+
/**
|
|
2011
|
+
* Container ref - belirli bir container içinde çalışması için
|
|
2012
|
+
*/
|
|
2013
|
+
containerRef?: React__default.RefObject<HTMLElement>;
|
|
1979
2014
|
}
|
|
1980
2015
|
declare const SplashCursor: React__default.FC<SplashCursorProps>;
|
|
1981
2016
|
|
|
2017
|
+
interface SplashCursorContainerProps extends Omit<SplashCursorProps, 'containerRef'> {
|
|
2018
|
+
/**
|
|
2019
|
+
* Container className
|
|
2020
|
+
*/
|
|
2021
|
+
className?: string;
|
|
2022
|
+
/**
|
|
2023
|
+
* Container content
|
|
2024
|
+
*/
|
|
2025
|
+
children?: React__default.ReactNode;
|
|
2026
|
+
/**
|
|
2027
|
+
* Container minimum height
|
|
2028
|
+
*/
|
|
2029
|
+
minHeight?: string;
|
|
2030
|
+
}
|
|
2031
|
+
declare const SplashCursorContainer: React__default.FC<SplashCursorContainerProps>;
|
|
2032
|
+
|
|
2033
|
+
/**
|
|
2034
|
+
* Marquee Component
|
|
2035
|
+
*
|
|
2036
|
+
* Sonsuz döngüde kayan içerik komponenti
|
|
2037
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
2038
|
+
*
|
|
2039
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
2040
|
+
* @license MIT
|
|
2041
|
+
*/
|
|
2042
|
+
interface MarqueeProps {
|
|
2043
|
+
/** Kayan içerik */
|
|
2044
|
+
children: React__default.ReactNode;
|
|
2045
|
+
/** Animasyon hızı (varsayılan: 50) */
|
|
2046
|
+
speed?: number;
|
|
2047
|
+
/** Animasyon yönü */
|
|
2048
|
+
direction?: 'left' | 'right' | 'up' | 'down';
|
|
2049
|
+
/** Hover'da durdur */
|
|
2050
|
+
pauseOnHover?: boolean;
|
|
2051
|
+
/** Klonlama sayısı (varsayılan: 2) */
|
|
2052
|
+
repeat?: number;
|
|
2053
|
+
/** Gradyan fade efekti */
|
|
2054
|
+
fade?: boolean;
|
|
2055
|
+
/** Fade genişliği (px) */
|
|
2056
|
+
fadeWidth?: number;
|
|
2057
|
+
/** Otomatik doldurma */
|
|
2058
|
+
autoFill?: boolean;
|
|
2059
|
+
/** CSS sınıfı */
|
|
2060
|
+
className?: string;
|
|
2061
|
+
/** Container CSS sınıfı */
|
|
2062
|
+
containerClassName?: string;
|
|
2063
|
+
/** Animasyon durumu değiştiğinde */
|
|
2064
|
+
onPlayStateChange?: (playing: boolean) => void;
|
|
2065
|
+
}
|
|
2066
|
+
declare const Marquee: React__default.FC<MarqueeProps>;
|
|
2067
|
+
|
|
1982
2068
|
interface ErrorFallbackProps {
|
|
1983
2069
|
error: Error;
|
|
1984
2070
|
resetErrorBoundary: () => void;
|
|
@@ -2011,7 +2097,7 @@ declare const FloatingActionButton: React__default.ForwardRefExoticComponent<Flo
|
|
|
2011
2097
|
|
|
2012
2098
|
declare const hoverCard3DVariants: (props?: ({
|
|
2013
2099
|
variant?: "neon" | "subtle" | "dramatic" | "gaming" | "elegant" | null | undefined;
|
|
2014
|
-
shadowIntensity?: "medium" | "none" | "light" | "
|
|
2100
|
+
shadowIntensity?: "medium" | "none" | "light" | "extreme" | "heavy" | null | undefined;
|
|
2015
2101
|
glowEffect?: "none" | "neon" | "subtle" | "vibrant" | null | undefined;
|
|
2016
2102
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
2017
2103
|
interface SpringConfig {
|
|
@@ -2160,14 +2246,6 @@ interface PinchZoomProps {
|
|
|
2160
2246
|
}
|
|
2161
2247
|
declare const PinchZoom: React__default.ForwardRefExoticComponent<PinchZoomProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
2162
2248
|
|
|
2163
|
-
interface SpotlightCardProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
2164
|
-
spotlightColor?: string;
|
|
2165
|
-
spotlightSize?: number;
|
|
2166
|
-
intensity?: number;
|
|
2167
|
-
borderGlow?: boolean;
|
|
2168
|
-
}
|
|
2169
|
-
declare const SpotlightCard: React__default.ForwardRefExoticComponent<SpotlightCardProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
2170
|
-
|
|
2171
2249
|
interface CalendarEvent {
|
|
2172
2250
|
id: string;
|
|
2173
2251
|
title: string;
|
|
@@ -4114,6 +4192,7 @@ interface GlitchTextProps {
|
|
|
4114
4192
|
primary?: string;
|
|
4115
4193
|
secondary?: string;
|
|
4116
4194
|
};
|
|
4195
|
+
intensity?: number;
|
|
4117
4196
|
}
|
|
4118
4197
|
declare const GlitchText: FC<GlitchTextProps>;
|
|
4119
4198
|
|
|
@@ -4183,6 +4262,74 @@ interface TextRevealProps extends React__default.HTMLAttributes<HTMLDivElement>,
|
|
|
4183
4262
|
}
|
|
4184
4263
|
declare const TextReveal: React__default.ForwardRefExoticComponent<TextRevealProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
4185
4264
|
|
|
4265
|
+
/**
|
|
4266
|
+
* TypeWriter Text Component
|
|
4267
|
+
*
|
|
4268
|
+
* Yazı makinesi efekti ile metin animasyonu
|
|
4269
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
4270
|
+
*
|
|
4271
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
4272
|
+
* @license MIT
|
|
4273
|
+
*/
|
|
4274
|
+
interface TypewriterTextProps {
|
|
4275
|
+
/** Animasyon yapılacak metin */
|
|
4276
|
+
text: string;
|
|
4277
|
+
/** Yazma hızı (ms cinsinden karakter başına) */
|
|
4278
|
+
speed?: number;
|
|
4279
|
+
/** Silme hızı (ms cinsinden karakter başına) */
|
|
4280
|
+
deleteSpeed?: number;
|
|
4281
|
+
/** Yazma tamamlandıktan sonra bekleme süresi */
|
|
4282
|
+
pauseAfter?: number;
|
|
4283
|
+
/** Animasyon döngü olarak devam etsin mi? */
|
|
4284
|
+
loop?: boolean;
|
|
4285
|
+
/** İmleç gösterilsin mi? */
|
|
4286
|
+
showCursor?: boolean;
|
|
4287
|
+
/** İmleç karakteri */
|
|
4288
|
+
cursorChar?: string;
|
|
4289
|
+
/** İmleç yanıp sönsün mü? */
|
|
4290
|
+
cursorBlink?: boolean;
|
|
4291
|
+
/** CSS sınıfı */
|
|
4292
|
+
className?: string;
|
|
4293
|
+
/** Yazma tamamlandığında çağrılacak callback */
|
|
4294
|
+
onComplete?: () => void;
|
|
4295
|
+
/** Her karakter yazıldığında çağrılacak callback */
|
|
4296
|
+
onType?: (char: string, index: number) => void;
|
|
4297
|
+
}
|
|
4298
|
+
declare const TypewriterText: React__default.FC<TypewriterTextProps>;
|
|
4299
|
+
|
|
4300
|
+
/**
|
|
4301
|
+
* Scrambled Text Component
|
|
4302
|
+
*
|
|
4303
|
+
* Rastgele karakterlerle metin karıştırma animasyonu
|
|
4304
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
4305
|
+
*
|
|
4306
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
4307
|
+
* @license MIT
|
|
4308
|
+
*/
|
|
4309
|
+
interface ScrambledTextProps {
|
|
4310
|
+
/** Animasyon yapılacak metin */
|
|
4311
|
+
text: string;
|
|
4312
|
+
/** Karıştırma hızı (ms cinsinden) */
|
|
4313
|
+
speed?: number;
|
|
4314
|
+
/** Karıştırma süresi (ms cinsinden) */
|
|
4315
|
+
duration?: number;
|
|
4316
|
+
/** Karakterler için kullanılacak set */
|
|
4317
|
+
characterSet?: string;
|
|
4318
|
+
/** Animasyon tekrarı */
|
|
4319
|
+
repeat?: boolean;
|
|
4320
|
+
/** Tekrar bekleme süresi */
|
|
4321
|
+
repeatDelay?: number;
|
|
4322
|
+
/** Hover ile tetikleme */
|
|
4323
|
+
trigger?: 'auto' | 'hover' | 'click';
|
|
4324
|
+
/** CSS sınıfı */
|
|
4325
|
+
className?: string;
|
|
4326
|
+
/** Animasyon tamamlandığında çağrılacak callback */
|
|
4327
|
+
onComplete?: () => void;
|
|
4328
|
+
/** Her frame'de çağrılacak callback */
|
|
4329
|
+
onFrame?: (scrambledText: string) => void;
|
|
4330
|
+
}
|
|
4331
|
+
declare const ScrambledText: React__default.FC<ScrambledTextProps>;
|
|
4332
|
+
|
|
4186
4333
|
declare const avatarVariants: (props?: ({
|
|
4187
4334
|
size?: "sm" | "md" | "lg" | "xl" | "2xl" | "xs" | "3xl" | null | undefined;
|
|
4188
4335
|
shape?: "square" | "circle" | "hexagon" | null | undefined;
|
|
@@ -4590,4 +4737,3308 @@ interface DashboardWidget {
|
|
|
4590
4737
|
gridArea?: string;
|
|
4591
4738
|
}
|
|
4592
4739
|
|
|
4593
|
-
export { AIProvider, AIProviderConfig, AIResponse, MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, AccordionSize, MoonUIAccordionTriggerPro as AccordionTrigger, AccordionVariant, ActivityItem, Calendar as AdvancedCalendar, AdvancedChart, AdvancedChartProps, AdvancedFormField, AdvancedForms, AdvancedFormsProps, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, AnimatedNumber, AnimatedNumberProps, AnimationMode$1 as AnimationMode, MoonUIAspectRatioPro as AspectRatio, MoonUIAvatarPro$1 as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, BadgeVariant, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, BulkAction, MoonUIButtonPro as Button, Calendar$1 as Calendar, CalendarEvent, Calendar as CalendarPro, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, ChartData, ChartDataPoint$1 as ChartDataPoint, ChartSeries$1 as ChartSeries, ChartType, ChartWidget, ChartWidgetProps, MoonUICheckboxPro as Checkbox, ClaudeProvider, MoonUICollapsiblePro as Collapsible, AnimationMode as CollapsibleAnimationMode, MoonUICollapsibleContentPro as CollapsibleContent, CollapsibleSize, MoonUICollapsibleTriggerPro as CollapsibleTrigger, CollapsibleVariant, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, ComparisonData, ConnectorRenderer, CreditCardInputProps, Dashboard, DashboardWidget, DataTable, DataTableProps, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DockItem, DraggableList, DraggableListProps, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, EditorAIConfig, ErrorBoundary, ErrorBoundaryProps, ErrorFallbackProps, EventRenderer, ExportFormat, FileUploadItem, FileUploadProProps, FilterCondition, FilterOperator, FloatingActionButton, FloatingActionButtonProps, FloatingDock, FloatingDockProps, FormWizard, FormWizardNavigation, FormWizardProgress, FormWizardProps, FormWizardStep, FunnelData, FunnelStage, FunnelWidget, FunnelWidgetProps, GalleryCategory, MoonUIGalleryItemPro as GalleryItem, GallerySortOption, GaugeData, GaugeWidget, GaugeWidgetProps, GeminiProvider, GestureDrawer, GestureDrawerProps, GitHubRepository, GitHubStars, GitHubStarsProps, GlitchText, GlitchTextProps, HealthCheck, HealthCheckEndpoint, HealthCheckProps, HealthCheckResult, HoverCard, HoverCard3D, HoverCard3DProps, HoverCardContent, HoverCardTrigger, IconRenderer, MoonUIInputPro as Input, ItemHeightInfo, KPIData, KPIWidget, KPIWidgetProps, Kanban, KanbanAssignee, KanbanCard, KanbanColumn, KanbanLabel, KanbanProps, LANGUAGE_COLORS, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyImageProps, LazyList, LazyListProps, LightboxContent, LightboxContentProps, LightboxProvider, LightboxTrigger, MagneticButton, MagneticButtonProps, MoonUIMediaGalleryPro as MediaGallery, MediaItem, MemoryAnalytics, MemoryAnalyticsProps, MemoryConfig, MemoryEfficientData, MemoryEfficientDataProps, MemoryPerformanceMetrics, MemoryStats, MetricData, MilestoneEvent, MoonUIAccordionContentPro, MoonUIAccordionContentProProps, MoonUIAccordionItemPro, MoonUIAccordionItemProProps, MoonUIAccordionPro, MoonUIAccordionProBaseProps, MoonUIAccordionProMultipleProps, MoonUIAccordionProProps, MoonUIAccordionProSingleProps, MoonUIAccordionTriggerPro, MoonUIAccordionTriggerProProps, MoonUIAdvancedChartPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAnimatedButtonPro, MoonUIAnimatedButtonProProps, MoonUIAnimatedListPro, MoonUIAnimatedListProProps, MoonUIAspectRatioPro, MoonUIAsyncAvatarPro, MoonUIAsyncAvatarProProps, MoonUIAvatarFallbackPro, MoonUIAvatarGroupPro, MoonUIAvatarGroupProProps, MoonUIAvatarImagePro, MoonUIAvatarPro, MoonUIAvatarProProps, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, MoonUICache, Calendar as MoonUICalendarPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, ChartDataPoint as MoonUIChartDataPoint, ChartSeries as MoonUIChartSeries, ChartWidget as MoonUIChartWidget, ChartWidgetProps as MoonUIChartWidgetProps, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsibleContentProProps, MoonUICollapsiblePro, MoonUICollapsibleProProps, MoonUICollapsibleTriggerPro, MoonUICollapsibleTriggerProProps, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUICreditCardInputPro, Dashboard as MoonUIDashboardPro, MoonUIDashboardProProps, MoonUIDataTable, DataTable as MoonUIDataTablePro, MoonUIDataTableProProps, MoonUIDataTableProps, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, DraggableList as MoonUIDraggableListPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, MoonUIFileUploadPro, MoonUIFormWizardPro, MoonUIFormWizardProProps, FunnelData as MoonUIFunnelData, FunnelStage as MoonUIFunnelStage, FunnelWidget as MoonUIFunnelWidget, FunnelWidgetProps as MoonUIFunnelWidgetProps, MoonUIGalleryItemPro, GaugeData as MoonUIGaugeData, GaugeWidget as MoonUIGaugeWidget, GaugeWidgetProps as MoonUIGaugeWidgetProps, MoonUIGestureDrawerPro, MoonUIGestureDrawerProProps, MoonUIInputPro, KPIData as MoonUIKPIData, KPIWidget as MoonUIKPIWidget, KPIWidgetProps as MoonUIKPIWidgetProps, MoonUIKanbanPro, MoonUIKanbanProProps, MoonUILabelPro, LightboxContent as MoonUILightboxContentPro, SimpleLightbox as MoonUILightboxPro, LightboxProvider as MoonUILightboxProviderPro, LightboxTrigger as MoonUILightboxTriggerPro, MoonUIMediaGalleryPro, MoonUIMemoryEfficientDataPro, Navbar as MoonUINavbarPro, MoonUINavbarProProps, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, PhoneNumberInput as MoonUIPhoneNumberInputPro, MoonUIPhoneNumberInputProProps, MoonUIPhoneNumberInputSimple, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, Question as MoonUIQuestion, QuestionType as MoonUIQuestionType, MoonUIQuizFormPro, MoonUIQuizFormProProps, QuizResult as MoonUIQuizResult, QuizSettings as MoonUIQuizSettings, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, RevenueData as MoonUIRevenueData, RevenueMetric as MoonUIRevenueMetric, RevenueStream as MoonUIRevenueStream, RevenueWidget as MoonUIRevenueWidget, RevenueWidgetProps as MoonUIRevenueWidgetProps, RichTextEditor as MoonUIRichTextEditorPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, SelectableVirtualList as MoonUISelectableVirtualListPro, MoonUISelectableVirtualListProProps, MoonUISeparatorPro, ServerData as MoonUIServerData, ServerMetric as MoonUIServerMetric, ServerMonitorWidget as MoonUIServerMonitorWidget, ServerMonitorWidgetProps as MoonUIServerMonitorWidgetProps, Sidebar as MoonUISidebarPro, MoonUISidebarProProps, MoonUISkeletonPro, MoonUISliderPro, MoonUISpotlightCardPro, MoonUISpotlightCardProProps, SwipeableCard as MoonUISwipeableCardPro, MoonUISwipeableCardProProps, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsPro as MoonUITabsEnhanced, MoonUITabsProProps as MoonUITabsEnhancedProps, MoonUITabsListPro, MoonUITabsPro, MoonUITabsProProps, MoonUITabsTriggerPro, MoonUITextareaPro, Timeline as MoonUITimelinePro, MoonUITimelineProProps, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, UserAnswer as MoonUIUserAnswer, VirtualList as MoonUIVirtualListPro, MoonUIVirtualListProProps, WidgetBase as MoonUIWidgetBase, WidgetBaseProps as MoonUIWidgetBaseProps, WidgetChartData as MoonUIWidgetChartData, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, collapsibleContentVariants as MoonUIcollapsibleContentVariantsPro, collapsibleTriggerVariants as MoonUIcollapsibleTriggerVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, Navbar, NavbarConfig, NavbarItem, NavbarSection, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NestedEvent, OpenAIProvider, OptimizedImage, OptimizedImageProps, OverlayRenderProp, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, ParticleImage, ParticleImageProps, PerformanceAlert, PerformanceDebugger, PerformanceDebuggerProps, PerformanceEntry, PerformanceMetric, PerformanceMetrics, PerformanceMonitor, PerformanceMonitorProps, PhoneNumberInput, PhoneNumberInputProps, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, ProgressData, QuestionType$1 as QuestionType, QuizAnswer, QuizForm, QuizFormProps, QuizQuestion, QuizResult$1 as QuizResult, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RangeEvent, RealTimePerformanceMonitor, RealTimePerformanceMonitorProps, RecurringEvent, RevenueData, RevenueMetric, RevenueStream, RevenueWidget, RevenueWidgetProps, RichTextEditor, RichTextEditorProps, spotlightPresets as SPOTLIGHT_PRESETS, ScrollArea, ScrollBar, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, SelectableVirtualListProps, MoonUISeparatorPro as Separator, ServerData, ServerMetric, ServerMonitorWidget, ServerMonitorWidgetProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, ShinyText, ShinyTextProps, Sidebar, SidebarConfig, SidebarItem, SidebarSection, SidebarState, SimpleLightbox, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, SplashCursor, SplashCursorProps, SpotlightCard, SpotlightCardProps, SpotlightPreset, SpringConfig, SubscriptionProvider, SwipeableCard, SwipeableCardProps, MoonUISwitchPro as Switch, TabItem, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, TableFeatures, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TextReveal, TextRevealProps, MoonUITextareaPro as Textarea, Timeline, TimelineAnimation, TimelineEvent, TimelineEventBase, TimelineEventMetadata, TimelineEventType, TimelineGroupBy, TimelineLayout, TimelineProps, TimelineTheme, TimelineUser, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, VirtualList, VirtualListProps, Widget, WidgetBase, WidgetBaseProps, WidgetChartData, WizardStep, WizardStepContentProps, MoonUIalertVariantsPro as alertVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, clearCache, cn, collapsibleContentVariants, collapsibleTriggerVariants, commandVariantsPro, createAIProvider, forceRefresh, galleryItemVariants, galleryVariants, getExpandableColumn, hoverCard3DVariants, moonUIAnimatedButtonProVariants, badgeVariants as moonUIAvatarBadgeVariants, avatarVariants as moonUIAvatarProVariants, statusVariants as moonUIAvatarStatusVariants, moonUIBadgeVariantsPro, moonUIButtonProVariants, gestureDrawerVariants as moonUIGestureDrawerProVariants, moonUISeparatorVariantsPro, navigationMenuTriggerStyle, countries as phoneCountries, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, spotlightPresets, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useAccordionAnalytics, useCollapsibleAnalytics, useExpandableRows, useFormWizard, useStreamingData, useSubscription, useSubscriptionContext, useVirtualList };
|
|
4740
|
+
/**
|
|
4741
|
+
* Bento Grid Component
|
|
4742
|
+
*
|
|
4743
|
+
* Modern grid layout sistemi
|
|
4744
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
4745
|
+
*
|
|
4746
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
4747
|
+
* @license MIT
|
|
4748
|
+
*/
|
|
4749
|
+
interface BentoGridProps {
|
|
4750
|
+
/** Grid içeriği */
|
|
4751
|
+
children: React__default.ReactNode;
|
|
4752
|
+
/** Grid sütun sayısı */
|
|
4753
|
+
columns?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
4754
|
+
/** Grid boşluk boyutu */
|
|
4755
|
+
gap?: 'sm' | 'md' | 'lg' | 'xl';
|
|
4756
|
+
/** CSS sınıfı */
|
|
4757
|
+
className?: string;
|
|
4758
|
+
/** Responsive breakpoints */
|
|
4759
|
+
responsive?: boolean;
|
|
4760
|
+
/** Auto-fit layout */
|
|
4761
|
+
autoFit?: boolean;
|
|
4762
|
+
}
|
|
4763
|
+
interface BentoGridItemProps {
|
|
4764
|
+
/** Item içeriği */
|
|
4765
|
+
children: React__default.ReactNode;
|
|
4766
|
+
/** Sütun genişliği */
|
|
4767
|
+
colSpan?: 1 | 2 | 3 | 4 | 5 | 6;
|
|
4768
|
+
/** Satır yüksekliği */
|
|
4769
|
+
rowSpan?: 1 | 2 | 3 | 4;
|
|
4770
|
+
/** CSS sınıfı */
|
|
4771
|
+
className?: string;
|
|
4772
|
+
/** Hover efekti */
|
|
4773
|
+
hover?: boolean;
|
|
4774
|
+
/** Tıklanabilir */
|
|
4775
|
+
onClick?: () => void;
|
|
4776
|
+
/** Arka plan rengi/gradyan */
|
|
4777
|
+
background?: string;
|
|
4778
|
+
/** Border radius */
|
|
4779
|
+
rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
|
|
4780
|
+
}
|
|
4781
|
+
declare const BentoGrid: React__default.FC<BentoGridProps> & {
|
|
4782
|
+
Item: React__default.FC<BentoGridItemProps>;
|
|
4783
|
+
};
|
|
4784
|
+
declare const BentoGridItem: React__default.FC<BentoGridItemProps>;
|
|
4785
|
+
|
|
4786
|
+
/**
|
|
4787
|
+
* Confetti Effect Component
|
|
4788
|
+
*
|
|
4789
|
+
* Konfeti animasyon efekti komponenti
|
|
4790
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
4791
|
+
*
|
|
4792
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
4793
|
+
* @license MIT
|
|
4794
|
+
*/
|
|
4795
|
+
interface ConfettiProps {
|
|
4796
|
+
/** Whether confetti is active */
|
|
4797
|
+
active?: boolean;
|
|
4798
|
+
/** Konfeti sayısı */
|
|
4799
|
+
particleCount?: number;
|
|
4800
|
+
/** Yayılma açısı */
|
|
4801
|
+
spread?: number;
|
|
4802
|
+
/** Başlangıç hızı */
|
|
4803
|
+
startVelocity?: number;
|
|
4804
|
+
/** Yerçekimi */
|
|
4805
|
+
gravity?: number;
|
|
4806
|
+
/** Sönme oranı */
|
|
4807
|
+
decay?: number;
|
|
4808
|
+
/** Renkler */
|
|
4809
|
+
colors?: string[];
|
|
4810
|
+
/** Başlangıç pozisyonu */
|
|
4811
|
+
origin?: {
|
|
4812
|
+
x?: number;
|
|
4813
|
+
y?: number;
|
|
4814
|
+
};
|
|
4815
|
+
/** Animasyon süresi (ms) */
|
|
4816
|
+
duration?: number;
|
|
4817
|
+
/** Şekiller */
|
|
4818
|
+
shapes?: ('square' | 'circle')[];
|
|
4819
|
+
/** Boyut çarpanı */
|
|
4820
|
+
scalar?: number;
|
|
4821
|
+
/** Açı */
|
|
4822
|
+
angle?: number;
|
|
4823
|
+
/** Drift (sürüklenme) */
|
|
4824
|
+
drift?: number;
|
|
4825
|
+
/** Tween süresi */
|
|
4826
|
+
ticks?: number;
|
|
4827
|
+
/** Z-index */
|
|
4828
|
+
zIndex?: number;
|
|
4829
|
+
/** Preset animasyonlar */
|
|
4830
|
+
preset?: 'default' | 'fireworks' | 'snow' | 'pride' | 'stars' | 'school-pride';
|
|
4831
|
+
/** Animasyon tamamlandığında */
|
|
4832
|
+
onComplete?: () => void;
|
|
4833
|
+
}
|
|
4834
|
+
interface ConfettiButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4835
|
+
/** Buton içeriği */
|
|
4836
|
+
children: React__default.ReactNode;
|
|
4837
|
+
/** Konfeti ayarları */
|
|
4838
|
+
confettiOptions?: Omit<ConfettiProps, 'active' | 'onComplete'>;
|
|
4839
|
+
/** CSS sınıfı */
|
|
4840
|
+
className?: string;
|
|
4841
|
+
}
|
|
4842
|
+
declare const Confetti: React__default.FC<ConfettiProps>;
|
|
4843
|
+
declare const ConfettiButton: React__default.FC<ConfettiButtonProps>;
|
|
4844
|
+
|
|
4845
|
+
/**
|
|
4846
|
+
* Parallax Scroll Component
|
|
4847
|
+
*
|
|
4848
|
+
* Scroll efekti ile paralaks animasyonu
|
|
4849
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
4850
|
+
*
|
|
4851
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
4852
|
+
* @license MIT
|
|
4853
|
+
*/
|
|
4854
|
+
interface ParallaxScrollProps {
|
|
4855
|
+
/** Paralaks efekti uygulanacak alt componentler */
|
|
4856
|
+
children: React__default.ReactNode;
|
|
4857
|
+
/** Paralaks hızı (0-1 arası, 0.5 varsayılan) */
|
|
4858
|
+
speed?: number;
|
|
4859
|
+
/** Scroll yönü */
|
|
4860
|
+
direction?: 'vertical' | 'horizontal';
|
|
4861
|
+
/** Container'ın yüksekliği */
|
|
4862
|
+
height?: string | number;
|
|
4863
|
+
/** Container'ın genişliği */
|
|
4864
|
+
width?: string | number;
|
|
4865
|
+
/** CSS sınıfı */
|
|
4866
|
+
className?: string;
|
|
4867
|
+
/** Overflow davranışı */
|
|
4868
|
+
overflow?: 'hidden' | 'visible' | 'scroll' | 'auto';
|
|
4869
|
+
/** Perspektif değeri (3D efekt için) */
|
|
4870
|
+
perspective?: number;
|
|
4871
|
+
}
|
|
4872
|
+
declare const ParallaxScroll: React__default.FC<ParallaxScrollProps>;
|
|
4873
|
+
|
|
4874
|
+
/**
|
|
4875
|
+
* Word Rotate Component
|
|
4876
|
+
*
|
|
4877
|
+
* Kelimeler arasında döngüsel animasyon
|
|
4878
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
4879
|
+
*
|
|
4880
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
4881
|
+
* @license MIT
|
|
4882
|
+
*/
|
|
4883
|
+
interface WordRotateProps {
|
|
4884
|
+
/** Döndürülecek kelimeler dizisi */
|
|
4885
|
+
words: string[];
|
|
4886
|
+
/** Kelimeler arası geçiş süresi (ms) */
|
|
4887
|
+
duration?: number;
|
|
4888
|
+
/** Animasyon tipi */
|
|
4889
|
+
animation?: 'fade' | 'slide' | 'flip' | 'scale';
|
|
4890
|
+
/** CSS sınıfı */
|
|
4891
|
+
className?: string;
|
|
4892
|
+
/** Kelime değiştiğinde çağrılacak callback */
|
|
4893
|
+
onWordChange?: (word: string, index: number) => void;
|
|
4894
|
+
/** Animasyon duraklatılsın mı? */
|
|
4895
|
+
paused?: boolean;
|
|
4896
|
+
/** Başlangıç kelime indeksi */
|
|
4897
|
+
startIndex?: number;
|
|
4898
|
+
/** Sonsuz döngü */
|
|
4899
|
+
loop?: boolean;
|
|
4900
|
+
}
|
|
4901
|
+
declare const WordRotate: React__default.FC<WordRotateProps>;
|
|
4902
|
+
|
|
4903
|
+
/**
|
|
4904
|
+
* Cursor Trail Component
|
|
4905
|
+
*
|
|
4906
|
+
* Mouse cursor'ının arkasında iz bırakan efekt
|
|
4907
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
4908
|
+
*
|
|
4909
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
4910
|
+
* @license MIT
|
|
4911
|
+
*/
|
|
4912
|
+
interface TrailPoint {
|
|
4913
|
+
x: number;
|
|
4914
|
+
y: number;
|
|
4915
|
+
id: number;
|
|
4916
|
+
timestamp: number;
|
|
4917
|
+
}
|
|
4918
|
+
interface CursorTrailProps {
|
|
4919
|
+
/** İz noktalarının sayısı */
|
|
4920
|
+
trailLength?: number;
|
|
4921
|
+
/** İz noktalarının boyutu */
|
|
4922
|
+
size?: number;
|
|
4923
|
+
/** İz rengi */
|
|
4924
|
+
color?: string;
|
|
4925
|
+
/** İz şekli */
|
|
4926
|
+
shape?: 'circle' | 'square' | 'diamond';
|
|
4927
|
+
/** Animasyon süresi (ms) */
|
|
4928
|
+
duration?: number;
|
|
4929
|
+
/** İz opaklığı */
|
|
4930
|
+
opacity?: number;
|
|
4931
|
+
/** Blur efekti */
|
|
4932
|
+
blur?: number;
|
|
4933
|
+
/** CSS sınıfı */
|
|
4934
|
+
className?: string;
|
|
4935
|
+
/** Sadece belirli element üzerinde aktif olsun mu? */
|
|
4936
|
+
targetRef?: React__default.RefObject<HTMLElement>;
|
|
4937
|
+
/** İz aktif mi? */
|
|
4938
|
+
enabled?: boolean;
|
|
4939
|
+
/** Custom trail render fonksiyonu */
|
|
4940
|
+
renderTrail?: (point: TrailPoint, index: number, total: number) => React__default.ReactNode;
|
|
4941
|
+
}
|
|
4942
|
+
declare const CursorTrail: React__default.FC<CursorTrailProps>;
|
|
4943
|
+
|
|
4944
|
+
/**
|
|
4945
|
+
* Professional Grid Pattern Component
|
|
4946
|
+
*
|
|
4947
|
+
* React Bits uyumlu gelişmiş grid pattern bileşeni
|
|
4948
|
+
* Profesyonel arka plan efektleri için optimize edilmiştir
|
|
4949
|
+
*
|
|
4950
|
+
* @author React Bits Team (Original), MoonUI Team (Enhanced Pro Version)
|
|
4951
|
+
* @license MIT
|
|
4952
|
+
*/
|
|
4953
|
+
interface GridPatternProps {
|
|
4954
|
+
/** Pattern genişliği (px) */
|
|
4955
|
+
width?: number;
|
|
4956
|
+
/** Pattern yüksekliği (px) */
|
|
4957
|
+
height?: number;
|
|
4958
|
+
/** X pozisyon offset'i */
|
|
4959
|
+
x?: number;
|
|
4960
|
+
/** Y pozisyon offset'i */
|
|
4961
|
+
y?: number;
|
|
4962
|
+
/** Vurgulanacak grid kareleri koordinatları [x, y] */
|
|
4963
|
+
squares?: [number, number][];
|
|
4964
|
+
/** SVG stroke dash array pattern */
|
|
4965
|
+
strokeDasharray?: string;
|
|
4966
|
+
/** CSS sınıfı */
|
|
4967
|
+
className?: string;
|
|
4968
|
+
/** Grid rengi */
|
|
4969
|
+
strokeColor?: string;
|
|
4970
|
+
/** Grid çizgi kalınlığı */
|
|
4971
|
+
strokeWidth?: number;
|
|
4972
|
+
/** Maksimum opaklık değeri animasyonlar için */
|
|
4973
|
+
maxOpacity?: number;
|
|
4974
|
+
/** Animasyon süresi (ms) */
|
|
4975
|
+
duration?: number;
|
|
4976
|
+
/** Animasyon tekrar gecikmesi (ms) */
|
|
4977
|
+
repeatDelay?: number;
|
|
4978
|
+
/** Grid deseni tipi */
|
|
4979
|
+
variant?: 'lines' | 'dots' | 'cross' | 'hexagon' | 'triangle';
|
|
4980
|
+
/** Gradient efekti */
|
|
4981
|
+
gradient?: boolean;
|
|
4982
|
+
/** Gradient renkleri */
|
|
4983
|
+
gradientFrom?: string;
|
|
4984
|
+
gradientTo?: string;
|
|
4985
|
+
/** Gradient yönü */
|
|
4986
|
+
gradientDirection?: 'horizontal' | 'vertical' | 'diagonal' | 'radial';
|
|
4987
|
+
/** Animasyon tipi */
|
|
4988
|
+
animationType?: 'pulse' | 'wave' | 'rotate' | 'scale' | 'fade' | 'none';
|
|
4989
|
+
/** Blur efekti */
|
|
4990
|
+
blur?: boolean;
|
|
4991
|
+
/** Masking efekti */
|
|
4992
|
+
mask?: 'radial' | 'linear' | 'none';
|
|
4993
|
+
/** Parallax scroll efekti */
|
|
4994
|
+
parallax?: boolean;
|
|
4995
|
+
/** Interactive hover efekti */
|
|
4996
|
+
interactive?: boolean;
|
|
4997
|
+
/** Noise efekti */
|
|
4998
|
+
noise?: boolean;
|
|
4999
|
+
/** Grid boyutu (responsive) */
|
|
5000
|
+
size?: 'sm' | 'md' | 'lg' | 'xl' | number;
|
|
5001
|
+
/** Performance mode (düşük cihazlar için) */
|
|
5002
|
+
performance?: 'high' | 'balanced' | 'low';
|
|
5003
|
+
}
|
|
5004
|
+
declare const GridPattern: React__default.FC<GridPatternProps>;
|
|
5005
|
+
|
|
5006
|
+
/**
|
|
5007
|
+
* Reveal Cards Component
|
|
5008
|
+
*
|
|
5009
|
+
* Card animations that reveal on hover, click or scroll
|
|
5010
|
+
* Adapted from React Bits: https://github.com/DavidHDev/react-bits
|
|
5011
|
+
*
|
|
5012
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
5013
|
+
* @license MIT
|
|
5014
|
+
*/
|
|
5015
|
+
interface RevealCardProps {
|
|
5016
|
+
/** Card content */
|
|
5017
|
+
children: React__default.ReactNode;
|
|
5018
|
+
/** Reveal trigger */
|
|
5019
|
+
trigger?: 'hover' | 'click' | 'scroll';
|
|
5020
|
+
/** Animation direction */
|
|
5021
|
+
direction?: 'up' | 'down' | 'left' | 'right' | 'center';
|
|
5022
|
+
/** Animation duration */
|
|
5023
|
+
duration?: number;
|
|
5024
|
+
/** Delay time */
|
|
5025
|
+
delay?: number;
|
|
5026
|
+
/** CSS class name */
|
|
5027
|
+
className?: string;
|
|
5028
|
+
/** Callback when card is revealed */
|
|
5029
|
+
onReveal?: () => void;
|
|
5030
|
+
/** Callback when card is hidden */
|
|
5031
|
+
onHide?: () => void;
|
|
5032
|
+
/** Initially revealed? */
|
|
5033
|
+
initialRevealed?: boolean;
|
|
5034
|
+
/** Animation type */
|
|
5035
|
+
animation?: 'fade' | 'slide' | 'scale' | 'flip' | 'blur';
|
|
5036
|
+
/** Index for stagger effect */
|
|
5037
|
+
staggerIndex?: number;
|
|
5038
|
+
/** Stagger delay amount */
|
|
5039
|
+
staggerDelay?: number;
|
|
5040
|
+
}
|
|
5041
|
+
interface RevealCardsProps {
|
|
5042
|
+
/** Card list */
|
|
5043
|
+
children: React__default.ReactNode;
|
|
5044
|
+
/** General settings */
|
|
5045
|
+
trigger?: RevealCardProps['trigger'];
|
|
5046
|
+
direction?: RevealCardProps['direction'];
|
|
5047
|
+
duration?: RevealCardProps['duration'];
|
|
5048
|
+
animation?: RevealCardProps['animation'];
|
|
5049
|
+
/** Is stagger effect active? */
|
|
5050
|
+
stagger?: boolean;
|
|
5051
|
+
/** Stagger delay amount */
|
|
5052
|
+
staggerDelay?: number;
|
|
5053
|
+
/** CSS class name */
|
|
5054
|
+
className?: string;
|
|
5055
|
+
}
|
|
5056
|
+
declare const RevealCards: React__default.FC<RevealCardsProps>;
|
|
5057
|
+
declare const RevealCard: React__default.FC<RevealCardProps>;
|
|
5058
|
+
|
|
5059
|
+
/**
|
|
5060
|
+
* Meteors Component
|
|
5061
|
+
*
|
|
5062
|
+
* Animated meteors background effect component
|
|
5063
|
+
* Adapted from React Bits: https://github.com/DavidHDev/react-bits
|
|
5064
|
+
*
|
|
5065
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
5066
|
+
* @license MIT
|
|
5067
|
+
*/
|
|
5068
|
+
interface MeteorsProps {
|
|
5069
|
+
/** Child content */
|
|
5070
|
+
children?: React__default.ReactNode;
|
|
5071
|
+
/** CSS class */
|
|
5072
|
+
className?: string;
|
|
5073
|
+
/** Container CSS class */
|
|
5074
|
+
containerClassName?: string;
|
|
5075
|
+
/** Number of meteors */
|
|
5076
|
+
number?: number;
|
|
5077
|
+
/** Meteor color */
|
|
5078
|
+
color?: string;
|
|
5079
|
+
/** Animation duration range (seconds) */
|
|
5080
|
+
duration?: {
|
|
5081
|
+
min: number;
|
|
5082
|
+
max: number;
|
|
5083
|
+
};
|
|
5084
|
+
/** Meteor size range */
|
|
5085
|
+
size?: {
|
|
5086
|
+
min: number;
|
|
5087
|
+
max: number;
|
|
5088
|
+
};
|
|
5089
|
+
/** Meteor speed */
|
|
5090
|
+
speed?: 'slow' | 'medium' | 'fast';
|
|
5091
|
+
/** Direction */
|
|
5092
|
+
direction?: 'left-to-right' | 'right-to-left' | 'top-to-bottom' | 'random';
|
|
5093
|
+
/** Density */
|
|
5094
|
+
density?: 'low' | 'medium' | 'high';
|
|
5095
|
+
/** Auto play */
|
|
5096
|
+
autoPlay?: boolean;
|
|
5097
|
+
/** Meteor tail length */
|
|
5098
|
+
tailLength?: number;
|
|
5099
|
+
/** Opacity range */
|
|
5100
|
+
opacity?: {
|
|
5101
|
+
min: number;
|
|
5102
|
+
max: number;
|
|
5103
|
+
};
|
|
5104
|
+
/** Glow effect */
|
|
5105
|
+
glow?: boolean;
|
|
5106
|
+
/** Glow size */
|
|
5107
|
+
glowSize?: number;
|
|
5108
|
+
}
|
|
5109
|
+
declare const Meteors: React__default.FC<MeteorsProps>;
|
|
5110
|
+
|
|
5111
|
+
/**
|
|
5112
|
+
* Aurora Background Component
|
|
5113
|
+
*
|
|
5114
|
+
* Creates beautiful aurora borealis-like animated gradient backgrounds
|
|
5115
|
+
* Perfect for hero sections, landing pages, and atmospheric UI elements
|
|
5116
|
+
*
|
|
5117
|
+
* @author MoonUI Team
|
|
5118
|
+
* @license MIT
|
|
5119
|
+
*/
|
|
5120
|
+
interface AuroraBackgroundProps {
|
|
5121
|
+
/** Child content to render on top of aurora */
|
|
5122
|
+
children?: React__default.ReactNode;
|
|
5123
|
+
/** Additional CSS classes for content wrapper */
|
|
5124
|
+
className?: string;
|
|
5125
|
+
/** Container CSS classes */
|
|
5126
|
+
containerClassName?: string;
|
|
5127
|
+
/** Aurora gradient colors (hex or rgb) */
|
|
5128
|
+
colors?: {
|
|
5129
|
+
primary?: string;
|
|
5130
|
+
secondary?: string;
|
|
5131
|
+
tertiary?: string;
|
|
5132
|
+
};
|
|
5133
|
+
/** Animation speed */
|
|
5134
|
+
speed?: 'slow' | 'normal' | 'fast';
|
|
5135
|
+
/** Background opacity (0-1) */
|
|
5136
|
+
opacity?: number;
|
|
5137
|
+
/** Blur intensity in pixels */
|
|
5138
|
+
blur?: number;
|
|
5139
|
+
/** Enable shimmer overlay effect */
|
|
5140
|
+
shimmer?: boolean;
|
|
5141
|
+
/** Enable interactive mouse tracking */
|
|
5142
|
+
interactive?: boolean;
|
|
5143
|
+
/** Background blend mode */
|
|
5144
|
+
blendMode?: 'normal' | 'multiply' | 'screen' | 'overlay';
|
|
5145
|
+
/** Animation style variant */
|
|
5146
|
+
variant?: 'default' | 'subtle' | 'vibrant' | 'dark';
|
|
5147
|
+
/** Fixed or scrolling background */
|
|
5148
|
+
fixed?: boolean;
|
|
5149
|
+
/** Pause animations when not visible */
|
|
5150
|
+
pauseWhenHidden?: boolean;
|
|
5151
|
+
}
|
|
5152
|
+
declare const AuroraBackground: React__default.FC<AuroraBackgroundProps>;
|
|
5153
|
+
|
|
5154
|
+
/**
|
|
5155
|
+
* Particles Component
|
|
5156
|
+
*
|
|
5157
|
+
* Interactive particle system with mouse tracking and physics
|
|
5158
|
+
* High-performance canvas-based animation with WebGL support
|
|
5159
|
+
*
|
|
5160
|
+
* @author MoonUI Team
|
|
5161
|
+
* @license MIT
|
|
5162
|
+
*/
|
|
5163
|
+
interface ParticlesProps {
|
|
5164
|
+
/** Child content to display over particles */
|
|
5165
|
+
children?: React__default.ReactNode;
|
|
5166
|
+
/** CSS class for the container */
|
|
5167
|
+
className?: string;
|
|
5168
|
+
/** Number of particles */
|
|
5169
|
+
count?: number;
|
|
5170
|
+
/** Particle size range */
|
|
5171
|
+
size?: {
|
|
5172
|
+
min: number;
|
|
5173
|
+
max: number;
|
|
5174
|
+
};
|
|
5175
|
+
/** Particle colors (hex format) */
|
|
5176
|
+
colors?: string[];
|
|
5177
|
+
/** Particle speed */
|
|
5178
|
+
speed?: number;
|
|
5179
|
+
/** Enable mouse interaction */
|
|
5180
|
+
interactive?: boolean;
|
|
5181
|
+
/** Mouse effect radius */
|
|
5182
|
+
mouseRadius?: number;
|
|
5183
|
+
/** Connection distance between particles */
|
|
5184
|
+
connectDistance?: number;
|
|
5185
|
+
/** Show connections between particles */
|
|
5186
|
+
showConnections?: boolean;
|
|
5187
|
+
/** Connection line width */
|
|
5188
|
+
lineWidth?: number;
|
|
5189
|
+
/** Connection line opacity */
|
|
5190
|
+
lineOpacity?: number;
|
|
5191
|
+
/** Particle shape */
|
|
5192
|
+
shape?: 'circle' | 'square' | 'triangle' | 'star';
|
|
5193
|
+
/** Enable parallax effect */
|
|
5194
|
+
parallax?: boolean;
|
|
5195
|
+
/** Parallax factor */
|
|
5196
|
+
parallaxFactor?: number;
|
|
5197
|
+
/** FPS limit for performance */
|
|
5198
|
+
fps?: number;
|
|
5199
|
+
/** Enable performance mode (reduces quality for better performance) */
|
|
5200
|
+
performanceMode?: boolean;
|
|
5201
|
+
/** Background color */
|
|
5202
|
+
backgroundColor?: string;
|
|
5203
|
+
/** Blur amount */
|
|
5204
|
+
blur?: number;
|
|
5205
|
+
/** Container class */
|
|
5206
|
+
containerClassName?: string;
|
|
5207
|
+
/** Enable glow effect */
|
|
5208
|
+
glow?: boolean;
|
|
5209
|
+
/** Glow intensity */
|
|
5210
|
+
glowIntensity?: number;
|
|
5211
|
+
/** Movement pattern */
|
|
5212
|
+
movement?: 'random' | 'linear' | 'circular' | 'wave' | 'gravity';
|
|
5213
|
+
/** Gravity strength (for gravity movement) */
|
|
5214
|
+
gravity?: number;
|
|
5215
|
+
/** Enable boundary bounce */
|
|
5216
|
+
bounce?: boolean;
|
|
5217
|
+
/** Particle opacity range */
|
|
5218
|
+
opacity?: {
|
|
5219
|
+
min: number;
|
|
5220
|
+
max: number;
|
|
5221
|
+
};
|
|
5222
|
+
}
|
|
5223
|
+
declare const Particles: React__default.FC<ParticlesProps>;
|
|
5224
|
+
|
|
5225
|
+
/**
|
|
5226
|
+
* Starfield Component
|
|
5227
|
+
*
|
|
5228
|
+
* 3D starfield animation with parallax scrolling and warp effects
|
|
5229
|
+
* High-performance WebGL-based rendering with fallback to canvas
|
|
5230
|
+
*
|
|
5231
|
+
* @author MoonUI Team
|
|
5232
|
+
* @license MIT
|
|
5233
|
+
*/
|
|
5234
|
+
interface StarfieldProps {
|
|
5235
|
+
/** Child content to display over starfield */
|
|
5236
|
+
children?: React__default.ReactNode;
|
|
5237
|
+
/** CSS class for the canvas */
|
|
5238
|
+
className?: string;
|
|
5239
|
+
/** Full width container */
|
|
5240
|
+
fullWidth?: boolean;
|
|
5241
|
+
/** Number of stars */
|
|
5242
|
+
starCount?: number;
|
|
5243
|
+
/** Star color (hex or rgb) */
|
|
5244
|
+
starColor?: string | string[];
|
|
5245
|
+
/** Speed factor (0-10) */
|
|
5246
|
+
speed?: number;
|
|
5247
|
+
/** Background color */
|
|
5248
|
+
backgroundColor?: string;
|
|
5249
|
+
/** Enable mouse parallax */
|
|
5250
|
+
mouseParallax?: boolean;
|
|
5251
|
+
/** Parallax intensity */
|
|
5252
|
+
parallaxIntensity?: number;
|
|
5253
|
+
/** Star size range */
|
|
5254
|
+
starSize?: {
|
|
5255
|
+
min: number;
|
|
5256
|
+
max: number;
|
|
5257
|
+
};
|
|
5258
|
+
/** Enable twinkle effect */
|
|
5259
|
+
twinkle?: boolean;
|
|
5260
|
+
/** Twinkle speed */
|
|
5261
|
+
twinkleSpeed?: number;
|
|
5262
|
+
/** Enable shooting stars */
|
|
5263
|
+
shootingStars?: boolean;
|
|
5264
|
+
/** Shooting star frequency (per minute) */
|
|
5265
|
+
shootingStarFrequency?: number;
|
|
5266
|
+
/** Enable warp speed effect */
|
|
5267
|
+
warpSpeed?: boolean;
|
|
5268
|
+
/** Warp speed factor */
|
|
5269
|
+
warpFactor?: number;
|
|
5270
|
+
/** Field of view (degrees) */
|
|
5271
|
+
fov?: number;
|
|
5272
|
+
/** Enable depth blur */
|
|
5273
|
+
depthBlur?: boolean;
|
|
5274
|
+
/** Container class */
|
|
5275
|
+
containerClassName?: string;
|
|
5276
|
+
/** FPS limit */
|
|
5277
|
+
fps?: number;
|
|
5278
|
+
/** Star trails */
|
|
5279
|
+
trails?: boolean;
|
|
5280
|
+
/** Trail length */
|
|
5281
|
+
trailLength?: number;
|
|
5282
|
+
/** Enable nebula clouds */
|
|
5283
|
+
nebula?: boolean;
|
|
5284
|
+
/** Nebula colors */
|
|
5285
|
+
nebulaColors?: string[];
|
|
5286
|
+
/** Direction of movement */
|
|
5287
|
+
direction?: 'forward' | 'backward' | 'left' | 'right' | 'spiral';
|
|
5288
|
+
/** Rotation speed for spiral */
|
|
5289
|
+
spiralSpeed?: number;
|
|
5290
|
+
}
|
|
5291
|
+
declare const Starfield: React__default.FC<StarfieldProps>;
|
|
5292
|
+
|
|
5293
|
+
/**
|
|
5294
|
+
* DotPattern Component
|
|
5295
|
+
*
|
|
5296
|
+
* Sophisticated dot pattern background with animation and interaction
|
|
5297
|
+
* High-performance SVG-based rendering with customization options
|
|
5298
|
+
*
|
|
5299
|
+
* @author MoonUI Team
|
|
5300
|
+
* @license MIT
|
|
5301
|
+
*/
|
|
5302
|
+
interface DotPatternProps {
|
|
5303
|
+
/** Child content to display over pattern */
|
|
5304
|
+
children?: React__default.ReactNode;
|
|
5305
|
+
/** CSS class for the pattern */
|
|
5306
|
+
className?: string;
|
|
5307
|
+
/** Container class */
|
|
5308
|
+
containerClassName?: string;
|
|
5309
|
+
/** Dot size in pixels */
|
|
5310
|
+
dotSize?: number;
|
|
5311
|
+
/** Gap between dots */
|
|
5312
|
+
gap?: number;
|
|
5313
|
+
/** Dot color (supports gradient) */
|
|
5314
|
+
color?: string | string[];
|
|
5315
|
+
/** Dot opacity */
|
|
5316
|
+
opacity?: number;
|
|
5317
|
+
/** Enable animation */
|
|
5318
|
+
animated?: boolean;
|
|
5319
|
+
/** Animation type */
|
|
5320
|
+
animationType?: 'pulse' | 'wave' | 'fade' | 'scale' | 'rotate';
|
|
5321
|
+
/** Animation duration in seconds */
|
|
5322
|
+
animationDuration?: number;
|
|
5323
|
+
/** Enable hover effect */
|
|
5324
|
+
hoverEffect?: boolean;
|
|
5325
|
+
/** Hover radius */
|
|
5326
|
+
hoverRadius?: number;
|
|
5327
|
+
/** Pattern style */
|
|
5328
|
+
pattern?: 'square' | 'hex' | 'diagonal' | 'circular';
|
|
5329
|
+
/** Enable gradient */
|
|
5330
|
+
gradient?: boolean;
|
|
5331
|
+
/** Gradient direction */
|
|
5332
|
+
gradientDirection?: 'radial' | 'linear' | 'conic';
|
|
5333
|
+
/** Gradient angle (for linear) */
|
|
5334
|
+
gradientAngle?: number;
|
|
5335
|
+
/** Blur amount */
|
|
5336
|
+
blur?: number;
|
|
5337
|
+
/** Background color */
|
|
5338
|
+
backgroundColor?: string;
|
|
5339
|
+
/** Enable mask fade */
|
|
5340
|
+
maskFade?: boolean;
|
|
5341
|
+
/** Mask fade direction */
|
|
5342
|
+
maskFadeDirection?: 'top' | 'bottom' | 'left' | 'right' | 'center';
|
|
5343
|
+
/** Enable parallax effect */
|
|
5344
|
+
parallax?: boolean;
|
|
5345
|
+
/** Parallax speed */
|
|
5346
|
+
parallaxSpeed?: number;
|
|
5347
|
+
/** Density factor (1 = normal, 2 = double, 0.5 = half) */
|
|
5348
|
+
density?: number;
|
|
5349
|
+
/** Enable responsive sizing */
|
|
5350
|
+
responsive?: boolean;
|
|
5351
|
+
}
|
|
5352
|
+
declare const DotPattern: React__default.FC<DotPatternProps>;
|
|
5353
|
+
|
|
5354
|
+
/**
|
|
5355
|
+
* GridDistortion Component
|
|
5356
|
+
*
|
|
5357
|
+
* High-performance canvas-based grid background with wave distortion effects
|
|
5358
|
+
* Optimized rendering with proper DPR support and smooth animations
|
|
5359
|
+
*
|
|
5360
|
+
* @author MoonUI Team
|
|
5361
|
+
* @license MIT
|
|
5362
|
+
*/
|
|
5363
|
+
interface GridDistortionProps {
|
|
5364
|
+
/** Child content to display over grid */
|
|
5365
|
+
children?: React__default.ReactNode;
|
|
5366
|
+
/** CSS class for the grid */
|
|
5367
|
+
className?: string;
|
|
5368
|
+
/** Container class */
|
|
5369
|
+
containerClassName?: string;
|
|
5370
|
+
/** Number of grid columns */
|
|
5371
|
+
columns?: number;
|
|
5372
|
+
/** Number of grid rows */
|
|
5373
|
+
rows?: number;
|
|
5374
|
+
/** Grid line color */
|
|
5375
|
+
color?: string;
|
|
5376
|
+
/** Grid line width */
|
|
5377
|
+
lineWidth?: number;
|
|
5378
|
+
/** Grid opacity */
|
|
5379
|
+
opacity?: number;
|
|
5380
|
+
/** Background color */
|
|
5381
|
+
backgroundColor?: string;
|
|
5382
|
+
/** Enable wave distortion */
|
|
5383
|
+
distortion?: boolean;
|
|
5384
|
+
/** Distortion type */
|
|
5385
|
+
distortionType?: 'wave' | 'ripple' | 'turbulence' | 'spiral' | 'noise';
|
|
5386
|
+
/** Wave amplitude */
|
|
5387
|
+
amplitude?: number;
|
|
5388
|
+
/** Wave frequency */
|
|
5389
|
+
frequency?: number;
|
|
5390
|
+
/** Animation speed */
|
|
5391
|
+
speed?: number;
|
|
5392
|
+
/** Enable mouse interaction */
|
|
5393
|
+
interactive?: boolean;
|
|
5394
|
+
/** Mouse effect radius */
|
|
5395
|
+
mouseRadius?: number;
|
|
5396
|
+
/** Mouse effect strength */
|
|
5397
|
+
mouseStrength?: number;
|
|
5398
|
+
/** Enable perspective */
|
|
5399
|
+
perspective?: boolean;
|
|
5400
|
+
/** Perspective depth */
|
|
5401
|
+
perspectiveDepth?: number;
|
|
5402
|
+
/** Rotation X angle */
|
|
5403
|
+
rotateX?: number;
|
|
5404
|
+
/** Rotation Y angle */
|
|
5405
|
+
rotateY?: number;
|
|
5406
|
+
/** Enable glow effect */
|
|
5407
|
+
glow?: boolean;
|
|
5408
|
+
/** Glow intensity */
|
|
5409
|
+
glowIntensity?: number;
|
|
5410
|
+
/** Glow color */
|
|
5411
|
+
glowColor?: string;
|
|
5412
|
+
/** Enable gradient */
|
|
5413
|
+
gradient?: boolean;
|
|
5414
|
+
/** Gradient colors */
|
|
5415
|
+
gradientColors?: string[];
|
|
5416
|
+
/** Enable responsive sizing */
|
|
5417
|
+
responsive?: boolean;
|
|
5418
|
+
/** FPS limit */
|
|
5419
|
+
fps?: number;
|
|
5420
|
+
/** Enable blur effect */
|
|
5421
|
+
blur?: number;
|
|
5422
|
+
}
|
|
5423
|
+
declare const GridDistortion: React__default.FC<GridDistortionProps>;
|
|
5424
|
+
|
|
5425
|
+
/**
|
|
5426
|
+
* Waves Component
|
|
5427
|
+
*
|
|
5428
|
+
* Animated wave effects background with multiple layers
|
|
5429
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
5430
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
5431
|
+
*
|
|
5432
|
+
* @author MoonUI Team
|
|
5433
|
+
* @license MIT
|
|
5434
|
+
* @credits React Bits by David H
|
|
5435
|
+
*/
|
|
5436
|
+
interface WavesProps {
|
|
5437
|
+
/** Child content to display over waves */
|
|
5438
|
+
children?: React__default.ReactNode;
|
|
5439
|
+
/** CSS class for the waves */
|
|
5440
|
+
className?: string;
|
|
5441
|
+
/** Container class */
|
|
5442
|
+
containerClassName?: string;
|
|
5443
|
+
/** Number of wave layers */
|
|
5444
|
+
layers?: number;
|
|
5445
|
+
/** Wave colors (gradient or solid) */
|
|
5446
|
+
colors?: string[];
|
|
5447
|
+
/** Wave amplitude (height) */
|
|
5448
|
+
amplitude?: number;
|
|
5449
|
+
/** Wave frequency (number of waves) */
|
|
5450
|
+
frequency?: number;
|
|
5451
|
+
/** Animation speed in seconds */
|
|
5452
|
+
speed?: number;
|
|
5453
|
+
/** Wave opacity */
|
|
5454
|
+
opacity?: number;
|
|
5455
|
+
/** Background color */
|
|
5456
|
+
backgroundColor?: string;
|
|
5457
|
+
/** Wave style */
|
|
5458
|
+
waveStyle?: 'smooth' | 'sharp' | 'turbulent' | 'organic';
|
|
5459
|
+
/** Enable parallax effect between layers */
|
|
5460
|
+
parallax?: boolean;
|
|
5461
|
+
/** Parallax intensity */
|
|
5462
|
+
parallaxIntensity?: number;
|
|
5463
|
+
/** Wave direction */
|
|
5464
|
+
direction?: 'horizontal' | 'vertical' | 'diagonal';
|
|
5465
|
+
/** Enable blur effect */
|
|
5466
|
+
blur?: number;
|
|
5467
|
+
/** Enable gradient */
|
|
5468
|
+
gradient?: boolean;
|
|
5469
|
+
/** Gradient type */
|
|
5470
|
+
gradientType?: 'linear' | 'radial';
|
|
5471
|
+
/** Animation type */
|
|
5472
|
+
animationType?: 'continuous' | 'pulse' | 'breathe';
|
|
5473
|
+
/** Enable mouse interaction */
|
|
5474
|
+
interactive?: boolean;
|
|
5475
|
+
/** Mouse effect radius */
|
|
5476
|
+
mouseRadius?: number;
|
|
5477
|
+
/** FPS limit for performance */
|
|
5478
|
+
fps?: number;
|
|
5479
|
+
}
|
|
5480
|
+
declare const Waves: React__default.FC<WavesProps>;
|
|
5481
|
+
|
|
5482
|
+
/**
|
|
5483
|
+
* GradientFlow Component
|
|
5484
|
+
*
|
|
5485
|
+
* Dynamic flowing gradient background with animated colors
|
|
5486
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
5487
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
5488
|
+
*
|
|
5489
|
+
* @author MoonUI Team
|
|
5490
|
+
* @license MIT
|
|
5491
|
+
* @credits React Bits by David H
|
|
5492
|
+
*/
|
|
5493
|
+
interface GradientFlowProps {
|
|
5494
|
+
/** Child content to display over gradient */
|
|
5495
|
+
children?: React__default.ReactNode;
|
|
5496
|
+
/** CSS class for the gradient */
|
|
5497
|
+
className?: string;
|
|
5498
|
+
/** Container class */
|
|
5499
|
+
containerClassName?: string;
|
|
5500
|
+
/** Gradient colors */
|
|
5501
|
+
colors?: string[];
|
|
5502
|
+
/** Animation speed in seconds */
|
|
5503
|
+
speed?: number;
|
|
5504
|
+
/** Gradient angle in degrees */
|
|
5505
|
+
angle?: number;
|
|
5506
|
+
/** Gradient type */
|
|
5507
|
+
type?: 'linear' | 'radial' | 'conic' | 'mesh';
|
|
5508
|
+
/** Animation style */
|
|
5509
|
+
animationStyle?: 'flow' | 'morph' | 'pulse' | 'rotate' | 'shift';
|
|
5510
|
+
/** Enable blur effect */
|
|
5511
|
+
blur?: number;
|
|
5512
|
+
/** Background opacity */
|
|
5513
|
+
opacity?: number;
|
|
5514
|
+
/** Number of gradient steps */
|
|
5515
|
+
steps?: number;
|
|
5516
|
+
/** Enable noise texture */
|
|
5517
|
+
noise?: boolean;
|
|
5518
|
+
/** Noise opacity */
|
|
5519
|
+
noiseOpacity?: number;
|
|
5520
|
+
/** Enable interactive mode */
|
|
5521
|
+
interactive?: boolean;
|
|
5522
|
+
/** Mouse effect radius */
|
|
5523
|
+
mouseRadius?: number;
|
|
5524
|
+
/** Enable parallax effect */
|
|
5525
|
+
parallax?: boolean;
|
|
5526
|
+
/** Parallax intensity */
|
|
5527
|
+
parallaxIntensity?: number;
|
|
5528
|
+
/** Gradient scale */
|
|
5529
|
+
scale?: number;
|
|
5530
|
+
/** Background blend mode */
|
|
5531
|
+
blendMode?: 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn';
|
|
5532
|
+
/** Enable smooth transitions */
|
|
5533
|
+
smooth?: boolean;
|
|
5534
|
+
/** FPS limit for performance */
|
|
5535
|
+
fps?: number;
|
|
5536
|
+
}
|
|
5537
|
+
declare const GradientFlow: React__default.FC<GradientFlowProps>;
|
|
5538
|
+
|
|
5539
|
+
/**
|
|
5540
|
+
* MeshGradient Component
|
|
5541
|
+
*
|
|
5542
|
+
* Advanced mesh gradient with multiple color points and smooth blending
|
|
5543
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
5544
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
5545
|
+
*
|
|
5546
|
+
* @author MoonUI Team
|
|
5547
|
+
* @license MIT
|
|
5548
|
+
* @credits React Bits by David H
|
|
5549
|
+
*/
|
|
5550
|
+
interface MeshGradientProps {
|
|
5551
|
+
/** Child content to display over gradient */
|
|
5552
|
+
children?: React__default.ReactNode;
|
|
5553
|
+
/** CSS class for the gradient */
|
|
5554
|
+
className?: string;
|
|
5555
|
+
/** Container class */
|
|
5556
|
+
containerClassName?: string;
|
|
5557
|
+
/** Gradient colors */
|
|
5558
|
+
colors?: string[];
|
|
5559
|
+
/** Animation speed in seconds */
|
|
5560
|
+
speed?: number;
|
|
5561
|
+
/** Mesh grid size */
|
|
5562
|
+
gridSize?: number;
|
|
5563
|
+
/** Enable animation */
|
|
5564
|
+
animate?: boolean;
|
|
5565
|
+
/** Animation type */
|
|
5566
|
+
animationType?: 'wave' | 'morph' | 'pulse' | 'swirl' | 'flow';
|
|
5567
|
+
/** Background opacity */
|
|
5568
|
+
opacity?: number;
|
|
5569
|
+
/** Blur amount */
|
|
5570
|
+
blur?: number;
|
|
5571
|
+
/** Enable interactive mode */
|
|
5572
|
+
interactive?: boolean;
|
|
5573
|
+
/** Mouse effect radius */
|
|
5574
|
+
mouseRadius?: number;
|
|
5575
|
+
/** Color blending mode */
|
|
5576
|
+
blendMode?: 'normal' | 'multiply' | 'screen' | 'overlay' | 'soft-light';
|
|
5577
|
+
/** Mesh complexity (number of control points) */
|
|
5578
|
+
complexity?: number;
|
|
5579
|
+
/** Color interpolation method */
|
|
5580
|
+
interpolation?: 'linear' | 'bezier' | 'smooth';
|
|
5581
|
+
/** Enable grain texture */
|
|
5582
|
+
grain?: boolean;
|
|
5583
|
+
/** Grain opacity */
|
|
5584
|
+
grainOpacity?: number;
|
|
5585
|
+
/** Color saturation */
|
|
5586
|
+
saturation?: number;
|
|
5587
|
+
/** Color brightness */
|
|
5588
|
+
brightness?: number;
|
|
5589
|
+
/** FPS limit for performance */
|
|
5590
|
+
fps?: number;
|
|
5591
|
+
}
|
|
5592
|
+
declare const MeshGradient: React__default.FC<MeshGradientProps>;
|
|
5593
|
+
|
|
5594
|
+
/**
|
|
5595
|
+
* LiquidBackground Component
|
|
5596
|
+
*
|
|
5597
|
+
* Fluid liquid-like animation background with metaball effects
|
|
5598
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
5599
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
5600
|
+
*
|
|
5601
|
+
* @author MoonUI Team
|
|
5602
|
+
* @license MIT
|
|
5603
|
+
* @credits React Bits by David H
|
|
5604
|
+
*/
|
|
5605
|
+
interface LiquidBackgroundProps {
|
|
5606
|
+
/** Child content to display over liquid */
|
|
5607
|
+
children?: React__default.ReactNode;
|
|
5608
|
+
/** CSS class for the liquid */
|
|
5609
|
+
className?: string;
|
|
5610
|
+
/** Container class */
|
|
5611
|
+
containerClassName?: string;
|
|
5612
|
+
/** Liquid colors */
|
|
5613
|
+
colors?: string[];
|
|
5614
|
+
/** Number of liquid blobs */
|
|
5615
|
+
blobCount?: number;
|
|
5616
|
+
/** Animation speed */
|
|
5617
|
+
speed?: number;
|
|
5618
|
+
/** Blob size range */
|
|
5619
|
+
sizeRange?: [number, number];
|
|
5620
|
+
/** Background opacity */
|
|
5621
|
+
opacity?: number;
|
|
5622
|
+
/** Blur amount for metaball effect */
|
|
5623
|
+
blur?: number;
|
|
5624
|
+
/** Contrast for sharp edges */
|
|
5625
|
+
contrast?: number;
|
|
5626
|
+
/** Enable interactive mode */
|
|
5627
|
+
interactive?: boolean;
|
|
5628
|
+
/** Mouse effect radius */
|
|
5629
|
+
mouseRadius?: number;
|
|
5630
|
+
/** Liquid viscosity (0-1) */
|
|
5631
|
+
viscosity?: number;
|
|
5632
|
+
/** Surface tension strength */
|
|
5633
|
+
tension?: number;
|
|
5634
|
+
/** Enable glow effect */
|
|
5635
|
+
glow?: boolean;
|
|
5636
|
+
/** Glow intensity */
|
|
5637
|
+
glowIntensity?: number;
|
|
5638
|
+
/** Background color */
|
|
5639
|
+
backgroundColor?: string;
|
|
5640
|
+
/** Animation style */
|
|
5641
|
+
animationStyle?: 'float' | 'morph' | 'bubble' | 'lava';
|
|
5642
|
+
/** Enable gradient overlay */
|
|
5643
|
+
gradientOverlay?: boolean;
|
|
5644
|
+
/** FPS limit for performance */
|
|
5645
|
+
fps?: number;
|
|
5646
|
+
}
|
|
5647
|
+
declare const LiquidBackground: React__default.FC<LiquidBackgroundProps>;
|
|
5648
|
+
|
|
5649
|
+
/**
|
|
5650
|
+
* MatrixRain Component
|
|
5651
|
+
*
|
|
5652
|
+
* Digital rain effect inspired by The Matrix movie
|
|
5653
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
5654
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
5655
|
+
*
|
|
5656
|
+
* @author MoonUI Team
|
|
5657
|
+
* @license MIT
|
|
5658
|
+
* @credits React Bits by David H
|
|
5659
|
+
*/
|
|
5660
|
+
interface MatrixRainProps {
|
|
5661
|
+
/** Child content to display over matrix */
|
|
5662
|
+
children?: React__default.ReactNode;
|
|
5663
|
+
/** CSS class for the matrix */
|
|
5664
|
+
className?: string;
|
|
5665
|
+
/** Container class */
|
|
5666
|
+
containerClassName?: string;
|
|
5667
|
+
/** Matrix color theme */
|
|
5668
|
+
color?: 'green' | 'blue' | 'red' | 'purple' | 'cyan' | 'white' | 'custom';
|
|
5669
|
+
/** Custom color (used when color is 'custom') */
|
|
5670
|
+
customColor?: string;
|
|
5671
|
+
/** Rain speed (1-10) */
|
|
5672
|
+
speed?: number;
|
|
5673
|
+
/** Font size of characters */
|
|
5674
|
+
fontSize?: number;
|
|
5675
|
+
/** Character opacity */
|
|
5676
|
+
opacity?: number;
|
|
5677
|
+
/** Character set to use */
|
|
5678
|
+
charSet?: 'matrix' | 'binary' | 'japanese' | 'chinese' | 'emoji' | 'custom';
|
|
5679
|
+
/** Custom character set */
|
|
5680
|
+
customChars?: string;
|
|
5681
|
+
/** Background opacity */
|
|
5682
|
+
backgroundOpacity?: number;
|
|
5683
|
+
/** Enable glow effect */
|
|
5684
|
+
glow?: boolean;
|
|
5685
|
+
/** Glow intensity */
|
|
5686
|
+
glowIntensity?: number;
|
|
5687
|
+
/** Column density (0.1 - 1) */
|
|
5688
|
+
density?: number;
|
|
5689
|
+
/** Fade length */
|
|
5690
|
+
fadeLength?: number;
|
|
5691
|
+
/** Enable interactive mode (follows mouse) */
|
|
5692
|
+
interactive?: boolean;
|
|
5693
|
+
/** Mouse effect radius */
|
|
5694
|
+
mouseRadius?: number;
|
|
5695
|
+
/** FPS limit for performance */
|
|
5696
|
+
fps?: number;
|
|
5697
|
+
}
|
|
5698
|
+
declare const MatrixRain: React__default.FC<MatrixRainProps>;
|
|
5699
|
+
|
|
5700
|
+
/**
|
|
5701
|
+
* GlitchBackground Component
|
|
5702
|
+
*
|
|
5703
|
+
* Digital glitch effect background with distortion and interference
|
|
5704
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
5705
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
5706
|
+
*
|
|
5707
|
+
* @author MoonUI Team
|
|
5708
|
+
* @license MIT
|
|
5709
|
+
* @credits React Bits by David H
|
|
5710
|
+
*/
|
|
5711
|
+
interface GlitchBackgroundProps {
|
|
5712
|
+
/** Child content to display over glitch */
|
|
5713
|
+
children?: React__default.ReactNode;
|
|
5714
|
+
/** CSS class for the glitch */
|
|
5715
|
+
className?: string;
|
|
5716
|
+
/** Container class */
|
|
5717
|
+
containerClassName?: string;
|
|
5718
|
+
/** Glitch intensity (0-1) */
|
|
5719
|
+
intensity?: number;
|
|
5720
|
+
/** Glitch frequency (0-1) */
|
|
5721
|
+
frequency?: number;
|
|
5722
|
+
/** Enable RGB shift effect */
|
|
5723
|
+
rgbShift?: boolean;
|
|
5724
|
+
/** RGB shift amount */
|
|
5725
|
+
rgbShiftAmount?: number;
|
|
5726
|
+
/** Enable scan lines */
|
|
5727
|
+
scanLines?: boolean;
|
|
5728
|
+
/** Scan line opacity */
|
|
5729
|
+
scanLineOpacity?: number;
|
|
5730
|
+
/** Enable static noise */
|
|
5731
|
+
noise?: boolean;
|
|
5732
|
+
/** Noise opacity */
|
|
5733
|
+
noiseOpacity?: number;
|
|
5734
|
+
/** Glitch colors */
|
|
5735
|
+
colors?: string[];
|
|
5736
|
+
/** Background color */
|
|
5737
|
+
backgroundColor?: string;
|
|
5738
|
+
/** Enable flicker effect */
|
|
5739
|
+
flicker?: boolean;
|
|
5740
|
+
/** Flicker intensity */
|
|
5741
|
+
flickerIntensity?: number;
|
|
5742
|
+
/** Enable distortion */
|
|
5743
|
+
distortion?: boolean;
|
|
5744
|
+
/** Distortion amount */
|
|
5745
|
+
distortionAmount?: number;
|
|
5746
|
+
/** Animation speed */
|
|
5747
|
+
speed?: number;
|
|
5748
|
+
/** Enable interactive mode */
|
|
5749
|
+
interactive?: boolean;
|
|
5750
|
+
/** Mouse effect radius */
|
|
5751
|
+
mouseRadius?: number;
|
|
5752
|
+
/** FPS limit for performance */
|
|
5753
|
+
fps?: number;
|
|
5754
|
+
}
|
|
5755
|
+
declare const GlitchBackground: React__default.FC<GlitchBackgroundProps>;
|
|
5756
|
+
|
|
5757
|
+
/**
|
|
5758
|
+
* FloatingElements Component
|
|
5759
|
+
*
|
|
5760
|
+
* Floating geometric shapes and elements with physics simulation
|
|
5761
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
5762
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
5763
|
+
*
|
|
5764
|
+
* @author MoonUI Team
|
|
5765
|
+
* @license MIT
|
|
5766
|
+
* @credits React Bits by David H
|
|
5767
|
+
*/
|
|
5768
|
+
interface FloatingElementsProps {
|
|
5769
|
+
/** Child content to display over elements */
|
|
5770
|
+
children?: React__default.ReactNode;
|
|
5771
|
+
/** CSS class for the elements */
|
|
5772
|
+
className?: string;
|
|
5773
|
+
/** Container class */
|
|
5774
|
+
containerClassName?: string;
|
|
5775
|
+
/** Number of floating elements */
|
|
5776
|
+
count?: number;
|
|
5777
|
+
/** Element shapes */
|
|
5778
|
+
shapes?: ('circle' | 'square' | 'triangle' | 'hexagon' | 'star' | 'heart')[];
|
|
5779
|
+
/** Element colors */
|
|
5780
|
+
colors?: string[];
|
|
5781
|
+
/** Size range [min, max] */
|
|
5782
|
+
sizeRange?: [number, number];
|
|
5783
|
+
/** Movement speed */
|
|
5784
|
+
speed?: number;
|
|
5785
|
+
/** Rotation speed */
|
|
5786
|
+
rotationSpeed?: number;
|
|
5787
|
+
/** Enable 3D rotation */
|
|
5788
|
+
enable3D?: boolean;
|
|
5789
|
+
/** Z-axis depth for 3D */
|
|
5790
|
+
depth?: number;
|
|
5791
|
+
/** Enable glow effect */
|
|
5792
|
+
glow?: boolean;
|
|
5793
|
+
/** Glow intensity */
|
|
5794
|
+
glowIntensity?: number;
|
|
5795
|
+
/** Background opacity */
|
|
5796
|
+
backgroundOpacity?: number;
|
|
5797
|
+
/** Enable collision detection */
|
|
5798
|
+
collision?: boolean;
|
|
5799
|
+
/** Enable gravity */
|
|
5800
|
+
gravity?: boolean;
|
|
5801
|
+
/** Gravity strength */
|
|
5802
|
+
gravityStrength?: number;
|
|
5803
|
+
/** Enable mouse interaction */
|
|
5804
|
+
interactive?: boolean;
|
|
5805
|
+
/** Mouse effect radius */
|
|
5806
|
+
mouseRadius?: number;
|
|
5807
|
+
/** Connection lines between elements */
|
|
5808
|
+
connections?: boolean;
|
|
5809
|
+
/** Connection distance threshold */
|
|
5810
|
+
connectionDistance?: number;
|
|
5811
|
+
/** Connection opacity */
|
|
5812
|
+
connectionOpacity?: number;
|
|
5813
|
+
/** FPS limit for performance */
|
|
5814
|
+
fps?: number;
|
|
5815
|
+
}
|
|
5816
|
+
declare const FloatingElements: React__default.FC<FloatingElementsProps>;
|
|
5817
|
+
|
|
5818
|
+
/**
|
|
5819
|
+
* BubbleBackground Component - Performance Optimized
|
|
5820
|
+
*
|
|
5821
|
+
* Animated bubble effects with physics simulation
|
|
5822
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
5823
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
5824
|
+
*
|
|
5825
|
+
* @author MoonUI Team
|
|
5826
|
+
* @license MIT
|
|
5827
|
+
* @credits React Bits by David H
|
|
5828
|
+
*/
|
|
5829
|
+
interface BubbleBackgroundProps {
|
|
5830
|
+
/** Child content to display over bubbles */
|
|
5831
|
+
children?: React__default.ReactNode;
|
|
5832
|
+
/** CSS class for the bubbles */
|
|
5833
|
+
className?: string;
|
|
5834
|
+
/** Container class */
|
|
5835
|
+
containerClassName?: string;
|
|
5836
|
+
/** Number of bubbles */
|
|
5837
|
+
count?: number;
|
|
5838
|
+
/** Bubble colors */
|
|
5839
|
+
colors?: string[];
|
|
5840
|
+
/** Size range [min, max] */
|
|
5841
|
+
sizeRange?: [number, number];
|
|
5842
|
+
/** Rising speed */
|
|
5843
|
+
speed?: number;
|
|
5844
|
+
/** Horizontal wobble amount */
|
|
5845
|
+
wobble?: number;
|
|
5846
|
+
/** Background color */
|
|
5847
|
+
backgroundColor?: string;
|
|
5848
|
+
/** Background opacity */
|
|
5849
|
+
backgroundOpacity?: number;
|
|
5850
|
+
/** Bubble opacity */
|
|
5851
|
+
bubbleOpacity?: number;
|
|
5852
|
+
/** Enable gradient bubbles */
|
|
5853
|
+
gradient?: boolean;
|
|
5854
|
+
/** Gradient type */
|
|
5855
|
+
gradientType?: 'radial' | 'linear';
|
|
5856
|
+
/** Enable glow effect */
|
|
5857
|
+
glow?: boolean;
|
|
5858
|
+
/** Glow intensity */
|
|
5859
|
+
glowIntensity?: number;
|
|
5860
|
+
/** Enable blur effect */
|
|
5861
|
+
blur?: boolean;
|
|
5862
|
+
/** Blur amount */
|
|
5863
|
+
blurAmount?: number;
|
|
5864
|
+
/** Enable popping animation */
|
|
5865
|
+
popping?: boolean;
|
|
5866
|
+
/** Pop threshold (distance from top) */
|
|
5867
|
+
popThreshold?: number;
|
|
5868
|
+
/** Enable interactive mode */
|
|
5869
|
+
interactive?: boolean;
|
|
5870
|
+
/** Mouse effect radius */
|
|
5871
|
+
mouseRadius?: number;
|
|
5872
|
+
/** Enable merging bubbles */
|
|
5873
|
+
merging?: boolean;
|
|
5874
|
+
/** Merge threshold distance */
|
|
5875
|
+
mergeThreshold?: number;
|
|
5876
|
+
/** Animation style */
|
|
5877
|
+
animationStyle?: 'float' | 'rise' | 'lava' | 'champagne';
|
|
5878
|
+
/** FPS limit for performance */
|
|
5879
|
+
fps?: number;
|
|
5880
|
+
/** Enable physics simulation */
|
|
5881
|
+
physics?: boolean;
|
|
5882
|
+
/** Gravity strength */
|
|
5883
|
+
gravity?: number;
|
|
5884
|
+
/** Buoyancy force */
|
|
5885
|
+
buoyancy?: number;
|
|
5886
|
+
/** Split chance */
|
|
5887
|
+
splitChance?: number;
|
|
5888
|
+
/** Merge distance */
|
|
5889
|
+
mergeDistance?: number;
|
|
5890
|
+
}
|
|
5891
|
+
declare const BubbleBackground: React__default.FC<BubbleBackgroundProps>;
|
|
5892
|
+
|
|
5893
|
+
/**
|
|
5894
|
+
* GeometricPatterns Component (Performance Optimized)
|
|
5895
|
+
*
|
|
5896
|
+
* Yüksek performanslı animasyonlu geometrik desenler
|
|
5897
|
+
* Optimizasyonlar:
|
|
5898
|
+
* - Gradient önbelleğe alma (caching)
|
|
5899
|
+
* - Spatial grid ile mouse etkileşimi
|
|
5900
|
+
* - Batch rendering
|
|
5901
|
+
* - Offscreen canvas kullanımı
|
|
5902
|
+
* - Object pooling
|
|
5903
|
+
* - Performans presets
|
|
5904
|
+
*
|
|
5905
|
+
* @author MoonUI Team
|
|
5906
|
+
* @license MIT
|
|
5907
|
+
* @credits React Bits by David H
|
|
5908
|
+
*/
|
|
5909
|
+
interface GeometricPatternsProps {
|
|
5910
|
+
/** Child content to display over patterns */
|
|
5911
|
+
children?: React__default.ReactNode;
|
|
5912
|
+
/** CSS class for the patterns */
|
|
5913
|
+
className?: string;
|
|
5914
|
+
/** Container class */
|
|
5915
|
+
containerClassName?: string;
|
|
5916
|
+
/** Pattern type */
|
|
5917
|
+
pattern?: 'triangles' | 'hexagons' | 'squares' | 'diamonds' | 'circles' | 'mixed';
|
|
5918
|
+
/** Pattern colors */
|
|
5919
|
+
colors?: string[];
|
|
5920
|
+
/** Pattern size */
|
|
5921
|
+
patternSize?: number;
|
|
5922
|
+
/** Pattern spacing */
|
|
5923
|
+
spacing?: number;
|
|
5924
|
+
/** Animation type */
|
|
5925
|
+
animation?: 'rotate' | 'pulse' | 'shift' | 'morph' | 'none';
|
|
5926
|
+
/** Animation speed (ms) */
|
|
5927
|
+
animationSpeed?: number;
|
|
5928
|
+
/** Pattern opacity */
|
|
5929
|
+
opacity?: number;
|
|
5930
|
+
/** Enable 3D effect */
|
|
5931
|
+
enable3D?: boolean;
|
|
5932
|
+
/** 3D depth */
|
|
5933
|
+
depth?: number;
|
|
5934
|
+
/** Pattern stroke width */
|
|
5935
|
+
strokeWidth?: number;
|
|
5936
|
+
/** Fill patterns */
|
|
5937
|
+
fillStyle?: 'solid' | 'gradient' | 'outline' | 'dotted';
|
|
5938
|
+
/** Gradient direction */
|
|
5939
|
+
gradientDirection?: 'horizontal' | 'vertical' | 'diagonal' | 'radial';
|
|
5940
|
+
/** Enable glow effect */
|
|
5941
|
+
glow?: boolean;
|
|
5942
|
+
/** Glow intensity */
|
|
5943
|
+
glowIntensity?: number;
|
|
5944
|
+
/** Background color */
|
|
5945
|
+
backgroundColor?: string;
|
|
5946
|
+
/** Interactive mode */
|
|
5947
|
+
interactive?: boolean;
|
|
5948
|
+
/** Mouse effect radius */
|
|
5949
|
+
mouseRadius?: number;
|
|
5950
|
+
/** Pattern density */
|
|
5951
|
+
density?: number;
|
|
5952
|
+
/** FPS limit for performance */
|
|
5953
|
+
fps?: number;
|
|
5954
|
+
/** Performance preset - düşük cihazlar için optimize et */
|
|
5955
|
+
performancePreset?: 'low' | 'medium' | 'high';
|
|
5956
|
+
}
|
|
5957
|
+
declare const GeometricPatterns: React__default.FC<GeometricPatternsProps>;
|
|
5958
|
+
|
|
5959
|
+
/**
|
|
5960
|
+
* Blur Fade Component
|
|
5961
|
+
*
|
|
5962
|
+
* Blur efektli fade animasyon bileşeni
|
|
5963
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
5964
|
+
*
|
|
5965
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
5966
|
+
* @license MIT
|
|
5967
|
+
*/
|
|
5968
|
+
interface BlurFadeProps {
|
|
5969
|
+
/** Alt içerik */
|
|
5970
|
+
children: React__default.ReactNode;
|
|
5971
|
+
/** CSS sınıfı */
|
|
5972
|
+
className?: string;
|
|
5973
|
+
/** Görünüm tetikleyicisi (intersection observer için) */
|
|
5974
|
+
variant?: 'fade-in' | 'fade-up' | 'fade-down' | 'fade-left' | 'fade-right';
|
|
5975
|
+
/** Animasyon gecikmesi (ms) */
|
|
5976
|
+
delay?: number;
|
|
5977
|
+
/** Animasyon süresi (ms) */
|
|
5978
|
+
duration?: number;
|
|
5979
|
+
/** Blur miktarı (px) */
|
|
5980
|
+
blur?: string;
|
|
5981
|
+
/** Görünür olup olmadığı */
|
|
5982
|
+
inView?: boolean;
|
|
5983
|
+
/** Manuel trigger */
|
|
5984
|
+
trigger?: boolean;
|
|
5985
|
+
/** Animasyon tekrar edebilir mi */
|
|
5986
|
+
once?: boolean;
|
|
5987
|
+
/** Threshold değeri (intersection observer için) */
|
|
5988
|
+
threshold?: number;
|
|
5989
|
+
/** Root margin (intersection observer için) */
|
|
5990
|
+
rootMargin?: string;
|
|
5991
|
+
/** Animasyon tamamlandığında çağırılacak fonksiyon */
|
|
5992
|
+
onAnimationComplete?: () => void;
|
|
5993
|
+
}
|
|
5994
|
+
declare const BlurFade: React__default.FC<BlurFadeProps>;
|
|
5995
|
+
|
|
5996
|
+
/**
|
|
5997
|
+
* Shimmer Component
|
|
5998
|
+
*
|
|
5999
|
+
* Yükleme shimmer efekt bileşeni
|
|
6000
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
6001
|
+
*
|
|
6002
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
6003
|
+
* @license MIT
|
|
6004
|
+
*/
|
|
6005
|
+
interface ShimmerProps {
|
|
6006
|
+
/** Alt içerik */
|
|
6007
|
+
children?: React__default.ReactNode;
|
|
6008
|
+
/** CSS sınıfı */
|
|
6009
|
+
className?: string;
|
|
6010
|
+
/** Shimmer genişliği */
|
|
6011
|
+
width?: string | number;
|
|
6012
|
+
/** Shimmer yüksekliği */
|
|
6013
|
+
height?: string | number;
|
|
6014
|
+
/** Animasyon süresi (saniye) */
|
|
6015
|
+
duration?: number;
|
|
6016
|
+
/** Shimmer rengi */
|
|
6017
|
+
shimmerColor?: string;
|
|
6018
|
+
/** Arka plan rengi */
|
|
6019
|
+
backgroundColor?: string;
|
|
6020
|
+
/** Yönü */
|
|
6021
|
+
direction?: 'ltr' | 'rtl' | 'ttb' | 'btt';
|
|
6022
|
+
/** Animasyon tekrarı */
|
|
6023
|
+
repeat?: 'infinite' | number;
|
|
6024
|
+
/** Shimmer boyutu (gradyan genişliği %) */
|
|
6025
|
+
shimmerSize?: number;
|
|
6026
|
+
/** Kenar yuvarlaklığı */
|
|
6027
|
+
borderRadius?: string;
|
|
6028
|
+
/** Aktif/pasif durumu */
|
|
6029
|
+
active?: boolean;
|
|
6030
|
+
}
|
|
6031
|
+
declare const Shimmer: React__default.FC<ShimmerProps>;
|
|
6032
|
+
|
|
6033
|
+
/**
|
|
6034
|
+
* Ripple Component
|
|
6035
|
+
*
|
|
6036
|
+
* Ripple dalga efekt bileşeni
|
|
6037
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
6038
|
+
*
|
|
6039
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
6040
|
+
* @license MIT
|
|
6041
|
+
*/
|
|
6042
|
+
interface RippleProps {
|
|
6043
|
+
/** Alt içerik */
|
|
6044
|
+
children?: React__default.ReactNode;
|
|
6045
|
+
/** CSS sınıfı */
|
|
6046
|
+
className?: string;
|
|
6047
|
+
/** Ripple rengi */
|
|
6048
|
+
color?: string;
|
|
6049
|
+
/** Animasyon süresi (ms) */
|
|
6050
|
+
duration?: number;
|
|
6051
|
+
/** Maksimum ripple sayısı */
|
|
6052
|
+
maxRipples?: number;
|
|
6053
|
+
/** Ripple boyutu */
|
|
6054
|
+
size?: 'small' | 'medium' | 'large' | number;
|
|
6055
|
+
/** Trigger olayı */
|
|
6056
|
+
trigger?: 'click' | 'hover' | 'focus' | 'none';
|
|
6057
|
+
/** Manuel ripple tetikleme */
|
|
6058
|
+
ripple?: boolean;
|
|
6059
|
+
/** Container CSS sınıfı */
|
|
6060
|
+
containerClassName?: string;
|
|
6061
|
+
/** Ripple tamamlandığında çağırılacak fonksiyon */
|
|
6062
|
+
onRippleComplete?: () => void;
|
|
6063
|
+
/** Devre dışı durumu */
|
|
6064
|
+
disabled?: boolean;
|
|
6065
|
+
/** Ripple merkezi (x, y koordinatları) */
|
|
6066
|
+
center?: {
|
|
6067
|
+
x: number;
|
|
6068
|
+
y: number;
|
|
6069
|
+
} | null;
|
|
6070
|
+
}
|
|
6071
|
+
declare const Ripple: React__default.FC<RippleProps>;
|
|
6072
|
+
|
|
6073
|
+
/**
|
|
6074
|
+
* Sparkles Component
|
|
6075
|
+
*
|
|
6076
|
+
* Parıltı efekt bileşeni
|
|
6077
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
6078
|
+
*
|
|
6079
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
6080
|
+
* @license MIT
|
|
6081
|
+
*/
|
|
6082
|
+
interface SparklesProps {
|
|
6083
|
+
/** Alt içerik */
|
|
6084
|
+
children?: React__default.ReactNode;
|
|
6085
|
+
/** CSS sınıfı */
|
|
6086
|
+
className?: string;
|
|
6087
|
+
/** Container CSS sınıfı */
|
|
6088
|
+
containerClassName?: string;
|
|
6089
|
+
/** Sparkle rengi */
|
|
6090
|
+
color?: string;
|
|
6091
|
+
/** Maksimum sparkle sayısı */
|
|
6092
|
+
count?: number;
|
|
6093
|
+
/** Sparkle boyutu aralığı */
|
|
6094
|
+
size?: {
|
|
6095
|
+
min: number;
|
|
6096
|
+
max: number;
|
|
6097
|
+
};
|
|
6098
|
+
/** Animasyon süresi aralığı (ms) */
|
|
6099
|
+
duration?: {
|
|
6100
|
+
min: number;
|
|
6101
|
+
max: number;
|
|
6102
|
+
};
|
|
6103
|
+
/** Yoğunluk (sparkle oluşturma sıklığı) */
|
|
6104
|
+
density?: 'low' | 'medium' | 'high';
|
|
6105
|
+
/** Sparkle şekli */
|
|
6106
|
+
shape?: 'star' | 'circle' | 'square' | 'diamond';
|
|
6107
|
+
/** Otomatik sparkle oluşturma */
|
|
6108
|
+
autoGenerate?: boolean;
|
|
6109
|
+
/** Mouse hover efekti */
|
|
6110
|
+
interactive?: boolean;
|
|
6111
|
+
/** Animasyon durumu */
|
|
6112
|
+
active?: boolean;
|
|
6113
|
+
/** Sparkle opacity aralığı */
|
|
6114
|
+
opacity?: {
|
|
6115
|
+
min: number;
|
|
6116
|
+
max: number;
|
|
6117
|
+
};
|
|
6118
|
+
/** Parıltı tetikleme olayı */
|
|
6119
|
+
trigger?: 'hover' | 'click' | 'continuous' | 'none';
|
|
6120
|
+
}
|
|
6121
|
+
declare const Sparkles: React__default.FC<SparklesProps>;
|
|
6122
|
+
|
|
6123
|
+
/**
|
|
6124
|
+
* Spotlight Component
|
|
6125
|
+
*
|
|
6126
|
+
* Gelişmiş spotlight hover efekt bileşeni
|
|
6127
|
+
* Multiple spotlight, gradient effects, animations ve performance optimizations içerir
|
|
6128
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
6129
|
+
*
|
|
6130
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
6131
|
+
* @license MIT
|
|
6132
|
+
*/
|
|
6133
|
+
interface SpotlightData {
|
|
6134
|
+
/** Spotlight rengi */
|
|
6135
|
+
color: string;
|
|
6136
|
+
/** Spotlight boyutu */
|
|
6137
|
+
size: number;
|
|
6138
|
+
/** Spotlight pozisyonu (opsiyonel, mouse takibi için) */
|
|
6139
|
+
position?: {
|
|
6140
|
+
x: number;
|
|
6141
|
+
y: number;
|
|
6142
|
+
};
|
|
6143
|
+
/** Bu spotlight için yoğunluk */
|
|
6144
|
+
intensity?: number;
|
|
6145
|
+
/** Bu spotlight için blur */
|
|
6146
|
+
blur?: number;
|
|
6147
|
+
/** Bu spotlight için şekil */
|
|
6148
|
+
shape?: 'circle' | 'ellipse' | 'polygon' | 'star' | 'heart';
|
|
6149
|
+
/** Bu spotlight için blend mode */
|
|
6150
|
+
blendMode?: string;
|
|
6151
|
+
/** Spotlight trail efekti */
|
|
6152
|
+
trail?: {
|
|
6153
|
+
length: number;
|
|
6154
|
+
decay: number;
|
|
6155
|
+
color?: string;
|
|
6156
|
+
};
|
|
6157
|
+
/** Motion blur ayarları */
|
|
6158
|
+
motionBlur?: {
|
|
6159
|
+
intensity: number;
|
|
6160
|
+
direction: 'horizontal' | 'vertical' | 'radial';
|
|
6161
|
+
};
|
|
6162
|
+
/** Mask şekli */
|
|
6163
|
+
mask?: {
|
|
6164
|
+
type: 'cutout' | 'reveal';
|
|
6165
|
+
shape: string;
|
|
6166
|
+
invert?: boolean;
|
|
6167
|
+
};
|
|
6168
|
+
/** 3D derinlik efekti */
|
|
6169
|
+
depth?: {
|
|
6170
|
+
z: number;
|
|
6171
|
+
perspective: number;
|
|
6172
|
+
shadow?: boolean;
|
|
6173
|
+
};
|
|
6174
|
+
}
|
|
6175
|
+
interface SpotlightProps {
|
|
6176
|
+
/** Alt içerik */
|
|
6177
|
+
children: React__default.ReactNode;
|
|
6178
|
+
/** CSS sınıfı */
|
|
6179
|
+
className?: string;
|
|
6180
|
+
/** Container CSS sınıfı */
|
|
6181
|
+
containerClassName?: string;
|
|
6182
|
+
/** Tek spotlight için renk (backwards compatibility) */
|
|
6183
|
+
color?: string;
|
|
6184
|
+
/** Tek spotlight için boyut (backwards compatibility) */
|
|
6185
|
+
size?: number;
|
|
6186
|
+
/** Multiple spotlights dizisi */
|
|
6187
|
+
spotlights?: SpotlightData[];
|
|
6188
|
+
/** Spotlight yoğunluğu (0-1) */
|
|
6189
|
+
intensity?: number;
|
|
6190
|
+
/** Smooth takip */
|
|
6191
|
+
smooth?: boolean;
|
|
6192
|
+
/** Smooth gecikmesi (ms) */
|
|
6193
|
+
smoothDelay?: number;
|
|
6194
|
+
/** Başlangıçta göster */
|
|
6195
|
+
initialShow?: boolean;
|
|
6196
|
+
/** Sadece hover'da göster */
|
|
6197
|
+
hoverOnly?: boolean;
|
|
6198
|
+
/** Blur miktarı */
|
|
6199
|
+
blur?: number;
|
|
6200
|
+
/** Spotlight şekli */
|
|
6201
|
+
shape?: 'circle' | 'ellipse';
|
|
6202
|
+
/** Animasyon süresi */
|
|
6203
|
+
duration?: number;
|
|
6204
|
+
/** Easing function */
|
|
6205
|
+
easing?: string;
|
|
6206
|
+
/** Z-index */
|
|
6207
|
+
zIndex?: number;
|
|
6208
|
+
/** Spotlight merkezini manuel olarak ayarla */
|
|
6209
|
+
center?: {
|
|
6210
|
+
x: number;
|
|
6211
|
+
y: number;
|
|
6212
|
+
} | null;
|
|
6213
|
+
/** Pulse/breathing animasyon modu */
|
|
6214
|
+
pulseAnimation?: boolean;
|
|
6215
|
+
/** Pulse hızı (ms) */
|
|
6216
|
+
pulseSpeed?: number;
|
|
6217
|
+
/** Grid/pattern overlay */
|
|
6218
|
+
gridOverlay?: boolean;
|
|
6219
|
+
/** Grid boyutu */
|
|
6220
|
+
gridSize?: number;
|
|
6221
|
+
/** Blend mode */
|
|
6222
|
+
blendMode?: 'normal' | 'screen' | 'overlay' | 'multiply' | 'color-dodge' | 'hard-light';
|
|
6223
|
+
/** Directional spotlight (açı derece) */
|
|
6224
|
+
direction?: number;
|
|
6225
|
+
/** Magnetic attraction to elements */
|
|
6226
|
+
magnetic?: boolean;
|
|
6227
|
+
/** Magnetic force strength */
|
|
6228
|
+
magneticStrength?: number;
|
|
6229
|
+
/** Performance mode (requestAnimationFrame kullanır) */
|
|
6230
|
+
performanceMode?: boolean;
|
|
6231
|
+
/** Custom cursor style */
|
|
6232
|
+
cursorStyle?: 'none' | 'pointer' | 'crosshair' | 'grab';
|
|
6233
|
+
/** Touch support */
|
|
6234
|
+
touchSupport?: boolean;
|
|
6235
|
+
/** Gradient spotlight (multiple colors) */
|
|
6236
|
+
gradientColors?: string[];
|
|
6237
|
+
/** Spotlight rotation */
|
|
6238
|
+
rotation?: number;
|
|
6239
|
+
/** Auto animation */
|
|
6240
|
+
autoAnimation?: boolean;
|
|
6241
|
+
/** Auto animation speed */
|
|
6242
|
+
autoSpeed?: number;
|
|
6243
|
+
/** Heat map mode - intensity based on data */
|
|
6244
|
+
heatMap?: {
|
|
6245
|
+
data: Array<{
|
|
6246
|
+
x: number;
|
|
6247
|
+
y: number;
|
|
6248
|
+
intensity: number;
|
|
6249
|
+
}>;
|
|
6250
|
+
colors: string[];
|
|
6251
|
+
interpolation: 'linear' | 'smooth' | 'sharp';
|
|
6252
|
+
};
|
|
6253
|
+
/** Wave animation pattern */
|
|
6254
|
+
waveAnimation?: {
|
|
6255
|
+
type: 'ripple' | 'sine' | 'pulse' | 'spiral';
|
|
6256
|
+
frequency: number;
|
|
6257
|
+
amplitude: number;
|
|
6258
|
+
speed: number;
|
|
6259
|
+
};
|
|
6260
|
+
/** Advanced shadow configuration */
|
|
6261
|
+
shadowConfig?: {
|
|
6262
|
+
enabled: boolean;
|
|
6263
|
+
color: string;
|
|
6264
|
+
blur: number;
|
|
6265
|
+
offset: {
|
|
6266
|
+
x: number;
|
|
6267
|
+
y: number;
|
|
6268
|
+
};
|
|
6269
|
+
spread: number;
|
|
6270
|
+
};
|
|
6271
|
+
/** WebGL rendering for performance */
|
|
6272
|
+
webGLMode?: boolean;
|
|
6273
|
+
/** Particle effects */
|
|
6274
|
+
particles?: {
|
|
6275
|
+
count: number;
|
|
6276
|
+
size: number;
|
|
6277
|
+
speed: number;
|
|
6278
|
+
color: string;
|
|
6279
|
+
trail: boolean;
|
|
6280
|
+
};
|
|
6281
|
+
/** Multi-layer support */
|
|
6282
|
+
layers?: Array<{
|
|
6283
|
+
spotlight: SpotlightData;
|
|
6284
|
+
zIndex: number;
|
|
6285
|
+
opacity: number;
|
|
6286
|
+
}>;
|
|
6287
|
+
/** Interactive zones */
|
|
6288
|
+
interactiveZones?: Array<{
|
|
6289
|
+
bounds: {
|
|
6290
|
+
x: number;
|
|
6291
|
+
y: number;
|
|
6292
|
+
width: number;
|
|
6293
|
+
height: number;
|
|
6294
|
+
};
|
|
6295
|
+
spotlight: SpotlightData;
|
|
6296
|
+
trigger: 'hover' | 'click' | 'proximity';
|
|
6297
|
+
}>;
|
|
6298
|
+
}
|
|
6299
|
+
declare const Spotlight: React__default.FC<SpotlightProps>;
|
|
6300
|
+
|
|
6301
|
+
/**
|
|
6302
|
+
* GlowEffect Component
|
|
6303
|
+
*
|
|
6304
|
+
* Adds dynamic glow effects to elements with customizable animations
|
|
6305
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
6306
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
6307
|
+
*
|
|
6308
|
+
* @author MoonUI Team
|
|
6309
|
+
* @license MIT
|
|
6310
|
+
* @credits React Bits by David H
|
|
6311
|
+
*/
|
|
6312
|
+
interface GlowEffectProps {
|
|
6313
|
+
/** Content to apply glow effect */
|
|
6314
|
+
children: React__default.ReactNode;
|
|
6315
|
+
/** Glow color */
|
|
6316
|
+
color?: string;
|
|
6317
|
+
/** Glow intensity (blur radius) */
|
|
6318
|
+
intensity?: number;
|
|
6319
|
+
/** Glow spread radius */
|
|
6320
|
+
spread?: number;
|
|
6321
|
+
/** Animation type */
|
|
6322
|
+
animation?: 'pulse' | 'breathe' | 'flicker' | 'wave' | 'rainbow' | 'none';
|
|
6323
|
+
/** Animation duration in ms */
|
|
6324
|
+
duration?: number;
|
|
6325
|
+
/** Enable gradient glow */
|
|
6326
|
+
gradient?: boolean;
|
|
6327
|
+
/** Gradient colors */
|
|
6328
|
+
gradientColors?: string[];
|
|
6329
|
+
/** Gradient direction */
|
|
6330
|
+
gradientDirection?: number;
|
|
6331
|
+
/** Enable multi-layer glow */
|
|
6332
|
+
multiLayer?: boolean;
|
|
6333
|
+
/** Number of glow layers */
|
|
6334
|
+
layers?: number;
|
|
6335
|
+
/** Layer offset multiplier */
|
|
6336
|
+
layerOffset?: number;
|
|
6337
|
+
/** Enable hover effect */
|
|
6338
|
+
hoverEffect?: boolean;
|
|
6339
|
+
/** Hover intensity multiplier */
|
|
6340
|
+
hoverIntensity?: number;
|
|
6341
|
+
/** Enable mouse tracking */
|
|
6342
|
+
mouseTracking?: boolean;
|
|
6343
|
+
/** Mouse effect radius */
|
|
6344
|
+
mouseRadius?: number;
|
|
6345
|
+
/** Glow shape */
|
|
6346
|
+
shape?: 'box' | 'circle' | 'star' | 'hexagon';
|
|
6347
|
+
/** Enable inner glow */
|
|
6348
|
+
innerGlow?: boolean;
|
|
6349
|
+
/** Inner glow intensity */
|
|
6350
|
+
innerIntensity?: number;
|
|
6351
|
+
/** Enable text glow */
|
|
6352
|
+
textGlow?: boolean;
|
|
6353
|
+
/** Text glow color */
|
|
6354
|
+
textGlowColor?: string;
|
|
6355
|
+
/** Enable blur backdrop */
|
|
6356
|
+
backdrop?: boolean;
|
|
6357
|
+
/** Backdrop blur amount */
|
|
6358
|
+
backdropBlur?: number;
|
|
6359
|
+
/** Enable neon effect */
|
|
6360
|
+
neon?: boolean;
|
|
6361
|
+
/** Neon flicker frequency */
|
|
6362
|
+
flickerFrequency?: number;
|
|
6363
|
+
/** Custom CSS filter */
|
|
6364
|
+
customFilter?: string;
|
|
6365
|
+
/** Z-index for glow layers */
|
|
6366
|
+
zIndex?: number;
|
|
6367
|
+
/** Container class */
|
|
6368
|
+
containerClassName?: string;
|
|
6369
|
+
/** Glow class */
|
|
6370
|
+
glowClassName?: string;
|
|
6371
|
+
/** Disable on mobile */
|
|
6372
|
+
disableOnMobile?: boolean;
|
|
6373
|
+
}
|
|
6374
|
+
declare const GlowEffect: React__default.FC<GlowEffectProps>;
|
|
6375
|
+
|
|
6376
|
+
/**
|
|
6377
|
+
* NeonEffect Component
|
|
6378
|
+
*
|
|
6379
|
+
* Creates retro neon sign effects with glowing borders and text
|
|
6380
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
6381
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
6382
|
+
*
|
|
6383
|
+
* @author MoonUI Team
|
|
6384
|
+
* @license MIT
|
|
6385
|
+
* @credits React Bits by David H
|
|
6386
|
+
*/
|
|
6387
|
+
interface NeonEffectProps {
|
|
6388
|
+
/** Content to apply neon effect */
|
|
6389
|
+
children: React__default.ReactNode;
|
|
6390
|
+
/** Primary neon color */
|
|
6391
|
+
color?: string;
|
|
6392
|
+
/** Secondary neon color for dual-tone effect */
|
|
6393
|
+
secondaryColor?: string;
|
|
6394
|
+
/** Neon intensity */
|
|
6395
|
+
intensity?: number;
|
|
6396
|
+
/** Border width for neon outline */
|
|
6397
|
+
borderWidth?: number;
|
|
6398
|
+
/** Enable text neon effect */
|
|
6399
|
+
textNeon?: boolean;
|
|
6400
|
+
/** Enable border neon effect */
|
|
6401
|
+
borderNeon?: boolean;
|
|
6402
|
+
/** Animation type */
|
|
6403
|
+
animation?: 'pulse' | 'flicker' | 'electric' | 'wave' | 'breathing' | 'none';
|
|
6404
|
+
/** Animation speed in ms */
|
|
6405
|
+
speed?: number;
|
|
6406
|
+
/** Flicker frequency (0-1) */
|
|
6407
|
+
flickerFrequency?: number;
|
|
6408
|
+
/** Enable realistic tube segments */
|
|
6409
|
+
tubeSegments?: boolean;
|
|
6410
|
+
/** Number of tube segments */
|
|
6411
|
+
segmentCount?: number;
|
|
6412
|
+
/** Enable broken neon effect */
|
|
6413
|
+
broken?: boolean;
|
|
6414
|
+
/** Broken segments indices */
|
|
6415
|
+
brokenSegments?: number[];
|
|
6416
|
+
/** Enable rainbow cycle */
|
|
6417
|
+
rainbow?: boolean;
|
|
6418
|
+
/** Rainbow speed */
|
|
6419
|
+
rainbowSpeed?: number;
|
|
6420
|
+
/** Enable neon reflection */
|
|
6421
|
+
reflection?: boolean;
|
|
6422
|
+
/** Reflection opacity */
|
|
6423
|
+
reflectionOpacity?: number;
|
|
6424
|
+
/** Background glow */
|
|
6425
|
+
backgroundGlow?: boolean;
|
|
6426
|
+
/** Background glow intensity */
|
|
6427
|
+
backgroundIntensity?: number;
|
|
6428
|
+
/** Enable vintage filter */
|
|
6429
|
+
vintage?: boolean;
|
|
6430
|
+
/** Vintage filter intensity */
|
|
6431
|
+
vintageIntensity?: number;
|
|
6432
|
+
/** Enable electric spark effect */
|
|
6433
|
+
electricSparks?: boolean;
|
|
6434
|
+
/** Spark frequency */
|
|
6435
|
+
sparkFrequency?: number;
|
|
6436
|
+
/** Custom font for text */
|
|
6437
|
+
fontFamily?: string;
|
|
6438
|
+
/** Font weight for text */
|
|
6439
|
+
fontWeight?: number | string;
|
|
6440
|
+
/** Letter spacing for text */
|
|
6441
|
+
letterSpacing?: string;
|
|
6442
|
+
/** Text transform */
|
|
6443
|
+
textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
|
|
6444
|
+
/** Container class */
|
|
6445
|
+
containerClassName?: string;
|
|
6446
|
+
/** Neon class */
|
|
6447
|
+
neonClassName?: string;
|
|
6448
|
+
/** Disable on reduced motion */
|
|
6449
|
+
respectReducedMotion?: boolean;
|
|
6450
|
+
}
|
|
6451
|
+
declare const NeonEffect: React__default.FC<NeonEffectProps>;
|
|
6452
|
+
|
|
6453
|
+
/**
|
|
6454
|
+
* Morphing Text Component
|
|
6455
|
+
*
|
|
6456
|
+
* Metamorfoz text animasyon bileşeni
|
|
6457
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
6458
|
+
*
|
|
6459
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
6460
|
+
* @license MIT
|
|
6461
|
+
*/
|
|
6462
|
+
interface MorphingTextProps {
|
|
6463
|
+
/** Gösterilecek metinler dizisi */
|
|
6464
|
+
texts: string[];
|
|
6465
|
+
/** CSS sınıfı */
|
|
6466
|
+
className?: string;
|
|
6467
|
+
/** Her metin arası geçiş süresi (ms) */
|
|
6468
|
+
duration?: number;
|
|
6469
|
+
/** Animasyon süresi (ms) */
|
|
6470
|
+
animationDuration?: number;
|
|
6471
|
+
/** Döngü yapılsın mı */
|
|
6472
|
+
loop?: boolean;
|
|
6473
|
+
/** Başlangıç metni index'i */
|
|
6474
|
+
startIndex?: number;
|
|
6475
|
+
/** Animasyon tamamlandığında çağırılacak fonksiyon */
|
|
6476
|
+
onComplete?: (currentIndex: number) => void;
|
|
6477
|
+
/** Manuel kontrol */
|
|
6478
|
+
paused?: boolean;
|
|
6479
|
+
/** Morph efekt tipi */
|
|
6480
|
+
morphType?: 'scale' | 'blur' | 'opacity' | 'slide';
|
|
6481
|
+
/** Metin arası geçiş efekti */
|
|
6482
|
+
transition?: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear';
|
|
6483
|
+
}
|
|
6484
|
+
declare const MorphingText: React__default.FC<MorphingTextProps>;
|
|
6485
|
+
|
|
6486
|
+
/**
|
|
6487
|
+
* Flip Text Component
|
|
6488
|
+
*
|
|
6489
|
+
* Çevirme text animasyon bileşeni
|
|
6490
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
6491
|
+
*
|
|
6492
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
6493
|
+
* @license MIT
|
|
6494
|
+
*/
|
|
6495
|
+
interface FlipTextProps {
|
|
6496
|
+
/** Gösterilecek metinler dizisi */
|
|
6497
|
+
texts: string[];
|
|
6498
|
+
/** CSS sınıfı */
|
|
6499
|
+
className?: string;
|
|
6500
|
+
/** Her metin arası geçiş süresi (ms) */
|
|
6501
|
+
duration?: number;
|
|
6502
|
+
/** Animasyon süresi (ms) */
|
|
6503
|
+
animationDuration?: number;
|
|
6504
|
+
/** Döngü yapılsın mı */
|
|
6505
|
+
loop?: boolean;
|
|
6506
|
+
/** Başlangıç metni index'i */
|
|
6507
|
+
startIndex?: number;
|
|
6508
|
+
/** Çevirme yönü */
|
|
6509
|
+
direction?: 'horizontal' | 'vertical';
|
|
6510
|
+
/** Animasyon tamamlandığında çağırılacak fonksiyon */
|
|
6511
|
+
onComplete?: (currentIndex: number) => void;
|
|
6512
|
+
/** Manuel kontrol */
|
|
6513
|
+
paused?: boolean;
|
|
6514
|
+
/** Easing function */
|
|
6515
|
+
easing?: 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear';
|
|
6516
|
+
/** 3D perspektif efekti */
|
|
6517
|
+
perspective?: boolean;
|
|
6518
|
+
/** Perspektif uzaklığı (px) */
|
|
6519
|
+
perspectiveDistance?: number;
|
|
6520
|
+
}
|
|
6521
|
+
declare const FlipText: React__default.FC<FlipTextProps>;
|
|
6522
|
+
|
|
6523
|
+
/**
|
|
6524
|
+
* Number Ticker Component
|
|
6525
|
+
*
|
|
6526
|
+
* Animasyonlu sayı ticker bileşeni
|
|
6527
|
+
* React Bits'ten uyarlanmıştır: https://github.com/DavidHDev/react-bits
|
|
6528
|
+
*
|
|
6529
|
+
* @author React Bits Team (Original), MoonUI Team (Adaptation)
|
|
6530
|
+
* @license MIT
|
|
6531
|
+
*/
|
|
6532
|
+
interface NumberTickerProps {
|
|
6533
|
+
/** Hedef sayı */
|
|
6534
|
+
value: number;
|
|
6535
|
+
/** CSS sınıfı */
|
|
6536
|
+
className?: string;
|
|
6537
|
+
/** Animasyon süresi (ms) */
|
|
6538
|
+
duration?: number;
|
|
6539
|
+
/** Başlangıç değeri */
|
|
6540
|
+
startValue?: number;
|
|
6541
|
+
/** Sayı formatı */
|
|
6542
|
+
format?: (value: number) => string;
|
|
6543
|
+
/** Ondalık basamak sayısı */
|
|
6544
|
+
decimalPlaces?: number;
|
|
6545
|
+
/** Ayırıcı karakteri (binlik) */
|
|
6546
|
+
separator?: string;
|
|
6547
|
+
/** Ondalık ayırıcısı */
|
|
6548
|
+
decimalSeparator?: string;
|
|
6549
|
+
/** Prefix */
|
|
6550
|
+
prefix?: string;
|
|
6551
|
+
/** Suffix */
|
|
6552
|
+
suffix?: string;
|
|
6553
|
+
/** Easing function */
|
|
6554
|
+
easing?: 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'bounce';
|
|
6555
|
+
/** Animasyon tamamlandığında çağırılacak fonksiyon */
|
|
6556
|
+
onComplete?: () => void;
|
|
6557
|
+
/** Intersection observer kullan */
|
|
6558
|
+
useIntersectionObserver?: boolean;
|
|
6559
|
+
/** Threshold değeri */
|
|
6560
|
+
threshold?: number;
|
|
6561
|
+
/** Tekrar animasyon yapılsın mı */
|
|
6562
|
+
repeat?: boolean;
|
|
6563
|
+
}
|
|
6564
|
+
declare const NumberTicker: React__default.FC<NumberTickerProps>;
|
|
6565
|
+
|
|
6566
|
+
/**
|
|
6567
|
+
* WavyText Component
|
|
6568
|
+
*
|
|
6569
|
+
* Animated wavy text effect with customizable wave patterns
|
|
6570
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
6571
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
6572
|
+
*
|
|
6573
|
+
* @author MoonUI Team
|
|
6574
|
+
* @license MIT
|
|
6575
|
+
* @credits React Bits by David H
|
|
6576
|
+
*/
|
|
6577
|
+
interface WavyTextProps {
|
|
6578
|
+
/** Text to display with wavy animation */
|
|
6579
|
+
text: string;
|
|
6580
|
+
/** CSS class for styling */
|
|
6581
|
+
className?: string;
|
|
6582
|
+
/** Animation duration in ms */
|
|
6583
|
+
duration?: number;
|
|
6584
|
+
/** Delay between each character in ms */
|
|
6585
|
+
delay?: number;
|
|
6586
|
+
/** Wave amplitude (height) */
|
|
6587
|
+
amplitude?: number;
|
|
6588
|
+
/** Wave frequency */
|
|
6589
|
+
frequency?: number;
|
|
6590
|
+
/** Text color */
|
|
6591
|
+
color?: string;
|
|
6592
|
+
/** Font size */
|
|
6593
|
+
fontSize?: string;
|
|
6594
|
+
/** Font weight */
|
|
6595
|
+
fontWeight?: number | string;
|
|
6596
|
+
/** Enable gradient effect */
|
|
6597
|
+
gradient?: boolean;
|
|
6598
|
+
/** Gradient colors */
|
|
6599
|
+
gradientColors?: string[];
|
|
6600
|
+
/** Wave direction */
|
|
6601
|
+
direction?: 'up' | 'down' | 'both';
|
|
6602
|
+
/** Animation timing function */
|
|
6603
|
+
easing?: 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'bounce' | 'elastic';
|
|
6604
|
+
/** Continuous or single animation */
|
|
6605
|
+
continuous?: boolean;
|
|
6606
|
+
/** Enable hover to pause */
|
|
6607
|
+
pauseOnHover?: boolean;
|
|
6608
|
+
/** Character spacing */
|
|
6609
|
+
spacing?: string;
|
|
6610
|
+
/** Enable shadow effect */
|
|
6611
|
+
shadow?: boolean;
|
|
6612
|
+
/** Shadow color */
|
|
6613
|
+
shadowColor?: string;
|
|
6614
|
+
/** Enable blur effect during animation */
|
|
6615
|
+
blur?: boolean;
|
|
6616
|
+
/** Blur amount */
|
|
6617
|
+
blurAmount?: number;
|
|
6618
|
+
/** Enable scale effect */
|
|
6619
|
+
scale?: boolean;
|
|
6620
|
+
/** Scale amount */
|
|
6621
|
+
scaleAmount?: number;
|
|
6622
|
+
/** Enable rotation effect */
|
|
6623
|
+
rotate?: boolean;
|
|
6624
|
+
/** Rotation degrees */
|
|
6625
|
+
rotationDegrees?: number;
|
|
6626
|
+
/** Trigger animation on viewport */
|
|
6627
|
+
triggerOnView?: boolean;
|
|
6628
|
+
/** Viewport threshold for trigger */
|
|
6629
|
+
viewThreshold?: number;
|
|
6630
|
+
/** Custom separator (for word animation) */
|
|
6631
|
+
separator?: string;
|
|
6632
|
+
/** Animate by words instead of characters */
|
|
6633
|
+
animateWords?: boolean;
|
|
6634
|
+
}
|
|
6635
|
+
declare const WavyText: React__default.FC<WavyTextProps>;
|
|
6636
|
+
|
|
6637
|
+
/**
|
|
6638
|
+
* GradientText Component
|
|
6639
|
+
*
|
|
6640
|
+
* Animated gradient text with multiple animation styles
|
|
6641
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
6642
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
6643
|
+
*
|
|
6644
|
+
* @author MoonUI Team
|
|
6645
|
+
* @license MIT
|
|
6646
|
+
* @credits React Bits by David H
|
|
6647
|
+
*/
|
|
6648
|
+
interface GradientTextProps {
|
|
6649
|
+
/** Text to display */
|
|
6650
|
+
text: string;
|
|
6651
|
+
/** CSS class for styling */
|
|
6652
|
+
className?: string;
|
|
6653
|
+
/** Gradient colors */
|
|
6654
|
+
colors?: string[];
|
|
6655
|
+
/** Gradient direction */
|
|
6656
|
+
direction?: number | 'horizontal' | 'vertical' | 'diagonal' | 'radial';
|
|
6657
|
+
/** Animation type */
|
|
6658
|
+
animationType?: 'flow' | 'pulse' | 'shift' | 'rotate' | 'wave' | 'none';
|
|
6659
|
+
/** Animation duration in ms */
|
|
6660
|
+
duration?: number;
|
|
6661
|
+
/** Font size */
|
|
6662
|
+
fontSize?: string;
|
|
6663
|
+
/** Font weight */
|
|
6664
|
+
fontWeight?: number | string;
|
|
6665
|
+
/** Enable background clip */
|
|
6666
|
+
backgroundClip?: boolean;
|
|
6667
|
+
/** Text shadow */
|
|
6668
|
+
textShadow?: string;
|
|
6669
|
+
/** Letter spacing */
|
|
6670
|
+
letterSpacing?: string;
|
|
6671
|
+
/** Line height */
|
|
6672
|
+
lineHeight?: string;
|
|
6673
|
+
/** Text transform */
|
|
6674
|
+
textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
|
|
6675
|
+
/** Enable hover effect */
|
|
6676
|
+
hoverEffect?: boolean;
|
|
6677
|
+
/** Hover scale */
|
|
6678
|
+
hoverScale?: number;
|
|
6679
|
+
/** Enable glow effect */
|
|
6680
|
+
glow?: boolean;
|
|
6681
|
+
/** Glow color */
|
|
6682
|
+
glowColor?: string;
|
|
6683
|
+
/** Glow intensity */
|
|
6684
|
+
glowIntensity?: number;
|
|
6685
|
+
/** Enable rainbow mode */
|
|
6686
|
+
rainbow?: boolean;
|
|
6687
|
+
/** Rainbow speed (ms) */
|
|
6688
|
+
rainbowSpeed?: number;
|
|
6689
|
+
/** Enable shimmer effect */
|
|
6690
|
+
shimmer?: boolean;
|
|
6691
|
+
/** Shimmer color */
|
|
6692
|
+
shimmerColor?: string;
|
|
6693
|
+
/** Gradient size (for flow animation) */
|
|
6694
|
+
gradientSize?: string;
|
|
6695
|
+
/** Enable 3D effect */
|
|
6696
|
+
enable3D?: boolean;
|
|
6697
|
+
/** 3D depth */
|
|
6698
|
+
depth?: number;
|
|
6699
|
+
/** Custom CSS gradient */
|
|
6700
|
+
customGradient?: string;
|
|
6701
|
+
/** Enable text stroke */
|
|
6702
|
+
stroke?: boolean;
|
|
6703
|
+
/** Stroke width */
|
|
6704
|
+
strokeWidth?: string;
|
|
6705
|
+
/** Stroke color */
|
|
6706
|
+
strokeColor?: string;
|
|
6707
|
+
/** Trigger animation on viewport */
|
|
6708
|
+
triggerOnView?: boolean;
|
|
6709
|
+
/** Viewport threshold */
|
|
6710
|
+
viewThreshold?: number;
|
|
6711
|
+
}
|
|
6712
|
+
declare const GradientText: React__default.FC<GradientTextProps>;
|
|
6713
|
+
|
|
6714
|
+
/**
|
|
6715
|
+
* Text3D Component
|
|
6716
|
+
*
|
|
6717
|
+
* 3D text effect with depth, rotation, and perspective
|
|
6718
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
6719
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
6720
|
+
*
|
|
6721
|
+
* @author MoonUI Team
|
|
6722
|
+
* @license MIT
|
|
6723
|
+
* @credits React Bits by David H
|
|
6724
|
+
*/
|
|
6725
|
+
interface Text3DProps {
|
|
6726
|
+
/** Text to display */
|
|
6727
|
+
text: string;
|
|
6728
|
+
/** CSS class for styling */
|
|
6729
|
+
className?: string;
|
|
6730
|
+
/** Depth of 3D effect (number of layers) */
|
|
6731
|
+
depth?: number;
|
|
6732
|
+
/** Depth offset in pixels */
|
|
6733
|
+
depthOffset?: number;
|
|
6734
|
+
/** Primary text color */
|
|
6735
|
+
color?: string;
|
|
6736
|
+
/** Shadow/depth color */
|
|
6737
|
+
shadowColor?: string;
|
|
6738
|
+
/** Font size */
|
|
6739
|
+
fontSize?: string;
|
|
6740
|
+
/** Font weight */
|
|
6741
|
+
fontWeight?: number | string;
|
|
6742
|
+
/** Font family */
|
|
6743
|
+
fontFamily?: string;
|
|
6744
|
+
/** Letter spacing */
|
|
6745
|
+
letterSpacing?: string;
|
|
6746
|
+
/** Text transform */
|
|
6747
|
+
textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
|
|
6748
|
+
/** 3D style */
|
|
6749
|
+
style?: 'extrude' | 'shadow' | 'neon' | 'retro' | 'glass' | 'metallic';
|
|
6750
|
+
/** Enable rotation */
|
|
6751
|
+
rotate?: boolean;
|
|
6752
|
+
/** Rotation X axis */
|
|
6753
|
+
rotateX?: number;
|
|
6754
|
+
/** Rotation Y axis */
|
|
6755
|
+
rotateY?: number;
|
|
6756
|
+
/** Rotation Z axis */
|
|
6757
|
+
rotateZ?: number;
|
|
6758
|
+
/** Perspective distance */
|
|
6759
|
+
perspective?: number;
|
|
6760
|
+
/** Enable hover effect */
|
|
6761
|
+
hoverEffect?: boolean;
|
|
6762
|
+
/** Hover rotation X */
|
|
6763
|
+
hoverRotateX?: number;
|
|
6764
|
+
/** Hover rotation Y */
|
|
6765
|
+
hoverRotateY?: number;
|
|
6766
|
+
/** Hover scale */
|
|
6767
|
+
hoverScale?: number;
|
|
6768
|
+
/** Enable animation */
|
|
6769
|
+
animate?: boolean;
|
|
6770
|
+
/** Animation type */
|
|
6771
|
+
animationType?: 'float' | 'rotate' | 'pulse' | 'wave';
|
|
6772
|
+
/** Animation duration in ms */
|
|
6773
|
+
duration?: number;
|
|
6774
|
+
/** Enable gradient on text */
|
|
6775
|
+
gradient?: boolean;
|
|
6776
|
+
/** Gradient colors */
|
|
6777
|
+
gradientColors?: string[];
|
|
6778
|
+
/** Enable outline */
|
|
6779
|
+
outline?: boolean;
|
|
6780
|
+
/** Outline width */
|
|
6781
|
+
outlineWidth?: string;
|
|
6782
|
+
/** Outline color */
|
|
6783
|
+
outlineColor?: string;
|
|
6784
|
+
/** Enable glow effect */
|
|
6785
|
+
glow?: boolean;
|
|
6786
|
+
/** Glow color */
|
|
6787
|
+
glowColor?: string;
|
|
6788
|
+
/** Glow intensity */
|
|
6789
|
+
glowIntensity?: number;
|
|
6790
|
+
/** Enable reflection */
|
|
6791
|
+
reflection?: boolean;
|
|
6792
|
+
/** Reflection opacity */
|
|
6793
|
+
reflectionOpacity?: number;
|
|
6794
|
+
/** Material style */
|
|
6795
|
+
material?: 'matte' | 'glossy' | 'chrome' | 'neon';
|
|
6796
|
+
/** Light direction for shadows */
|
|
6797
|
+
lightDirection?: 'top' | 'bottom' | 'left' | 'right' | 'center';
|
|
6798
|
+
}
|
|
6799
|
+
declare const Text3D: React__default.FC<Text3DProps>;
|
|
6800
|
+
|
|
6801
|
+
interface DocsProProviderProps {
|
|
6802
|
+
children: React__default.ReactNode;
|
|
6803
|
+
componentName?: string;
|
|
6804
|
+
}
|
|
6805
|
+
declare function DocsProProvider({ children, componentName }: DocsProProviderProps): react_jsx_runtime.JSX.Element;
|
|
6806
|
+
|
|
6807
|
+
/**
|
|
6808
|
+
* MouseTrail Component
|
|
6809
|
+
*
|
|
6810
|
+
* Creates interactive trail effects following mouse movement
|
|
6811
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
6812
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
6813
|
+
*
|
|
6814
|
+
* @author MoonUI Team
|
|
6815
|
+
* @license MIT
|
|
6816
|
+
* @credits React Bits by David H
|
|
6817
|
+
*/
|
|
6818
|
+
interface MouseTrailProps {
|
|
6819
|
+
/** Child content */
|
|
6820
|
+
children?: React__default.ReactNode;
|
|
6821
|
+
/** Trail style */
|
|
6822
|
+
style?: 'dots' | 'lines' | 'circles' | 'stars' | 'hearts' | 'custom';
|
|
6823
|
+
/** Trail colors */
|
|
6824
|
+
colors?: string[];
|
|
6825
|
+
/** Trail particle size */
|
|
6826
|
+
size?: number;
|
|
6827
|
+
/** Trail length (number of particles) */
|
|
6828
|
+
length?: number;
|
|
6829
|
+
/** Particle lifetime in ms */
|
|
6830
|
+
lifetime?: number;
|
|
6831
|
+
/** Fade out effect */
|
|
6832
|
+
fadeOut?: boolean;
|
|
6833
|
+
/** Glow effect */
|
|
6834
|
+
glow?: boolean;
|
|
6835
|
+
/** Glow intensity */
|
|
6836
|
+
glowIntensity?: number;
|
|
6837
|
+
/** Trail spacing (distance between particles) */
|
|
6838
|
+
spacing?: number;
|
|
6839
|
+
/** Enable smooth interpolation */
|
|
6840
|
+
smooth?: boolean;
|
|
6841
|
+
/** Interpolation factor (0-1) */
|
|
6842
|
+
smoothFactor?: number;
|
|
6843
|
+
/** Enable gravity */
|
|
6844
|
+
gravity?: boolean;
|
|
6845
|
+
/** Gravity strength */
|
|
6846
|
+
gravityStrength?: number;
|
|
6847
|
+
/** Enable wind effect */
|
|
6848
|
+
wind?: boolean;
|
|
6849
|
+
/** Wind strength */
|
|
6850
|
+
windStrength?: number;
|
|
6851
|
+
/** Wind direction in degrees */
|
|
6852
|
+
windDirection?: number;
|
|
6853
|
+
/** Enable sparkle effect */
|
|
6854
|
+
sparkle?: boolean;
|
|
6855
|
+
/** Sparkle frequency (0-1) */
|
|
6856
|
+
sparkleFrequency?: number;
|
|
6857
|
+
/** Enable rainbow mode */
|
|
6858
|
+
rainbow?: boolean;
|
|
6859
|
+
/** Rainbow speed */
|
|
6860
|
+
rainbowSpeed?: number;
|
|
6861
|
+
/** Custom shape (SVG path or emoji) */
|
|
6862
|
+
customShape?: string;
|
|
6863
|
+
/** Enable blur effect */
|
|
6864
|
+
blur?: boolean;
|
|
6865
|
+
/** Blur amount */
|
|
6866
|
+
blurAmount?: number;
|
|
6867
|
+
/** Enable rotation */
|
|
6868
|
+
rotate?: boolean;
|
|
6869
|
+
/** Rotation speed */
|
|
6870
|
+
rotationSpeed?: number;
|
|
6871
|
+
/** Enable scale animation */
|
|
6872
|
+
scaleAnimation?: boolean;
|
|
6873
|
+
/** Scale range [min, max] */
|
|
6874
|
+
scaleRange?: [number, number];
|
|
6875
|
+
/** Enable on mobile/touch devices */
|
|
6876
|
+
enableTouch?: boolean;
|
|
6877
|
+
/** Z-index for trail */
|
|
6878
|
+
zIndex?: number;
|
|
6879
|
+
/** Container class */
|
|
6880
|
+
containerClassName?: string;
|
|
6881
|
+
/** Canvas class */
|
|
6882
|
+
className?: string;
|
|
6883
|
+
}
|
|
6884
|
+
declare const MouseTrail: React__default.FC<MouseTrailProps>;
|
|
6885
|
+
|
|
6886
|
+
/**
|
|
6887
|
+
* MagneticElements Component
|
|
6888
|
+
*
|
|
6889
|
+
* Creates magnetic effect where elements are attracted to or repelled from cursor
|
|
6890
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
6891
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
6892
|
+
*
|
|
6893
|
+
* @author MoonUI Team
|
|
6894
|
+
* @license MIT
|
|
6895
|
+
* @credits React Bits by David H
|
|
6896
|
+
*/
|
|
6897
|
+
interface MagneticElementsProps {
|
|
6898
|
+
/** Child elements to apply magnetic effect */
|
|
6899
|
+
children: React__default.ReactNode;
|
|
6900
|
+
/** Magnetic field strength */
|
|
6901
|
+
strength?: number;
|
|
6902
|
+
/** Magnetic field radius */
|
|
6903
|
+
radius?: number;
|
|
6904
|
+
/** Effect type */
|
|
6905
|
+
type?: 'attract' | 'repel' | 'elastic' | 'orbit';
|
|
6906
|
+
/** Enable on touch devices */
|
|
6907
|
+
enableTouch?: boolean;
|
|
6908
|
+
/** Spring damping factor */
|
|
6909
|
+
damping?: number;
|
|
6910
|
+
/** Spring stiffness */
|
|
6911
|
+
stiffness?: number;
|
|
6912
|
+
/** Mass of elements (affects inertia) */
|
|
6913
|
+
mass?: number;
|
|
6914
|
+
/** Enable rotation effect */
|
|
6915
|
+
rotate?: boolean;
|
|
6916
|
+
/** Rotation strength */
|
|
6917
|
+
rotationStrength?: number;
|
|
6918
|
+
/** Enable scale effect */
|
|
6919
|
+
scale?: boolean;
|
|
6920
|
+
/** Scale factor */
|
|
6921
|
+
scaleFactor?: number;
|
|
6922
|
+
/** Enable tilt effect */
|
|
6923
|
+
tilt?: boolean;
|
|
6924
|
+
/** Tilt angle */
|
|
6925
|
+
tiltAngle?: number;
|
|
6926
|
+
/** Transition duration in ms */
|
|
6927
|
+
transitionDuration?: number;
|
|
6928
|
+
/** Easing function */
|
|
6929
|
+
easing?: string;
|
|
6930
|
+
/** Enable boundary constraint */
|
|
6931
|
+
constrain?: boolean;
|
|
6932
|
+
/** Max displacement in pixels */
|
|
6933
|
+
maxDisplacement?: number;
|
|
6934
|
+
/** Enable on hover only */
|
|
6935
|
+
hoverOnly?: boolean;
|
|
6936
|
+
/** Return to origin speed */
|
|
6937
|
+
returnSpeed?: number;
|
|
6938
|
+
/** Enable elastic overshoot */
|
|
6939
|
+
overshoot?: boolean;
|
|
6940
|
+
/** Overshoot amount */
|
|
6941
|
+
overshootAmount?: number;
|
|
6942
|
+
/** Enable inertia */
|
|
6943
|
+
inertia?: boolean;
|
|
6944
|
+
/** Inertia decay rate */
|
|
6945
|
+
inertiaDecay?: number;
|
|
6946
|
+
/** Enable 3D effect */
|
|
6947
|
+
enable3D?: boolean;
|
|
6948
|
+
/** 3D perspective */
|
|
6949
|
+
perspective?: number;
|
|
6950
|
+
/** Enable glow effect on interaction */
|
|
6951
|
+
glow?: boolean;
|
|
6952
|
+
/** Glow color */
|
|
6953
|
+
glowColor?: string;
|
|
6954
|
+
/** Container class */
|
|
6955
|
+
containerClassName?: string;
|
|
6956
|
+
/** Element class */
|
|
6957
|
+
elementClassName?: string;
|
|
6958
|
+
/** Debug mode */
|
|
6959
|
+
debug?: boolean;
|
|
6960
|
+
}
|
|
6961
|
+
declare const MagneticElements: React__default.FC<MagneticElementsProps>;
|
|
6962
|
+
|
|
6963
|
+
/**
|
|
6964
|
+
* ScrollReveal Component
|
|
6965
|
+
*
|
|
6966
|
+
* Reveals content with animations when scrolling into view
|
|
6967
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
6968
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
6969
|
+
*
|
|
6970
|
+
* @author MoonUI Team
|
|
6971
|
+
* @license MIT
|
|
6972
|
+
* @credits React Bits by David H
|
|
6973
|
+
*/
|
|
6974
|
+
interface ScrollRevealProps {
|
|
6975
|
+
/** Content to reveal */
|
|
6976
|
+
children: React__default.ReactNode;
|
|
6977
|
+
/** Animation type */
|
|
6978
|
+
animation?: 'fade' | 'slide' | 'zoom' | 'flip' | 'bounce' | 'rotate' | 'blur';
|
|
6979
|
+
/** Direction for slide/flip animations */
|
|
6980
|
+
direction?: 'up' | 'down' | 'left' | 'right';
|
|
6981
|
+
/** Animation duration in ms */
|
|
6982
|
+
duration?: number;
|
|
6983
|
+
/** Animation delay in ms */
|
|
6984
|
+
delay?: number;
|
|
6985
|
+
/** Easing function */
|
|
6986
|
+
easing?: string;
|
|
6987
|
+
/** Viewport threshold for trigger (0-1) */
|
|
6988
|
+
threshold?: number;
|
|
6989
|
+
/** Trigger once or every time */
|
|
6990
|
+
once?: boolean;
|
|
6991
|
+
/** Initial opacity */
|
|
6992
|
+
initialOpacity?: number;
|
|
6993
|
+
/** Initial scale for zoom animation */
|
|
6994
|
+
initialScale?: number;
|
|
6995
|
+
/** Distance for slide animation */
|
|
6996
|
+
distance?: string | number;
|
|
6997
|
+
/** Rotation degrees for rotate animation */
|
|
6998
|
+
rotation?: number;
|
|
6999
|
+
/** Enable cascade effect for multiple children */
|
|
7000
|
+
cascade?: boolean;
|
|
7001
|
+
/** Cascade delay between children */
|
|
7002
|
+
cascadeDelay?: number;
|
|
7003
|
+
/** Enable parallax effect */
|
|
7004
|
+
parallax?: boolean;
|
|
7005
|
+
/** Parallax speed */
|
|
7006
|
+
parallaxSpeed?: number;
|
|
7007
|
+
/** Enable stagger animation for children */
|
|
7008
|
+
stagger?: boolean;
|
|
7009
|
+
/** Stagger delay */
|
|
7010
|
+
staggerDelay?: number;
|
|
7011
|
+
/** Custom animation keyframes */
|
|
7012
|
+
customAnimation?: string;
|
|
7013
|
+
/** Class name */
|
|
7014
|
+
className?: string;
|
|
7015
|
+
/** Container element tag */
|
|
7016
|
+
as?: keyof JSX.IntrinsicElements;
|
|
7017
|
+
/** Offset from viewport edge */
|
|
7018
|
+
offset?: number;
|
|
7019
|
+
/** Enable mobile animations */
|
|
7020
|
+
mobile?: boolean;
|
|
7021
|
+
/** Desktop-only animations */
|
|
7022
|
+
desktop?: boolean;
|
|
7023
|
+
/** Callback when animation starts */
|
|
7024
|
+
onReveal?: () => void;
|
|
7025
|
+
/** Callback when animation completes */
|
|
7026
|
+
onComplete?: () => void;
|
|
7027
|
+
/** Enable debug mode */
|
|
7028
|
+
debug?: boolean;
|
|
7029
|
+
}
|
|
7030
|
+
declare const ScrollReveal: React__default.FC<ScrollRevealProps>;
|
|
7031
|
+
|
|
7032
|
+
/**
|
|
7033
|
+
* BounceEffect Component
|
|
7034
|
+
*
|
|
7035
|
+
* Adds realistic bounce animations with physics simulation
|
|
7036
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
7037
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
7038
|
+
*
|
|
7039
|
+
* @author MoonUI Team
|
|
7040
|
+
* @license MIT
|
|
7041
|
+
* @credits React Bits by David H
|
|
7042
|
+
*/
|
|
7043
|
+
interface BounceEffectProps {
|
|
7044
|
+
/** Content to apply bounce effect */
|
|
7045
|
+
children: React__default.ReactNode;
|
|
7046
|
+
/** Bounce trigger */
|
|
7047
|
+
trigger?: 'hover' | 'click' | 'auto' | 'scroll';
|
|
7048
|
+
/** Bounce direction */
|
|
7049
|
+
direction?: 'up' | 'down' | 'left' | 'right' | 'all';
|
|
7050
|
+
/** Bounce height/distance */
|
|
7051
|
+
distance?: number;
|
|
7052
|
+
/** Bounce duration in ms */
|
|
7053
|
+
duration?: number;
|
|
7054
|
+
/** Number of bounces */
|
|
7055
|
+
bounces?: number;
|
|
7056
|
+
/** Bounce elasticity (0-1) */
|
|
7057
|
+
elasticity?: number;
|
|
7058
|
+
/** Gravity strength */
|
|
7059
|
+
gravity?: number;
|
|
7060
|
+
/** Friction coefficient */
|
|
7061
|
+
friction?: number;
|
|
7062
|
+
/** Enable squash and stretch */
|
|
7063
|
+
squashStretch?: boolean;
|
|
7064
|
+
/** Squash amount */
|
|
7065
|
+
squashAmount?: number;
|
|
7066
|
+
/** Enable rotation during bounce */
|
|
7067
|
+
rotate?: boolean;
|
|
7068
|
+
/** Rotation degrees */
|
|
7069
|
+
rotationDegrees?: number;
|
|
7070
|
+
/** Enable shadow */
|
|
7071
|
+
shadow?: boolean;
|
|
7072
|
+
/** Shadow blur amount */
|
|
7073
|
+
shadowBlur?: number;
|
|
7074
|
+
/** Shadow offset */
|
|
7075
|
+
shadowOffset?: number;
|
|
7076
|
+
/** Enable trail effect */
|
|
7077
|
+
trail?: boolean;
|
|
7078
|
+
/** Trail opacity */
|
|
7079
|
+
trailOpacity?: number;
|
|
7080
|
+
/** Trail count */
|
|
7081
|
+
trailCount?: number;
|
|
7082
|
+
/** Enable shake effect */
|
|
7083
|
+
shake?: boolean;
|
|
7084
|
+
/** Shake intensity */
|
|
7085
|
+
shakeIntensity?: number;
|
|
7086
|
+
/** Bounce easing */
|
|
7087
|
+
easing?: 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'bounce' | 'elastic';
|
|
7088
|
+
/** Scale on bounce */
|
|
7089
|
+
scale?: boolean;
|
|
7090
|
+
/** Scale factor */
|
|
7091
|
+
scaleFactor?: number;
|
|
7092
|
+
/** Enable jelly effect */
|
|
7093
|
+
jelly?: boolean;
|
|
7094
|
+
/** Jelly intensity */
|
|
7095
|
+
jellyIntensity?: number;
|
|
7096
|
+
/** Delay before animation */
|
|
7097
|
+
delay?: number;
|
|
7098
|
+
/** Enable infinite loop */
|
|
7099
|
+
infinite?: boolean;
|
|
7100
|
+
/** Pause between loops */
|
|
7101
|
+
pauseBetween?: number;
|
|
7102
|
+
/** Container class */
|
|
7103
|
+
containerClassName?: string;
|
|
7104
|
+
/** Bounce class */
|
|
7105
|
+
bounceClassName?: string;
|
|
7106
|
+
/** Callback on bounce start */
|
|
7107
|
+
onBounceStart?: () => void;
|
|
7108
|
+
/** Callback on bounce complete */
|
|
7109
|
+
onBounceComplete?: () => void;
|
|
7110
|
+
}
|
|
7111
|
+
declare const BounceEffect: React__default.FC<BounceEffectProps>;
|
|
7112
|
+
|
|
7113
|
+
/**
|
|
7114
|
+
* SpringPhysics Component
|
|
7115
|
+
*
|
|
7116
|
+
* Provides realistic spring physics animations with damping and tension
|
|
7117
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
7118
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
7119
|
+
*
|
|
7120
|
+
* @author MoonUI Team
|
|
7121
|
+
* @license MIT
|
|
7122
|
+
* @credits React Bits by David H
|
|
7123
|
+
*/
|
|
7124
|
+
interface SpringPhysicsProps {
|
|
7125
|
+
/** Content to apply spring physics */
|
|
7126
|
+
children: React__default.ReactNode;
|
|
7127
|
+
/** Spring tension/stiffness (0-1) */
|
|
7128
|
+
tension?: number;
|
|
7129
|
+
/** Spring friction/damping (0-1) */
|
|
7130
|
+
friction?: number;
|
|
7131
|
+
/** Mass of the element */
|
|
7132
|
+
mass?: number;
|
|
7133
|
+
/** Initial velocity */
|
|
7134
|
+
initialVelocity?: {
|
|
7135
|
+
x?: number;
|
|
7136
|
+
y?: number;
|
|
7137
|
+
};
|
|
7138
|
+
/** Target position */
|
|
7139
|
+
target?: {
|
|
7140
|
+
x?: number;
|
|
7141
|
+
y?: number;
|
|
7142
|
+
};
|
|
7143
|
+
/** Animation trigger */
|
|
7144
|
+
trigger?: 'hover' | 'click' | 'drag' | 'auto' | 'scroll';
|
|
7145
|
+
/** Enable mouse tracking */
|
|
7146
|
+
mouseTracking?: boolean;
|
|
7147
|
+
/** Mouse influence radius */
|
|
7148
|
+
mouseRadius?: number;
|
|
7149
|
+
/** Spring preset */
|
|
7150
|
+
preset?: 'default' | 'gentle' | 'wobbly' | 'stiff' | 'slow' | 'molasses';
|
|
7151
|
+
/** Enable overshoot */
|
|
7152
|
+
overshoot?: boolean;
|
|
7153
|
+
/** Overshoot clamp */
|
|
7154
|
+
clamp?: boolean;
|
|
7155
|
+
/** Precision threshold */
|
|
7156
|
+
precision?: number;
|
|
7157
|
+
/** Enable 3D transform */
|
|
7158
|
+
transform3d?: boolean;
|
|
7159
|
+
/** Enable rotation */
|
|
7160
|
+
rotate?: boolean;
|
|
7161
|
+
/** Rotation multiplier */
|
|
7162
|
+
rotationMultiplier?: number;
|
|
7163
|
+
/** Enable scale */
|
|
7164
|
+
scale?: boolean;
|
|
7165
|
+
/** Scale range */
|
|
7166
|
+
scaleRange?: [number, number];
|
|
7167
|
+
/** Enable skew */
|
|
7168
|
+
skew?: boolean;
|
|
7169
|
+
/** Skew intensity */
|
|
7170
|
+
skewIntensity?: number;
|
|
7171
|
+
/** Enable trail effect */
|
|
7172
|
+
trail?: boolean;
|
|
7173
|
+
/** Trail count */
|
|
7174
|
+
trailCount?: number;
|
|
7175
|
+
/** Trail decay */
|
|
7176
|
+
trailDecay?: number;
|
|
7177
|
+
/** Enable bounce boundaries */
|
|
7178
|
+
boundaries?: boolean;
|
|
7179
|
+
/** Boundary box */
|
|
7180
|
+
boundaryBox?: {
|
|
7181
|
+
left?: number;
|
|
7182
|
+
right?: number;
|
|
7183
|
+
top?: number;
|
|
7184
|
+
bottom?: number;
|
|
7185
|
+
};
|
|
7186
|
+
/** Enable multiple springs */
|
|
7187
|
+
multiSpring?: boolean;
|
|
7188
|
+
/** Spring chain count */
|
|
7189
|
+
chainCount?: number;
|
|
7190
|
+
/** Chain delay */
|
|
7191
|
+
chainDelay?: number;
|
|
7192
|
+
/** Enable oscillation */
|
|
7193
|
+
oscillate?: boolean;
|
|
7194
|
+
/** Oscillation frequency */
|
|
7195
|
+
oscillationFrequency?: number;
|
|
7196
|
+
/** Oscillation amplitude */
|
|
7197
|
+
oscillationAmplitude?: number;
|
|
7198
|
+
/** Container class */
|
|
7199
|
+
containerClassName?: string;
|
|
7200
|
+
/** Spring class */
|
|
7201
|
+
springClassName?: string;
|
|
7202
|
+
/** Callback on motion start */
|
|
7203
|
+
onMotionStart?: () => void;
|
|
7204
|
+
/** Callback on motion complete */
|
|
7205
|
+
onMotionComplete?: () => void;
|
|
7206
|
+
/** Callback on spring update */
|
|
7207
|
+
onSpringUpdate?: (position: {
|
|
7208
|
+
x: number;
|
|
7209
|
+
y: number;
|
|
7210
|
+
}) => void;
|
|
7211
|
+
}
|
|
7212
|
+
declare const SpringPhysics: React__default.FC<SpringPhysicsProps>;
|
|
7213
|
+
|
|
7214
|
+
/**
|
|
7215
|
+
* ElasticAnimation Component
|
|
7216
|
+
*
|
|
7217
|
+
* Creates smooth elastic animations with customizable tension and friction
|
|
7218
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
7219
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
7220
|
+
*
|
|
7221
|
+
* @author MoonUI Team
|
|
7222
|
+
* @license MIT
|
|
7223
|
+
* @credits React Bits by David H
|
|
7224
|
+
*/
|
|
7225
|
+
interface ElasticAnimationProps {
|
|
7226
|
+
/** Content to animate */
|
|
7227
|
+
children: React__default.ReactNode;
|
|
7228
|
+
/** Animation trigger */
|
|
7229
|
+
trigger?: 'hover' | 'click' | 'scroll' | 'auto' | 'continuous';
|
|
7230
|
+
/** Elasticity coefficient (0-1) */
|
|
7231
|
+
elasticity?: number;
|
|
7232
|
+
/** Damping factor */
|
|
7233
|
+
damping?: number;
|
|
7234
|
+
/** Animation duration in ms */
|
|
7235
|
+
duration?: number;
|
|
7236
|
+
/** Delay before animation starts */
|
|
7237
|
+
delay?: number;
|
|
7238
|
+
/** Animation direction */
|
|
7239
|
+
direction?: 'horizontal' | 'vertical' | 'both' | 'diagonal';
|
|
7240
|
+
/** Animation distance */
|
|
7241
|
+
distance?: number;
|
|
7242
|
+
/** Enable oscillation */
|
|
7243
|
+
oscillate?: boolean;
|
|
7244
|
+
/** Oscillation count */
|
|
7245
|
+
oscillationCount?: number;
|
|
7246
|
+
/** Enable rubber band effect */
|
|
7247
|
+
rubberBand?: boolean;
|
|
7248
|
+
/** Rubber band intensity */
|
|
7249
|
+
rubberBandIntensity?: number;
|
|
7250
|
+
/** Enable jello effect */
|
|
7251
|
+
jello?: boolean;
|
|
7252
|
+
/** Jello wobbles */
|
|
7253
|
+
jelloWobbles?: number;
|
|
7254
|
+
/** Enable morphing */
|
|
7255
|
+
morph?: boolean;
|
|
7256
|
+
/** Morph targets */
|
|
7257
|
+
morphTargets?: Array<{
|
|
7258
|
+
x: number;
|
|
7259
|
+
y: number;
|
|
7260
|
+
scale?: number;
|
|
7261
|
+
rotate?: number;
|
|
7262
|
+
}>;
|
|
7263
|
+
/** Enable squash and stretch */
|
|
7264
|
+
squashStretch?: boolean;
|
|
7265
|
+
/** Squash factor */
|
|
7266
|
+
squashFactor?: number;
|
|
7267
|
+
/** Enable anticipation */
|
|
7268
|
+
anticipation?: boolean;
|
|
7269
|
+
/** Anticipation distance */
|
|
7270
|
+
anticipationDistance?: number;
|
|
7271
|
+
/** Enable follow through */
|
|
7272
|
+
followThrough?: boolean;
|
|
7273
|
+
/** Follow through overshoot */
|
|
7274
|
+
followThroughOvershoot?: number;
|
|
7275
|
+
/** Enable secondary animation */
|
|
7276
|
+
secondary?: boolean;
|
|
7277
|
+
/** Secondary delay */
|
|
7278
|
+
secondaryDelay?: number;
|
|
7279
|
+
/** Enable arc motion */
|
|
7280
|
+
arcMotion?: boolean;
|
|
7281
|
+
/** Arc height */
|
|
7282
|
+
arcHeight?: number;
|
|
7283
|
+
/** Enable twist */
|
|
7284
|
+
twist?: boolean;
|
|
7285
|
+
/** Twist angle */
|
|
7286
|
+
twistAngle?: number;
|
|
7287
|
+
/** Enable pulse */
|
|
7288
|
+
pulse?: boolean;
|
|
7289
|
+
/** Pulse scale */
|
|
7290
|
+
pulseScale?: number;
|
|
7291
|
+
/** Enable shake */
|
|
7292
|
+
shake?: boolean;
|
|
7293
|
+
/** Shake intensity */
|
|
7294
|
+
shakeIntensity?: number;
|
|
7295
|
+
/** Easing function */
|
|
7296
|
+
easing?: 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'elastic' | 'bounce';
|
|
7297
|
+
/** Enable 3D transform */
|
|
7298
|
+
transform3d?: boolean;
|
|
7299
|
+
/** Perspective for 3D */
|
|
7300
|
+
perspective?: number;
|
|
7301
|
+
/** Container class */
|
|
7302
|
+
containerClassName?: string;
|
|
7303
|
+
/** Animation class */
|
|
7304
|
+
animationClassName?: string;
|
|
7305
|
+
/** Callback on animation start */
|
|
7306
|
+
onAnimationStart?: () => void;
|
|
7307
|
+
/** Callback on animation complete */
|
|
7308
|
+
onAnimationComplete?: () => void;
|
|
7309
|
+
}
|
|
7310
|
+
declare const ElasticAnimation: React__default.FC<ElasticAnimationProps>;
|
|
7311
|
+
|
|
7312
|
+
/**
|
|
7313
|
+
* PathAnimations Component
|
|
7314
|
+
*
|
|
7315
|
+
* Animates elements along custom SVG paths with various motion patterns
|
|
7316
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
7317
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
7318
|
+
*
|
|
7319
|
+
* @author MoonUI Team
|
|
7320
|
+
* @license MIT
|
|
7321
|
+
* @credits React Bits by David H
|
|
7322
|
+
*/
|
|
7323
|
+
interface PathAnimationsProps {
|
|
7324
|
+
/** Content to animate along path */
|
|
7325
|
+
children: React__default.ReactNode;
|
|
7326
|
+
/** SVG path string or predefined path */
|
|
7327
|
+
path?: string | 'circle' | 'ellipse' | 'spiral' | 'infinity' | 'heart' | 'star' | 'wave' | 'zigzag';
|
|
7328
|
+
/** Animation duration in ms */
|
|
7329
|
+
duration?: number;
|
|
7330
|
+
/** Animation delay */
|
|
7331
|
+
delay?: number;
|
|
7332
|
+
/** Enable loop */
|
|
7333
|
+
loop?: boolean;
|
|
7334
|
+
/** Loop count (-1 for infinite) */
|
|
7335
|
+
loopCount?: number;
|
|
7336
|
+
/** Animation direction */
|
|
7337
|
+
direction?: 'normal' | 'reverse' | 'alternate';
|
|
7338
|
+
/** Easing function */
|
|
7339
|
+
easing?: 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'cubic-bezier';
|
|
7340
|
+
/** Custom cubic bezier values */
|
|
7341
|
+
cubicBezier?: [number, number, number, number];
|
|
7342
|
+
/** Auto rotate along path */
|
|
7343
|
+
autoRotate?: boolean;
|
|
7344
|
+
/** Rotation offset */
|
|
7345
|
+
rotationOffset?: number;
|
|
7346
|
+
/** Enable morphing between paths */
|
|
7347
|
+
morph?: boolean;
|
|
7348
|
+
/** Morph targets */
|
|
7349
|
+
morphPaths?: string[];
|
|
7350
|
+
/** Morph duration */
|
|
7351
|
+
morphDuration?: number;
|
|
7352
|
+
/** Path offset start (0-1) */
|
|
7353
|
+
offsetStart?: number;
|
|
7354
|
+
/** Path offset end (0-1) */
|
|
7355
|
+
offsetEnd?: number;
|
|
7356
|
+
/** Enable trail effect */
|
|
7357
|
+
trail?: boolean;
|
|
7358
|
+
/** Trail count */
|
|
7359
|
+
trailCount?: number;
|
|
7360
|
+
/** Trail fade */
|
|
7361
|
+
trailFade?: number;
|
|
7362
|
+
/** Enable glow along path */
|
|
7363
|
+
glow?: boolean;
|
|
7364
|
+
/** Glow color */
|
|
7365
|
+
glowColor?: string;
|
|
7366
|
+
/** Glow intensity */
|
|
7367
|
+
glowIntensity?: number;
|
|
7368
|
+
/** Enable particle effects */
|
|
7369
|
+
particles?: boolean;
|
|
7370
|
+
/** Particle count */
|
|
7371
|
+
particleCount?: number;
|
|
7372
|
+
/** Particle size */
|
|
7373
|
+
particleSize?: number;
|
|
7374
|
+
/** Show path outline */
|
|
7375
|
+
showPath?: boolean;
|
|
7376
|
+
/** Path stroke color */
|
|
7377
|
+
pathStrokeColor?: string;
|
|
7378
|
+
/** Path stroke width */
|
|
7379
|
+
pathStrokeWidth?: number;
|
|
7380
|
+
/** Path dash array */
|
|
7381
|
+
pathDashArray?: string;
|
|
7382
|
+
/** Enable scale animation */
|
|
7383
|
+
scaleAnimation?: boolean;
|
|
7384
|
+
/** Scale range */
|
|
7385
|
+
scaleRange?: [number, number];
|
|
7386
|
+
/** Enable opacity animation */
|
|
7387
|
+
opacityAnimation?: boolean;
|
|
7388
|
+
/** Opacity range */
|
|
7389
|
+
opacityRange?: [number, number];
|
|
7390
|
+
/** Animation trigger */
|
|
7391
|
+
trigger?: 'auto' | 'hover' | 'click' | 'scroll' | 'manual';
|
|
7392
|
+
/** Container class */
|
|
7393
|
+
containerClassName?: string;
|
|
7394
|
+
/** Path class */
|
|
7395
|
+
pathClassName?: string;
|
|
7396
|
+
/** Callback on animation start */
|
|
7397
|
+
onAnimationStart?: () => void;
|
|
7398
|
+
/** Callback on animation complete */
|
|
7399
|
+
onAnimationComplete?: () => void;
|
|
7400
|
+
/** Callback on position update */
|
|
7401
|
+
onPositionUpdate?: (position: {
|
|
7402
|
+
x: number;
|
|
7403
|
+
y: number;
|
|
7404
|
+
progress: number;
|
|
7405
|
+
}) => void;
|
|
7406
|
+
}
|
|
7407
|
+
declare const PathAnimations: React__default.FC<PathAnimationsProps>;
|
|
7408
|
+
|
|
7409
|
+
/**
|
|
7410
|
+
* SVGAnimations Component
|
|
7411
|
+
*
|
|
7412
|
+
* Advanced SVG animations including morphing, drawing, and transformations
|
|
7413
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
7414
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
7415
|
+
*
|
|
7416
|
+
* @author MoonUI Team
|
|
7417
|
+
* @license MIT
|
|
7418
|
+
* @credits React Bits by David H
|
|
7419
|
+
*/
|
|
7420
|
+
interface SVGAnimationsProps {
|
|
7421
|
+
/** SVG content or children */
|
|
7422
|
+
children?: React__default.ReactNode;
|
|
7423
|
+
/** Animation type */
|
|
7424
|
+
type?: 'draw' | 'morph' | 'fill' | 'stroke' | 'transform' | 'path' | 'mask' | 'filter';
|
|
7425
|
+
/** Duration in ms */
|
|
7426
|
+
duration?: number;
|
|
7427
|
+
/** Delay before start */
|
|
7428
|
+
delay?: number;
|
|
7429
|
+
/** Easing function */
|
|
7430
|
+
easing?: 'linear' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'cubic-bezier';
|
|
7431
|
+
/** Custom cubic bezier values */
|
|
7432
|
+
cubicBezier?: [number, number, number, number];
|
|
7433
|
+
/** Enable loop */
|
|
7434
|
+
loop?: boolean;
|
|
7435
|
+
/** Loop count (-1 for infinite) */
|
|
7436
|
+
loopCount?: number;
|
|
7437
|
+
/** Auto play */
|
|
7438
|
+
autoPlay?: boolean;
|
|
7439
|
+
/** Trigger */
|
|
7440
|
+
trigger?: 'auto' | 'hover' | 'click' | 'scroll' | 'manual';
|
|
7441
|
+
/** Draw animation options */
|
|
7442
|
+
drawOptions?: {
|
|
7443
|
+
pathOrder?: 'sequential' | 'parallel' | 'random';
|
|
7444
|
+
fillAfterDraw?: boolean;
|
|
7445
|
+
fadeIn?: boolean;
|
|
7446
|
+
};
|
|
7447
|
+
/** Morph animation options */
|
|
7448
|
+
morphOptions?: {
|
|
7449
|
+
morphTargets?: string[];
|
|
7450
|
+
morphEasing?: 'linear' | 'elastic' | 'bounce';
|
|
7451
|
+
preserveAspectRatio?: boolean;
|
|
7452
|
+
};
|
|
7453
|
+
/** Fill animation options */
|
|
7454
|
+
fillOptions?: {
|
|
7455
|
+
fillDirection?: 'left' | 'right' | 'top' | 'bottom' | 'center' | 'radial';
|
|
7456
|
+
fillColor?: string;
|
|
7457
|
+
gradientFill?: boolean;
|
|
7458
|
+
gradientColors?: string[];
|
|
7459
|
+
};
|
|
7460
|
+
/** Stroke animation options */
|
|
7461
|
+
strokeOptions?: {
|
|
7462
|
+
strokeDasharray?: string;
|
|
7463
|
+
strokeDashoffset?: number;
|
|
7464
|
+
strokeWidth?: number;
|
|
7465
|
+
strokeColor?: string;
|
|
7466
|
+
animateWidth?: boolean;
|
|
7467
|
+
};
|
|
7468
|
+
/** Transform animation options */
|
|
7469
|
+
transformOptions?: {
|
|
7470
|
+
scale?: [number, number];
|
|
7471
|
+
rotate?: number;
|
|
7472
|
+
translate?: [number, number];
|
|
7473
|
+
skew?: [number, number];
|
|
7474
|
+
transformOrigin?: string;
|
|
7475
|
+
};
|
|
7476
|
+
/** Path animation options */
|
|
7477
|
+
pathOptions?: {
|
|
7478
|
+
pathLength?: number;
|
|
7479
|
+
pathOffset?: number;
|
|
7480
|
+
pathDirection?: 'normal' | 'reverse';
|
|
7481
|
+
};
|
|
7482
|
+
/** Mask animation options */
|
|
7483
|
+
maskOptions?: {
|
|
7484
|
+
maskType?: 'reveal' | 'hide' | 'wipe';
|
|
7485
|
+
maskDirection?: 'left' | 'right' | 'top' | 'bottom' | 'radial';
|
|
7486
|
+
maskShape?: 'circle' | 'rect' | 'polygon';
|
|
7487
|
+
};
|
|
7488
|
+
/** Filter animation options */
|
|
7489
|
+
filterOptions?: {
|
|
7490
|
+
blur?: [number, number];
|
|
7491
|
+
brightness?: [number, number];
|
|
7492
|
+
contrast?: [number, number];
|
|
7493
|
+
saturate?: [number, number];
|
|
7494
|
+
hueRotate?: [number, number];
|
|
7495
|
+
};
|
|
7496
|
+
/** Enable glow effect */
|
|
7497
|
+
glow?: boolean;
|
|
7498
|
+
/** Glow color */
|
|
7499
|
+
glowColor?: string;
|
|
7500
|
+
/** Glow intensity */
|
|
7501
|
+
glowIntensity?: number;
|
|
7502
|
+
/** Enable shadow */
|
|
7503
|
+
shadow?: boolean;
|
|
7504
|
+
/** Shadow color */
|
|
7505
|
+
shadowColor?: string;
|
|
7506
|
+
/** Shadow blur */
|
|
7507
|
+
shadowBlur?: number;
|
|
7508
|
+
/** Container class */
|
|
7509
|
+
containerClassName?: string;
|
|
7510
|
+
/** SVG class */
|
|
7511
|
+
svgClassName?: string;
|
|
7512
|
+
/** Callback on animation start */
|
|
7513
|
+
onAnimationStart?: () => void;
|
|
7514
|
+
/** Callback on animation complete */
|
|
7515
|
+
onAnimationComplete?: () => void;
|
|
7516
|
+
/** Callback on frame update */
|
|
7517
|
+
onFrame?: (progress: number) => void;
|
|
7518
|
+
}
|
|
7519
|
+
declare const SVGAnimations: React__default.FC<SVGAnimationsProps>;
|
|
7520
|
+
|
|
7521
|
+
/**
|
|
7522
|
+
* FadeTransitions Component
|
|
7523
|
+
*
|
|
7524
|
+
* Advanced fade transitions with multiple styles and timing functions
|
|
7525
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
7526
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
7527
|
+
*
|
|
7528
|
+
* @author MoonUI Team
|
|
7529
|
+
* @license MIT
|
|
7530
|
+
* @credits React Bits by David H
|
|
7531
|
+
*/
|
|
7532
|
+
interface FadeTransitionsProps {
|
|
7533
|
+
/** Content to transition */
|
|
7534
|
+
children: React__default.ReactNode;
|
|
7535
|
+
/** Transition type */
|
|
7536
|
+
type?: 'fade' | 'crossfade' | 'dissolve' | 'blur-fade' | 'zoom-fade' | 'slide-fade' | 'rotate-fade' | 'scale-fade';
|
|
7537
|
+
/** Fade direction for slide-fade */
|
|
7538
|
+
direction?: 'up' | 'down' | 'left' | 'right' | 'diagonal';
|
|
7539
|
+
/** Duration in ms */
|
|
7540
|
+
duration?: number;
|
|
7541
|
+
/** Delay before transition */
|
|
7542
|
+
delay?: number;
|
|
7543
|
+
/** Stagger delay for multiple children */
|
|
7544
|
+
stagger?: number;
|
|
7545
|
+
/** Enable stagger effect */
|
|
7546
|
+
staggered?: boolean;
|
|
7547
|
+
/** Easing function */
|
|
7548
|
+
easing?: 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'spring' | 'bounce';
|
|
7549
|
+
/** Trigger type */
|
|
7550
|
+
trigger?: 'auto' | 'hover' | 'click' | 'scroll' | 'manual';
|
|
7551
|
+
/** Threshold for scroll trigger (0-1) */
|
|
7552
|
+
threshold?: number;
|
|
7553
|
+
/** Enable cascade effect */
|
|
7554
|
+
cascade?: boolean;
|
|
7555
|
+
/** Cascade direction */
|
|
7556
|
+
cascadeDirection?: 'forward' | 'reverse' | 'random';
|
|
7557
|
+
/** Enable parallax effect */
|
|
7558
|
+
parallax?: boolean;
|
|
7559
|
+
/** Parallax offset */
|
|
7560
|
+
parallaxOffset?: number;
|
|
7561
|
+
/** Blur amount for blur-fade */
|
|
7562
|
+
blurAmount?: number;
|
|
7563
|
+
/** Zoom scale for zoom-fade */
|
|
7564
|
+
zoomScale?: number;
|
|
7565
|
+
/** Rotation degrees for rotate-fade */
|
|
7566
|
+
rotationDegrees?: number;
|
|
7567
|
+
/** Scale amount for scale-fade */
|
|
7568
|
+
scaleAmount?: number;
|
|
7569
|
+
/** Enable glow during transition */
|
|
7570
|
+
glow?: boolean;
|
|
7571
|
+
/** Glow color */
|
|
7572
|
+
glowColor?: string;
|
|
7573
|
+
/** Glow intensity */
|
|
7574
|
+
glowIntensity?: number;
|
|
7575
|
+
/** Enable mask transition */
|
|
7576
|
+
mask?: boolean;
|
|
7577
|
+
/** Mask shape */
|
|
7578
|
+
maskShape?: 'circle' | 'diamond' | 'hexagon' | 'star';
|
|
7579
|
+
/** Enable split text animation */
|
|
7580
|
+
splitText?: boolean;
|
|
7581
|
+
/** Split by */
|
|
7582
|
+
splitBy?: 'character' | 'word' | 'line';
|
|
7583
|
+
/** Preserve space in split */
|
|
7584
|
+
preserveSpace?: boolean;
|
|
7585
|
+
/** Enable reverse on exit */
|
|
7586
|
+
reverseOnExit?: boolean;
|
|
7587
|
+
/** Enable loop */
|
|
7588
|
+
loop?: boolean;
|
|
7589
|
+
/** Loop count (-1 for infinite) */
|
|
7590
|
+
loopCount?: number;
|
|
7591
|
+
/** Container class */
|
|
7592
|
+
containerClassName?: string;
|
|
7593
|
+
/** Item class for children */
|
|
7594
|
+
itemClassName?: string;
|
|
7595
|
+
/** Visible state (for manual control) */
|
|
7596
|
+
visible?: boolean;
|
|
7597
|
+
/** Callback on transition start */
|
|
7598
|
+
onTransitionStart?: () => void;
|
|
7599
|
+
/** Callback on transition complete */
|
|
7600
|
+
onTransitionComplete?: () => void;
|
|
7601
|
+
/** Callback on visibility change */
|
|
7602
|
+
onVisibilityChange?: (visible: boolean) => void;
|
|
7603
|
+
}
|
|
7604
|
+
declare const FadeTransitions: React__default.FC<FadeTransitionsProps>;
|
|
7605
|
+
|
|
7606
|
+
/**
|
|
7607
|
+
* TouchGestures Component
|
|
7608
|
+
*
|
|
7609
|
+
* Advanced touch gesture recognition and handling for mobile interactions
|
|
7610
|
+
* Derived from React Bits (https://github.com/DavidHDev/react-bits)
|
|
7611
|
+
* Adapted for MoonUI Pro with TypeScript and enhanced features
|
|
7612
|
+
*
|
|
7613
|
+
* @author MoonUI Team
|
|
7614
|
+
* @license MIT
|
|
7615
|
+
* @credits React Bits by David H
|
|
7616
|
+
*/
|
|
7617
|
+
interface TouchGesturesProps {
|
|
7618
|
+
/** Content to apply gestures to */
|
|
7619
|
+
children: React__default.ReactNode;
|
|
7620
|
+
/** Enable swipe gestures */
|
|
7621
|
+
swipe?: boolean;
|
|
7622
|
+
/** Swipe threshold in pixels */
|
|
7623
|
+
swipeThreshold?: number;
|
|
7624
|
+
/** Swipe velocity threshold */
|
|
7625
|
+
swipeVelocity?: number;
|
|
7626
|
+
/** Enable pinch gestures */
|
|
7627
|
+
pinch?: boolean;
|
|
7628
|
+
/** Pinch scale limits */
|
|
7629
|
+
pinchScaleLimits?: [number, number];
|
|
7630
|
+
/** Enable rotate gestures */
|
|
7631
|
+
rotate?: boolean;
|
|
7632
|
+
/** Rotation snap angles */
|
|
7633
|
+
rotationSnap?: number;
|
|
7634
|
+
/** Enable tap gestures */
|
|
7635
|
+
tap?: boolean;
|
|
7636
|
+
/** Double tap delay */
|
|
7637
|
+
doubleTapDelay?: number;
|
|
7638
|
+
/** Long press duration */
|
|
7639
|
+
longPressDuration?: number;
|
|
7640
|
+
/** Enable pan gestures */
|
|
7641
|
+
pan?: boolean;
|
|
7642
|
+
/** Pan boundaries */
|
|
7643
|
+
panBoundaries?: {
|
|
7644
|
+
left?: number;
|
|
7645
|
+
right?: number;
|
|
7646
|
+
top?: number;
|
|
7647
|
+
bottom?: number;
|
|
7648
|
+
};
|
|
7649
|
+
/** Enable momentum scrolling */
|
|
7650
|
+
momentum?: boolean;
|
|
7651
|
+
/** Momentum friction */
|
|
7652
|
+
momentumFriction?: number;
|
|
7653
|
+
/** Enable elastic boundaries */
|
|
7654
|
+
elastic?: boolean;
|
|
7655
|
+
/** Elastic strength */
|
|
7656
|
+
elasticStrength?: number;
|
|
7657
|
+
/** Enable gesture preview */
|
|
7658
|
+
preview?: boolean;
|
|
7659
|
+
/** Preview opacity */
|
|
7660
|
+
previewOpacity?: number;
|
|
7661
|
+
/** Enable haptic feedback */
|
|
7662
|
+
haptic?: boolean;
|
|
7663
|
+
/** Haptic intensity */
|
|
7664
|
+
hapticIntensity?: 'light' | 'medium' | 'heavy';
|
|
7665
|
+
/** Gesture indicators */
|
|
7666
|
+
indicators?: boolean;
|
|
7667
|
+
/** Indicator color */
|
|
7668
|
+
indicatorColor?: string;
|
|
7669
|
+
/** Enable multi-touch */
|
|
7670
|
+
multiTouch?: boolean;
|
|
7671
|
+
/** Max touch points */
|
|
7672
|
+
maxTouchPoints?: number;
|
|
7673
|
+
/** Container class */
|
|
7674
|
+
containerClassName?: string;
|
|
7675
|
+
/** Content class */
|
|
7676
|
+
contentClassName?: string;
|
|
7677
|
+
/** Callbacks */
|
|
7678
|
+
onSwipe?: (direction: 'left' | 'right' | 'up' | 'down', velocity: number) => void;
|
|
7679
|
+
onPinch?: (scale: number) => void;
|
|
7680
|
+
onRotate?: (rotation: number) => void;
|
|
7681
|
+
onTap?: (position: {
|
|
7682
|
+
x: number;
|
|
7683
|
+
y: number;
|
|
7684
|
+
}) => void;
|
|
7685
|
+
onDoubleTap?: (position: {
|
|
7686
|
+
x: number;
|
|
7687
|
+
y: number;
|
|
7688
|
+
}) => void;
|
|
7689
|
+
onLongPress?: (position: {
|
|
7690
|
+
x: number;
|
|
7691
|
+
y: number;
|
|
7692
|
+
}) => void;
|
|
7693
|
+
onPan?: (delta: {
|
|
7694
|
+
x: number;
|
|
7695
|
+
y: number;
|
|
7696
|
+
}) => void;
|
|
7697
|
+
onGestureStart?: () => void;
|
|
7698
|
+
onGestureEnd?: () => void;
|
|
7699
|
+
}
|
|
7700
|
+
declare const TouchGestures: React__default.FC<TouchGesturesProps>;
|
|
7701
|
+
|
|
7702
|
+
/**
|
|
7703
|
+
* SwipeActions Component
|
|
7704
|
+
*
|
|
7705
|
+
* Smooth swipe gesture handling for interactive actions like delete, archive, etc.
|
|
7706
|
+
* Based on React Bits by Pheralb (https://github.com/pheralb/react-bits)
|
|
7707
|
+
*
|
|
7708
|
+
* Features:
|
|
7709
|
+
* - Multi-directional swipe support (left, right, up, down)
|
|
7710
|
+
* - Configurable action thresholds and sensitivity
|
|
7711
|
+
* - Spring animations with customizable physics
|
|
7712
|
+
* - Multiple action definitions per direction
|
|
7713
|
+
* - Custom action icons and styling
|
|
7714
|
+
* - Haptic feedback integration
|
|
7715
|
+
* - Momentum-based gesture completion
|
|
7716
|
+
* - Auto-reset functionality
|
|
7717
|
+
* - Accessibility support with keyboard navigation
|
|
7718
|
+
* - TypeScript support with comprehensive interfaces
|
|
7719
|
+
*/
|
|
7720
|
+
|
|
7721
|
+
type SwipeDirection = "left" | "right" | "up" | "down";
|
|
7722
|
+
type AnimationType$1 = "spring" | "ease" | "linear" | "bounce";
|
|
7723
|
+
interface SwipeAction {
|
|
7724
|
+
id: string;
|
|
7725
|
+
label: string;
|
|
7726
|
+
icon?: React__default.ReactNode;
|
|
7727
|
+
color: string;
|
|
7728
|
+
backgroundColor: string;
|
|
7729
|
+
threshold: number;
|
|
7730
|
+
onAction: () => void | Promise<void>;
|
|
7731
|
+
haptic?: boolean;
|
|
7732
|
+
confirmRequired?: boolean;
|
|
7733
|
+
confirmText?: string;
|
|
7734
|
+
}
|
|
7735
|
+
interface SwipeActionsProps {
|
|
7736
|
+
children: React__default.ReactNode;
|
|
7737
|
+
className?: string;
|
|
7738
|
+
leftActions?: SwipeAction[];
|
|
7739
|
+
rightActions?: SwipeAction[];
|
|
7740
|
+
upActions?: SwipeAction[];
|
|
7741
|
+
downActions?: SwipeAction[];
|
|
7742
|
+
sensitivity?: number;
|
|
7743
|
+
threshold?: number;
|
|
7744
|
+
maxDistance?: number;
|
|
7745
|
+
enabledDirections?: SwipeDirection[];
|
|
7746
|
+
animationType?: AnimationType$1;
|
|
7747
|
+
springConfig?: {
|
|
7748
|
+
tension: number;
|
|
7749
|
+
friction: number;
|
|
7750
|
+
mass: number;
|
|
7751
|
+
};
|
|
7752
|
+
duration?: number;
|
|
7753
|
+
showProgress?: boolean;
|
|
7754
|
+
progressColor?: string;
|
|
7755
|
+
actionSpacing?: number;
|
|
7756
|
+
actionSize?: number;
|
|
7757
|
+
momentum?: boolean;
|
|
7758
|
+
autoReset?: boolean;
|
|
7759
|
+
resetDelay?: number;
|
|
7760
|
+
preventScroll?: boolean;
|
|
7761
|
+
requireConfirm?: boolean;
|
|
7762
|
+
onSwipeStart?: (direction: SwipeDirection) => void;
|
|
7763
|
+
onSwipeProgress?: (direction: SwipeDirection, progress: number) => void;
|
|
7764
|
+
onSwipeEnd?: (direction: SwipeDirection, completed: boolean) => void;
|
|
7765
|
+
onActionExecute?: (action: SwipeAction) => void;
|
|
7766
|
+
ariaLabel?: string;
|
|
7767
|
+
disabled?: boolean;
|
|
7768
|
+
}
|
|
7769
|
+
declare const SwipeActions: React__default.FC<SwipeActionsProps>;
|
|
7770
|
+
|
|
7771
|
+
/**
|
|
7772
|
+
* ClickAnimations Component
|
|
7773
|
+
*
|
|
7774
|
+
* Advanced click animation effects with ripple, pulse, and transform animations.
|
|
7775
|
+
* Based on React Bits by Pheralb (https://github.com/pheralb/react-bits)
|
|
7776
|
+
*
|
|
7777
|
+
* Features:
|
|
7778
|
+
* - Multiple animation types (ripple, pulse, scale, bounce, shake)
|
|
7779
|
+
* - Customizable animation parameters and timing
|
|
7780
|
+
* - Multiple simultaneous animation layers
|
|
7781
|
+
* - Color and intensity customization
|
|
7782
|
+
* - Click position tracking for targeted animations
|
|
7783
|
+
* - Gesture recognition (single, double, long press)
|
|
7784
|
+
* - Animation chaining and sequencing
|
|
7785
|
+
* - Performance optimized with RAF
|
|
7786
|
+
* - Accessibility support with reduced motion
|
|
7787
|
+
* - TypeScript support with comprehensive interfaces
|
|
7788
|
+
*/
|
|
7789
|
+
|
|
7790
|
+
type AnimationType = "ripple" | "pulse" | "scale" | "bounce" | "shake" | "glow" | "wave";
|
|
7791
|
+
type ClickType = "single" | "double" | "long";
|
|
7792
|
+
type EasingType$1 = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "bounce" | "elastic";
|
|
7793
|
+
interface AnimationConfig {
|
|
7794
|
+
type: AnimationType;
|
|
7795
|
+
duration: number;
|
|
7796
|
+
delay: number;
|
|
7797
|
+
intensity: number;
|
|
7798
|
+
color?: string;
|
|
7799
|
+
easing: EasingType$1;
|
|
7800
|
+
repeat?: number;
|
|
7801
|
+
direction?: "normal" | "reverse" | "alternate";
|
|
7802
|
+
}
|
|
7803
|
+
interface RippleConfig {
|
|
7804
|
+
size: number;
|
|
7805
|
+
opacity: number;
|
|
7806
|
+
duration: number;
|
|
7807
|
+
color: string;
|
|
7808
|
+
blur?: number;
|
|
7809
|
+
}
|
|
7810
|
+
interface ClickAnimationsProps {
|
|
7811
|
+
children: React__default.ReactNode;
|
|
7812
|
+
className?: string;
|
|
7813
|
+
animations?: AnimationConfig[];
|
|
7814
|
+
defaultAnimation?: AnimationType;
|
|
7815
|
+
intensity?: number;
|
|
7816
|
+
duration?: number;
|
|
7817
|
+
easing?: EasingType$1;
|
|
7818
|
+
enabledClicks?: ClickType[];
|
|
7819
|
+
doubleClickDelay?: number;
|
|
7820
|
+
longPressDelay?: number;
|
|
7821
|
+
clickThreshold?: number;
|
|
7822
|
+
rippleEnabled?: boolean;
|
|
7823
|
+
rippleConfig?: Partial<RippleConfig>;
|
|
7824
|
+
maxRipples?: number;
|
|
7825
|
+
rippleFade?: boolean;
|
|
7826
|
+
color?: string;
|
|
7827
|
+
glowColor?: string;
|
|
7828
|
+
glowIntensity?: number;
|
|
7829
|
+
shadowEffect?: boolean;
|
|
7830
|
+
transformOrigin?: string;
|
|
7831
|
+
chainAnimations?: boolean;
|
|
7832
|
+
animationLayers?: number;
|
|
7833
|
+
performanceMode?: boolean;
|
|
7834
|
+
preventPropagation?: boolean;
|
|
7835
|
+
respectReducedMotion?: boolean;
|
|
7836
|
+
gestureThreshold?: number;
|
|
7837
|
+
velocityThreshold?: number;
|
|
7838
|
+
pressureSupport?: boolean;
|
|
7839
|
+
onAnimationStart?: (type: AnimationType, position: {
|
|
7840
|
+
x: number;
|
|
7841
|
+
y: number;
|
|
7842
|
+
}) => void;
|
|
7843
|
+
onAnimationComplete?: (type: AnimationType) => void;
|
|
7844
|
+
onClickDetected?: (type: ClickType, event: React__default.MouseEvent) => void;
|
|
7845
|
+
onGestureRecognized?: (gesture: string, data: any) => void;
|
|
7846
|
+
ariaLabel?: string;
|
|
7847
|
+
disabled?: boolean;
|
|
7848
|
+
}
|
|
7849
|
+
declare const ClickAnimations: React__default.FC<ClickAnimationsProps>;
|
|
7850
|
+
|
|
7851
|
+
/**
|
|
7852
|
+
* FocusTransitions Component
|
|
7853
|
+
*
|
|
7854
|
+
* Advanced focus state transitions with smooth animations and accessibility support.
|
|
7855
|
+
* Based on React Bits by Pheralb (https://github.com/pheralb/react-bits)
|
|
7856
|
+
*
|
|
7857
|
+
* Features:
|
|
7858
|
+
* - Multiple focus animation types (glow, scale, border, shadow)
|
|
7859
|
+
* - Smooth enter/exit transitions with custom timing
|
|
7860
|
+
* - Focus ring customization and positioning
|
|
7861
|
+
* - Keyboard navigation enhancements
|
|
7862
|
+
* - Focus trap functionality for modals
|
|
7863
|
+
* - Multi-element focus orchestration
|
|
7864
|
+
* - Accessibility compliance (WCAG 2.1)
|
|
7865
|
+
* - Custom focus indicators and styles
|
|
7866
|
+
* - Focus state persistence and restoration
|
|
7867
|
+
* - Performance optimized animations
|
|
7868
|
+
* - TypeScript support with comprehensive interfaces
|
|
7869
|
+
*/
|
|
7870
|
+
|
|
7871
|
+
type FocusAnimationType = "glow" | "scale" | "border" | "shadow" | "slide" | "fade" | "pulse" | "outline";
|
|
7872
|
+
type FocusDirection = "in" | "out" | "within";
|
|
7873
|
+
type EasingType = "ease" | "ease-in" | "ease-out" | "ease-in-out" | "bounce" | "elastic";
|
|
7874
|
+
interface FocusConfig {
|
|
7875
|
+
type: FocusAnimationType;
|
|
7876
|
+
duration: number;
|
|
7877
|
+
delay: number;
|
|
7878
|
+
easing: EasingType;
|
|
7879
|
+
intensity: number;
|
|
7880
|
+
color?: string;
|
|
7881
|
+
offset?: number;
|
|
7882
|
+
blur?: number;
|
|
7883
|
+
}
|
|
7884
|
+
interface FocusState {
|
|
7885
|
+
isFocused: boolean;
|
|
7886
|
+
isKeyboardFocus: boolean;
|
|
7887
|
+
isWithin: boolean;
|
|
7888
|
+
direction: FocusDirection;
|
|
7889
|
+
timestamp: number;
|
|
7890
|
+
}
|
|
7891
|
+
interface FocusTransitionsProps {
|
|
7892
|
+
children: React__default.ReactNode;
|
|
7893
|
+
className?: string;
|
|
7894
|
+
animations?: FocusConfig[];
|
|
7895
|
+
defaultAnimation?: FocusAnimationType;
|
|
7896
|
+
duration?: number;
|
|
7897
|
+
easing?: EasingType;
|
|
7898
|
+
intensity?: number;
|
|
7899
|
+
focusColor?: string;
|
|
7900
|
+
focusOffset?: number;
|
|
7901
|
+
focusBlur?: number;
|
|
7902
|
+
focusThickness?: number;
|
|
7903
|
+
focusRadius?: number;
|
|
7904
|
+
keyboardOnly?: boolean;
|
|
7905
|
+
trapFocus?: boolean;
|
|
7906
|
+
restoreFocus?: boolean;
|
|
7907
|
+
autoFocus?: boolean;
|
|
7908
|
+
focusDelay?: number;
|
|
7909
|
+
showFocusRing?: boolean;
|
|
7910
|
+
customFocusRing?: boolean;
|
|
7911
|
+
focusRingPosition?: "inside" | "outside" | "center";
|
|
7912
|
+
glowEffect?: boolean;
|
|
7913
|
+
shadowEffect?: boolean;
|
|
7914
|
+
persistFocus?: boolean;
|
|
7915
|
+
focusGroup?: string;
|
|
7916
|
+
focusOrder?: number;
|
|
7917
|
+
respectReducedMotion?: boolean;
|
|
7918
|
+
performanceMode?: boolean;
|
|
7919
|
+
enterAnimation?: Partial<FocusConfig>;
|
|
7920
|
+
exitAnimation?: Partial<FocusConfig>;
|
|
7921
|
+
withinAnimation?: Partial<FocusConfig>;
|
|
7922
|
+
onFocusEnter?: (event: React__default.FocusEvent, state: FocusState) => void;
|
|
7923
|
+
onFocusExit?: (event: React__default.FocusEvent, state: FocusState) => void;
|
|
7924
|
+
onFocusWithin?: (hasWithinFocus: boolean) => void;
|
|
7925
|
+
onAnimationStart?: (type: FocusAnimationType, direction: FocusDirection) => void;
|
|
7926
|
+
onAnimationComplete?: (type: FocusAnimationType, direction: FocusDirection) => void;
|
|
7927
|
+
ariaLabel?: string;
|
|
7928
|
+
role?: string;
|
|
7929
|
+
tabIndex?: number;
|
|
7930
|
+
disabled?: boolean;
|
|
7931
|
+
}
|
|
7932
|
+
interface FocusTransitionsRef {
|
|
7933
|
+
focus: () => void;
|
|
7934
|
+
blur: () => void;
|
|
7935
|
+
getFocusState: () => FocusState;
|
|
7936
|
+
getElement: () => HTMLElement | null;
|
|
7937
|
+
}
|
|
7938
|
+
declare const FocusTransitions: React__default.ForwardRefExoticComponent<FocusTransitionsProps & React__default.RefAttributes<FocusTransitionsRef>>;
|
|
7939
|
+
|
|
7940
|
+
interface DocsConfig {
|
|
7941
|
+
meta: {
|
|
7942
|
+
name: string;
|
|
7943
|
+
type: "free" | "pro" | "mixed";
|
|
7944
|
+
description: string;
|
|
7945
|
+
category: string;
|
|
7946
|
+
badge?: string;
|
|
7947
|
+
};
|
|
7948
|
+
installation: {
|
|
7949
|
+
cli: string;
|
|
7950
|
+
npm: string;
|
|
7951
|
+
imports: string[];
|
|
7952
|
+
dependencies?: string[];
|
|
7953
|
+
manualSetup?: string;
|
|
7954
|
+
};
|
|
7955
|
+
usage: {
|
|
7956
|
+
basic: {
|
|
7957
|
+
code: string;
|
|
7958
|
+
component: React__default.ReactElement;
|
|
7959
|
+
fullWidth?: boolean;
|
|
7960
|
+
};
|
|
7961
|
+
pro?: {
|
|
7962
|
+
code: string;
|
|
7963
|
+
component: React__default.ReactElement;
|
|
7964
|
+
fullWidth?: boolean;
|
|
7965
|
+
};
|
|
7966
|
+
};
|
|
7967
|
+
examples: {
|
|
7968
|
+
free: Array<{
|
|
7969
|
+
title: string;
|
|
7970
|
+
description?: string;
|
|
7971
|
+
code?: string;
|
|
7972
|
+
component: React__default.ReactElement;
|
|
7973
|
+
fullWidth?: boolean;
|
|
7974
|
+
}>;
|
|
7975
|
+
pro: Array<{
|
|
7976
|
+
title: string;
|
|
7977
|
+
description?: string;
|
|
7978
|
+
code?: string;
|
|
7979
|
+
component: React__default.ReactElement;
|
|
7980
|
+
fullWidth?: boolean;
|
|
7981
|
+
}>;
|
|
7982
|
+
};
|
|
7983
|
+
api: {
|
|
7984
|
+
components: Array<{
|
|
7985
|
+
name: string;
|
|
7986
|
+
description: string;
|
|
7987
|
+
props: Array<{
|
|
7988
|
+
name: string;
|
|
7989
|
+
type: string;
|
|
7990
|
+
default: string;
|
|
7991
|
+
description: string;
|
|
7992
|
+
}>;
|
|
7993
|
+
}>;
|
|
7994
|
+
accessibility: {
|
|
7995
|
+
keyboard: Array<{
|
|
7996
|
+
keys: string;
|
|
7997
|
+
description: string;
|
|
7998
|
+
}>;
|
|
7999
|
+
aria: string[];
|
|
8000
|
+
};
|
|
8001
|
+
bestPractices: Array<{
|
|
8002
|
+
title: string;
|
|
8003
|
+
description: string;
|
|
8004
|
+
tips: string[];
|
|
8005
|
+
variant: "success" | "info" | "warning";
|
|
8006
|
+
}>;
|
|
8007
|
+
};
|
|
8008
|
+
proFeatures?: Array<{
|
|
8009
|
+
icon: React__default.ReactElement;
|
|
8010
|
+
title: string;
|
|
8011
|
+
description: string;
|
|
8012
|
+
}>;
|
|
8013
|
+
proBannerFeatures?: string[];
|
|
8014
|
+
seo: {
|
|
8015
|
+
title: string;
|
|
8016
|
+
description: string;
|
|
8017
|
+
keywords: string[];
|
|
8018
|
+
};
|
|
8019
|
+
}
|
|
8020
|
+
|
|
8021
|
+
declare const dotPatternConfig: DocsConfig;
|
|
8022
|
+
|
|
8023
|
+
declare function DotPatternDocsPage(): react_jsx_runtime.JSX.Element;
|
|
8024
|
+
|
|
8025
|
+
declare const gridDistortionConfig: DocsConfig;
|
|
8026
|
+
|
|
8027
|
+
declare function GridDistortionDocsPage(): react_jsx_runtime.JSX.Element;
|
|
8028
|
+
|
|
8029
|
+
declare const wavesConfig: DocsConfig;
|
|
8030
|
+
|
|
8031
|
+
declare const gradientFlowConfig: DocsConfig;
|
|
8032
|
+
|
|
8033
|
+
declare const meshGradientConfig: DocsConfig;
|
|
8034
|
+
|
|
8035
|
+
declare const liquidBackgroundConfig: DocsConfig;
|
|
8036
|
+
|
|
8037
|
+
declare const geometricPatternsConfig: DocsConfig;
|
|
8038
|
+
|
|
8039
|
+
interface DocsPageTemplateProps {
|
|
8040
|
+
config: DocsConfig;
|
|
8041
|
+
}
|
|
8042
|
+
declare function DocsPageTemplate({ config }: DocsPageTemplateProps): react_jsx_runtime.JSX.Element;
|
|
8043
|
+
|
|
8044
|
+
export { AIProvider, AIProviderConfig, AIResponse, MoonUIAccordionPro as Accordion, MoonUIAccordionContentPro as AccordionContent, MoonUIAccordionItemPro as AccordionItem, AccordionSize, MoonUIAccordionTriggerPro as AccordionTrigger, AccordionVariant, ActivityItem, Calendar as AdvancedCalendar, AdvancedChart, AdvancedChartProps, AdvancedFormField, AdvancedForms, AdvancedFormsProps, MoonUIAlertPro as Alert, MoonUIAlertDescriptionPro as AlertDescription, MoonUIAlertTitlePro as AlertTitle, AnimatedNumber, AnimatedNumberProps, AnimationMode$1 as AnimationMode, MoonUIAspectRatioPro as AspectRatio, AuroraBackground, AuroraBackgroundProps, MoonUIAvatarPro$1 as Avatar, MoonUIAvatarFallbackPro as AvatarFallback, MoonUIAvatarImagePro as AvatarImage, MoonUIBadgePro as Badge, BadgeVariant, BentoGrid, BentoGridItem, BentoGridItemProps, BentoGridProps, BlurFade, BlurFadeProps, BounceEffect, BounceEffectProps, MoonUIBreadcrumbPro as Breadcrumb, MoonUIBreadcrumbEllipsisPro as BreadcrumbEllipsis, MoonUIBreadcrumbItemPro as BreadcrumbItem, MoonUIBreadcrumbLinkPro as BreadcrumbLink, MoonUIBreadcrumbListPro as BreadcrumbList, MoonUIBreadcrumbPagePro as BreadcrumbPage, MoonUIBreadcrumbSeparatorPro as BreadcrumbSeparator, BubbleBackground, BubbleBackgroundProps, BulkAction, MoonUIButtonPro as Button, Calendar$1 as Calendar, CalendarEvent, Calendar as CalendarPro, MoonUICardPro as Card, MoonUICardContentPro as CardContent, MoonUICardDescriptionPro as CardDescription, MoonUICardFooterPro as CardFooter, MoonUICardHeaderPro as CardHeader, MoonUICardTitlePro as CardTitle, ChartData, ChartDataPoint$1 as ChartDataPoint, ChartSeries$1 as ChartSeries, ChartType, ChartWidget, ChartWidgetProps, MoonUICheckboxPro as Checkbox, ClaudeProvider, ClickAnimations, ClickAnimationsProps, MoonUICollapsiblePro as Collapsible, AnimationMode as CollapsibleAnimationMode, MoonUICollapsibleContentPro as CollapsibleContent, CollapsibleSize, MoonUICollapsibleTriggerPro as CollapsibleTrigger, CollapsibleVariant, MoonUIColorPickerPro as ColorPicker, MoonUICommandPro as Command, MoonUICommandDialogPro as CommandDialog, MoonUICommandEmptyPro as CommandEmpty, MoonUICommandGroupPro as CommandGroup, MoonUICommandInputPro as CommandInput, MoonUICommandItemPro as CommandItem, MoonUICommandListPro as CommandList, MoonUICommandSeparatorPro as CommandSeparator, MoonUICommandShortcutPro as CommandShortcut, ComparisonData, Confetti, ConfettiButton, ConfettiButtonProps, ConfettiProps, ConnectorRenderer, CreditCardInputProps, CursorTrail, CursorTrailProps, Dashboard, DashboardWidget, DataTable, DataTableProps, MoonUIDialogPro as Dialog, MoonUIDialogClosePro as DialogClose, MoonUIDialogContentPro as DialogContent, MoonUIDialogDescriptionPro as DialogDescription, MoonUIDialogFooterPro as DialogFooter, MoonUIDialogHeaderPro as DialogHeader, MoonUIDialogTitlePro as DialogTitle, MoonUIDialogTriggerPro as DialogTrigger, DockItem, DocsConfig, DocsPageTemplate, DocsProProvider, DotPattern, DotPatternDocsPage, DotPatternProps, DraggableList, DraggableListProps, MoonUIDropdownMenuPro as DropdownMenu, MoonUIDropdownMenuCheckboxItemPro as DropdownMenuCheckboxItem, MoonUIDropdownMenuContentPro as DropdownMenuContent, MoonUIDropdownMenuGroupPro as DropdownMenuGroup, MoonUIDropdownMenuItemPro as DropdownMenuItem, MoonUIDropdownMenuLabelPro as DropdownMenuLabel, MoonUIDropdownMenuPortalPro as DropdownMenuPortal, MoonUIDropdownMenuRadioGroupPro as DropdownMenuRadioGroup, MoonUIDropdownMenuRadioItemPro as DropdownMenuRadioItem, MoonUIDropdownMenuSeparatorPro as DropdownMenuSeparator, MoonUIDropdownMenuShortcutPro as DropdownMenuShortcut, MoonUIDropdownMenuSubPro as DropdownMenuSub, MoonUIDropdownMenuSubContentPro as DropdownMenuSubContent, MoonUIDropdownMenuSubTriggerPro as DropdownMenuSubTrigger, MoonUIDropdownMenuTriggerPro as DropdownMenuTrigger, EditorAIConfig, ElasticAnimation, ElasticAnimationProps, ErrorBoundary, ErrorBoundaryProps, ErrorFallbackProps, EventRenderer, ExportFormat, FadeTransitions, FadeTransitionsProps, FileUploadItem, FileUploadProProps, FilterCondition, FilterOperator, FlipText, FlipTextProps, FloatingActionButton, FloatingActionButtonProps, FloatingDock, FloatingDockProps, FloatingElements, FloatingElementsProps, FocusTransitions, FocusTransitionsProps, FocusTransitionsRef, FormWizard, FormWizardNavigation, FormWizardProgress, FormWizardProps, FormWizardStep, FunnelData, FunnelStage, FunnelWidget, FunnelWidgetProps, GalleryCategory, MoonUIGalleryItemPro as GalleryItem, GallerySortOption, GaugeData, GaugeWidget, GaugeWidgetProps, GeminiProvider, GeometricPatterns, GeometricPatternsProps, GestureDrawer, GestureDrawerProps, GitHubRepository, GitHubStars, GitHubStarsProps, GlitchBackground, GlitchBackgroundProps, GlitchText, GlitchTextProps, GlowCard, GlowCardProps, GlowEffect, GlowEffectProps, GradientFlow, GradientFlowProps, GradientText, GradientTextProps, GridDistortion, GridDistortionDocsPage, GridDistortionProps, GridPattern, GridPatternProps, HealthCheck, HealthCheckEndpoint, HealthCheckProps, HealthCheckResult, HoverCard, HoverCard3D, HoverCard3DProps, HoverCardContent, HoverCardTrigger, IconRenderer, MoonUIInputPro as Input, ItemHeightInfo, KPIData, KPIWidget, KPIWidgetProps, Kanban, KanbanAssignee, KanbanCard, KanbanColumn, KanbanLabel, KanbanProps, LANGUAGE_COLORS, MoonUILabelPro as Label, LazyComponent, LazyImage, LazyImageProps, LazyList, LazyListProps, LightboxContent, LightboxContentProps, LightboxProvider, LightboxTrigger, LiquidBackground, LiquidBackgroundProps, MagneticButton, MagneticButtonProps, MagneticElements, MagneticElementsProps, Marquee, MarqueeProps, MatrixRain, MatrixRainProps, MoonUIMediaGalleryPro as MediaGallery, MediaItem, MemoryAnalytics, MemoryAnalyticsProps, MemoryConfig, MemoryEfficientData, MemoryEfficientDataProps, MemoryPerformanceMetrics, MemoryStats, MeshGradient, MeshGradientProps, Meteors, MeteorsProps, MetricData, MilestoneEvent, MoonUIAccordionContentPro, MoonUIAccordionContentProProps, MoonUIAccordionItemPro, MoonUIAccordionItemProProps, MoonUIAccordionPro, MoonUIAccordionProBaseProps, MoonUIAccordionProMultipleProps, MoonUIAccordionProProps, MoonUIAccordionProSingleProps, MoonUIAccordionTriggerPro, MoonUIAccordionTriggerProProps, MoonUIAdvancedChartPro, MoonUIAlertDescriptionPro, MoonUIAlertPro, MoonUIAlertTitlePro, MoonUIAnimatedButtonPro, MoonUIAnimatedButtonProProps, MoonUIAnimatedListPro, MoonUIAnimatedListProProps, MoonUIAspectRatioPro, MoonUIAsyncAvatarPro, MoonUIAsyncAvatarProProps, MoonUIAvatarFallbackPro, MoonUIAvatarGroupPro, MoonUIAvatarGroupProProps, MoonUIAvatarImagePro, MoonUIAvatarPro, MoonUIAvatarProProps, MoonUIBadgePro, MoonUIBreadcrumbEllipsisPro, MoonUIBreadcrumbItemPro, MoonUIBreadcrumbLinkPro, MoonUIBreadcrumbListPro, MoonUIBreadcrumbPagePro, MoonUIBreadcrumbPro, MoonUIBreadcrumbSeparatorPro, MoonUIButtonPro, MoonUICache, Calendar as MoonUICalendarPro, MoonUICardContentPro, MoonUICardDescriptionPro, MoonUICardFooterPro, MoonUICardHeaderPro, MoonUICardPro, MoonUICardTitlePro, ChartDataPoint as MoonUIChartDataPoint, ChartSeries as MoonUIChartSeries, ChartWidget as MoonUIChartWidget, ChartWidgetProps as MoonUIChartWidgetProps, MoonUICheckboxPro, MoonUICollapsibleContentPro, MoonUICollapsibleContentProProps, MoonUICollapsiblePro, MoonUICollapsibleProProps, MoonUICollapsibleTriggerPro, MoonUICollapsibleTriggerProProps, MoonUIColorPickerPro, MoonUICommandDialogPro, MoonUICommandEmptyPro, MoonUICommandGroupPro, MoonUICommandInputPro, MoonUICommandItemPro, MoonUICommandListPro, MoonUICommandPro, MoonUICommandSeparatorPro, MoonUICommandShortcutPro, MoonUICreditCardInputPro, Dashboard as MoonUIDashboardPro, MoonUIDashboardProProps, MoonUIDataTable, DataTable as MoonUIDataTablePro, MoonUIDataTableProProps, MoonUIDataTableProps, MoonUIDialogClosePro, MoonUIDialogContentPro, MoonUIDialogDescriptionPro, MoonUIDialogFooterPro, MoonUIDialogHeaderPro, MoonUIDialogPro, MoonUIDialogTitlePro, MoonUIDialogTriggerPro, DraggableList as MoonUIDraggableListPro, MoonUIDropdownMenuCheckboxItemPro, MoonUIDropdownMenuContentPro, MoonUIDropdownMenuGroupPro, MoonUIDropdownMenuItemPro, MoonUIDropdownMenuLabelPro, MoonUIDropdownMenuPortalPro, MoonUIDropdownMenuPro, MoonUIDropdownMenuRadioGroupPro, MoonUIDropdownMenuRadioItemPro, MoonUIDropdownMenuSeparatorPro, MoonUIDropdownMenuShortcutPro, MoonUIDropdownMenuSubContentPro, MoonUIDropdownMenuSubPro, MoonUIDropdownMenuSubTriggerPro, MoonUIDropdownMenuTriggerPro, MoonUIFileUploadPro, MoonUIFormWizardPro, MoonUIFormWizardProProps, FunnelData as MoonUIFunnelData, FunnelStage as MoonUIFunnelStage, FunnelWidget as MoonUIFunnelWidget, FunnelWidgetProps as MoonUIFunnelWidgetProps, MoonUIGalleryItemPro, GaugeData as MoonUIGaugeData, GaugeWidget as MoonUIGaugeWidget, GaugeWidgetProps as MoonUIGaugeWidgetProps, MoonUIGestureDrawerPro, MoonUIGestureDrawerProProps, MoonUIInputPro, KPIData as MoonUIKPIData, KPIWidget as MoonUIKPIWidget, KPIWidgetProps as MoonUIKPIWidgetProps, MoonUIKanbanPro, MoonUIKanbanProProps, MoonUILabelPro, LightboxContent as MoonUILightboxContentPro, SimpleLightbox as MoonUILightboxPro, LightboxProvider as MoonUILightboxProviderPro, LightboxTrigger as MoonUILightboxTriggerPro, MoonUIMediaGalleryPro, MoonUIMemoryEfficientDataPro, Navbar as MoonUINavbarPro, MoonUINavbarProProps, MoonUIPaginationContentPro, MoonUIPaginationEllipsisPro, MoonUIPaginationItemPro, MoonUIPaginationLinkPro, MoonUIPaginationNextPro, MoonUIPaginationPreviousPro, MoonUIPaginationPro, PhoneNumberInput as MoonUIPhoneNumberInputPro, MoonUIPhoneNumberInputProProps, MoonUIPhoneNumberInputSimple, MoonUIPopoverContentPro, MoonUIPopoverPro, MoonUIPopoverTriggerPro, MoonUIProgressPro, Question as MoonUIQuestion, QuestionType as MoonUIQuestionType, MoonUIQuizFormPro, MoonUIQuizFormProProps, QuizResult as MoonUIQuizResult, QuizSettings as MoonUIQuizSettings, MoonUIRadioGroupContextPro, MoonUIRadioGroupItemPro, MoonUIRadioGroupPro, MoonUIRadioItemWithLabelPro, MoonUIRadioLabelPro, RevenueData as MoonUIRevenueData, RevenueMetric as MoonUIRevenueMetric, RevenueStream as MoonUIRevenueStream, RevenueWidget as MoonUIRevenueWidget, RevenueWidgetProps as MoonUIRevenueWidgetProps, RichTextEditor as MoonUIRichTextEditorPro, MoonUISelectContentPro, MoonUISelectGroupPro, MoonUISelectItemPro, MoonUISelectLabelPro, MoonUISelectPro, MoonUISelectSeparatorPro, MoonUISelectTriggerPro, MoonUISelectValuePro, SelectableVirtualList as MoonUISelectableVirtualListPro, MoonUISelectableVirtualListProProps, MoonUISeparatorPro, ServerData as MoonUIServerData, ServerMetric as MoonUIServerMetric, ServerMonitorWidget as MoonUIServerMonitorWidget, ServerMonitorWidgetProps as MoonUIServerMonitorWidgetProps, Sidebar as MoonUISidebarPro, MoonUISidebarProProps, MoonUISkeletonPro, MoonUISliderPro, MoonUISpotlightCardPro, MoonUISpotlightCardProProps, SwipeableCard as MoonUISwipeableCardPro, MoonUISwipeableCardProProps, MoonUISwitchPro, MoonUITableBodyPro, MoonUITableCaptionPro, MoonUITableCellPro, MoonUITableFooterPro, MoonUITableHeadPro, MoonUITableHeaderPro, MoonUITablePro, MoonUITableRowPro, MoonUITabsContentPro, MoonUITabsPro as MoonUITabsEnhanced, MoonUITabsProProps as MoonUITabsEnhancedProps, MoonUITabsListPro, MoonUITabsPro, MoonUITabsProProps, MoonUITabsTriggerPro, MoonUITextareaPro, Timeline as MoonUITimelinePro, MoonUITimelineProProps, MoonUIToastPro, MoonUITogglePro, MoonUITooltipContentPro, MoonUITooltipPro, MoonUITooltipProviderPro, MoonUITooltipTriggerPro, UserAnswer as MoonUIUserAnswer, VirtualList as MoonUIVirtualListPro, MoonUIVirtualListProProps, WidgetBase as MoonUIWidgetBase, WidgetBaseProps as MoonUIWidgetBaseProps, WidgetChartData as MoonUIWidgetChartData, MoonUIalertVariantsPro, MoonUIaspectRatioVariantsPro, MoonUIbreadcrumbVariantsPro, collapsibleContentVariants as MoonUIcollapsibleContentVariantsPro, collapsibleTriggerVariants as MoonUIcollapsibleTriggerVariantsPro, MoonUIradioGroupItemVariantsPro, MoonUItableVariantsPro, MoonUItoggleVariantsPro, MorphingText, MorphingTextProps, MouseTrail, MouseTrailProps, Navbar, NavbarConfig, NavbarItem, NavbarSection, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NeonEffect, NeonEffectProps, NestedEvent, NumberTicker, NumberTickerProps, OpenAIProvider, OptimizedImage, OptimizedImageProps, OverlayRenderProp, MoonUIPaginationPro as Pagination, MoonUIPaginationContentPro as PaginationContent, MoonUIPaginationEllipsisPro as PaginationEllipsis, MoonUIPaginationItemPro as PaginationItem, MoonUIPaginationLinkPro as PaginationLink, MoonUIPaginationNextPro as PaginationNext, MoonUIPaginationPreviousPro as PaginationPrevious, ParallaxScroll, ParallaxScrollProps, Particles, ParticlesProps, PathAnimations, PathAnimationsProps, PerformanceAlert, PerformanceDebugger, PerformanceDebuggerProps, PerformanceEntry, PerformanceMetric, PerformanceMetrics, PerformanceMonitor, PerformanceMonitorProps, PhoneNumberInput, PhoneNumberInputProps, PinchZoom, MoonUIPopoverPro as Popover, MoonUIPopoverContentPro as PopoverContent, MoonUIPopoverTriggerPro as PopoverTrigger, MoonUIProgressPro as Progress, ProgressData, QuestionType$1 as QuestionType, QuizAnswer, QuizForm, QuizFormProps, QuizQuestion, QuizResult$1 as QuizResult, MoonUIRadioGroupPro as RadioGroup, MoonUIRadioGroupContextPro as RadioGroupContext, MoonUIRadioGroupItemPro as RadioGroupItem, MoonUIRadioItemWithLabelPro as RadioItemWithLabel, MoonUIRadioLabelPro as RadioLabel, RangeEvent, RealTimePerformanceMonitor, RealTimePerformanceMonitorProps, RecurringEvent, RevealCard, RevealCardProps, RevealCards, RevealCardsProps, RevenueData, RevenueMetric, RevenueStream, RevenueWidget, RevenueWidgetProps, RichTextEditor, RichTextEditorProps, Ripple, RippleProps, spotlightPresets as SPOTLIGHT_PRESETS, SVGAnimations, SVGAnimationsProps, ScrambledText, ScrambledTextProps, ScrollArea, ScrollBar, ScrollReveal, ScrollRevealProps, MoonUISelectPro as Select, MoonUISelectContentPro as SelectContent, MoonUISelectGroupPro as SelectGroup, MoonUISelectItemPro as SelectItem, MoonUISelectLabelPro as SelectLabel, MoonUISelectSeparatorPro as SelectSeparator, MoonUISelectTriggerPro as SelectTrigger, MoonUISelectValuePro as SelectValue, SelectableVirtualList, SelectableVirtualListProps, MoonUISeparatorPro as Separator, ServerData, ServerMetric, ServerMonitorWidget, ServerMonitorWidgetProps, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Shimmer, ShimmerProps, ShinyText, ShinyTextProps, Sidebar, SidebarConfig, SidebarItem, SidebarSection, SidebarState, SimpleLightbox, MoonUISkeletonPro as Skeleton, MoonUISliderPro as Slider, Sparkles, SparklesProps, SplashCursor, SplashCursorContainer, SplashCursorContainerProps, SplashCursorProps, Spotlight, SpotlightPreset, SpotlightProps, SpringConfig, SpringPhysics, SpringPhysicsProps, Starfield, StarfieldProps, SubscriptionProvider, SwipeActions, SwipeActionsProps, SwipeableCard, SwipeableCardProps, MoonUISwitchPro as Switch, TabItem, MoonUITablePro as Table, MoonUITableBodyPro as TableBody, MoonUITableCaptionPro as TableCaption, MoonUITableCellPro as TableCell, TableFeatures, MoonUITableFooterPro as TableFooter, MoonUITableHeadPro as TableHead, MoonUITableHeaderPro as TableHeader, MoonUITableRowPro as TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text3D, Text3DProps, TextReveal, TextRevealProps, MoonUITextareaPro as Textarea, Timeline, TimelineAnimation, TimelineEvent, TimelineEventBase, TimelineEventMetadata, TimelineEventType, TimelineGroupBy, TimelineLayout, TimelineProps, TimelineTheme, TimelineUser, MoonUIToastPro as Toast, MoonUITogglePro as Toggle, MoonUITooltipPro as Tooltip, MoonUITooltipContentPro as TooltipContent, MoonUITooltipProviderPro as TooltipProvider, MoonUITooltipTriggerPro as TooltipTrigger, TouchGestures, TouchGesturesProps, TypewriterText, TypewriterTextProps, VirtualList, VirtualListProps, Waves, WavesProps, WavyText, WavyTextProps, Widget, WidgetBase, WidgetBaseProps, WidgetChartData, WizardStep, WizardStepContentProps, WordRotate, WordRotateProps, MoonUIalertVariantsPro as alertVariants, MoonUIaspectRatioVariantsPro as aspectRatioVariants, moonUIBadgeVariantsPro as badgeVariants, MoonUIbreadcrumbVariantsPro as breadcrumbVariants, moonUIButtonProVariants as buttonVariants, clearCache, cn, collapsibleContentVariants, collapsibleTriggerVariants, commandVariantsPro, createAIProvider, dotPatternConfig, forceRefresh, galleryItemVariants, galleryVariants, geometricPatternsConfig, getExpandableColumn, gradientFlowConfig, gridDistortionConfig, hoverCard3DVariants, liquidBackgroundConfig, meshGradientConfig, moonUIAnimatedButtonProVariants, badgeVariants as moonUIAvatarBadgeVariants, avatarVariants as moonUIAvatarProVariants, statusVariants as moonUIAvatarStatusVariants, moonUIBadgeVariantsPro, moonUIButtonProVariants, gestureDrawerVariants as moonUIGestureDrawerProVariants, moonUISeparatorVariantsPro, navigationMenuTriggerStyle, countries as phoneCountries, MoonUIradioGroupItemVariantsPro as radioGroupItemVariants, moonUISeparatorVariantsPro as separatorVariants, spotlightPresets, MoonUItableVariantsPro as tableVariants, MoonUItoggleVariantsPro as toggleVariants, useAccordionAnalytics, useCollapsibleAnalytics, useExpandableRows, useFormWizard, useStreamingData, useSubscription, useSubscriptionContext, useVirtualList, wavesConfig };
|