rr-react-ui-library 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +124 -0
- package/dist/components/forms/checkboxes/Checkbox.d.ts +17 -0
- package/dist/components/forms/checkboxes/Checkbox.d.ts.map +1 -0
- package/dist/components/forms/dropdowns/Select.d.ts +18 -0
- package/dist/components/forms/dropdowns/Select.d.ts.map +1 -0
- package/dist/components/forms/inputs/Input.d.ts +21 -0
- package/dist/components/forms/inputs/Input.d.ts.map +1 -0
- package/dist/components/forms/radios/RadioGroup.d.ts +24 -0
- package/dist/components/forms/radios/RadioGroup.d.ts.map +1 -0
- package/dist/components/forms/textareas/Textarea.d.ts +21 -0
- package/dist/components/forms/textareas/Textarea.d.ts.map +1 -0
- package/dist/components/forms/toggles/Toggle.d.ts +17 -0
- package/dist/components/forms/toggles/Toggle.d.ts.map +1 -0
- package/dist/components/layouts/admin-layout/AdminLayout.d.ts +9 -0
- package/dist/components/layouts/admin-layout/AdminLayout.d.ts.map +1 -0
- package/dist/components/layouts/containers/Container.d.ts +7 -0
- package/dist/components/layouts/containers/Container.d.ts.map +1 -0
- package/dist/components/navbars/SideNavbar.d.ts +8 -0
- package/dist/components/navbars/SideNavbar.d.ts.map +1 -0
- package/dist/components/navbars/TopNavbar.d.ts +7 -0
- package/dist/components/navbars/TopNavbar.d.ts.map +1 -0
- package/dist/components/pages/Login.d.ts +10 -0
- package/dist/components/pages/Login.d.ts.map +1 -0
- package/dist/components/ui/ThemeToggle.d.ts +7 -0
- package/dist/components/ui/ThemeToggle.d.ts.map +1 -0
- package/dist/components/ui/badges/Badge.d.ts +14 -0
- package/dist/components/ui/badges/Badge.d.ts.map +1 -0
- package/dist/components/ui/buttons/Button.d.ts +68 -0
- package/dist/components/ui/buttons/Button.d.ts.map +1 -0
- package/dist/components/ui/cards/Card.d.ts +23 -0
- package/dist/components/ui/cards/Card.d.ts.map +1 -0
- package/dist/components/ui/loaders/GlobalLoader.d.ts +19 -0
- package/dist/components/ui/loaders/GlobalLoader.d.ts.map +1 -0
- package/dist/components/ui/loaders/InlineLoader.d.ts +18 -0
- package/dist/components/ui/loaders/InlineLoader.d.ts.map +1 -0
- package/dist/components/ui/loaders/index.d.ts +3 -0
- package/dist/components/ui/loaders/index.d.ts.map +1 -0
- package/dist/components/ui/paginations/Pagination.d.ts +16 -0
- package/dist/components/ui/paginations/Pagination.d.ts.map +1 -0
- package/dist/components/ui/tables/Table.d.ts +38 -0
- package/dist/components/ui/tables/Table.d.ts.map +1 -0
- package/dist/components/ui/tooltips/Tooltip.d.ts +10 -0
- package/dist/components/ui/tooltips/Tooltip.d.ts.map +1 -0
- package/dist/context/ThemeContext.d.ts +12 -0
- package/dist/context/ThemeContext.d.ts.map +1 -0
- package/dist/example/ExampleApp.d.ts +4 -0
- package/dist/example/ExampleApp.d.ts.map +1 -0
- package/dist/example/pages/Dashboard.d.ts +4 -0
- package/dist/example/pages/Dashboard.d.ts.map +1 -0
- package/dist/example/pages/notices/index.d.ts +3 -0
- package/dist/example/pages/notices/index.d.ts.map +1 -0
- package/dist/example/pages/tables/index.d.ts +3 -0
- package/dist/example/pages/tables/index.d.ts.map +1 -0
- package/dist/example/pages/users/index.d.ts +4 -0
- package/dist/example/pages/users/index.d.ts.map +1 -0
- package/dist/hooks/stores/authStore.d.ts +34 -0
- package/dist/hooks/stores/authStore.d.ts.map +1 -0
- package/dist/index.cjs +23 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +215 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.mjs +6370 -0
- package/dist/index.mjs.map +1 -0
- package/dist/style.css +1 -0
- package/dist/types/index.d.ts +61 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/utils/axiosInstance.d.ts +3 -0
- package/dist/utils/axiosInstance.d.ts.map +1 -0
- package/dist/utils/common.d.ts +18 -0
- package/dist/utils/common.d.ts.map +1 -0
- package/dist/utils/toast.d.ts +21 -0
- package/dist/utils/toast.d.ts.map +1 -0
- package/dist/vite.svg +1 -0
- package/package.json +92 -0
package/README.md
ADDED
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
# rr-lib
|
|
2
|
+
|
|
3
|
+
A modern React UI component library built with TypeScript, Tailwind CSS, and Storybook for easy development and documentation.
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
|
|
7
|
+
- **TypeScript Support**: Fully typed components for better development experience.
|
|
8
|
+
- **Tailwind CSS**: Utility-first styling for customizable components.
|
|
9
|
+
- **Storybook Integration**: Interactive documentation and component playground.
|
|
10
|
+
- **Comprehensive Components**: Includes forms, layouts, navigation, UI elements, and more.
|
|
11
|
+
- **Hooks and Utilities**: Additional tools for state management, API calls, and common functions.
|
|
12
|
+
|
|
13
|
+
## Installation
|
|
14
|
+
|
|
15
|
+
```bash
|
|
16
|
+
npm install @hari-740/rr-lib
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Usage
|
|
20
|
+
|
|
21
|
+
First, import the global styles:
|
|
22
|
+
|
|
23
|
+
```javascript
|
|
24
|
+
import '@hari-740/rr-lib/style.css';
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
Then, import and use components:
|
|
28
|
+
|
|
29
|
+
```javascript
|
|
30
|
+
import { Button, Input, Card } from '@hari-740/rr-lib';
|
|
31
|
+
|
|
32
|
+
function App() {
|
|
33
|
+
return (
|
|
34
|
+
<div>
|
|
35
|
+
<Button>Click me</Button>
|
|
36
|
+
<Input placeholder="Enter text" />
|
|
37
|
+
<Card title="Example Card">Content here</Card>
|
|
38
|
+
</div>
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
## Components
|
|
44
|
+
|
|
45
|
+
### Forms
|
|
46
|
+
- Checkbox
|
|
47
|
+
- Input
|
|
48
|
+
- RadioGroup
|
|
49
|
+
- Select
|
|
50
|
+
- Textarea
|
|
51
|
+
- Toggle
|
|
52
|
+
|
|
53
|
+
### Layouts
|
|
54
|
+
- AdminLayout
|
|
55
|
+
- Container
|
|
56
|
+
|
|
57
|
+
### Navigation
|
|
58
|
+
- SideNavbar
|
|
59
|
+
- TopNavbar
|
|
60
|
+
|
|
61
|
+
### UI Elements
|
|
62
|
+
- Badge
|
|
63
|
+
- Button
|
|
64
|
+
- Card
|
|
65
|
+
- GlobalLoader
|
|
66
|
+
- InlineLoader
|
|
67
|
+
- Pagination
|
|
68
|
+
- Table
|
|
69
|
+
- ThemeToggle
|
|
70
|
+
- Tooltip
|
|
71
|
+
|
|
72
|
+
### Pages
|
|
73
|
+
- Login
|
|
74
|
+
|
|
75
|
+
## Development
|
|
76
|
+
|
|
77
|
+
### Prerequisites
|
|
78
|
+
|
|
79
|
+
- Node.js (v18 or higher)
|
|
80
|
+
- npm or yarn
|
|
81
|
+
|
|
82
|
+
### Setup
|
|
83
|
+
|
|
84
|
+
1. Clone the repository
|
|
85
|
+
2. Install dependencies: `npm install`
|
|
86
|
+
3. Start development server: `npm run dev`
|
|
87
|
+
4. Run Storybook: `npm run storybook`
|
|
88
|
+
|
|
89
|
+
### Scripts
|
|
90
|
+
|
|
91
|
+
- `npm run dev` - Start Vite dev server
|
|
92
|
+
- `npm run build:lib` - Build the library
|
|
93
|
+
- `npm run storybook` - Start Storybook
|
|
94
|
+
- `npm run build:storybook` - Build Storybook for production
|
|
95
|
+
- `npm run test` - Run tests
|
|
96
|
+
|
|
97
|
+
## Project Structure
|
|
98
|
+
|
|
99
|
+
```
|
|
100
|
+
rr-lib/
|
|
101
|
+
├── src/
|
|
102
|
+
│ ├── components/ # UI components
|
|
103
|
+
│ ├── hooks/ # Custom hooks
|
|
104
|
+
│ ├── utils/ # Utility functions
|
|
105
|
+
│ ├── context/ # React contexts
|
|
106
|
+
│ ├── types/ # TypeScript types
|
|
107
|
+
│ └── example/ # Example application
|
|
108
|
+
├── .storybook/ # Storybook configuration
|
|
109
|
+
├── public/ # Static assets
|
|
110
|
+
└── dist/ # Build output
|
|
111
|
+
```
|
|
112
|
+
|
|
113
|
+
## Contributing
|
|
114
|
+
|
|
115
|
+
1. Fork the repository
|
|
116
|
+
2. Create a feature branch
|
|
117
|
+
3. Make your changes
|
|
118
|
+
4. Add stories for new components
|
|
119
|
+
5. Run tests
|
|
120
|
+
6. Submit a pull request
|
|
121
|
+
|
|
122
|
+
## License
|
|
123
|
+
|
|
124
|
+
[Add your license here]
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { Variant } from '../../../types';
|
|
3
|
+
type CheckboxProps = {
|
|
4
|
+
id?: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
checked: boolean;
|
|
8
|
+
variant?: Variant;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
description?: string;
|
|
12
|
+
forceDarkTheme?: boolean;
|
|
13
|
+
onChange: (checked: boolean) => void;
|
|
14
|
+
};
|
|
15
|
+
declare const Checkbox: FC<CheckboxProps>;
|
|
16
|
+
export default Checkbox;
|
|
17
|
+
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/checkboxes/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,KAAK,aAAa,GAAG;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAYF,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAuD/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { Variant, Option } from '../../../types';
|
|
3
|
+
type SelectProps = {
|
|
4
|
+
id?: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
options: Option[];
|
|
8
|
+
variant?: Variant;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
value: string | number;
|
|
13
|
+
forceDarkTheme?: boolean;
|
|
14
|
+
onChange: (value: string) => void;
|
|
15
|
+
};
|
|
16
|
+
declare const Select: FC<SelectProps>;
|
|
17
|
+
export default Select;
|
|
18
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/dropdowns/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAYF,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAgE3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { Variant, BorderRadius } from '../../../types';
|
|
3
|
+
type InputProps = {
|
|
4
|
+
id?: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
type?: string;
|
|
7
|
+
value: string;
|
|
8
|
+
label?: string;
|
|
9
|
+
error?: string;
|
|
10
|
+
variant?: Variant;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
placeholder?: string;
|
|
14
|
+
icon?: ReactNode;
|
|
15
|
+
forceDarkTheme?: boolean;
|
|
16
|
+
rounded?: BorderRadius;
|
|
17
|
+
onChange: (value: string) => void;
|
|
18
|
+
};
|
|
19
|
+
declare const Input: FC<InputProps>;
|
|
20
|
+
export default Input;
|
|
21
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/inputs/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,UAAU,GAAG;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAYF,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,UAAU,CAwEzB,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { Variant } from '../../../types';
|
|
3
|
+
type RadioOption = {
|
|
4
|
+
label: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
description?: string;
|
|
7
|
+
value: string | number;
|
|
8
|
+
};
|
|
9
|
+
type RadioGroupProps = {
|
|
10
|
+
name?: string;
|
|
11
|
+
label?: string;
|
|
12
|
+
variant?: Variant;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
options: RadioOption[];
|
|
16
|
+
value: string | number;
|
|
17
|
+
forceDarkTheme?: boolean;
|
|
18
|
+
onChange: (value: string) => void;
|
|
19
|
+
orientation?: 'vertical' | 'horizontal';
|
|
20
|
+
};
|
|
21
|
+
declare const RadioGroup: FC<RadioGroupProps>;
|
|
22
|
+
export type { RadioOption };
|
|
23
|
+
export default RadioGroup;
|
|
24
|
+
//# sourceMappingURL=RadioGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/radios/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CACzC,CAAC;AAYF,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwEnC,CAAC;AAEF,YAAY,EAAE,WAAW,EAAE,CAAC;AAC5B,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { Variant, BorderRadius } from '../../../types';
|
|
3
|
+
type TextareaProps = {
|
|
4
|
+
id?: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
value: string;
|
|
7
|
+
rows?: number;
|
|
8
|
+
error?: string;
|
|
9
|
+
label?: string;
|
|
10
|
+
variant?: Variant;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
placeholder?: string;
|
|
14
|
+
rounded?: BorderRadius;
|
|
15
|
+
forceDarkTheme?: boolean;
|
|
16
|
+
onChange: (value: string) => void;
|
|
17
|
+
resize?: 'none' | 'vertical' | 'horizontal' | 'both';
|
|
18
|
+
};
|
|
19
|
+
declare const Textarea: FC<TextareaProps>;
|
|
20
|
+
export default Textarea;
|
|
21
|
+
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/textareas/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEhD,KAAK,aAAa,GAAG;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC;CACtD,CAAC;AA2BF,QAAA,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAqD/B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { Variant } from '../../../types';
|
|
3
|
+
type ToggleProps = {
|
|
4
|
+
id?: string;
|
|
5
|
+
name?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
checked: boolean;
|
|
8
|
+
variant?: Variant;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
description?: string;
|
|
12
|
+
forceDarkTheme?: boolean;
|
|
13
|
+
onChange: (checked: boolean) => void;
|
|
14
|
+
};
|
|
15
|
+
declare const Toggle: FC<ToggleProps>;
|
|
16
|
+
export default Toggle;
|
|
17
|
+
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/toggles/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACtC,CAAC;AAsBF,QAAA,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAwE3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
export interface AdminLayoutProps {
|
|
3
|
+
topNav: ReactNode;
|
|
4
|
+
sideNav: ReactNode;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
}
|
|
7
|
+
declare const AdminLayout: React.FC<AdminLayoutProps>;
|
|
8
|
+
export default AdminLayout;
|
|
9
|
+
//# sourceMappingURL=AdminLayout.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AdminLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/admin-layout/AdminLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAc3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/containers/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAMvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { SideNavbarMenu } from '../../types';
|
|
3
|
+
export interface SideNavbarProps {
|
|
4
|
+
menus: SideNavbarMenu[];
|
|
5
|
+
}
|
|
6
|
+
declare const SideNavbar: React.FC<SideNavbarProps>;
|
|
7
|
+
export default SideNavbar;
|
|
8
|
+
//# sourceMappingURL=SideNavbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SideNavbar.d.ts","sourceRoot":"","sources":["../../../src/components/navbars/SideNavbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAK9C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAyED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgFzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TopNavbar.d.ts","sourceRoot":"","sources":["../../../src/components/navbars/TopNavbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAkB3D,MAAM,WAAW,cAAc;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0JvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React, ReactNode } from 'react';
|
|
2
|
+
export interface LoginProps {
|
|
3
|
+
slogan: string;
|
|
4
|
+
logo: ReactNode;
|
|
5
|
+
pageTitle: string;
|
|
6
|
+
error?: string | null;
|
|
7
|
+
}
|
|
8
|
+
declare const Login: React.FC<LoginProps>;
|
|
9
|
+
export default Login;
|
|
10
|
+
//# sourceMappingURL=Login.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../../../src/components/pages/Login.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAiBxD,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB;AAQD,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkH/B,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ThemeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,WAAW,iBAAiB;IAChC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmB7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BorderRadius, Variant } from '../../../types';
|
|
3
|
+
export type BadgeVariant = Variant | `${Variant}`;
|
|
4
|
+
export type BadgeSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export interface BadgeProps {
|
|
6
|
+
dot?: boolean;
|
|
7
|
+
size?: BadgeSize;
|
|
8
|
+
className?: string;
|
|
9
|
+
variant?: BadgeVariant;
|
|
10
|
+
rounded?: BorderRadius | `${BorderRadius}`;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export declare const Badge: React.FC<BadgeProps>;
|
|
14
|
+
//# sourceMappingURL=Badge.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/badges/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,GAAG,OAAO,EAAE,CAAC;AAElD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,YAAY,GAAG,GAAG,YAAY,EAAE,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAqBD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA8BtC,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { ButtonHTMLAttributes, MouseEventHandler, ReactNode, default as React } from 'react';
|
|
2
|
+
import { Variant, Size, BorderRadius, Position } from '../../../types';
|
|
3
|
+
export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'size'> {
|
|
4
|
+
/** How large should the button be? */
|
|
5
|
+
size?: Size;
|
|
6
|
+
/** Button contents */
|
|
7
|
+
label?: string;
|
|
8
|
+
/** Optional React node contents */
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
/** Icon element (React node) */
|
|
11
|
+
icon?: ReactNode;
|
|
12
|
+
/** Optional tooltip content */
|
|
13
|
+
tooltip?: string;
|
|
14
|
+
/** Button variant type */
|
|
15
|
+
variant?: Variant;
|
|
16
|
+
/** Use outline style for primary button */
|
|
17
|
+
outline?: boolean;
|
|
18
|
+
/** Accessible label for icon-only buttons */
|
|
19
|
+
ariaLabel?: string;
|
|
20
|
+
/** Tooltip visual style (defaults to button variant) */
|
|
21
|
+
tooltipVariant?: Variant;
|
|
22
|
+
/** Border radius style */
|
|
23
|
+
rounded?: BorderRadius;
|
|
24
|
+
/** Tooltip placement relative to the button */
|
|
25
|
+
tooltipPosition?: Position;
|
|
26
|
+
/** Optional click handler */
|
|
27
|
+
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
28
|
+
/** Optional className overrides for layout tweaks */
|
|
29
|
+
className?: string;
|
|
30
|
+
/** Show an inline loader and disable the button */
|
|
31
|
+
loading?: boolean;
|
|
32
|
+
/** Accessible label for the loading state */
|
|
33
|
+
loadingLabel?: string;
|
|
34
|
+
}
|
|
35
|
+
/**
|
|
36
|
+
* A versatile, accessible button component with support for multiple variants, sizes, and optional tooltips.
|
|
37
|
+
*
|
|
38
|
+
* @component
|
|
39
|
+
* @example
|
|
40
|
+
* // Basic button
|
|
41
|
+
* <Button label="Click me" variant={Variant.Primary} />
|
|
42
|
+
*
|
|
43
|
+
* @example
|
|
44
|
+
* // Icon-only button with tooltip
|
|
45
|
+
* <Button icon={<CheckIcon />} tooltip="Confirm" ariaLabel="Confirm action" />
|
|
46
|
+
*
|
|
47
|
+
* @example
|
|
48
|
+
* // Outline variant with custom size
|
|
49
|
+
* <Button label="Secondary" variant={Variant.Secondary} outline size={Size.Large} />
|
|
50
|
+
*
|
|
51
|
+
* @param {ButtonProps} props - The component props
|
|
52
|
+
* @param {Size} [props.size=Size.Medium] - The button size (small, medium, or large)
|
|
53
|
+
* @param {string} [props.label] - The button text content
|
|
54
|
+
* @param {ReactNode} [props.icon] - Icon element to display alongside or instead of label
|
|
55
|
+
* @param {string} [props.tooltip] - Optional tooltip text displayed on hover
|
|
56
|
+
* @param {Variant} [props.variant=Variant.Primary] - Visual style variant (primary, secondary, success, danger, info, warning, default)
|
|
57
|
+
* @param {boolean} [props.outline=false] - If true, renders button with outline style instead of filled
|
|
58
|
+
* @param {string} [props.ariaLabel] - Accessible label for icon-only buttons; required when no label is provided
|
|
59
|
+
* @param {Variant} [props.tooltipVariant] - Tooltip color variant; defaults to button variant if not specified
|
|
60
|
+
* @param {BorderRadius} [props.rounded=BorderRadius.Medium] - Border radius style (sm, md, lg, none, full)
|
|
61
|
+
* @param {Position} [props.tooltipPosition=Position.Top] - Tooltip placement relative to button (top, bottom, left, right)
|
|
62
|
+
* @param {MouseEventHandler<HTMLButtonElement>} [props.onClick] - Click event handler
|
|
63
|
+
* @param {ReactNode} [props.children] - Optional custom content rendered inside the button
|
|
64
|
+
* @returns {JSX.Element} The rendered button element with optional tooltip
|
|
65
|
+
*/
|
|
66
|
+
declare const Button: React.FC<ButtonProps>;
|
|
67
|
+
export default Button;
|
|
68
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/buttons/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EAGpB,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,CACP;IACC,sCAAsC;IACtC,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,gCAAgC;IAChC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,+CAA+C;IAC/C,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,6BAA6B;IAC7B,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IAC/C,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuNjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
import { Variant, BorderRadius } from '../../../types';
|
|
3
|
+
export type CardProps = {
|
|
4
|
+
variant?: Variant;
|
|
5
|
+
className?: string;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
rounded?: BorderRadius;
|
|
8
|
+
shouldTitleBgColor?: boolean;
|
|
9
|
+
};
|
|
10
|
+
export type CardHeaderProps = {
|
|
11
|
+
className?: string;
|
|
12
|
+
children: ReactNode;
|
|
13
|
+
};
|
|
14
|
+
export type CardFooterProps = {
|
|
15
|
+
className?: string;
|
|
16
|
+
children: ReactNode;
|
|
17
|
+
};
|
|
18
|
+
declare const Card: FC<CardProps>;
|
|
19
|
+
export declare const CardHeader: FC<CardHeaderProps>;
|
|
20
|
+
export declare const CardFooter: FC<CardFooterProps>;
|
|
21
|
+
export declare const CardBody: FC<CardHeaderProps>;
|
|
22
|
+
export default Card;
|
|
23
|
+
//# sourceMappingURL=Card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/cards/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEhD,MAAM,MAAM,SAAS,GAAG;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AA6CF,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAyBvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAwB1C,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAW1C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,eAAe,CAWxC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Variant } from '../../../types';
|
|
3
|
+
export interface GlobalLoaderProps {
|
|
4
|
+
/** Controls visibility */
|
|
5
|
+
open: boolean;
|
|
6
|
+
/** Text message displayed beside the spinner */
|
|
7
|
+
message?: string;
|
|
8
|
+
/** Color theme for the loader */
|
|
9
|
+
variant?: Variant;
|
|
10
|
+
/** Apply a subtle backdrop blur */
|
|
11
|
+
blur?: boolean;
|
|
12
|
+
/** Hide the dimmed overlay when false */
|
|
13
|
+
showBackdrop?: boolean;
|
|
14
|
+
/** Optional className overrides for the outer overlay */
|
|
15
|
+
overlayClassName?: string;
|
|
16
|
+
}
|
|
17
|
+
declare const GlobalLoader: React.FC<GlobalLoaderProps>;
|
|
18
|
+
export default GlobalLoader;
|
|
19
|
+
//# sourceMappingURL=GlobalLoader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GlobalLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loaders/GlobalLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAGlC,MAAM,WAAW,iBAAiB;IAChC,0BAA0B;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iCAAiC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mCAAmC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,yCAAyC;IACzC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0C7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { Variant } from '../../../types';
|
|
3
|
+
type LoaderSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
4
|
+
export interface InlineLoaderProps {
|
|
5
|
+
/** Visual size of the spinner */
|
|
6
|
+
size?: LoaderSize;
|
|
7
|
+
/** Color theme aligned to button variants */
|
|
8
|
+
variant?: Variant;
|
|
9
|
+
/** Accessible label; also rendered when showLabel is true */
|
|
10
|
+
label?: string;
|
|
11
|
+
/** Whether to show the label text beside the spinner */
|
|
12
|
+
showLabel?: boolean;
|
|
13
|
+
/** Extra classNames for layout overrides */
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
declare const InlineLoader: FC<InlineLoaderProps>;
|
|
17
|
+
export default InlineLoader;
|
|
18
|
+
//# sourceMappingURL=InlineLoader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InlineLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loaders/InlineLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAElC,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,iBAAiB;IAChC,iCAAiC;IACjC,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmBD,QAAA,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+BvC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loaders/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Variant } from '../../../types';
|
|
2
|
+
export interface PaginationProps {
|
|
3
|
+
limit: number;
|
|
4
|
+
totalDocs: number;
|
|
5
|
+
variant?: Variant;
|
|
6
|
+
outline?: boolean;
|
|
7
|
+
totalPages: number;
|
|
8
|
+
currentPage: number;
|
|
9
|
+
hasPrevPage: boolean;
|
|
10
|
+
hasNextPage: boolean;
|
|
11
|
+
onPageChange: (page: number) => void;
|
|
12
|
+
onLimitChange: (limit: number) => void;
|
|
13
|
+
}
|
|
14
|
+
declare const Pagination: ({ limit, totalDocs, totalPages, currentPage, hasPrevPage, hasNextPage, onPageChange, onLimitChange, outline, variant, }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export default Pagination;
|
|
16
|
+
//# sourceMappingURL=Pagination.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/paginations/Pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAQ,MAAM,SAAS,CAAC;AAIxC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,QAAA,MAAM,UAAU,GAAI,yHAWjB,eAAe,4CAkLjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { BorderRadius } from '../../../types';
|
|
3
|
+
export interface TableProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
rounded?: BorderRadius;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
export declare const Table: React.FC<TableProps>;
|
|
9
|
+
export interface TableHeaderProps {
|
|
10
|
+
className?: string;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
export declare const TableHeader: React.FC<TableHeaderProps>;
|
|
14
|
+
export interface TableBodyProps {
|
|
15
|
+
className?: string;
|
|
16
|
+
children: React.ReactNode;
|
|
17
|
+
}
|
|
18
|
+
export declare const TableBody: React.FC<TableBodyProps>;
|
|
19
|
+
export interface TableRowProps {
|
|
20
|
+
hover?: boolean;
|
|
21
|
+
className?: string;
|
|
22
|
+
children: React.ReactNode;
|
|
23
|
+
}
|
|
24
|
+
export declare const TableRow: React.FC<TableRowProps>;
|
|
25
|
+
export interface TableHeadProps {
|
|
26
|
+
className?: string;
|
|
27
|
+
children: React.ReactNode;
|
|
28
|
+
align?: 'left' | 'center' | 'right';
|
|
29
|
+
}
|
|
30
|
+
export declare const TableHead: React.FC<TableHeadProps>;
|
|
31
|
+
export interface TableDataProps {
|
|
32
|
+
colSpan?: number;
|
|
33
|
+
className?: string;
|
|
34
|
+
children: React.ReactNode;
|
|
35
|
+
align?: 'left' | 'center' | 'right';
|
|
36
|
+
}
|
|
37
|
+
export declare const TableData: React.FC<TableDataProps>;
|
|
38
|
+
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tables/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAcvC,MAAM,WAAW,UAAU;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAkBtC,CAAC;AAEF,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAWlD,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAS9C,CAAC;AAEF,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuB5C,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAwB9C,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoB9C,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
export interface TooltipProps {
|
|
3
|
+
text: string;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
position?: 'top' | 'bottom' | 'left' | 'right';
|
|
6
|
+
color?: 'violet' | 'yellow' | 'red' | 'default';
|
|
7
|
+
}
|
|
8
|
+
declare const Tooltip: React.FC<TooltipProps>;
|
|
9
|
+
export default Tooltip;
|
|
10
|
+
//# sourceMappingURL=Tooltip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltips/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;CACjD;AAyBD,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA4BnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type Theme = 'light' | 'dark' | 'system';
|
|
3
|
+
export interface ThemeContextType {
|
|
4
|
+
theme: Theme;
|
|
5
|
+
setTheme: (theme: Theme) => void;
|
|
6
|
+
resolvedTheme: 'light' | 'dark';
|
|
7
|
+
}
|
|
8
|
+
export declare const ThemeProvider: ({ children }: {
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare const useTheme: () => ThemeContextType;
|
|
12
|
+
//# sourceMappingURL=ThemeContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEhD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,aAAa,EAAE,OAAO,GAAG,MAAM,CAAC;CACjC;AAID,eAAO,MAAM,aAAa,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,4CAgElE,CAAC;AAEF,eAAO,MAAM,QAAQ,wBAMpB,CAAC"}
|