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.
Files changed (79) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +185 -0
  3. package/dist/components/Accordion/Accordion.d.ts +23 -0
  4. package/dist/components/Accordion/index.d.ts +3 -0
  5. package/dist/components/AuroraBlobs/AuroraBlobs.d.ts +28 -0
  6. package/dist/components/AuroraBlobs/index.d.ts +3 -0
  7. package/dist/components/Avatar/Avatar.d.ts +65 -0
  8. package/dist/components/Avatar/index.d.ts +3 -0
  9. package/dist/components/Badge/Badge.d.ts +38 -0
  10. package/dist/components/Badge/index.d.ts +3 -0
  11. package/dist/components/BlogCard/BlogCard.d.ts +97 -0
  12. package/dist/components/BlogCard/index.d.ts +3 -0
  13. package/dist/components/Button/Button.d.ts +49 -0
  14. package/dist/components/Button/index.d.ts +3 -0
  15. package/dist/components/Card/Card.d.ts +43 -0
  16. package/dist/components/Card/index.d.ts +3 -0
  17. package/dist/components/CharacterCard/CharacterCard.d.ts +86 -0
  18. package/dist/components/CharacterCard/index.d.ts +3 -0
  19. package/dist/components/Checkbox/Checkbox.d.ts +59 -0
  20. package/dist/components/Checkbox/index.d.ts +3 -0
  21. package/dist/components/Dropdown/Dropdown.d.ts +90 -0
  22. package/dist/components/Dropdown/index.d.ts +3 -0
  23. package/dist/components/GradientRing/GradientRing.d.ts +42 -0
  24. package/dist/components/GradientRing/index.d.ts +3 -0
  25. package/dist/components/Icons/Icons.d.ts +192 -0
  26. package/dist/components/Icons/index.d.ts +1 -0
  27. package/dist/components/Input/Input.d.ts +61 -0
  28. package/dist/components/Input/index.d.ts +3 -0
  29. package/dist/components/LanguageChanger/LanguageChanger.d.ts +168 -0
  30. package/dist/components/LanguageChanger/index.d.ts +4 -0
  31. package/dist/components/Modal/Modal.d.ts +53 -0
  32. package/dist/components/Modal/index.d.ts +3 -0
  33. package/dist/components/Navbar/Navbar.d.ts +27 -0
  34. package/dist/components/Navbar/index.d.ts +3 -0
  35. package/dist/components/NoiseOverlay/NoiseOverlay.d.ts +23 -0
  36. package/dist/components/NoiseOverlay/index.d.ts +3 -0
  37. package/dist/components/Particles/Particles.d.ts +43 -0
  38. package/dist/components/Particles/index.d.ts +3 -0
  39. package/dist/components/ProductCard/ProductCard.d.ts +104 -0
  40. package/dist/components/ProductCard/index.d.ts +3 -0
  41. package/dist/components/Progress/Progress.d.ts +89 -0
  42. package/dist/components/Progress/index.d.ts +3 -0
  43. package/dist/components/QuestCard/QuestCard.d.ts +67 -0
  44. package/dist/components/QuestCard/index.d.ts +3 -0
  45. package/dist/components/Radio/Radio.d.ts +66 -0
  46. package/dist/components/Radio/index.d.ts +3 -0
  47. package/dist/components/Range/Range.d.ts +98 -0
  48. package/dist/components/Range/index.d.ts +3 -0
  49. package/dist/components/Sidebar/Sidebar.d.ts +163 -0
  50. package/dist/components/Sidebar/SidebarMobileTrigger.d.ts +33 -0
  51. package/dist/components/Sidebar/index.d.ts +5 -0
  52. package/dist/components/SocialMedia/SocialMedia.d.ts +31 -0
  53. package/dist/components/SocialMedia/index.d.ts +3 -0
  54. package/dist/components/StatsWidget/StatsWidget.d.ts +71 -0
  55. package/dist/components/StatsWidget/index.d.ts +3 -0
  56. package/dist/components/Switch/Switch.d.ts +62 -0
  57. package/dist/components/Switch/index.d.ts +3 -0
  58. package/dist/components/Tabs/Tabs.d.ts +21 -0
  59. package/dist/components/Tabs/index.d.ts +3 -0
  60. package/dist/components/ThemeChanger/ThemeChanger.d.ts +98 -0
  61. package/dist/components/ThemeChanger/index.d.ts +3 -0
  62. package/dist/components/Toast/Toast.d.ts +54 -0
  63. package/dist/components/Toast/ToastProvider.d.ts +78 -0
  64. package/dist/components/Toast/index.d.ts +5 -0
  65. package/dist/components/Tooltip/Tooltip.d.ts +83 -0
  66. package/dist/components/Tooltip/index.d.ts +3 -0
  67. package/dist/components/XPBar/XPBar.d.ts +71 -0
  68. package/dist/components/XPBar/index.d.ts +3 -0
  69. package/dist/dara-ui.cjs.js +973 -0
  70. package/dist/dara-ui.es.js +9522 -0
  71. package/dist/hooks/useAppTranslation.d.ts +7 -0
  72. package/dist/hooks/useDirection.d.ts +7 -0
  73. package/dist/index.d.ts +66 -0
  74. package/dist/style.css +2 -0
  75. package/dist/translations/en.d.ts +732 -0
  76. package/dist/translations/fa.d.ts +732 -0
  77. package/dist/translations/fr.d.ts +731 -0
  78. package/dist/translations/index.d.ts +2200 -0
  79. 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,3 @@
1
+ export { Tooltip } from './Tooltip';
2
+ export type { TooltipProps, TooltipPlacement } from './Tooltip';
3
+ export { Tooltip as default } from './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;
@@ -0,0 +1,3 @@
1
+ export { XPBar } from './XPBar';
2
+ export type { XPBarProps, RankTier } from './XPBar';
3
+ export { XPBar as default } from './XPBar';