@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.
Files changed (225) hide show
  1. package/README.md +103 -1
  2. package/index.css +1 -1
  3. package/index.d.ts +2 -2
  4. package/index.js +1 -1
  5. package/index.mjs +4781 -3409
  6. package/lib/components/buttons/Button/Button.d.ts +1 -1
  7. package/lib/components/buttons/IconButton/IconButton.d.ts +1 -1
  8. package/lib/components/display/Avatar/Avatar.d.ts +58 -0
  9. package/lib/components/display/Avatar/index.d.ts +2 -0
  10. package/lib/components/display/Badge/Badge.d.ts +48 -0
  11. package/lib/components/display/Badge/index.d.ts +3 -0
  12. package/lib/components/display/Chip/Chip.d.ts +61 -0
  13. package/lib/components/display/Chip/index.d.ts +3 -0
  14. package/lib/components/display/CircularProgress/CircularProgress.d.ts +65 -0
  15. package/lib/components/display/CircularProgress/index.d.ts +3 -0
  16. package/lib/components/display/Icon/Icon.d.ts +1 -1
  17. package/lib/components/display/Icon/icons/Account.d.ts +3 -0
  18. package/lib/components/display/Icon/icons/Activity.d.ts +3 -0
  19. package/lib/components/display/Icon/icons/AlignCenter.d.ts +3 -0
  20. package/lib/components/display/Icon/icons/AlignJustify.d.ts +3 -0
  21. package/lib/components/display/Icon/icons/AlignLeft.d.ts +3 -0
  22. package/lib/components/display/Icon/icons/AlignRight.d.ts +3 -0
  23. package/lib/components/display/Icon/icons/ArrowDown.d.ts +3 -0
  24. package/lib/components/display/Icon/icons/ArrowDownLeft.d.ts +3 -0
  25. package/lib/components/display/Icon/icons/ArrowDownRight.d.ts +3 -0
  26. package/lib/components/display/Icon/icons/ArrowLeft.d.ts +3 -0
  27. package/lib/components/display/Icon/icons/ArrowRight.d.ts +3 -0
  28. package/lib/components/display/Icon/icons/ArrowUp.d.ts +3 -0
  29. package/lib/components/display/Icon/icons/ArrowUpLeft.d.ts +3 -0
  30. package/lib/components/display/Icon/icons/ArrowUpRight.d.ts +3 -0
  31. package/lib/components/display/Icon/icons/AtSign.d.ts +3 -0
  32. package/lib/components/display/Icon/icons/BarChart2.d.ts +3 -0
  33. package/lib/components/display/Icon/icons/Battery.d.ts +3 -0
  34. package/lib/components/display/Icon/icons/BatteryCharging.d.ts +3 -0
  35. package/lib/components/display/Icon/icons/Bell.d.ts +3 -0
  36. package/lib/components/display/Icon/icons/BellOff.d.ts +3 -0
  37. package/lib/components/display/Icon/icons/Bluetooth.d.ts +3 -0
  38. package/lib/components/display/Icon/icons/Bold.d.ts +3 -0
  39. package/lib/components/display/Icon/icons/Bookmark.d.ts +3 -0
  40. package/lib/components/display/Icon/icons/BookmarkPlus.d.ts +3 -0
  41. package/lib/components/display/Icon/icons/Building.d.ts +3 -0
  42. package/lib/components/display/Icon/icons/Calendar.d.ts +3 -0
  43. package/lib/components/display/Icon/icons/Camera.d.ts +3 -0
  44. package/lib/components/display/Icon/icons/ChartBar.d.ts +3 -0
  45. package/lib/components/display/Icon/icons/ChartLine.d.ts +3 -0
  46. package/lib/components/display/Icon/icons/Check.d.ts +3 -0
  47. package/lib/components/display/Icon/icons/ChevronDown.d.ts +3 -0
  48. package/lib/components/display/Icon/icons/ChevronLeft.d.ts +3 -0
  49. package/lib/components/display/Icon/icons/ChevronRight.d.ts +3 -0
  50. package/lib/components/display/Icon/icons/ChevronUp.d.ts +3 -0
  51. package/lib/components/display/Icon/icons/Clock.d.ts +3 -0
  52. package/lib/components/display/Icon/icons/Close.d.ts +3 -0
  53. package/lib/components/display/Icon/icons/Cloud.d.ts +3 -0
  54. package/lib/components/display/Icon/icons/CloudDownload.d.ts +3 -0
  55. package/lib/components/display/Icon/icons/CloudOff.d.ts +3 -0
  56. package/lib/components/display/Icon/icons/CloudUpload.d.ts +3 -0
  57. package/lib/components/display/Icon/icons/Code.d.ts +3 -0
  58. package/lib/components/display/Icon/icons/Compass.d.ts +3 -0
  59. package/lib/components/display/Icon/icons/Copy.d.ts +3 -0
  60. package/lib/components/display/Icon/icons/CornerDownLeft.d.ts +3 -0
  61. package/lib/components/display/Icon/icons/CornerDownRight.d.ts +3 -0
  62. package/lib/components/display/Icon/icons/CornerUpLeft.d.ts +3 -0
  63. package/lib/components/display/Icon/icons/CornerUpRight.d.ts +3 -0
  64. package/lib/components/display/Icon/icons/Cpu.d.ts +3 -0
  65. package/lib/components/display/Icon/icons/CreditCard.d.ts +3 -0
  66. package/lib/components/display/Icon/icons/Crosshair.d.ts +3 -0
  67. package/lib/components/display/Icon/icons/Database.d.ts +3 -0
  68. package/lib/components/display/Icon/icons/Delete.d.ts +3 -0
  69. package/lib/components/display/Icon/icons/Dollar.d.ts +3 -0
  70. package/lib/components/display/Icon/icons/Download.d.ts +3 -0
  71. package/lib/components/display/Icon/icons/Edit.d.ts +3 -0
  72. package/lib/components/display/Icon/icons/Error.d.ts +3 -0
  73. package/lib/components/display/Icon/icons/ExternalLink.d.ts +3 -0
  74. package/lib/components/display/Icon/icons/Eye.d.ts +3 -0
  75. package/lib/components/display/Icon/icons/EyeOff.d.ts +3 -0
  76. package/lib/components/display/Icon/icons/File.d.ts +3 -0
  77. package/lib/components/display/Icon/icons/FileCheck.d.ts +3 -0
  78. package/lib/components/display/Icon/icons/FileMinus.d.ts +3 -0
  79. package/lib/components/display/Icon/icons/FilePlus.d.ts +3 -0
  80. package/lib/components/display/Icon/icons/FileText.d.ts +3 -0
  81. package/lib/components/display/Icon/icons/Filter.d.ts +3 -0
  82. package/lib/components/display/Icon/icons/Folder.d.ts +3 -0
  83. package/lib/components/display/Icon/icons/FolderMinus.d.ts +3 -0
  84. package/lib/components/display/Icon/icons/FolderOpen.d.ts +3 -0
  85. package/lib/components/display/Icon/icons/FolderPlus.d.ts +3 -0
  86. package/lib/components/display/Icon/icons/Gift.d.ts +3 -0
  87. package/lib/components/display/Icon/icons/Globe.d.ts +3 -0
  88. package/lib/components/display/Icon/icons/Grid.d.ts +3 -0
  89. package/lib/components/display/Icon/icons/HardDrive.d.ts +3 -0
  90. package/lib/components/display/Icon/icons/Hash.d.ts +3 -0
  91. package/lib/components/display/Icon/icons/Heart.d.ts +3 -0
  92. package/lib/components/display/Icon/icons/Help.d.ts +3 -0
  93. package/lib/components/display/Icon/icons/Home.d.ts +3 -0
  94. package/lib/components/display/Icon/icons/Hourglass.d.ts +3 -0
  95. package/lib/components/display/Icon/icons/Image.d.ts +3 -0
  96. package/lib/components/display/Icon/icons/Inbox.d.ts +3 -0
  97. package/lib/components/display/Icon/icons/Info.d.ts +3 -0
  98. package/lib/components/display/Icon/icons/Italic.d.ts +3 -0
  99. package/lib/components/display/Icon/icons/Key.d.ts +3 -0
  100. package/lib/components/display/Icon/icons/Laptop.d.ts +3 -0
  101. package/lib/components/display/Icon/icons/Link.d.ts +3 -0
  102. package/lib/components/display/Icon/icons/Link2.d.ts +3 -0
  103. package/lib/components/display/Icon/icons/List.d.ts +3 -0
  104. package/lib/components/display/Icon/icons/ListOrdered.d.ts +3 -0
  105. package/lib/components/display/Icon/icons/ListUnordered.d.ts +3 -0
  106. package/lib/components/display/Icon/icons/Lock.d.ts +3 -0
  107. package/lib/components/display/Icon/icons/Logout.d.ts +3 -0
  108. package/lib/components/display/Icon/icons/Mail.d.ts +3 -0
  109. package/lib/components/display/Icon/icons/MailOpen.d.ts +3 -0
  110. package/lib/components/display/Icon/icons/Map.d.ts +3 -0
  111. package/lib/components/display/Icon/icons/MapPin.d.ts +3 -0
  112. package/lib/components/display/Icon/icons/Maximize.d.ts +3 -0
  113. package/lib/components/display/Icon/icons/Menu.d.ts +3 -0
  114. package/lib/components/display/Icon/icons/MessageCircle.d.ts +3 -0
  115. package/lib/components/display/Icon/icons/MessageSquare.d.ts +3 -0
  116. package/lib/components/display/Icon/icons/Messages.d.ts +3 -0
  117. package/lib/components/display/Icon/icons/Mic.d.ts +3 -0
  118. package/lib/components/display/Icon/icons/MicOff.d.ts +3 -0
  119. package/lib/components/display/Icon/icons/Minimize.d.ts +3 -0
  120. package/lib/components/display/Icon/icons/Minus.d.ts +3 -0
  121. package/lib/components/display/Icon/icons/Monitor.d.ts +3 -0
  122. package/lib/components/display/Icon/icons/Music.d.ts +3 -0
  123. package/lib/components/display/Icon/icons/Navigation.d.ts +3 -0
  124. package/lib/components/display/Icon/icons/Navigation2.d.ts +3 -0
  125. package/lib/components/display/Icon/icons/Outbox.d.ts +3 -0
  126. package/lib/components/display/Icon/icons/Paperclip.d.ts +3 -0
  127. package/lib/components/display/Icon/icons/Pause.d.ts +3 -0
  128. package/lib/components/display/Icon/icons/Percent.d.ts +3 -0
  129. package/lib/components/display/Icon/icons/PercentCircle.d.ts +3 -0
  130. package/lib/components/display/Icon/icons/Phone.d.ts +3 -0
  131. package/lib/components/display/Icon/icons/PhoneCall.d.ts +3 -0
  132. package/lib/components/display/Icon/icons/PhoneIncoming.d.ts +3 -0
  133. package/lib/components/display/Icon/icons/PhoneMissed.d.ts +3 -0
  134. package/lib/components/display/Icon/icons/PhoneOutgoing.d.ts +3 -0
  135. package/lib/components/display/Icon/icons/PieChart.d.ts +3 -0
  136. package/lib/components/display/Icon/icons/Play.d.ts +3 -0
  137. package/lib/components/display/Icon/icons/Plus.d.ts +3 -0
  138. package/lib/components/display/Icon/icons/Power.d.ts +3 -0
  139. package/lib/components/display/Icon/icons/Preferences.d.ts +3 -0
  140. package/lib/components/display/Icon/icons/Printer.d.ts +3 -0
  141. package/lib/components/display/Icon/icons/Profile.d.ts +3 -0
  142. package/lib/components/display/Icon/icons/Redo.d.ts +3 -0
  143. package/lib/components/display/Icon/icons/Refresh.d.ts +3 -0
  144. package/lib/components/display/Icon/icons/Repeat.d.ts +3 -0
  145. package/lib/components/display/Icon/icons/RotateCcw.d.ts +3 -0
  146. package/lib/components/display/Icon/icons/RotateCw.d.ts +3 -0
  147. package/lib/components/display/Icon/icons/Route.d.ts +3 -0
  148. package/lib/components/display/Icon/icons/Rss.d.ts +3 -0
  149. package/lib/components/display/Icon/icons/Save.d.ts +3 -0
  150. package/lib/components/display/Icon/icons/Search.d.ts +3 -0
  151. package/lib/components/display/Icon/icons/Send.d.ts +3 -0
  152. package/lib/components/display/Icon/icons/Server.d.ts +3 -0
  153. package/lib/components/display/Icon/icons/Settings.d.ts +3 -0
  154. package/lib/components/display/Icon/icons/Share.d.ts +3 -0
  155. package/lib/components/display/Icon/icons/Share2.d.ts +3 -0
  156. package/lib/components/display/Icon/icons/Shield.d.ts +3 -0
  157. package/lib/components/display/Icon/icons/ShieldAlert.d.ts +3 -0
  158. package/lib/components/display/Icon/icons/ShieldCheck.d.ts +3 -0
  159. package/lib/components/display/Icon/icons/ShieldOff.d.ts +3 -0
  160. package/lib/components/display/Icon/icons/ShoppingBag.d.ts +3 -0
  161. package/lib/components/display/Icon/icons/ShoppingCart.d.ts +3 -0
  162. package/lib/components/display/Icon/icons/Shuffle.d.ts +3 -0
  163. package/lib/components/display/Icon/icons/SkipBack.d.ts +3 -0
  164. package/lib/components/display/Icon/icons/SkipForward.d.ts +3 -0
  165. package/lib/components/display/Icon/icons/Smartphone.d.ts +3 -0
  166. package/lib/components/display/Icon/icons/Star.d.ts +3 -0
  167. package/lib/components/display/Icon/icons/Stop.d.ts +3 -0
  168. package/lib/components/display/Icon/icons/Stopwatch.d.ts +3 -0
  169. package/lib/components/display/Icon/icons/Sunrise.d.ts +3 -0
  170. package/lib/components/display/Icon/icons/Sunset.d.ts +3 -0
  171. package/lib/components/display/Icon/icons/Tablet.d.ts +3 -0
  172. package/lib/components/display/Icon/icons/Tag.d.ts +3 -0
  173. package/lib/components/display/Icon/icons/Target.d.ts +3 -0
  174. package/lib/components/display/Icon/icons/Terminal.d.ts +3 -0
  175. package/lib/components/display/Icon/icons/ThumbsUp.d.ts +3 -0
  176. package/lib/components/display/Icon/icons/TrendingDown.d.ts +3 -0
  177. package/lib/components/display/Icon/icons/TrendingUp.d.ts +3 -0
  178. package/lib/components/display/Icon/icons/Type.d.ts +3 -0
  179. package/lib/components/display/Icon/icons/Underline.d.ts +3 -0
  180. package/lib/components/display/Icon/icons/Undo.d.ts +3 -0
  181. package/lib/components/display/Icon/icons/Unlink.d.ts +3 -0
  182. package/lib/components/display/Icon/icons/Unlock.d.ts +3 -0
  183. package/lib/components/display/Icon/icons/Upload.d.ts +3 -0
  184. package/lib/components/display/Icon/icons/User.d.ts +3 -0
  185. package/lib/components/display/Icon/icons/UserCheck.d.ts +3 -0
  186. package/lib/components/display/Icon/icons/UserMinus.d.ts +3 -0
  187. package/lib/components/display/Icon/icons/UserPlus.d.ts +3 -0
  188. package/lib/components/display/Icon/icons/UserX.d.ts +3 -0
  189. package/lib/components/display/Icon/icons/Users.d.ts +3 -0
  190. package/lib/components/display/Icon/icons/Video.d.ts +3 -0
  191. package/lib/components/display/Icon/icons/Volume.d.ts +3 -0
  192. package/lib/components/display/Icon/icons/Volume1.d.ts +3 -0
  193. package/lib/components/display/Icon/icons/Volume2.d.ts +3 -0
  194. package/lib/components/display/Icon/icons/VolumeX.d.ts +3 -0
  195. package/lib/components/display/Icon/icons/Warning.d.ts +3 -0
  196. package/lib/components/display/Icon/icons/Watch.d.ts +3 -0
  197. package/lib/components/display/Icon/icons/Wifi.d.ts +3 -0
  198. package/lib/components/display/Icon/icons/WifiOff.d.ts +3 -0
  199. package/lib/components/display/Icon/icons/Zap.d.ts +3 -0
  200. package/lib/components/display/Icon/icons/index.d.ts +379 -0
  201. package/lib/components/display/KPI/KPI.d.ts +85 -0
  202. package/lib/components/display/KPI/index.d.ts +3 -0
  203. package/lib/components/display/Pill/Pill.d.ts +83 -0
  204. package/lib/components/display/Pill/index.d.ts +2 -0
  205. package/lib/components/display/ProgressBar/ProgressBar.d.ts +70 -0
  206. package/lib/components/display/ProgressBar/index.d.ts +3 -0
  207. package/lib/components/display/Skeleton/Skeleton.d.ts +51 -0
  208. package/lib/components/display/Skeleton/index.d.ts +3 -0
  209. package/lib/components/display/StatusIndicator/StatusIndicator.d.ts +56 -0
  210. package/lib/components/display/StatusIndicator/index.d.ts +2 -0
  211. package/lib/components/display/Tag/Tag.d.ts +60 -0
  212. package/lib/components/display/Tag/index.d.ts +2 -0
  213. package/lib/components/display/index.d.ts +10 -0
  214. package/lib/components/index.d.ts +21 -1
  215. package/lib/components/inputs/Autocomplete/Autocomplete.d.ts +1 -1
  216. package/lib/components/inputs/Checkbox/Checkbox.d.ts +1 -1
  217. package/lib/components/inputs/DatePicker/DatePicker.d.ts +1 -1
  218. package/lib/components/inputs/Input/Input.d.ts +1 -1
  219. package/lib/components/inputs/Radio/Radio.d.ts +1 -1
  220. package/lib/components/inputs/Rating/Rating.d.ts +1 -1
  221. package/lib/components/inputs/Select/Select.d.ts +1 -1
  222. package/lib/components/overlays/Dropdown/Dropdown.d.ts +1 -1
  223. package/lib/components/overlays/Menu/MenuItem.d.ts +1 -1
  224. package/package.json +1 -1
  225. 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 '../../../assets/icons';
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 '../../../assets/icons';
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,2 @@
1
+ export { Avatar } from './Avatar';
2
+ export type { AvatarProps } from './Avatar';
@@ -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,3 @@
1
+ export { Badge } from './Badge';
2
+ export type { BadgeProps } from './Badge';
3
+ export { default } from './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,3 @@
1
+ export { Chip } from './Chip';
2
+ export type { ChipProps } from './Chip';
3
+ export { default } from './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;
@@ -0,0 +1,3 @@
1
+ export { CircularProgress } from './CircularProgress';
2
+ export type { CircularProgressProps } from './CircularProgress';
3
+ export { default } from './CircularProgress';
@@ -1,4 +1,4 @@
1
- import { IconName } from '../../../assets/icons';
1
+ import { IconName } from './icons';
2
2
  import { BaseComponentProps, ExtendedComponentSize } from '../../../types';
3
3
  /**
4
4
  * Maps ExtendedComponentSize to pixel values for icons
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Account: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Account;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Activity: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Activity;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const AlignCenter: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default AlignCenter;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const AlignJustify: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default AlignJustify;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const AlignLeft: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default AlignLeft;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const AlignRight: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default AlignRight;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ArrowDown: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ArrowDown;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ArrowDownLeft: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ArrowDownLeft;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ArrowDownRight: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ArrowDownRight;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ArrowLeft: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ArrowLeft;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ArrowRight: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ArrowRight;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ArrowUp: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ArrowUp;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ArrowUpLeft: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ArrowUpLeft;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ArrowUpRight: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ArrowUpRight;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const AtSign: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default AtSign;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const BarChart2: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default BarChart2;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Battery: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Battery;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const BatteryCharging: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default BatteryCharging;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Bell: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Bell;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const BellOff: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default BellOff;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Bluetooth: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Bluetooth;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Bold: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Bold;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Bookmark: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Bookmark;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const BookmarkPlus: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default BookmarkPlus;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Building: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Building;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Calendar: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Calendar;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Camera: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Camera;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ChartBar: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ChartBar;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ChartLine: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ChartLine;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Check: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Check;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ChevronDown: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ChevronDown;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ChevronLeft: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ChevronLeft;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ChevronRight: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ChevronRight;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ChevronUp: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ChevronUp;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Clock: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Clock;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Close: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Close;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Cloud: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Cloud;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const CloudDownload: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default CloudDownload;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const CloudOff: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default CloudOff;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const CloudUpload: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default CloudUpload;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Code: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Code;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Compass: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Compass;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Copy: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Copy;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const CornerDownLeft: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default CornerDownLeft;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const CornerDownRight: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default CornerDownRight;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const CornerUpLeft: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default CornerUpLeft;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const CornerUpRight: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default CornerUpRight;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Cpu: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Cpu;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const CreditCard: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default CreditCard;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Crosshair: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Crosshair;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Database: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Database;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Delete: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Delete;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Dollar: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Dollar;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Download: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Download;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Edit: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Edit;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Error: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Error;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const ExternalLink: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default ExternalLink;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Eye: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Eye;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const EyeOff: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default EyeOff;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const File: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default File;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const FileCheck: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default FileCheck;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const FileMinus: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default FileMinus;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const FilePlus: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default FilePlus;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const FileText: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default FileText;
@@ -0,0 +1,3 @@
1
+ import { default as React } from 'react';
2
+ declare const Filter: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
+ export default Filter;