@true-tech-team/react-components 0.0.1 → 0.0.3
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/README.md +103 -1
- package/index.css +1 -1
- package/index.d.ts +2 -2
- package/index.js +1 -1
- package/index.mjs +4781 -3409
- package/lib/components/buttons/Button/Button.d.ts +1 -1
- package/lib/components/buttons/IconButton/IconButton.d.ts +1 -1
- package/lib/components/display/Avatar/Avatar.d.ts +58 -0
- package/lib/components/display/Avatar/index.d.ts +2 -0
- package/lib/components/display/Badge/Badge.d.ts +48 -0
- package/lib/components/display/Badge/index.d.ts +3 -0
- package/lib/components/display/Chip/Chip.d.ts +61 -0
- package/lib/components/display/Chip/index.d.ts +3 -0
- package/lib/components/display/CircularProgress/CircularProgress.d.ts +65 -0
- package/lib/components/display/CircularProgress/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/KPI/KPI.d.ts +85 -0
- package/lib/components/display/KPI/index.d.ts +3 -0
- package/lib/components/display/Pill/Pill.d.ts +83 -0
- package/lib/components/display/Pill/index.d.ts +2 -0
- package/lib/components/display/ProgressBar/ProgressBar.d.ts +70 -0
- package/lib/components/display/ProgressBar/index.d.ts +3 -0
- package/lib/components/display/Skeleton/Skeleton.d.ts +51 -0
- package/lib/components/display/Skeleton/index.d.ts +3 -0
- package/lib/components/display/StatusIndicator/StatusIndicator.d.ts +56 -0
- package/lib/components/display/StatusIndicator/index.d.ts +2 -0
- package/lib/components/display/Tag/Tag.d.ts +60 -0
- package/lib/components/display/Tag/index.d.ts +2 -0
- package/lib/components/display/index.d.ts +10 -0
- package/lib/components/index.d.ts +21 -1
- 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/overlays/Dropdown/Dropdown.d.ts +1 -1
- package/lib/components/overlays/Menu/MenuItem.d.ts +1 -1
- package/package.json +1 -1
- package/lib/assets/icons/index.d.ts +0 -105
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { ExtendedComponentSize, ComponentVariant, BaseComponentProps } from '../../../types';
|
|
3
|
-
import { IconName } from '
|
|
3
|
+
import { IconName } from '../../display/Icon/icons';
|
|
4
4
|
export interface ButtonProps extends BaseComponentProps {
|
|
5
5
|
/**
|
|
6
6
|
* Button variant
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { ComponentVariant, BaseComponentProps, ExtendedComponentSize } from '../../../types';
|
|
3
|
-
import { IconName } from '
|
|
3
|
+
import { IconName } from '../../display/Icon/icons';
|
|
4
4
|
export interface IconButtonProps extends BaseComponentProps {
|
|
5
5
|
/**
|
|
6
6
|
* Icon to display (required)
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BaseComponentProps, ExtendedComponentSize } from '../../../types/component.types';
|
|
3
|
+
/**
|
|
4
|
+
* Props for the Avatar component
|
|
5
|
+
*/
|
|
6
|
+
export interface AvatarProps extends Omit<BaseComponentProps, 'children'> {
|
|
7
|
+
/**
|
|
8
|
+
* Image source URL
|
|
9
|
+
*/
|
|
10
|
+
src?: string;
|
|
11
|
+
/**
|
|
12
|
+
* Alt text for the image
|
|
13
|
+
*/
|
|
14
|
+
alt?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Size of the avatar
|
|
17
|
+
* @default 'md'
|
|
18
|
+
*/
|
|
19
|
+
size?: ExtendedComponentSize;
|
|
20
|
+
/**
|
|
21
|
+
* Visual variant of the avatar
|
|
22
|
+
* @default 'circular'
|
|
23
|
+
*/
|
|
24
|
+
variant?: 'circular' | 'rounded' | 'square';
|
|
25
|
+
/**
|
|
26
|
+
* Fallback content when image fails to load
|
|
27
|
+
* Can be an icon, text, or any ReactNode
|
|
28
|
+
*/
|
|
29
|
+
fallback?: React.ReactNode;
|
|
30
|
+
/**
|
|
31
|
+
* Initials to display when no image is available
|
|
32
|
+
* Takes precedence over fallback if provided
|
|
33
|
+
*/
|
|
34
|
+
initials?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Status indicator
|
|
37
|
+
*/
|
|
38
|
+
status?: 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'processing';
|
|
39
|
+
}
|
|
40
|
+
/**
|
|
41
|
+
* Avatar - User profile picture or placeholder with initials/fallback
|
|
42
|
+
*
|
|
43
|
+
* @example
|
|
44
|
+
* ```tsx
|
|
45
|
+
* <Avatar src="https://example.com/avatar.jpg" alt="John Doe" size="md" />
|
|
46
|
+
* ```
|
|
47
|
+
*
|
|
48
|
+
* @example
|
|
49
|
+
* ```tsx
|
|
50
|
+
* <Avatar initials="JD" status="success" variant="circular" />
|
|
51
|
+
* ```
|
|
52
|
+
*
|
|
53
|
+
* @example
|
|
54
|
+
* ```tsx
|
|
55
|
+
* <Avatar fallback={<Icon name="user" />} variant="rounded" size="lg" />
|
|
56
|
+
* ```
|
|
57
|
+
*/
|
|
58
|
+
export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BaseComponentProps } from '../../../types/component.types';
|
|
3
|
+
/**
|
|
4
|
+
* Props for the Badge component
|
|
5
|
+
*/
|
|
6
|
+
export interface BadgeProps extends BaseComponentProps {
|
|
7
|
+
/**
|
|
8
|
+
* Visual variant of the component
|
|
9
|
+
* @default 'primary'
|
|
10
|
+
*/
|
|
11
|
+
variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
|
|
12
|
+
/**
|
|
13
|
+
* Size of the component
|
|
14
|
+
* @default 'md'
|
|
15
|
+
*/
|
|
16
|
+
size?: 'sm' | 'md' | 'lg';
|
|
17
|
+
/**
|
|
18
|
+
* Whether the component is disabled
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Badge - Small status or count indicator for displaying numerical information or brief status text
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```tsx
|
|
28
|
+
* <Badge variant="primary" size="md">
|
|
29
|
+
* 5
|
|
30
|
+
* </Badge>
|
|
31
|
+
* ```
|
|
32
|
+
*
|
|
33
|
+
* @example
|
|
34
|
+
* ```tsx
|
|
35
|
+
* <Badge variant="danger" size="sm">
|
|
36
|
+
* New
|
|
37
|
+
* </Badge>
|
|
38
|
+
* ```
|
|
39
|
+
*
|
|
40
|
+
* @example
|
|
41
|
+
* ```tsx
|
|
42
|
+
* <Badge variant="success">
|
|
43
|
+
* Active
|
|
44
|
+
* </Badge>
|
|
45
|
+
* ```
|
|
46
|
+
*/
|
|
47
|
+
export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
|
|
48
|
+
export default Badge;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BaseComponentProps } from '../../../types/component.types';
|
|
3
|
+
/**
|
|
4
|
+
* Props for the Chip component
|
|
5
|
+
*/
|
|
6
|
+
export interface ChipProps extends BaseComponentProps {
|
|
7
|
+
/**
|
|
8
|
+
* Visual variant of the component
|
|
9
|
+
* @default 'primary'
|
|
10
|
+
*/
|
|
11
|
+
variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
|
|
12
|
+
/**
|
|
13
|
+
* Size of the component
|
|
14
|
+
* @default 'md'
|
|
15
|
+
*/
|
|
16
|
+
size?: 'sm' | 'md' | 'lg';
|
|
17
|
+
/**
|
|
18
|
+
* Whether the component is disabled
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Callback when the remove button is clicked
|
|
24
|
+
*/
|
|
25
|
+
onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
26
|
+
/**
|
|
27
|
+
* Custom class name for the remove button
|
|
28
|
+
*/
|
|
29
|
+
removeButtonClassName?: string;
|
|
30
|
+
/**
|
|
31
|
+
* ARIA label for the remove button
|
|
32
|
+
* @default 'Remove'
|
|
33
|
+
*/
|
|
34
|
+
removeButtonAriaLabel?: string;
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* Chip - Interactive tag-like component with optional remove functionality
|
|
38
|
+
*
|
|
39
|
+
* @example
|
|
40
|
+
* ```tsx
|
|
41
|
+
* <Chip variant="primary" size="md">
|
|
42
|
+
* Tag Name
|
|
43
|
+
* </Chip>
|
|
44
|
+
* ```
|
|
45
|
+
*
|
|
46
|
+
* @example
|
|
47
|
+
* ```tsx
|
|
48
|
+
* <Chip variant="danger" size="sm" onRemove={() => console.log('removed')}>
|
|
49
|
+
* Removable
|
|
50
|
+
* </Chip>
|
|
51
|
+
* ```
|
|
52
|
+
*
|
|
53
|
+
* @example
|
|
54
|
+
* ```tsx
|
|
55
|
+
* <Chip variant="success">
|
|
56
|
+
* Active
|
|
57
|
+
* </Chip>
|
|
58
|
+
* ```
|
|
59
|
+
*/
|
|
60
|
+
export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
|
|
61
|
+
export default Chip;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BaseComponentProps } from '../../../types/component.types';
|
|
3
|
+
/**
|
|
4
|
+
* Props for the CircularProgress component
|
|
5
|
+
*/
|
|
6
|
+
export interface CircularProgressProps extends Omit<BaseComponentProps, 'children'> {
|
|
7
|
+
/**
|
|
8
|
+
* Visual variant of the component
|
|
9
|
+
* @default 'primary'
|
|
10
|
+
*/
|
|
11
|
+
variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
|
|
12
|
+
/**
|
|
13
|
+
* Size of the component
|
|
14
|
+
* @default 'md'
|
|
15
|
+
*/
|
|
16
|
+
size?: 'sm' | 'md' | 'lg';
|
|
17
|
+
/**
|
|
18
|
+
* Current progress value (0-100)
|
|
19
|
+
* @default 0
|
|
20
|
+
*/
|
|
21
|
+
value?: number;
|
|
22
|
+
/**
|
|
23
|
+
* Maximum value
|
|
24
|
+
* @default 100
|
|
25
|
+
*/
|
|
26
|
+
max?: number;
|
|
27
|
+
/**
|
|
28
|
+
* Whether to show the value label in the center
|
|
29
|
+
* @default false
|
|
30
|
+
*/
|
|
31
|
+
showValue?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Custom label to display in the center
|
|
34
|
+
*/
|
|
35
|
+
label?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Stroke width of the circle
|
|
38
|
+
* @default 4
|
|
39
|
+
*/
|
|
40
|
+
strokeWidth?: number;
|
|
41
|
+
/**
|
|
42
|
+
* Custom format function for the value display
|
|
43
|
+
*/
|
|
44
|
+
formatValue?: (value: number, max: number) => string;
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* CircularProgress - Circular progress indicator for showing task completion or loading states
|
|
48
|
+
*
|
|
49
|
+
* @example
|
|
50
|
+
* ```tsx
|
|
51
|
+
* <CircularProgress variant="primary" value={75} showValue />
|
|
52
|
+
* ```
|
|
53
|
+
*
|
|
54
|
+
* @example
|
|
55
|
+
* ```tsx
|
|
56
|
+
* <CircularProgress variant="success" value={90} label="Complete" />
|
|
57
|
+
* ```
|
|
58
|
+
*
|
|
59
|
+
* @example
|
|
60
|
+
* ```tsx
|
|
61
|
+
* <CircularProgress variant="warning" value={50} size="lg" />
|
|
62
|
+
* ```
|
|
63
|
+
*/
|
|
64
|
+
export declare const CircularProgress: React.ForwardRefExoticComponent<CircularProgressProps & React.RefAttributes<HTMLDivElement>>;
|
|
65
|
+
export default CircularProgress;
|