dara-ui 0.1.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/LICENSE +21 -0
- package/README.md +185 -0
- package/dist/components/Accordion/Accordion.d.ts +23 -0
- package/dist/components/Accordion/index.d.ts +3 -0
- package/dist/components/AuroraBlobs/AuroraBlobs.d.ts +28 -0
- package/dist/components/AuroraBlobs/index.d.ts +3 -0
- package/dist/components/Avatar/Avatar.d.ts +65 -0
- package/dist/components/Avatar/index.d.ts +3 -0
- package/dist/components/Badge/Badge.d.ts +38 -0
- package/dist/components/Badge/index.d.ts +3 -0
- package/dist/components/BlogCard/BlogCard.d.ts +97 -0
- package/dist/components/BlogCard/index.d.ts +3 -0
- package/dist/components/Button/Button.d.ts +49 -0
- package/dist/components/Button/index.d.ts +3 -0
- package/dist/components/Card/Card.d.ts +43 -0
- package/dist/components/Card/index.d.ts +3 -0
- package/dist/components/CharacterCard/CharacterCard.d.ts +86 -0
- package/dist/components/CharacterCard/index.d.ts +3 -0
- package/dist/components/Checkbox/Checkbox.d.ts +59 -0
- package/dist/components/Checkbox/index.d.ts +3 -0
- package/dist/components/Dropdown/Dropdown.d.ts +90 -0
- package/dist/components/Dropdown/index.d.ts +3 -0
- package/dist/components/GradientRing/GradientRing.d.ts +42 -0
- package/dist/components/GradientRing/index.d.ts +3 -0
- package/dist/components/Icons/Icons.d.ts +192 -0
- package/dist/components/Icons/index.d.ts +1 -0
- package/dist/components/Input/Input.d.ts +61 -0
- package/dist/components/Input/index.d.ts +3 -0
- package/dist/components/LanguageChanger/LanguageChanger.d.ts +168 -0
- package/dist/components/LanguageChanger/index.d.ts +4 -0
- package/dist/components/Modal/Modal.d.ts +53 -0
- package/dist/components/Modal/index.d.ts +3 -0
- package/dist/components/Navbar/Navbar.d.ts +27 -0
- package/dist/components/Navbar/index.d.ts +3 -0
- package/dist/components/NoiseOverlay/NoiseOverlay.d.ts +23 -0
- package/dist/components/NoiseOverlay/index.d.ts +3 -0
- package/dist/components/Particles/Particles.d.ts +43 -0
- package/dist/components/Particles/index.d.ts +3 -0
- package/dist/components/ProductCard/ProductCard.d.ts +104 -0
- package/dist/components/ProductCard/index.d.ts +3 -0
- package/dist/components/Progress/Progress.d.ts +89 -0
- package/dist/components/Progress/index.d.ts +3 -0
- package/dist/components/QuestCard/QuestCard.d.ts +67 -0
- package/dist/components/QuestCard/index.d.ts +3 -0
- package/dist/components/Radio/Radio.d.ts +66 -0
- package/dist/components/Radio/index.d.ts +3 -0
- package/dist/components/Range/Range.d.ts +98 -0
- package/dist/components/Range/index.d.ts +3 -0
- package/dist/components/Sidebar/Sidebar.d.ts +163 -0
- package/dist/components/Sidebar/SidebarMobileTrigger.d.ts +33 -0
- package/dist/components/Sidebar/index.d.ts +5 -0
- package/dist/components/SocialMedia/SocialMedia.d.ts +31 -0
- package/dist/components/SocialMedia/index.d.ts +3 -0
- package/dist/components/StatsWidget/StatsWidget.d.ts +71 -0
- package/dist/components/StatsWidget/index.d.ts +3 -0
- package/dist/components/Switch/Switch.d.ts +62 -0
- package/dist/components/Switch/index.d.ts +3 -0
- package/dist/components/Tabs/Tabs.d.ts +21 -0
- package/dist/components/Tabs/index.d.ts +3 -0
- package/dist/components/ThemeChanger/ThemeChanger.d.ts +98 -0
- package/dist/components/ThemeChanger/index.d.ts +3 -0
- package/dist/components/Toast/Toast.d.ts +54 -0
- package/dist/components/Toast/ToastProvider.d.ts +78 -0
- package/dist/components/Toast/index.d.ts +5 -0
- package/dist/components/Tooltip/Tooltip.d.ts +83 -0
- package/dist/components/Tooltip/index.d.ts +3 -0
- package/dist/components/XPBar/XPBar.d.ts +71 -0
- package/dist/components/XPBar/index.d.ts +3 -0
- package/dist/dara-ui.cjs.js +973 -0
- package/dist/dara-ui.es.js +9522 -0
- package/dist/hooks/useAppTranslation.d.ts +7 -0
- package/dist/hooks/useDirection.d.ts +7 -0
- package/dist/index.d.ts +66 -0
- package/dist/style.css +2 -0
- package/dist/translations/en.d.ts +732 -0
- package/dist/translations/fa.d.ts +732 -0
- package/dist/translations/fr.d.ts +731 -0
- package/dist/translations/index.d.ts +2200 -0
- package/package.json +92 -0
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export type TooltipPlacement = "top" | "bottom" | "left" | "right" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
3
|
+
export interface TooltipProps {
|
|
4
|
+
/**
|
|
5
|
+
* Tooltip content
|
|
6
|
+
*/
|
|
7
|
+
content: React.ReactNode;
|
|
8
|
+
/**
|
|
9
|
+
* Child element that triggers the tooltip
|
|
10
|
+
*/
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
/**
|
|
13
|
+
* Tooltip placement relative to the trigger
|
|
14
|
+
* @default "top"
|
|
15
|
+
*/
|
|
16
|
+
placement?: TooltipPlacement;
|
|
17
|
+
/**
|
|
18
|
+
* Delay before showing the tooltip (ms)
|
|
19
|
+
* @default 300
|
|
20
|
+
*/
|
|
21
|
+
delay?: number;
|
|
22
|
+
/**
|
|
23
|
+
* Delay before hiding the tooltip (ms)
|
|
24
|
+
* @default 0
|
|
25
|
+
*/
|
|
26
|
+
hideDelay?: number;
|
|
27
|
+
/**
|
|
28
|
+
* Maximum width of the tooltip
|
|
29
|
+
* @default "240px"
|
|
30
|
+
*/
|
|
31
|
+
maxWidth?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Show arrow indicator
|
|
34
|
+
* @default true
|
|
35
|
+
*/
|
|
36
|
+
arrow?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Tooltip variant
|
|
39
|
+
* @default "glass"
|
|
40
|
+
*/
|
|
41
|
+
variant?: "glass" | "solid" | "outline";
|
|
42
|
+
/**
|
|
43
|
+
* Tooltip size
|
|
44
|
+
* @default "md"
|
|
45
|
+
*/
|
|
46
|
+
size?: "sm" | "md" | "lg";
|
|
47
|
+
/**
|
|
48
|
+
* Disable the tooltip
|
|
49
|
+
* @default false
|
|
50
|
+
*/
|
|
51
|
+
disabled?: boolean;
|
|
52
|
+
/**
|
|
53
|
+
* Open state (controlled)
|
|
54
|
+
*/
|
|
55
|
+
open?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Callback when tooltip opens
|
|
58
|
+
*/
|
|
59
|
+
onOpen?: () => void;
|
|
60
|
+
/**
|
|
61
|
+
* Callback when tooltip closes
|
|
62
|
+
*/
|
|
63
|
+
onClose?: () => void;
|
|
64
|
+
/**
|
|
65
|
+
* Additional className
|
|
66
|
+
*/
|
|
67
|
+
className?: string;
|
|
68
|
+
}
|
|
69
|
+
/**
|
|
70
|
+
* Dara UI Tooltip - Popup tooltips with positioning and animations
|
|
71
|
+
*
|
|
72
|
+
* Features:
|
|
73
|
+
* - Multiple placements (top, bottom, left, right, corners)
|
|
74
|
+
* - Glass, solid, and outline variants
|
|
75
|
+
* - Arrow indicator
|
|
76
|
+
* - Delay controls
|
|
77
|
+
* - Controlled/Uncontrolled modes
|
|
78
|
+
* - Portal rendering for correct z-index
|
|
79
|
+
* - Proper fade + position (no corner jump)
|
|
80
|
+
* - RTL support via MutationObserver
|
|
81
|
+
*/
|
|
82
|
+
export declare const Tooltip: React.FC<TooltipProps>;
|
|
83
|
+
export default Tooltip;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface RankTier {
|
|
3
|
+
/**
|
|
4
|
+
* Display label for the rank (e.g., "Common", "Plat", "Hero")
|
|
5
|
+
*/
|
|
6
|
+
label: string;
|
|
7
|
+
/**
|
|
8
|
+
* XP required to achieve this rank
|
|
9
|
+
*/
|
|
10
|
+
requiredXP: number;
|
|
11
|
+
}
|
|
12
|
+
export interface XPBarProps {
|
|
13
|
+
/**
|
|
14
|
+
* Current XP value
|
|
15
|
+
* @default 0
|
|
16
|
+
*/
|
|
17
|
+
value?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Maximum XP for current level
|
|
20
|
+
* @default 5000
|
|
21
|
+
*/
|
|
22
|
+
max?: number;
|
|
23
|
+
/**
|
|
24
|
+
* Current level number
|
|
25
|
+
* @default 1
|
|
26
|
+
*/
|
|
27
|
+
level?: number;
|
|
28
|
+
/**
|
|
29
|
+
* Show label text
|
|
30
|
+
* @default true
|
|
31
|
+
*/
|
|
32
|
+
showLabel?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Custom label for the progress bar header (replaces "XP Progress")
|
|
35
|
+
*/
|
|
36
|
+
customLabel?: string;
|
|
37
|
+
/**
|
|
38
|
+
* Custom word for "Level" (e.g., "Rank", "Tier")
|
|
39
|
+
* @default "Level"
|
|
40
|
+
*/
|
|
41
|
+
levelLabel?: string;
|
|
42
|
+
/**
|
|
43
|
+
* Custom word for "XP" (e.g., "EXP", "Points", "Score")
|
|
44
|
+
* @default "XP"
|
|
45
|
+
*/
|
|
46
|
+
xpLabel?: string;
|
|
47
|
+
/**
|
|
48
|
+
* Rank tiers array - each tier has a label and required XP
|
|
49
|
+
* When provided, displays the current rank badge
|
|
50
|
+
*/
|
|
51
|
+
ranks?: RankTier[];
|
|
52
|
+
/**
|
|
53
|
+
* Additional className
|
|
54
|
+
*/
|
|
55
|
+
className?: string;
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Dara UI XPBar - RPG-style experience progress bar
|
|
59
|
+
*
|
|
60
|
+
* Features:
|
|
61
|
+
* - Gradient fill animation (primary to secondary)
|
|
62
|
+
* - Level display with customizable labels
|
|
63
|
+
* - "X XP to next level" helper text
|
|
64
|
+
* - Rank tier system with badge display
|
|
65
|
+
* - Glow effect on fill
|
|
66
|
+
* - Theme-aware colors
|
|
67
|
+
* - RTL support
|
|
68
|
+
* - 3D tilt effect on hover
|
|
69
|
+
*/
|
|
70
|
+
export declare const XPBar: React.FC<XPBarProps>;
|
|
71
|
+
export default XPBar;
|