erp-pro-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 +271 -0
- package/dist/components/Button.d.ts +8 -0
- package/dist/components/Button.d.ts.map +1 -0
- package/dist/components/basics/Button/Button.d.ts +3 -0
- package/dist/components/basics/Button/Button.d.ts.map +1 -0
- package/dist/components/basics/Button/index.d.ts +3 -0
- package/dist/components/basics/Button/index.d.ts.map +1 -0
- package/dist/components/basics/accordion/Accordion.d.ts +3 -0
- package/dist/components/basics/accordion/Accordion.d.ts.map +1 -0
- package/dist/components/basics/accordion/index.d.ts +3 -0
- package/dist/components/basics/accordion/index.d.ts.map +1 -0
- package/dist/components/basics/alert/Alert.d.ts +3 -0
- package/dist/components/basics/alert/Alert.d.ts.map +1 -0
- package/dist/components/basics/alert/index.d.ts +3 -0
- package/dist/components/basics/alert/index.d.ts.map +1 -0
- package/dist/components/basics/animated-content/AnimatedContent.d.ts +3 -0
- package/dist/components/basics/animated-content/AnimatedContent.d.ts.map +1 -0
- package/dist/components/basics/animated-content/index.d.ts +3 -0
- package/dist/components/basics/animated-content/index.d.ts.map +1 -0
- package/dist/components/basics/background-gradient-animation/BackgroundGradientAnimation.d.ts +18 -0
- package/dist/components/basics/background-gradient-animation/BackgroundGradientAnimation.d.ts.map +1 -0
- package/dist/components/basics/background-gradient-animation/BackgroundGradientAnimationDemo.d.ts +2 -0
- package/dist/components/basics/background-gradient-animation/BackgroundGradientAnimationDemo.d.ts.map +1 -0
- package/dist/components/basics/background-gradient-animation/index.d.ts +4 -0
- package/dist/components/basics/background-gradient-animation/index.d.ts.map +1 -0
- package/dist/components/basics/button-hover-border-gradient/ButtonHoverBorderGradient.d.ts +6 -0
- package/dist/components/basics/button-hover-border-gradient/ButtonHoverBorderGradient.d.ts.map +1 -0
- package/dist/components/basics/button-hover-border-gradient/index.d.ts +2 -0
- package/dist/components/basics/button-hover-border-gradient/index.d.ts.map +1 -0
- package/dist/components/basics/calendar/Calendar.d.ts +3 -0
- package/dist/components/basics/calendar/Calendar.d.ts.map +1 -0
- package/dist/components/basics/calendar/index.d.ts +3 -0
- package/dist/components/basics/calendar/index.d.ts.map +1 -0
- package/dist/components/basics/card/Card.d.ts +3 -0
- package/dist/components/basics/card/Card.d.ts.map +1 -0
- package/dist/components/basics/card/index.d.ts +3 -0
- package/dist/components/basics/card/index.d.ts.map +1 -0
- package/dist/components/basics/carousel/Carousel.d.ts +7 -0
- package/dist/components/basics/carousel/Carousel.d.ts.map +1 -0
- package/dist/components/basics/carousel/index.d.ts +3 -0
- package/dist/components/basics/carousel/index.d.ts.map +1 -0
- package/dist/components/basics/charts/AreaChart.d.ts +18 -0
- package/dist/components/basics/charts/AreaChart.d.ts.map +1 -0
- package/dist/components/basics/charts/BarChart.d.ts +18 -0
- package/dist/components/basics/charts/BarChart.d.ts.map +1 -0
- package/dist/components/basics/charts/NeonLineChart.d.ts +16 -0
- package/dist/components/basics/charts/NeonLineChart.d.ts.map +1 -0
- package/dist/components/basics/charts/PieChart.d.ts +15 -0
- package/dist/components/basics/charts/PieChart.d.ts.map +1 -0
- package/dist/components/basics/charts/StackedBarChart.d.ts +19 -0
- package/dist/components/basics/charts/StackedBarChart.d.ts.map +1 -0
- package/dist/components/basics/charts/ThinBreakdownBar.d.ts +15 -0
- package/dist/components/basics/charts/ThinBreakdownBar.d.ts.map +1 -0
- package/dist/components/basics/checkbox/Checkbox.d.ts +3 -0
- package/dist/components/basics/checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/basics/checkbox/index.d.ts +3 -0
- package/dist/components/basics/checkbox/index.d.ts.map +1 -0
- package/dist/components/basics/chip/Chip.d.ts +35 -0
- package/dist/components/basics/chip/Chip.d.ts.map +1 -0
- package/dist/components/basics/chip/index.d.ts +3 -0
- package/dist/components/basics/chip/index.d.ts.map +1 -0
- package/dist/components/basics/chroma-grid/ChromaGrid.d.ts +7 -0
- package/dist/components/basics/chroma-grid/ChromaGrid.d.ts.map +1 -0
- package/dist/components/basics/chroma-grid/index.d.ts +3 -0
- package/dist/components/basics/chroma-grid/index.d.ts.map +1 -0
- package/dist/components/basics/colo-palette/ColorPalette.d.ts +23 -0
- package/dist/components/basics/colo-palette/ColorPalette.d.ts.map +1 -0
- package/dist/components/basics/colo-palette/index.d.ts +3 -0
- package/dist/components/basics/colo-palette/index.d.ts.map +1 -0
- package/dist/components/basics/combobox/Combobox.d.ts +18 -0
- package/dist/components/basics/combobox/Combobox.d.ts.map +1 -0
- package/dist/components/basics/combobox/index.d.ts +3 -0
- package/dist/components/basics/combobox/index.d.ts.map +1 -0
- package/dist/components/basics/data-table/DataTable.d.ts +82 -0
- package/dist/components/basics/data-table/DataTable.d.ts.map +1 -0
- package/dist/components/basics/data-table/index.d.ts +4 -0
- package/dist/components/basics/data-table/index.d.ts.map +1 -0
- package/dist/components/basics/date-picker/DatePicker.d.ts +3 -0
- package/dist/components/basics/date-picker/DatePicker.d.ts.map +1 -0
- package/dist/components/basics/date-picker/index.d.ts +3 -0
- package/dist/components/basics/date-picker/index.d.ts.map +1 -0
- package/dist/components/basics/dialog/Dialog.d.ts +4 -0
- package/dist/components/basics/dialog/Dialog.d.ts.map +1 -0
- package/dist/components/basics/dialog/types.d.ts +90 -0
- package/dist/components/basics/dialog/types.d.ts.map +1 -0
- package/dist/components/basics/drawer/Drawer.d.ts +3 -0
- package/dist/components/basics/drawer/Drawer.d.ts.map +1 -0
- package/dist/components/basics/drawer/index.d.ts +3 -0
- package/dist/components/basics/drawer/index.d.ts.map +1 -0
- package/dist/components/basics/form/Form.d.ts +9 -0
- package/dist/components/basics/form/Form.d.ts.map +1 -0
- package/dist/components/basics/form/index.d.ts +3 -0
- package/dist/components/basics/form/index.d.ts.map +1 -0
- package/dist/components/basics/gradual-blur/GradualBlur.d.ts +3 -0
- package/dist/components/basics/gradual-blur/GradualBlur.d.ts.map +1 -0
- package/dist/components/basics/gradual-blur/index.d.ts +3 -0
- package/dist/components/basics/gradual-blur/index.d.ts.map +1 -0
- package/dist/components/basics/hover-border-gradient/HoverBorderGradient.d.ts +10 -0
- package/dist/components/basics/hover-border-gradient/HoverBorderGradient.d.ts.map +1 -0
- package/dist/components/basics/hover-border-gradient/index.d.ts +2 -0
- package/dist/components/basics/hover-border-gradient/index.d.ts.map +1 -0
- package/dist/components/basics/hover-card/HoverCard.d.ts +32 -0
- package/dist/components/basics/hover-card/HoverCard.d.ts.map +1 -0
- package/dist/components/basics/hover-card/index.d.ts +3 -0
- package/dist/components/basics/hover-card/index.d.ts.map +1 -0
- package/dist/components/basics/input/Input.d.ts +3 -0
- package/dist/components/basics/input/Input.d.ts.map +1 -0
- package/dist/components/basics/input/index.d.ts +3 -0
- package/dist/components/basics/input/index.d.ts.map +1 -0
- package/dist/components/basics/input/types.d.ts +21 -0
- package/dist/components/basics/input/types.d.ts.map +1 -0
- package/dist/components/basics/label/Label.d.ts +3 -0
- package/dist/components/basics/label/Label.d.ts.map +1 -0
- package/dist/components/basics/label/index.d.ts +3 -0
- package/dist/components/basics/label/index.d.ts.map +1 -0
- package/dist/components/basics/loading/Loading.d.ts +62 -0
- package/dist/components/basics/loading/Loading.d.ts.map +1 -0
- package/dist/components/basics/loading/index.d.ts +4 -0
- package/dist/components/basics/loading/index.d.ts.map +1 -0
- package/dist/components/basics/multi-select-combobox/MultiSelectCombobox.d.ts +16 -0
- package/dist/components/basics/multi-select-combobox/MultiSelectCombobox.d.ts.map +1 -0
- package/dist/components/basics/multi-select-combobox/index.d.ts +3 -0
- package/dist/components/basics/multi-select-combobox/index.d.ts.map +1 -0
- package/dist/components/basics/otp-Input/OTPInput.d.ts +46 -0
- package/dist/components/basics/otp-Input/OTPInput.d.ts.map +1 -0
- package/dist/components/basics/otp-Input/index.d.ts +3 -0
- package/dist/components/basics/otp-Input/index.d.ts.map +1 -0
- package/dist/components/basics/password-strength-meter/PasswordCriteria.d.ts +6 -0
- package/dist/components/basics/password-strength-meter/PasswordCriteria.d.ts.map +1 -0
- package/dist/components/basics/password-strength-meter/PasswordStrengthMeter.d.ts +6 -0
- package/dist/components/basics/password-strength-meter/PasswordStrengthMeter.d.ts.map +1 -0
- package/dist/components/basics/preview/Preview.d.ts +2 -0
- package/dist/components/basics/preview/Preview.d.ts.map +1 -0
- package/dist/components/basics/preview/index.d.ts +2 -0
- package/dist/components/basics/preview/index.d.ts.map +1 -0
- package/dist/components/basics/radio/Radio.d.ts +3 -0
- package/dist/components/basics/radio/Radio.d.ts.map +1 -0
- package/dist/components/basics/radio/index.d.ts +3 -0
- package/dist/components/basics/radio/index.d.ts.map +1 -0
- package/dist/components/basics/select/Select.d.ts +3 -0
- package/dist/components/basics/select/Select.d.ts.map +1 -0
- package/dist/components/basics/select/index.d.ts +3 -0
- package/dist/components/basics/select/index.d.ts.map +1 -0
- package/dist/components/basics/skeleton/Skeleton.d.ts +69 -0
- package/dist/components/basics/skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/basics/skeleton/index.d.ts +3 -0
- package/dist/components/basics/skeleton/index.d.ts.map +1 -0
- package/dist/components/basics/splashCursor/SplashCursor.d.ts +7 -0
- package/dist/components/basics/splashCursor/SplashCursor.d.ts.map +1 -0
- package/dist/components/basics/splashCursor/index.d.ts +3 -0
- package/dist/components/basics/splashCursor/index.d.ts.map +1 -0
- package/dist/components/basics/spotlight-card/SpotlightCard.d.ts +7 -0
- package/dist/components/basics/spotlight-card/SpotlightCard.d.ts.map +1 -0
- package/dist/components/basics/spotlight-card/index.d.ts +3 -0
- package/dist/components/basics/spotlight-card/index.d.ts.map +1 -0
- package/dist/components/basics/stepper/Stepper.d.ts +7 -0
- package/dist/components/basics/stepper/Stepper.d.ts.map +1 -0
- package/dist/components/basics/stepper/index.d.ts +3 -0
- package/dist/components/basics/stepper/index.d.ts.map +1 -0
- package/dist/components/basics/sun-to-moon-button/SunToMoonButton.d.ts +4 -0
- package/dist/components/basics/sun-to-moon-button/SunToMoonButton.d.ts.map +1 -0
- package/dist/components/basics/sun-to-moon-button/index.d.ts +3 -0
- package/dist/components/basics/sun-to-moon-button/index.d.ts.map +1 -0
- package/dist/components/basics/switch/Switch.d.ts +3 -0
- package/dist/components/basics/switch/Switch.d.ts.map +1 -0
- package/dist/components/basics/switch/index.d.ts +3 -0
- package/dist/components/basics/switch/index.d.ts.map +1 -0
- package/dist/components/basics/textarea/Textarea.d.ts +3 -0
- package/dist/components/basics/textarea/Textarea.d.ts.map +1 -0
- package/dist/components/basics/textarea/index.d.ts +3 -0
- package/dist/components/basics/textarea/index.d.ts.map +1 -0
- package/dist/components/basics/toast/Toast.d.ts +93 -0
- package/dist/components/basics/toast/Toast.d.ts.map +1 -0
- package/dist/components/basics/toast/index.d.ts +3 -0
- package/dist/components/basics/toast/index.d.ts.map +1 -0
- package/dist/components/basics/tooltip/Tooltip.d.ts +31 -0
- package/dist/components/basics/tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/basics/tooltip/index.d.ts +3 -0
- package/dist/components/basics/tooltip/index.d.ts.map +1 -0
- package/dist/components/basics/typography/Typography.d.ts +20 -0
- package/dist/components/basics/typography/Typography.d.ts.map +1 -0
- package/dist/components/icons/ActivityIcon.d.ts +10 -0
- package/dist/components/icons/ActivityIcon.d.ts.map +1 -0
- package/dist/components/icons/ArrowDownIcon.d.ts +9 -0
- package/dist/components/icons/ArrowDownIcon.d.ts.map +1 -0
- package/dist/components/icons/ArrowLeftIcon.d.ts +9 -0
- package/dist/components/icons/ArrowLeftIcon.d.ts.map +1 -0
- package/dist/components/icons/ArrowRightIcon.d.ts +9 -0
- package/dist/components/icons/ArrowRightIcon.d.ts.map +1 -0
- package/dist/components/icons/ArrowUpDownIcon.d.ts +9 -0
- package/dist/components/icons/ArrowUpDownIcon.d.ts.map +1 -0
- package/dist/components/icons/ArrowUpIcon.d.ts +9 -0
- package/dist/components/icons/ArrowUpIcon.d.ts.map +1 -0
- package/dist/components/icons/BellIcon.d.ts +9 -0
- package/dist/components/icons/BellIcon.d.ts.map +1 -0
- package/dist/components/icons/BriefcaseBusinessIcon.d.ts +9 -0
- package/dist/components/icons/BriefcaseBusinessIcon.d.ts.map +1 -0
- package/dist/components/icons/CheckIcon.d.ts +9 -0
- package/dist/components/icons/CheckIcon.d.ts.map +1 -0
- package/dist/components/icons/ChevronDownIcon.d.ts +12 -0
- package/dist/components/icons/ChevronDownIcon.d.ts.map +1 -0
- package/dist/components/icons/ChevronLeftIcon.d.ts +9 -0
- package/dist/components/icons/ChevronLeftIcon.d.ts.map +1 -0
- package/dist/components/icons/ChevronRightIcon.d.ts +9 -0
- package/dist/components/icons/ChevronRightIcon.d.ts.map +1 -0
- package/dist/components/icons/ChevronUpIcon.d.ts +9 -0
- package/dist/components/icons/ChevronUpIcon.d.ts.map +1 -0
- package/dist/components/icons/ChevronsLeftIcon.d.ts +9 -0
- package/dist/components/icons/ChevronsLeftIcon.d.ts.map +1 -0
- package/dist/components/icons/ChevronsRightIcon.d.ts +9 -0
- package/dist/components/icons/ChevronsRightIcon.d.ts.map +1 -0
- package/dist/components/icons/CircleIcon.d.ts +3 -0
- package/dist/components/icons/CircleIcon.d.ts.map +1 -0
- package/dist/components/icons/CloseIcon.d.ts +9 -0
- package/dist/components/icons/CloseIcon.d.ts.map +1 -0
- package/dist/components/icons/DragIcon.d.ts +10 -0
- package/dist/components/icons/DragIcon.d.ts.map +1 -0
- package/dist/components/icons/EllipsisIcon.d.ts +9 -0
- package/dist/components/icons/EllipsisIcon.d.ts.map +1 -0
- package/dist/components/icons/EllipsisVerticalIcon.d.ts +9 -0
- package/dist/components/icons/EllipsisVerticalIcon.d.ts.map +1 -0
- package/dist/components/icons/EyeIcon.d.ts +9 -0
- package/dist/components/icons/EyeIcon.d.ts.map +1 -0
- package/dist/components/icons/EyeOffIcon.d.ts +9 -0
- package/dist/components/icons/EyeOffIcon.d.ts.map +1 -0
- package/dist/components/icons/FullScreenIcon.d.ts +10 -0
- package/dist/components/icons/FullScreenIcon.d.ts.map +1 -0
- package/dist/components/icons/HomeIcon.d.ts +9 -0
- package/dist/components/icons/HomeIcon.d.ts.map +1 -0
- package/dist/components/icons/PackageIcon.d.ts +9 -0
- package/dist/components/icons/PackageIcon.d.ts.map +1 -0
- package/dist/components/icons/SearchIcon.d.ts +9 -0
- package/dist/components/icons/SearchIcon.d.ts.map +1 -0
- package/dist/components/icons/SettingsIcon.d.ts +9 -0
- package/dist/components/icons/SettingsIcon.d.ts.map +1 -0
- package/dist/components/icons/ShoppingCartIcon.d.ts +9 -0
- package/dist/components/icons/ShoppingCartIcon.d.ts.map +1 -0
- package/dist/components/icons/TrashIcon.d.ts +9 -0
- package/dist/components/icons/TrashIcon.d.ts.map +1 -0
- package/dist/components/icons/UserIcon.d.ts +9 -0
- package/dist/components/icons/UserIcon.d.ts.map +1 -0
- package/dist/components/icons/index.d.ts +31 -0
- package/dist/components/icons/index.d.ts.map +1 -0
- package/dist/components/shared/overlay.d.ts +9 -0
- package/dist/components/shared/overlay.d.ts.map +1 -0
- package/dist/components/spinners/Audio.d.ts +6 -0
- package/dist/components/spinners/Audio.d.ts.map +1 -0
- package/dist/components/text-animations/ASCIIText/ASCIIText.d.ts +14 -0
- package/dist/components/text-animations/ASCIIText/ASCIIText.d.ts.map +1 -0
- package/dist/components/text-animations/ASCIIText/index.d.ts +3 -0
- package/dist/components/text-animations/ASCIIText/index.d.ts.map +1 -0
- package/dist/components/text-animations/BlurText/BlurText.d.ts +18 -0
- package/dist/components/text-animations/BlurText/BlurText.d.ts.map +1 -0
- package/dist/components/text-animations/BlurText/index.d.ts +3 -0
- package/dist/components/text-animations/BlurText/index.d.ts.map +1 -0
- package/dist/contexts/ThemeContext.d.ts +16 -0
- package/dist/contexts/ThemeContext.d.ts.map +1 -0
- package/dist/contexts/index.d.ts +3 -0
- package/dist/contexts/index.d.ts.map +1 -0
- package/dist/index.cjs +12518 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +79 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.mjs +12501 -0
- package/dist/index.mjs.map +1 -0
- package/dist/utils/generateUniqueKey.d.ts +8 -0
- package/dist/utils/generateUniqueKey.d.ts.map +1 -0
- package/dist/utils/index.d.ts +5 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/mergeClassNames.d.ts +10 -0
- package/dist/utils/mergeClassNames.d.ts.map +1 -0
- package/dist/utils/validateEmail.d.ts +3 -0
- package/dist/utils/validateEmail.d.ts.map +1 -0
- package/package.json +228 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2025 Daniel
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,271 @@
|
|
|
1
|
+
# erp-pro-ui
|
|
2
|
+
|
|
3
|
+
# erp-pro-ui
|
|
4
|
+
|
|
5
|
+
Premium UI component library for ERP and SaaS applications.
|
|
6
|
+
|
|
7
|
+
## Features
|
|
8
|
+
|
|
9
|
+
- 🚀 **50+ Premium Components**: From basic buttons to complex data tables and charts.
|
|
10
|
+
- 🎨 **Modern Aesthetics**: Sleek, glassmorphic, and highly interactive designs.
|
|
11
|
+
- 📊 **Advanced Charts**: Customizable Neon Line Charts, Stacked Bar Charts, and more.
|
|
12
|
+
- ⌨️ **Accessibility**: Built with accessibility and responsiveness in mind.
|
|
13
|
+
- 🛠️ **Developer Friendly**: Fully typed with TypeScript and easy to integrate.
|
|
14
|
+
|
|
15
|
+
## Installation
|
|
16
|
+
|
|
17
|
+
```bash
|
|
18
|
+
pnpm add erp-pro-ui
|
|
19
|
+
# or
|
|
20
|
+
npm install erp-pro-ui
|
|
21
|
+
# or
|
|
22
|
+
yarn add erp-pro-ui
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
### Peer Dependencies
|
|
26
|
+
|
|
27
|
+
Ensure you have the following peer dependencies installed:
|
|
28
|
+
|
|
29
|
+
```bash
|
|
30
|
+
pnpm add framer-motion three @react-three/fiber @react-three/drei @tanstack/react-table recharts lucide-react
|
|
31
|
+
```
|
|
32
|
+
|
|
33
|
+
### Font Setup (Geist)
|
|
34
|
+
|
|
35
|
+
Add to your HTML `<head>`:
|
|
36
|
+
|
|
37
|
+
```html
|
|
38
|
+
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
39
|
+
<link
|
|
40
|
+
href="https://fonts.googleapis.com/css2?family=Geist:wght@100..900&display=swap"
|
|
41
|
+
rel="stylesheet"
|
|
42
|
+
/>
|
|
43
|
+
```
|
|
44
|
+
|
|
45
|
+
In your Tailwind config, extend `fontFamily`:
|
|
46
|
+
|
|
47
|
+
```js
|
|
48
|
+
fontFamily: {
|
|
49
|
+
geist: ['Geist', 'sans-serif'],
|
|
50
|
+
}
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
## 🚀 Quick Start
|
|
54
|
+
|
|
55
|
+
```tsx
|
|
56
|
+
import { ThemeProvider, Button, Input, Typography } from 'erp-pro-ui';
|
|
57
|
+
|
|
58
|
+
function App() {
|
|
59
|
+
return (
|
|
60
|
+
<ThemeProvider>
|
|
61
|
+
<Typography variant="h1" gradient="ocean">
|
|
62
|
+
Welcome to ERP Pro
|
|
63
|
+
</Typography>
|
|
64
|
+
<Input label="Email" placeholder="you@company.com" />
|
|
65
|
+
<Button primary label="Get Started" />
|
|
66
|
+
</ThemeProvider>
|
|
67
|
+
);
|
|
68
|
+
}
|
|
69
|
+
```
|
|
70
|
+
|
|
71
|
+
## 📋 Component Reference
|
|
72
|
+
|
|
73
|
+
### Form Controls
|
|
74
|
+
|
|
75
|
+
| Component | Description |
|
|
76
|
+
| ----------------------- | ------------------------------------------------------------ |
|
|
77
|
+
| `Button` | Primary/secondary button with size variants |
|
|
78
|
+
| `Input` | Text input with label, validation states, and hover gradient |
|
|
79
|
+
| `Textarea` | Multi-line text input |
|
|
80
|
+
| `Select` | Dropdown selection |
|
|
81
|
+
| `Checkbox` | Checkbox with label |
|
|
82
|
+
| `Radio` | Radio button group |
|
|
83
|
+
| `Switch` | Toggle switch |
|
|
84
|
+
| `OTPInput` | One-time password input |
|
|
85
|
+
| `DatePicker` | Calendar-based date picker |
|
|
86
|
+
| `Combobox` | Searchable dropdown |
|
|
87
|
+
| `MultiSelectCombobox` | Multi-value searchable dropdown |
|
|
88
|
+
| `PasswordStrengthMeter` | Visual password strength indicator |
|
|
89
|
+
| `Form` | Form wrapper with validation |
|
|
90
|
+
|
|
91
|
+
### Layout & Containers
|
|
92
|
+
|
|
93
|
+
| Component | Description |
|
|
94
|
+
| ----------- | ------------------------------------------------------------ |
|
|
95
|
+
| `Card` | Content container card |
|
|
96
|
+
| `Accordion` | Expandable content panels |
|
|
97
|
+
| `Dialog` | Modal dialog with variants, presets, and 10 animation styles |
|
|
98
|
+
| `Drawer` | Slide-out panel (left/right/top/bottom) |
|
|
99
|
+
| `Tooltip` | Hover tooltip |
|
|
100
|
+
| `HoverCard` | Rich content hover card |
|
|
101
|
+
| `Calendar` | Calendar display |
|
|
102
|
+
| `Carousel` | Content carousel/slider |
|
|
103
|
+
|
|
104
|
+
### Typography
|
|
105
|
+
|
|
106
|
+
| Component | Description |
|
|
107
|
+
| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------- |
|
|
108
|
+
| `Typography` | Semantic text with `h1`–`h6`, `body1`, `body2`, `caption`, `overline` variants. Supports `gradient`, `align`, `weight`, `tracking`, and `italic` props. |
|
|
109
|
+
|
|
110
|
+
### Data Display
|
|
111
|
+
|
|
112
|
+
| Component | Description |
|
|
113
|
+
| -------------- | ------------------------------------------------------------------------------- |
|
|
114
|
+
| `DataTable` | Feature-rich table with sorting, filtering, column toggles, and filter profiles |
|
|
115
|
+
| `Chip` | Status/tag badge with `filled`, `outlined`, `ghost` variants |
|
|
116
|
+
| `Stepper` | Multi-step progress indicator (horizontal/vertical) |
|
|
117
|
+
| `ColorPalette` | Color swatch display |
|
|
118
|
+
|
|
119
|
+
### Charts
|
|
120
|
+
|
|
121
|
+
Built on [Recharts](https://recharts.org/), the chart components provide premium data visualization:
|
|
122
|
+
|
|
123
|
+
| Component | Type |
|
|
124
|
+
| ------------------ | ----------------------------- |
|
|
125
|
+
| `AreaChart` | Gradient-filled area chart |
|
|
126
|
+
| `BarChart` | Horizontal/vertical bar chart |
|
|
127
|
+
| `PieChart` | Pie and donut charts |
|
|
128
|
+
| `NeonLineChart` | Glowing neon-style line chart |
|
|
129
|
+
| `StackedBarChart` | Stacked bar visualization |
|
|
130
|
+
| `ThinBreakdownBar` | Thin horizontal breakdown bar |
|
|
131
|
+
|
|
132
|
+
### Feedback
|
|
133
|
+
|
|
134
|
+
| Component | Description |
|
|
135
|
+
| ------------------------------ | --------------------------------------------------------------------------------- |
|
|
136
|
+
| `Alert` | Banner alert with `default`, `destructive`, `success`, `warning`, `info` variants |
|
|
137
|
+
| `ToastProvider` + `useToast()` | Toast notification system |
|
|
138
|
+
| `Loading` | 8 loading variants: spinner, dots, pulse, bars, ring, bounce, wave, skeleton |
|
|
139
|
+
|
|
140
|
+
### Visual Effects
|
|
141
|
+
|
|
142
|
+
| Component | Description |
|
|
143
|
+
| ----------------------------- | ------------------------------------------------- |
|
|
144
|
+
| `BackgroundGradientAnimation` | Animated gradient background with 6 preset themes |
|
|
145
|
+
| `SpotlightCard` | Card with cursor-tracking spotlight effect |
|
|
146
|
+
| `AnimatedContent` | Scroll-triggered entrance animations |
|
|
147
|
+
| `GradualBlur` | Progressive blur entrance effect |
|
|
148
|
+
| `ChromaGrid` | Chromatic grid animation |
|
|
149
|
+
| `SplashCursor` | Interactive cursor splash effect |
|
|
150
|
+
| `HoverBorderGradient` | Animated gradient border on hover |
|
|
151
|
+
| `SunToMoonButton` | Animated theme toggle button |
|
|
152
|
+
| `ASCIIText` | 3D ASCII text animation |
|
|
153
|
+
|
|
154
|
+
### Icons
|
|
155
|
+
|
|
156
|
+
30+ custom SVG icons available:
|
|
157
|
+
|
|
158
|
+
```tsx
|
|
159
|
+
import { IconDashboard, IconSettings, IconUser } from 'erp-pro-ui';
|
|
160
|
+
|
|
161
|
+
<IconDashboard className="w-5 h-5" />;
|
|
162
|
+
```
|
|
163
|
+
|
|
164
|
+
## 🎨 Theme System
|
|
165
|
+
|
|
166
|
+
Wrap your app with `ThemeProvider` for automatic dark/light mode:
|
|
167
|
+
|
|
168
|
+
```tsx
|
|
169
|
+
import { ThemeProvider, useThemeContext } from 'erp-pro-ui';
|
|
170
|
+
|
|
171
|
+
// In root
|
|
172
|
+
<ThemeProvider>
|
|
173
|
+
<App />
|
|
174
|
+
</ThemeProvider>;
|
|
175
|
+
|
|
176
|
+
// In any component
|
|
177
|
+
const { mode, toggleMode, setMode } = useThemeContext();
|
|
178
|
+
```
|
|
179
|
+
|
|
180
|
+
## 📖 Usage Examples
|
|
181
|
+
|
|
182
|
+
### Dialog
|
|
183
|
+
|
|
184
|
+
```tsx
|
|
185
|
+
import { Dialog } from 'erp-pro-ui';
|
|
186
|
+
|
|
187
|
+
<Dialog
|
|
188
|
+
open={isOpen}
|
|
189
|
+
onOpenChange={setIsOpen}
|
|
190
|
+
title="Confirm Delete"
|
|
191
|
+
description="This action cannot be undone."
|
|
192
|
+
variant="destructive"
|
|
193
|
+
preset="confirm"
|
|
194
|
+
animation="scale"
|
|
195
|
+
onConfirm={() => handleDelete()}
|
|
196
|
+
/>;
|
|
197
|
+
```
|
|
198
|
+
|
|
199
|
+
**Dialog Animations:** `fade`, `scale`, `slideUp`, `slideDown`, `slideLeft`, `slideRight`, `elastic`, `bounce`, `flip`, `zoom`
|
|
200
|
+
|
|
201
|
+
### Toast
|
|
202
|
+
|
|
203
|
+
```tsx
|
|
204
|
+
import { ToastProvider, useToast } from 'erp-pro-ui';
|
|
205
|
+
|
|
206
|
+
// Wrap app
|
|
207
|
+
<ToastProvider>
|
|
208
|
+
<App />
|
|
209
|
+
</ToastProvider>;
|
|
210
|
+
|
|
211
|
+
// Use anywhere
|
|
212
|
+
const { addToast } = useToast();
|
|
213
|
+
addToast({ type: 'success', title: 'Saved!', message: 'All changes saved.' });
|
|
214
|
+
```
|
|
215
|
+
|
|
216
|
+
### DataTable
|
|
217
|
+
|
|
218
|
+
```tsx
|
|
219
|
+
import { DataTable, FilterDropdown, ColumnToggle } from 'erp-pro-ui';
|
|
220
|
+
|
|
221
|
+
<DataTable data={users} columns={columns} searchable sortable paginated />;
|
|
222
|
+
```
|
|
223
|
+
|
|
224
|
+
### Background Gradient
|
|
225
|
+
|
|
226
|
+
```tsx
|
|
227
|
+
import { BackgroundGradientAnimation } from 'erp-pro-ui';
|
|
228
|
+
|
|
229
|
+
<BackgroundGradientAnimation
|
|
230
|
+
gradientBackgroundStart="rgb(0, 17, 82)"
|
|
231
|
+
gradientBackgroundEnd="rgb(108, 0, 162)"
|
|
232
|
+
firstColor="18, 113, 255"
|
|
233
|
+
secondColor="221, 74, 255"
|
|
234
|
+
thirdColor="100, 220, 255"
|
|
235
|
+
size="80%"
|
|
236
|
+
interactive
|
|
237
|
+
>
|
|
238
|
+
<h1>Your Content Here</h1>
|
|
239
|
+
</BackgroundGradientAnimation>;
|
|
240
|
+
```
|
|
241
|
+
|
|
242
|
+
## 📂 Subpath Imports
|
|
243
|
+
|
|
244
|
+
For optimal bundle size, use subpath imports:
|
|
245
|
+
|
|
246
|
+
```tsx
|
|
247
|
+
import { Button } from 'erp-pro-ui/button';
|
|
248
|
+
import { Dialog } from 'erp-pro-ui/dialog';
|
|
249
|
+
import { Input } from 'erp-pro-ui/input';
|
|
250
|
+
import { DataTable } from 'erp-pro-ui/data-table';
|
|
251
|
+
```
|
|
252
|
+
|
|
253
|
+
## 🛠️ Development
|
|
254
|
+
|
|
255
|
+
```bash
|
|
256
|
+
# Install dependencies
|
|
257
|
+
pnpm install
|
|
258
|
+
|
|
259
|
+
# Type check
|
|
260
|
+
pnpm typecheck
|
|
261
|
+
|
|
262
|
+
# Lint
|
|
263
|
+
pnpm lint
|
|
264
|
+
|
|
265
|
+
# Run Storybook
|
|
266
|
+
pnpm storybook
|
|
267
|
+
```
|
|
268
|
+
|
|
269
|
+
## 📄 License
|
|
270
|
+
|
|
271
|
+
MIT
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
variant?: 'primary' | 'secondary';
|
|
5
|
+
}
|
|
6
|
+
export declare const Button: ({ children, variant, className, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAED,eAAO,MAAM,MAAM,GAAI,4CAKpB,WAAW,4CAiBb,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AA+B7C,eAAO,MAAM,MAAM,GAAI,gFASpB,WAAW,4CAgBb,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/accordion/Accordion.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAsBhD,eAAO,MAAM,SAAS,GAAI,8EAQvB,cAAc,4CAuGhB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA4B1C,eAAO,MAAM,KAAK,GAAI,6DAOnB,UAAU,4CAuBZ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { AnimatedContentProps } from './types';
|
|
2
|
+
export declare const AnimatedContent: ({ children, preset, direction, ease, exitEase, reverse, animateOpacity, distance, duration, delay, initialOpacity, initialScale, threshold, disappearAfter, disappearDuration, triggerOnView, triggerOnce, className, as, }: AnimatedContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=AnimatedContent.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AnimatedContent.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/animated-content/AnimatedContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAkC,MAAM,SAAS,CAAC;AAsGpF,eAAO,MAAM,eAAe,GAAI,6NAoB7B,oBAAoB,4CA8DtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/animated-content/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,aAAa,GACd,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface BackgroundGradientAnimationProps {
|
|
2
|
+
gradientBackgroundStart?: string;
|
|
3
|
+
gradientBackgroundEnd?: string;
|
|
4
|
+
firstColor?: string;
|
|
5
|
+
secondColor?: string;
|
|
6
|
+
thirdColor?: string;
|
|
7
|
+
fourthColor?: string;
|
|
8
|
+
fifthColor?: string;
|
|
9
|
+
pointerColor?: string;
|
|
10
|
+
size?: string;
|
|
11
|
+
blendingValue?: string;
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
className?: string;
|
|
14
|
+
interactive?: boolean;
|
|
15
|
+
containerClassName?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const BackgroundGradientAnimation: ({ gradientBackgroundStart, gradientBackgroundEnd, firstColor, secondColor, thirdColor, fourthColor, fifthColor, pointerColor, size, blendingValue, children, className, interactive, containerClassName, }: BackgroundGradientAnimationProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=BackgroundGradientAnimation.d.ts.map
|
package/dist/components/basics/background-gradient-animation/BackgroundGradientAnimation.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BackgroundGradientAnimation.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/background-gradient-animation/BackgroundGradientAnimation.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gCAAgC;IAC/C,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,eAAO,MAAM,2BAA2B,GAAI,4MAezC,gCAAgC,4CA4JlC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BackgroundGradientAnimationDemo.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/background-gradient-animation/BackgroundGradientAnimationDemo.tsx"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,+BAA+B,4CAUtD"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { BackgroundGradientAnimation } from './BackgroundGradientAnimation';
|
|
2
|
+
export type { BackgroundGradientAnimationProps } from './BackgroundGradientAnimation';
|
|
3
|
+
export { default as BackgroundGradientAnimationDemo } from './BackgroundGradientAnimationDemo';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/background-gradient-animation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAC5E,YAAY,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,+BAA+B,EAAE,MAAM,mCAAmC,CAAC"}
|
package/dist/components/basics/button-hover-border-gradient/ButtonHoverBorderGradient.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ButtonHoverBorderGradient.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/button-hover-border-gradient/ButtonHoverBorderGradient.tsx"],"names":[],"mappings":"AAEA,UAAU,8BAA8B;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,8BAA8B,CAY/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/button-hover-border-gradient/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { CalendarProps } from './types';
|
|
2
|
+
export declare const Calendar: ({ value, range, selectionMode, onSelect, onRangeSelect, month, year, onMonthChange, footer, className, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=Calendar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/calendar/Calendar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA4B7C,eAAO,MAAM,QAAQ,GAAI,0GAWtB,aAAa,4CA0If,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,eAAO,MAAM,IAAI,GAAI,wBAAwB,SAAS,4CAerD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { CarouselProps } from './types';
|
|
2
|
+
export declare const Carousel: {
|
|
3
|
+
({ items, className, autoPlay, showArrows, showDots, infinite, pauseOnHover, animationDuration, gap: _gap, slidesPerView: _slidesPerView, renderArrow, renderDot, onSlideChange, variant, height, style, initialSlide, draggable, animation, }: CarouselProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
displayName: string;
|
|
5
|
+
};
|
|
6
|
+
export default Carousel;
|
|
7
|
+
//# sourceMappingURL=Carousel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/carousel/Carousel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAqB,MAAM,SAAS,CAAC;AAwIhE,eAAO,MAAM,QAAQ;oPAqBlB,aAAa;;CAmMf,CAAC;AAIF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface AreaChartData {
|
|
3
|
+
name: string;
|
|
4
|
+
[key: string]: string | number;
|
|
5
|
+
}
|
|
6
|
+
interface AreaChartProps {
|
|
7
|
+
data: AreaChartData[];
|
|
8
|
+
categories: {
|
|
9
|
+
key: string;
|
|
10
|
+
color: string;
|
|
11
|
+
}[];
|
|
12
|
+
height?: number | string;
|
|
13
|
+
className?: string;
|
|
14
|
+
showGrid?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare const AreaChart: React.FC<AreaChartProps>;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=AreaChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/charts/AreaChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,UAAU,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgF9C,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface BarChartData {
|
|
3
|
+
name: string;
|
|
4
|
+
[key: string]: string | number;
|
|
5
|
+
}
|
|
6
|
+
interface BarChartProps {
|
|
7
|
+
data: BarChartData[];
|
|
8
|
+
categories: {
|
|
9
|
+
key: string;
|
|
10
|
+
color: string;
|
|
11
|
+
}[];
|
|
12
|
+
height?: number | string;
|
|
13
|
+
className?: string;
|
|
14
|
+
layout?: "horizontal" | "vertical";
|
|
15
|
+
}
|
|
16
|
+
export declare const BarChart: React.FC<BarChartProps>;
|
|
17
|
+
export {};
|
|
18
|
+
//# sourceMappingURL=BarChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/charts/BarChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,UAAU,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;CACpC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkF5C,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
interface DataPoint {
|
|
3
|
+
name: string;
|
|
4
|
+
value: number;
|
|
5
|
+
}
|
|
6
|
+
interface NeonLineChartProps {
|
|
7
|
+
data: DataPoint[];
|
|
8
|
+
height?: number | string;
|
|
9
|
+
lineColorStop1?: string;
|
|
10
|
+
lineColorStop2?: string;
|
|
11
|
+
className?: string;
|
|
12
|
+
glowColor?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const NeonLineChart: React.FC<NeonLineChartProps>;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=NeonLineChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NeonLineChart.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/charts/NeonLineChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyFtD,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface PieChartData {
|
|
3
|
+
name: string;
|
|
4
|
+
value: number;
|
|
5
|
+
}
|
|
6
|
+
interface PieChartProps {
|
|
7
|
+
data: PieChartData[];
|
|
8
|
+
colors: string[];
|
|
9
|
+
height?: number | string;
|
|
10
|
+
className?: string;
|
|
11
|
+
variant?: "pie" | "donut";
|
|
12
|
+
}
|
|
13
|
+
export declare const PieChart: React.FC<PieChartProps>;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=PieChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PieChart.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/charts/PieChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,aAAa;IACrB,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkD5C,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface StackedBarData {
|
|
3
|
+
name: string;
|
|
4
|
+
[key: string]: string | number;
|
|
5
|
+
}
|
|
6
|
+
interface StackedBarChartProps {
|
|
7
|
+
data: StackedBarData[];
|
|
8
|
+
categories: {
|
|
9
|
+
key: string;
|
|
10
|
+
color: string;
|
|
11
|
+
label: string;
|
|
12
|
+
}[];
|
|
13
|
+
height?: number | string;
|
|
14
|
+
yAxisDomain?: [number, number];
|
|
15
|
+
className?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare const StackedBarChart: React.FC<StackedBarChartProps>;
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=StackedBarChart.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StackedBarChart.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/charts/StackedBarChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CAChC;AAED,UAAU,oBAAoB;IAC5B,IAAI,EAAE,cAAc,EAAE,CAAC;IACvB,UAAU,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC5D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsE1D,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface BreakdownSegment {
|
|
3
|
+
id?: string;
|
|
4
|
+
label: string;
|
|
5
|
+
value: number;
|
|
6
|
+
color: string;
|
|
7
|
+
}
|
|
8
|
+
interface ThinBreakdownBarProps {
|
|
9
|
+
data: BreakdownSegment[];
|
|
10
|
+
className?: string;
|
|
11
|
+
showLabels?: boolean;
|
|
12
|
+
}
|
|
13
|
+
export declare const ThinBreakdownBar: React.FC<ThinBreakdownBarProps>;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=ThinBreakdownBar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThinBreakdownBar.d.ts","sourceRoot":"","sources":["../../../../src/components/basics/charts/ThinBreakdownBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,qBAAqB;IAC7B,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA+C5D,CAAC"}
|