@true-tech-team/react-components 0.0.2 → 0.0.4
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/index.css +1 -1
- package/index.d.ts +4 -2
- package/index.js +1 -1
- package/index.mjs +5944 -3658
- package/lib/components/buttons/Button/Button.d.ts +15 -4
- package/lib/components/buttons/IconButton/IconButton.d.ts +1 -1
- package/lib/components/display/Accordion/Accordion.d.ts +112 -0
- package/lib/components/display/Accordion/AccordionContainer.d.ts +101 -0
- package/lib/components/display/Accordion/AccordionContext.d.ts +57 -0
- package/lib/components/display/Accordion/index.d.ts +6 -0
- package/lib/components/display/Avatar/Avatar.d.ts +1 -1
- package/lib/components/display/Card/Card.d.ts +101 -0
- package/lib/components/display/Card/index.d.ts +3 -0
- package/lib/components/display/Carousel/Carousel.d.ts +125 -0
- package/lib/components/display/Carousel/index.d.ts +3 -0
- package/lib/components/display/Collapse/Collapse.d.ts +57 -0
- package/lib/components/display/Collapse/index.d.ts +2 -0
- package/lib/components/display/CountUp/CountUp.d.ts +119 -0
- package/lib/components/display/CountUp/index.d.ts +3 -0
- package/lib/components/display/FlipCard/FlipCard.d.ts +125 -0
- package/lib/components/display/FlipCard/index.d.ts +3 -0
- package/lib/components/display/Icon/Icon.d.ts +1 -1
- package/lib/components/display/Icon/icons/Account.d.ts +3 -0
- package/lib/components/display/Icon/icons/Activity.d.ts +3 -0
- package/lib/components/display/Icon/icons/AlignCenter.d.ts +3 -0
- package/lib/components/display/Icon/icons/AlignJustify.d.ts +3 -0
- package/lib/components/display/Icon/icons/AlignLeft.d.ts +3 -0
- package/lib/components/display/Icon/icons/AlignRight.d.ts +3 -0
- package/lib/components/display/Icon/icons/ArrowDown.d.ts +3 -0
- package/lib/components/display/Icon/icons/ArrowDownLeft.d.ts +3 -0
- package/lib/components/display/Icon/icons/ArrowDownRight.d.ts +3 -0
- package/lib/components/display/Icon/icons/ArrowLeft.d.ts +3 -0
- package/lib/components/display/Icon/icons/ArrowRight.d.ts +3 -0
- package/lib/components/display/Icon/icons/ArrowUp.d.ts +3 -0
- package/lib/components/display/Icon/icons/ArrowUpLeft.d.ts +3 -0
- package/lib/components/display/Icon/icons/ArrowUpRight.d.ts +3 -0
- package/lib/components/display/Icon/icons/AtSign.d.ts +3 -0
- package/lib/components/display/Icon/icons/BarChart2.d.ts +3 -0
- package/lib/components/display/Icon/icons/Battery.d.ts +3 -0
- package/lib/components/display/Icon/icons/BatteryCharging.d.ts +3 -0
- package/lib/components/display/Icon/icons/Bell.d.ts +3 -0
- package/lib/components/display/Icon/icons/BellOff.d.ts +3 -0
- package/lib/components/display/Icon/icons/Bluetooth.d.ts +3 -0
- package/lib/components/display/Icon/icons/Bold.d.ts +3 -0
- package/lib/components/display/Icon/icons/Bookmark.d.ts +3 -0
- package/lib/components/display/Icon/icons/BookmarkPlus.d.ts +3 -0
- package/lib/components/display/Icon/icons/Building.d.ts +3 -0
- package/lib/components/display/Icon/icons/Calendar.d.ts +3 -0
- package/lib/components/display/Icon/icons/Camera.d.ts +3 -0
- package/lib/components/display/Icon/icons/ChartBar.d.ts +3 -0
- package/lib/components/display/Icon/icons/ChartLine.d.ts +3 -0
- package/lib/components/display/Icon/icons/Check.d.ts +3 -0
- package/lib/components/display/Icon/icons/ChevronDown.d.ts +3 -0
- package/lib/components/display/Icon/icons/ChevronLeft.d.ts +3 -0
- package/lib/components/display/Icon/icons/ChevronRight.d.ts +3 -0
- package/lib/components/display/Icon/icons/ChevronUp.d.ts +3 -0
- package/lib/components/display/Icon/icons/Clock.d.ts +3 -0
- package/lib/components/display/Icon/icons/Close.d.ts +3 -0
- package/lib/components/display/Icon/icons/Cloud.d.ts +3 -0
- package/lib/components/display/Icon/icons/CloudDownload.d.ts +3 -0
- package/lib/components/display/Icon/icons/CloudOff.d.ts +3 -0
- package/lib/components/display/Icon/icons/CloudUpload.d.ts +3 -0
- package/lib/components/display/Icon/icons/Code.d.ts +3 -0
- package/lib/components/display/Icon/icons/Compass.d.ts +3 -0
- package/lib/components/display/Icon/icons/Copy.d.ts +3 -0
- package/lib/components/display/Icon/icons/CornerDownLeft.d.ts +3 -0
- package/lib/components/display/Icon/icons/CornerDownRight.d.ts +3 -0
- package/lib/components/display/Icon/icons/CornerUpLeft.d.ts +3 -0
- package/lib/components/display/Icon/icons/CornerUpRight.d.ts +3 -0
- package/lib/components/display/Icon/icons/Cpu.d.ts +3 -0
- package/lib/components/display/Icon/icons/CreditCard.d.ts +3 -0
- package/lib/components/display/Icon/icons/Crosshair.d.ts +3 -0
- package/lib/components/display/Icon/icons/Database.d.ts +3 -0
- package/lib/components/display/Icon/icons/Delete.d.ts +3 -0
- package/lib/components/display/Icon/icons/Dollar.d.ts +3 -0
- package/lib/components/display/Icon/icons/Download.d.ts +3 -0
- package/lib/components/display/Icon/icons/Edit.d.ts +3 -0
- package/lib/components/display/Icon/icons/Error.d.ts +3 -0
- package/lib/components/display/Icon/icons/ExternalLink.d.ts +3 -0
- package/lib/components/display/Icon/icons/Eye.d.ts +3 -0
- package/lib/components/display/Icon/icons/EyeOff.d.ts +3 -0
- package/lib/components/display/Icon/icons/File.d.ts +3 -0
- package/lib/components/display/Icon/icons/FileCheck.d.ts +3 -0
- package/lib/components/display/Icon/icons/FileMinus.d.ts +3 -0
- package/lib/components/display/Icon/icons/FilePlus.d.ts +3 -0
- package/lib/components/display/Icon/icons/FileText.d.ts +3 -0
- package/lib/components/display/Icon/icons/Filter.d.ts +3 -0
- package/lib/components/display/Icon/icons/Folder.d.ts +3 -0
- package/lib/components/display/Icon/icons/FolderMinus.d.ts +3 -0
- package/lib/components/display/Icon/icons/FolderOpen.d.ts +3 -0
- package/lib/components/display/Icon/icons/FolderPlus.d.ts +3 -0
- package/lib/components/display/Icon/icons/Gift.d.ts +3 -0
- package/lib/components/display/Icon/icons/Globe.d.ts +3 -0
- package/lib/components/display/Icon/icons/Grid.d.ts +3 -0
- package/lib/components/display/Icon/icons/HardDrive.d.ts +3 -0
- package/lib/components/display/Icon/icons/Hash.d.ts +3 -0
- package/lib/components/display/Icon/icons/Heart.d.ts +3 -0
- package/lib/components/display/Icon/icons/Help.d.ts +3 -0
- package/lib/components/display/Icon/icons/Home.d.ts +3 -0
- package/lib/components/display/Icon/icons/Hourglass.d.ts +3 -0
- package/lib/components/display/Icon/icons/Image.d.ts +3 -0
- package/lib/components/display/Icon/icons/Inbox.d.ts +3 -0
- package/lib/components/display/Icon/icons/Info.d.ts +3 -0
- package/lib/components/display/Icon/icons/Italic.d.ts +3 -0
- package/lib/components/display/Icon/icons/Key.d.ts +3 -0
- package/lib/components/display/Icon/icons/Laptop.d.ts +3 -0
- package/lib/components/display/Icon/icons/Link.d.ts +3 -0
- package/lib/components/display/Icon/icons/Link2.d.ts +3 -0
- package/lib/components/display/Icon/icons/List.d.ts +3 -0
- package/lib/components/display/Icon/icons/ListOrdered.d.ts +3 -0
- package/lib/components/display/Icon/icons/ListUnordered.d.ts +3 -0
- package/lib/components/display/Icon/icons/Lock.d.ts +3 -0
- package/lib/components/display/Icon/icons/Logout.d.ts +3 -0
- package/lib/components/display/Icon/icons/Mail.d.ts +3 -0
- package/lib/components/display/Icon/icons/MailOpen.d.ts +3 -0
- package/lib/components/display/Icon/icons/Map.d.ts +3 -0
- package/lib/components/display/Icon/icons/MapPin.d.ts +3 -0
- package/lib/components/display/Icon/icons/Maximize.d.ts +3 -0
- package/lib/components/display/Icon/icons/Menu.d.ts +3 -0
- package/lib/components/display/Icon/icons/MessageCircle.d.ts +3 -0
- package/lib/components/display/Icon/icons/MessageSquare.d.ts +3 -0
- package/lib/components/display/Icon/icons/Messages.d.ts +3 -0
- package/lib/components/display/Icon/icons/Mic.d.ts +3 -0
- package/lib/components/display/Icon/icons/MicOff.d.ts +3 -0
- package/lib/components/display/Icon/icons/Minimize.d.ts +3 -0
- package/lib/components/display/Icon/icons/Minus.d.ts +3 -0
- package/lib/components/display/Icon/icons/Monitor.d.ts +3 -0
- package/lib/components/display/Icon/icons/Music.d.ts +3 -0
- package/lib/components/display/Icon/icons/Navigation.d.ts +3 -0
- package/lib/components/display/Icon/icons/Navigation2.d.ts +3 -0
- package/lib/components/display/Icon/icons/Outbox.d.ts +3 -0
- package/lib/components/display/Icon/icons/Paperclip.d.ts +3 -0
- package/lib/components/display/Icon/icons/Pause.d.ts +3 -0
- package/lib/components/display/Icon/icons/Percent.d.ts +3 -0
- package/lib/components/display/Icon/icons/PercentCircle.d.ts +3 -0
- package/lib/components/display/Icon/icons/Phone.d.ts +3 -0
- package/lib/components/display/Icon/icons/PhoneCall.d.ts +3 -0
- package/lib/components/display/Icon/icons/PhoneIncoming.d.ts +3 -0
- package/lib/components/display/Icon/icons/PhoneMissed.d.ts +3 -0
- package/lib/components/display/Icon/icons/PhoneOutgoing.d.ts +3 -0
- package/lib/components/display/Icon/icons/PieChart.d.ts +3 -0
- package/lib/components/display/Icon/icons/Play.d.ts +3 -0
- package/lib/components/display/Icon/icons/Plus.d.ts +3 -0
- package/lib/components/display/Icon/icons/Power.d.ts +3 -0
- package/lib/components/display/Icon/icons/Preferences.d.ts +3 -0
- package/lib/components/display/Icon/icons/Printer.d.ts +3 -0
- package/lib/components/display/Icon/icons/Profile.d.ts +3 -0
- package/lib/components/display/Icon/icons/Redo.d.ts +3 -0
- package/lib/components/display/Icon/icons/Refresh.d.ts +3 -0
- package/lib/components/display/Icon/icons/Repeat.d.ts +3 -0
- package/lib/components/display/Icon/icons/RotateCcw.d.ts +3 -0
- package/lib/components/display/Icon/icons/RotateCw.d.ts +3 -0
- package/lib/components/display/Icon/icons/Route.d.ts +3 -0
- package/lib/components/display/Icon/icons/Rss.d.ts +3 -0
- package/lib/components/display/Icon/icons/Save.d.ts +3 -0
- package/lib/components/display/Icon/icons/Search.d.ts +3 -0
- package/lib/components/display/Icon/icons/Send.d.ts +3 -0
- package/lib/components/display/Icon/icons/Server.d.ts +3 -0
- package/lib/components/display/Icon/icons/Settings.d.ts +3 -0
- package/lib/components/display/Icon/icons/Share.d.ts +3 -0
- package/lib/components/display/Icon/icons/Share2.d.ts +3 -0
- package/lib/components/display/Icon/icons/Shield.d.ts +3 -0
- package/lib/components/display/Icon/icons/ShieldAlert.d.ts +3 -0
- package/lib/components/display/Icon/icons/ShieldCheck.d.ts +3 -0
- package/lib/components/display/Icon/icons/ShieldOff.d.ts +3 -0
- package/lib/components/display/Icon/icons/ShoppingBag.d.ts +3 -0
- package/lib/components/display/Icon/icons/ShoppingCart.d.ts +3 -0
- package/lib/components/display/Icon/icons/Shuffle.d.ts +3 -0
- package/lib/components/display/Icon/icons/SkipBack.d.ts +3 -0
- package/lib/components/display/Icon/icons/SkipForward.d.ts +3 -0
- package/lib/components/display/Icon/icons/Smartphone.d.ts +3 -0
- package/lib/components/display/Icon/icons/Star.d.ts +3 -0
- package/lib/components/display/Icon/icons/Stop.d.ts +3 -0
- package/lib/components/display/Icon/icons/Stopwatch.d.ts +3 -0
- package/lib/components/display/Icon/icons/Sunrise.d.ts +3 -0
- package/lib/components/display/Icon/icons/Sunset.d.ts +3 -0
- package/lib/components/display/Icon/icons/Tablet.d.ts +3 -0
- package/lib/components/display/Icon/icons/Tag.d.ts +3 -0
- package/lib/components/display/Icon/icons/Target.d.ts +3 -0
- package/lib/components/display/Icon/icons/Terminal.d.ts +3 -0
- package/lib/components/display/Icon/icons/ThumbsUp.d.ts +3 -0
- package/lib/components/display/Icon/icons/TrendingDown.d.ts +3 -0
- package/lib/components/display/Icon/icons/TrendingUp.d.ts +3 -0
- package/lib/components/display/Icon/icons/Type.d.ts +3 -0
- package/lib/components/display/Icon/icons/Underline.d.ts +3 -0
- package/lib/components/display/Icon/icons/Undo.d.ts +3 -0
- package/lib/components/display/Icon/icons/Unlink.d.ts +3 -0
- package/lib/components/display/Icon/icons/Unlock.d.ts +3 -0
- package/lib/components/display/Icon/icons/Upload.d.ts +3 -0
- package/lib/components/display/Icon/icons/User.d.ts +3 -0
- package/lib/components/display/Icon/icons/UserCheck.d.ts +3 -0
- package/lib/components/display/Icon/icons/UserMinus.d.ts +3 -0
- package/lib/components/display/Icon/icons/UserPlus.d.ts +3 -0
- package/lib/components/display/Icon/icons/UserX.d.ts +3 -0
- package/lib/components/display/Icon/icons/Users.d.ts +3 -0
- package/lib/components/display/Icon/icons/Video.d.ts +3 -0
- package/lib/components/display/Icon/icons/Volume.d.ts +3 -0
- package/lib/components/display/Icon/icons/Volume1.d.ts +3 -0
- package/lib/components/display/Icon/icons/Volume2.d.ts +3 -0
- package/lib/components/display/Icon/icons/VolumeX.d.ts +3 -0
- package/lib/components/display/Icon/icons/Warning.d.ts +3 -0
- package/lib/components/display/Icon/icons/Watch.d.ts +3 -0
- package/lib/components/display/Icon/icons/Wifi.d.ts +3 -0
- package/lib/components/display/Icon/icons/WifiOff.d.ts +3 -0
- package/lib/components/display/Icon/icons/Zap.d.ts +3 -0
- package/lib/components/display/Icon/icons/index.d.ts +379 -0
- package/lib/components/display/Icon/index.d.ts +1 -0
- package/lib/components/display/PageMessages/PageMessageContent.d.ts +19 -0
- package/lib/components/display/PageMessages/PageMessages.d.ts +49 -0
- package/lib/components/display/PageMessages/defaultConfigs.d.ts +5 -0
- package/lib/components/display/PageMessages/index.d.ts +3 -0
- package/lib/components/display/PageMessages/types.d.ts +175 -0
- package/lib/components/display/ProgressBar/ProgressBar.d.ts +11 -0
- package/lib/components/display/Reveal/Reveal.d.ts +109 -0
- package/lib/components/display/Reveal/index.d.ts +3 -0
- package/lib/components/display/Spinner/Spinner.d.ts +79 -0
- package/lib/components/display/Spinner/index.d.ts +3 -0
- package/lib/components/display/StatusIndicator/StatusIndicator.d.ts +1 -1
- package/lib/components/index.d.ts +21 -0
- package/lib/components/inputs/Autocomplete/Autocomplete.d.ts +1 -1
- package/lib/components/inputs/Checkbox/Checkbox.d.ts +1 -1
- package/lib/components/inputs/DatePicker/DatePicker.d.ts +1 -1
- package/lib/components/inputs/Input/Input.d.ts +1 -1
- package/lib/components/inputs/Radio/Radio.d.ts +1 -1
- package/lib/components/inputs/Rating/Rating.d.ts +1 -1
- package/lib/components/inputs/Select/Select.d.ts +1 -1
- package/lib/components/inputs/Toggle/Toggle.d.ts +5 -0
- package/lib/components/overlays/Dropdown/Dropdown.d.ts +1 -1
- package/lib/components/overlays/LoadingOverlay/LoadingOverlay.d.ts +101 -0
- package/lib/components/overlays/LoadingOverlay/index.d.ts +3 -0
- package/lib/components/overlays/Menu/MenuItem.d.ts +1 -1
- package/lib/contexts/PageMessagesContext/PageMessagesContext.d.ts +91 -0
- package/lib/contexts/PageMessagesContext/index.d.ts +2 -0
- package/lib/contexts/index.d.ts +2 -0
- package/lib/providers/GlobalProvider/GlobalProvider.d.ts +6 -1
- package/package.json +1 -1
- package/lib/assets/icons/index.d.ts +0 -133
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BaseComponentProps, ComponentSize } from '../../../types/component.types';
|
|
3
|
+
/**
|
|
4
|
+
* Easing functions for animation
|
|
5
|
+
*/
|
|
6
|
+
export type EasingFunction = 'linear' | 'easeOut' | 'easeIn' | 'easeInOut' | 'easeOutCubic' | 'easeInCubic' | 'easeOutExpo';
|
|
7
|
+
/**
|
|
8
|
+
* Props for the CountUp component
|
|
9
|
+
*/
|
|
10
|
+
export interface CountUpProps extends Omit<BaseComponentProps, 'children'> {
|
|
11
|
+
/**
|
|
12
|
+
* Target value to count to
|
|
13
|
+
*/
|
|
14
|
+
value: number;
|
|
15
|
+
/**
|
|
16
|
+
* Starting value
|
|
17
|
+
* @default 0
|
|
18
|
+
*/
|
|
19
|
+
start?: number;
|
|
20
|
+
/**
|
|
21
|
+
* Animation duration in milliseconds
|
|
22
|
+
* @default 2000
|
|
23
|
+
*/
|
|
24
|
+
duration?: number;
|
|
25
|
+
/**
|
|
26
|
+
* Easing function for animation
|
|
27
|
+
* @default 'easeOutCubic'
|
|
28
|
+
*/
|
|
29
|
+
easing?: EasingFunction;
|
|
30
|
+
/**
|
|
31
|
+
* Prefix to display before the number
|
|
32
|
+
*/
|
|
33
|
+
prefix?: string;
|
|
34
|
+
/**
|
|
35
|
+
* Suffix to display after the number
|
|
36
|
+
*/
|
|
37
|
+
suffix?: string;
|
|
38
|
+
/**
|
|
39
|
+
* Number of decimal places
|
|
40
|
+
* @default 0
|
|
41
|
+
*/
|
|
42
|
+
decimals?: number;
|
|
43
|
+
/**
|
|
44
|
+
* Thousands separator
|
|
45
|
+
* @default ','
|
|
46
|
+
*/
|
|
47
|
+
separator?: string;
|
|
48
|
+
/**
|
|
49
|
+
* Decimal separator
|
|
50
|
+
* @default '.'
|
|
51
|
+
*/
|
|
52
|
+
decimalSeparator?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Whether to start animation when element becomes visible
|
|
55
|
+
* @default true
|
|
56
|
+
*/
|
|
57
|
+
triggerOnVisible?: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* Visibility threshold (0-1) for Intersection Observer
|
|
60
|
+
* @default 0.1
|
|
61
|
+
*/
|
|
62
|
+
visibilityThreshold?: number;
|
|
63
|
+
/**
|
|
64
|
+
* Callback when animation starts
|
|
65
|
+
*/
|
|
66
|
+
onStart?: () => void;
|
|
67
|
+
/**
|
|
68
|
+
* Callback when animation ends
|
|
69
|
+
*/
|
|
70
|
+
onEnd?: () => void;
|
|
71
|
+
/**
|
|
72
|
+
* Custom format function
|
|
73
|
+
*/
|
|
74
|
+
formatFn?: (value: number) => string;
|
|
75
|
+
/**
|
|
76
|
+
* Size of the component
|
|
77
|
+
* @default 'md'
|
|
78
|
+
*/
|
|
79
|
+
size?: ComponentSize;
|
|
80
|
+
/**
|
|
81
|
+
* Whether to start animation immediately (if triggerOnVisible is false)
|
|
82
|
+
* @default true
|
|
83
|
+
*/
|
|
84
|
+
autoStart?: boolean;
|
|
85
|
+
/**
|
|
86
|
+
* Delay before starting animation (ms)
|
|
87
|
+
* @default 0
|
|
88
|
+
*/
|
|
89
|
+
delay?: number;
|
|
90
|
+
}
|
|
91
|
+
/**
|
|
92
|
+
* CountUp - Animated number counting component
|
|
93
|
+
*
|
|
94
|
+
* @example
|
|
95
|
+
* ```tsx
|
|
96
|
+
* <CountUp value={1000} />
|
|
97
|
+
* ```
|
|
98
|
+
*
|
|
99
|
+
* @example
|
|
100
|
+
* ```tsx
|
|
101
|
+
* <CountUp
|
|
102
|
+
* value={1234.56}
|
|
103
|
+
* prefix="$"
|
|
104
|
+
* decimals={2}
|
|
105
|
+
* duration={3000}
|
|
106
|
+
* />
|
|
107
|
+
* ```
|
|
108
|
+
*
|
|
109
|
+
* @example
|
|
110
|
+
* ```tsx
|
|
111
|
+
* <CountUp
|
|
112
|
+
* value={99}
|
|
113
|
+
* suffix="%"
|
|
114
|
+
* easing="easeOutExpo"
|
|
115
|
+
* />
|
|
116
|
+
* ```
|
|
117
|
+
*/
|
|
118
|
+
export declare const CountUp: React.ForwardRefExoticComponent<CountUpProps & React.RefAttributes<HTMLSpanElement>>;
|
|
119
|
+
export default CountUp;
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
import { BaseComponentProps } from '../../../types/component.types';
|
|
3
|
+
/**
|
|
4
|
+
* Direction of the flip animation
|
|
5
|
+
*/
|
|
6
|
+
export type FlipDirection = 'horizontal' | 'vertical';
|
|
7
|
+
/**
|
|
8
|
+
* How the flip is triggered
|
|
9
|
+
*/
|
|
10
|
+
export type FlipTrigger = 'click' | 'hover' | 'manual';
|
|
11
|
+
/**
|
|
12
|
+
* Props for the FlipCard component
|
|
13
|
+
*/
|
|
14
|
+
export interface FlipCardProps extends Omit<BaseComponentProps, 'children'> {
|
|
15
|
+
/**
|
|
16
|
+
* Content for the front face of the card
|
|
17
|
+
*/
|
|
18
|
+
front: ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Content for the back face of the card
|
|
21
|
+
*/
|
|
22
|
+
back: ReactNode;
|
|
23
|
+
/**
|
|
24
|
+
* Whether the card is flipped (controlled mode)
|
|
25
|
+
*/
|
|
26
|
+
isFlipped?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Default flipped state (uncontrolled mode)
|
|
29
|
+
* @default false
|
|
30
|
+
*/
|
|
31
|
+
defaultFlipped?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Callback when flip state changes
|
|
34
|
+
*/
|
|
35
|
+
onFlipChange?: (isFlipped: boolean) => void;
|
|
36
|
+
/**
|
|
37
|
+
* How the flip is triggered
|
|
38
|
+
* @default 'click'
|
|
39
|
+
*/
|
|
40
|
+
flipTrigger?: FlipTrigger;
|
|
41
|
+
/**
|
|
42
|
+
* Direction of the flip animation
|
|
43
|
+
* @default 'horizontal'
|
|
44
|
+
*/
|
|
45
|
+
flipDirection?: FlipDirection;
|
|
46
|
+
/**
|
|
47
|
+
* Animation duration in milliseconds
|
|
48
|
+
* @default 600
|
|
49
|
+
*/
|
|
50
|
+
duration?: number;
|
|
51
|
+
/**
|
|
52
|
+
* CSS easing function
|
|
53
|
+
* @default 'ease-in-out'
|
|
54
|
+
*/
|
|
55
|
+
easing?: string;
|
|
56
|
+
/**
|
|
57
|
+
* Callback when flip animation starts
|
|
58
|
+
*/
|
|
59
|
+
onFlipStart?: (toFlipped: boolean) => void;
|
|
60
|
+
/**
|
|
61
|
+
* Callback when flip animation ends
|
|
62
|
+
*/
|
|
63
|
+
onFlipEnd?: (isFlipped: boolean) => void;
|
|
64
|
+
/**
|
|
65
|
+
* Whether the card is disabled (no flip interaction)
|
|
66
|
+
* @default false
|
|
67
|
+
*/
|
|
68
|
+
disabled?: boolean;
|
|
69
|
+
/**
|
|
70
|
+
* Fixed height for the card (required for 3D perspective)
|
|
71
|
+
*/
|
|
72
|
+
height?: string | number;
|
|
73
|
+
/**
|
|
74
|
+
* Fixed width for the card
|
|
75
|
+
*/
|
|
76
|
+
width?: string | number;
|
|
77
|
+
/**
|
|
78
|
+
* Perspective distance for 3D effect
|
|
79
|
+
* @default 1000
|
|
80
|
+
*/
|
|
81
|
+
perspective?: number;
|
|
82
|
+
/**
|
|
83
|
+
* ARIA label for the flip action (accessibility)
|
|
84
|
+
* @default 'Flip card'
|
|
85
|
+
*/
|
|
86
|
+
flipButtonAriaLabel?: string;
|
|
87
|
+
}
|
|
88
|
+
/**
|
|
89
|
+
* FlipCard - An animated card component that flips to reveal back content
|
|
90
|
+
*
|
|
91
|
+
* @example
|
|
92
|
+
* ```tsx
|
|
93
|
+
* <FlipCard
|
|
94
|
+
* front={<div>Front content</div>}
|
|
95
|
+
* back={<div>Back content</div>}
|
|
96
|
+
* height={200}
|
|
97
|
+
* width={300}
|
|
98
|
+
* />
|
|
99
|
+
* ```
|
|
100
|
+
*
|
|
101
|
+
* @example
|
|
102
|
+
* ```tsx
|
|
103
|
+
* // Controlled mode
|
|
104
|
+
* const [isFlipped, setIsFlipped] = useState(false);
|
|
105
|
+
* <FlipCard
|
|
106
|
+
* front={<div>Front</div>}
|
|
107
|
+
* back={<div>Back</div>}
|
|
108
|
+
* isFlipped={isFlipped}
|
|
109
|
+
* onFlipChange={setIsFlipped}
|
|
110
|
+
* flipTrigger="manual"
|
|
111
|
+
* />
|
|
112
|
+
* ```
|
|
113
|
+
*
|
|
114
|
+
* @example
|
|
115
|
+
* ```tsx
|
|
116
|
+
* // Hover to flip
|
|
117
|
+
* <FlipCard
|
|
118
|
+
* front={<div>Hover me</div>}
|
|
119
|
+
* back={<div>Back side</div>}
|
|
120
|
+
* flipTrigger="hover"
|
|
121
|
+
* />
|
|
122
|
+
* ```
|
|
123
|
+
*/
|
|
124
|
+
export declare const FlipCard: React.ForwardRefExoticComponent<FlipCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
125
|
+
export default FlipCard;
|