uiplex 1.0.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 +22 -0
- package/README.md +207 -0
- package/dist/Box/Box.d.ts +52 -0
- package/dist/Box/Box.d.ts.map +1 -0
- package/dist/Box/index.d.ts +3 -0
- package/dist/Box/index.d.ts.map +1 -0
- package/dist/Button/Button.d.ts +17 -0
- package/dist/Button/Button.d.ts.map +1 -0
- package/dist/Button/index.d.ts +3 -0
- package/dist/Button/index.d.ts.map +1 -0
- package/dist/CircularProgress/CircularProgress.d.ts +23 -0
- package/dist/CircularProgress/CircularProgress.d.ts.map +1 -0
- package/dist/CircularProgress/index.d.ts +3 -0
- package/dist/CircularProgress/index.d.ts.map +1 -0
- package/dist/Flex/Flex.d.ts +57 -0
- package/dist/Flex/Flex.d.ts.map +1 -0
- package/dist/Flex/index.d.ts +3 -0
- package/dist/Flex/index.d.ts.map +1 -0
- package/dist/FormControl/FormControl.d.ts +20 -0
- package/dist/FormControl/FormControl.d.ts.map +1 -0
- package/dist/FormControl/FormErrorMessage.d.ts +8 -0
- package/dist/FormControl/FormErrorMessage.d.ts.map +1 -0
- package/dist/FormControl/FormLabel.d.ts +9 -0
- package/dist/FormControl/FormLabel.d.ts.map +1 -0
- package/dist/FormControl/index.d.ts +7 -0
- package/dist/FormControl/index.d.ts.map +1 -0
- package/dist/Grid/Grid.d.ts +42 -0
- package/dist/Grid/Grid.d.ts.map +1 -0
- package/dist/Grid/index.d.ts +3 -0
- package/dist/Grid/index.d.ts.map +1 -0
- package/dist/IconButton/IconButton.d.ts +15 -0
- package/dist/IconButton/IconButton.d.ts.map +1 -0
- package/dist/IconButton/index.d.ts +3 -0
- package/dist/IconButton/index.d.ts.map +1 -0
- package/dist/Input/Input.d.ts +13 -0
- package/dist/Input/Input.d.ts.map +1 -0
- package/dist/Input/index.d.ts +3 -0
- package/dist/Input/index.d.ts.map +1 -0
- package/dist/Link/Link.d.ts +13 -0
- package/dist/Link/Link.d.ts.map +1 -0
- package/dist/Link/index.d.ts +3 -0
- package/dist/Link/index.d.ts.map +1 -0
- package/dist/Loader/Loader.d.ts +12 -0
- package/dist/Loader/Loader.d.ts.map +1 -0
- package/dist/Loader/index.d.ts +3 -0
- package/dist/Loader/index.d.ts.map +1 -0
- package/dist/Modal/Modal.d.ts +45 -0
- package/dist/Modal/Modal.d.ts.map +1 -0
- package/dist/Modal/index.d.ts +3 -0
- package/dist/Modal/index.d.ts.map +1 -0
- package/dist/Popover/Popover.d.ts +43 -0
- package/dist/Popover/Popover.d.ts.map +1 -0
- package/dist/Popover/index.d.ts +3 -0
- package/dist/Popover/index.d.ts.map +1 -0
- package/dist/Radio/Radio.d.ts +34 -0
- package/dist/Radio/Radio.d.ts.map +1 -0
- package/dist/Radio/index.d.ts +3 -0
- package/dist/Radio/index.d.ts.map +1 -0
- package/dist/Text/Text.d.ts +17 -0
- package/dist/Text/Text.d.ts.map +1 -0
- package/dist/Text/index.d.ts +3 -0
- package/dist/Text/index.d.ts.map +1 -0
- package/dist/Textarea/Textarea.d.ts +14 -0
- package/dist/Textarea/Textarea.d.ts.map +1 -0
- package/dist/Textarea/index.d.ts +3 -0
- package/dist/Textarea/index.d.ts.map +1 -0
- package/dist/Theme/ThemeProvider.d.ts +15 -0
- package/dist/Theme/ThemeProvider.d.ts.map +1 -0
- package/dist/Theme/ThemeScript.d.ts +31 -0
- package/dist/Theme/ThemeScript.d.ts.map +1 -0
- package/dist/Theme/ThemeToggle.d.ts +10 -0
- package/dist/Theme/ThemeToggle.d.ts.map +1 -0
- package/dist/Theme/index.d.ts +5 -0
- package/dist/Theme/index.d.ts.map +1 -0
- package/dist/Toast/Toast.d.ts +26 -0
- package/dist/Toast/Toast.d.ts.map +1 -0
- package/dist/Toast/ToastContainerGlobal.d.ts +3 -0
- package/dist/Toast/ToastContainerGlobal.d.ts.map +1 -0
- package/dist/Toast/ToastProvider.d.ts +11 -0
- package/dist/Toast/ToastProvider.d.ts.map +1 -0
- package/dist/Toast/ToastStatic.d.ts +18 -0
- package/dist/Toast/ToastStatic.d.ts.map +1 -0
- package/dist/Toast/index.d.ts +6 -0
- package/dist/Toast/index.d.ts.map +1 -0
- package/dist/Toast/toastManager.d.ts +28 -0
- package/dist/Toast/toastManager.d.ts.map +1 -0
- package/dist/Toast/useToast.d.ts +17 -0
- package/dist/Toast/useToast.d.ts.map +1 -0
- package/dist/Tooltip/Tooltip.d.ts +14 -0
- package/dist/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/Tooltip/index.d.ts +3 -0
- package/dist/Tooltip/index.d.ts.map +1 -0
- package/dist/hooks/index.d.ts +5 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/useDisclosure.d.ts +8 -0
- package/dist/hooks/useDisclosure.d.ts.map +1 -0
- package/dist/hooks/useOutsideClick.d.ts +8 -0
- package/dist/hooks/useOutsideClick.d.ts.map +1 -0
- package/dist/index.cjs +1097 -0
- package/dist/index.css +2339 -0
- package/dist/index.d.ts +59 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +1056 -0
- package/package.json +72 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2024
|
|
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.
|
|
22
|
+
|
package/README.md
ADDED
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
# uiplex
|
|
2
|
+
|
|
3
|
+
A modern React component library built with TypeScript, featuring beautiful, accessible, and customizable UI components.
|
|
4
|
+
|
|
5
|
+
## Installation
|
|
6
|
+
|
|
7
|
+
```bash
|
|
8
|
+
npm install uiplex
|
|
9
|
+
# or
|
|
10
|
+
yarn add uiplex
|
|
11
|
+
# or
|
|
12
|
+
pnpm add uiplex
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
## Peer Dependencies
|
|
16
|
+
|
|
17
|
+
This library requires React 18+:
|
|
18
|
+
|
|
19
|
+
```bash
|
|
20
|
+
npm install react react-dom
|
|
21
|
+
```
|
|
22
|
+
|
|
23
|
+
## Quick Start
|
|
24
|
+
|
|
25
|
+
**With Modern Bundlers (Vite, Webpack 5, Next.js, etc.):**
|
|
26
|
+
|
|
27
|
+
CSS is automatically included when you import components! Just import and use:
|
|
28
|
+
|
|
29
|
+
```tsx
|
|
30
|
+
import { Button, Loader, Radio, RadioGroup, ThemeProvider } from 'uiplex';
|
|
31
|
+
|
|
32
|
+
function App() {
|
|
33
|
+
return (
|
|
34
|
+
<ThemeProvider>
|
|
35
|
+
<Button variant="primary" size="md">
|
|
36
|
+
Click me
|
|
37
|
+
</Button>
|
|
38
|
+
</ThemeProvider>
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
```
|
|
42
|
+
|
|
43
|
+
**If CSS is not automatically loaded**, import it manually:
|
|
44
|
+
|
|
45
|
+
```tsx
|
|
46
|
+
import { Button } from 'uiplex';
|
|
47
|
+
import 'uiplex/styles.css'; // Only needed if bundler doesn't auto-include
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
## Components
|
|
51
|
+
|
|
52
|
+
### Button
|
|
53
|
+
|
|
54
|
+
A versatile button component with multiple variants, sizes, and color schemes.
|
|
55
|
+
|
|
56
|
+
```tsx
|
|
57
|
+
import { Button } from 'uiplex';
|
|
58
|
+
|
|
59
|
+
<Button variant="primary" size="md" colorScheme="blue">
|
|
60
|
+
Primary Button
|
|
61
|
+
</Button>
|
|
62
|
+
|
|
63
|
+
<Button variant="outline" size="lg" loading>
|
|
64
|
+
Loading...
|
|
65
|
+
</Button>
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
**Props:**
|
|
69
|
+
- `variant`: `"primary" | "secondary" | "outline" | "link"`
|
|
70
|
+
- `size`: `"xs" | "sm" | "md" | "lg"`
|
|
71
|
+
- `colorScheme`: `"blue" | "green" | "red" | "yellow" | "purple" | "gray"`
|
|
72
|
+
- `disabled`: `boolean`
|
|
73
|
+
- `loading`: `boolean`
|
|
74
|
+
- `leftIcon`: `ReactNode`
|
|
75
|
+
- `rightIcon`: `ReactNode`
|
|
76
|
+
|
|
77
|
+
### Loader
|
|
78
|
+
|
|
79
|
+
A flexible loading indicator with multiple variants.
|
|
80
|
+
|
|
81
|
+
```tsx
|
|
82
|
+
import { Loader } from 'uiplex';
|
|
83
|
+
|
|
84
|
+
<Loader variant="spinner" size="md" />
|
|
85
|
+
<Loader variant="dots" size="lg" />
|
|
86
|
+
<Loader variant="pulse" isCentered />
|
|
87
|
+
```
|
|
88
|
+
|
|
89
|
+
**Props:**
|
|
90
|
+
- `variant`: `"spinner" | "dots" | "pulse"`
|
|
91
|
+
- `size`: `"xs" | "sm" | "md" | "lg"`
|
|
92
|
+
- `width`: `number` (optional)
|
|
93
|
+
- `height`: `number` (optional)
|
|
94
|
+
- `isCentered`: `boolean`
|
|
95
|
+
|
|
96
|
+
### Radio & RadioGroup
|
|
97
|
+
|
|
98
|
+
Radio button components with support for groups and custom styling.
|
|
99
|
+
|
|
100
|
+
```tsx
|
|
101
|
+
import { Radio, RadioGroup } from 'uiplex';
|
|
102
|
+
|
|
103
|
+
<RadioGroup
|
|
104
|
+
name="option"
|
|
105
|
+
value={selected}
|
|
106
|
+
onChange={(value) => setSelected(value)}
|
|
107
|
+
options={[
|
|
108
|
+
{ value: '1', label: 'Option 1' },
|
|
109
|
+
{ value: '2', label: 'Option 2' },
|
|
110
|
+
]}
|
|
111
|
+
/>
|
|
112
|
+
```
|
|
113
|
+
|
|
114
|
+
**Radio Props:**
|
|
115
|
+
- `name`: `string` (required)
|
|
116
|
+
- `value`: `string`
|
|
117
|
+
- `checked`: `boolean`
|
|
118
|
+
- `disabled`: `boolean`
|
|
119
|
+
- `label`: `string`
|
|
120
|
+
- `description`: `string`
|
|
121
|
+
- `size`: `"sm" | "md" | "lg"`
|
|
122
|
+
- `colorScheme`: `"blue" | "green" | "red" | "yellow" | "purple" | "gray"`
|
|
123
|
+
|
|
124
|
+
**RadioGroup Props:**
|
|
125
|
+
- `name`: `string` (required)
|
|
126
|
+
- `value`: `string`
|
|
127
|
+
- `options`: `Array<{ value: string; label?: string; description?: string; disabled?: boolean }>`
|
|
128
|
+
- `orientation`: `"horizontal" | "vertical"`
|
|
129
|
+
|
|
130
|
+
## Theme System
|
|
131
|
+
|
|
132
|
+
The library includes a comprehensive theme system with light, dark, and system preference support.
|
|
133
|
+
|
|
134
|
+
### ThemeProvider
|
|
135
|
+
|
|
136
|
+
Wrap your app with `ThemeProvider` to enable theme functionality:
|
|
137
|
+
|
|
138
|
+
```tsx
|
|
139
|
+
import { ThemeProvider, useTheme } from 'uiplex';
|
|
140
|
+
import 'uiplex/theme.css';
|
|
141
|
+
|
|
142
|
+
function App() {
|
|
143
|
+
return (
|
|
144
|
+
<ThemeProvider defaultTheme="system">
|
|
145
|
+
<YourApp />
|
|
146
|
+
</ThemeProvider>
|
|
147
|
+
);
|
|
148
|
+
}
|
|
149
|
+
```
|
|
150
|
+
|
|
151
|
+
### useTheme Hook
|
|
152
|
+
|
|
153
|
+
Access and control the theme in your components:
|
|
154
|
+
|
|
155
|
+
```tsx
|
|
156
|
+
import { useTheme } from 'uiplex';
|
|
157
|
+
|
|
158
|
+
function MyComponent() {
|
|
159
|
+
const { theme, setTheme, resolvedTheme } = useTheme();
|
|
160
|
+
|
|
161
|
+
return (
|
|
162
|
+
<div>
|
|
163
|
+
<p>Current theme: {resolvedTheme}</p>
|
|
164
|
+
<button onClick={() => setTheme('dark')}>Dark</button>
|
|
165
|
+
<button onClick={() => setTheme('light')}>Light</button>
|
|
166
|
+
<button onClick={() => setTheme('system')}>System</button>
|
|
167
|
+
</div>
|
|
168
|
+
);
|
|
169
|
+
}
|
|
170
|
+
```
|
|
171
|
+
|
|
172
|
+
### ThemeToggle Component
|
|
173
|
+
|
|
174
|
+
A ready-to-use theme toggle component:
|
|
175
|
+
|
|
176
|
+
```tsx
|
|
177
|
+
import { ThemeToggle } from 'uiplex';
|
|
178
|
+
|
|
179
|
+
<ThemeToggle />
|
|
180
|
+
```
|
|
181
|
+
|
|
182
|
+
## Styling
|
|
183
|
+
|
|
184
|
+
**CSS is automatically included** when you import components (with modern bundlers like Vite, Webpack 5, Next.js, etc.). The library uses CSS variables for theming.
|
|
185
|
+
|
|
186
|
+
The bundled CSS includes:
|
|
187
|
+
- Theme CSS variables (light/dark mode support)
|
|
188
|
+
- Button styles
|
|
189
|
+
- Loader styles
|
|
190
|
+
- Radio styles
|
|
191
|
+
|
|
192
|
+
All components automatically adapt to the current theme (light/dark) based on CSS variables.
|
|
193
|
+
|
|
194
|
+
**If you need to import CSS manually** (for older bundlers or specific setups):
|
|
195
|
+
|
|
196
|
+
```tsx
|
|
197
|
+
import 'uiplex/styles.css';
|
|
198
|
+
```
|
|
199
|
+
|
|
200
|
+
## TypeScript Support
|
|
201
|
+
|
|
202
|
+
This library is built with TypeScript and includes full type definitions. All components and their props are fully typed.
|
|
203
|
+
|
|
204
|
+
## License
|
|
205
|
+
|
|
206
|
+
MIT
|
|
207
|
+
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./Box.css";
|
|
3
|
+
export interface BoxProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
as?: keyof JSX.IntrinsicElements;
|
|
6
|
+
className?: string;
|
|
7
|
+
position?: "static" | "relative" | "absolute" | "fixed" | "sticky";
|
|
8
|
+
top?: number | string;
|
|
9
|
+
right?: number | string;
|
|
10
|
+
bottom?: number | string;
|
|
11
|
+
left?: number | string;
|
|
12
|
+
zIndex?: number | string;
|
|
13
|
+
display?: "block" | "inline-block" | "inline" | "flex" | "inline-flex" | "grid" | "inline-grid" | "none";
|
|
14
|
+
width?: number | string;
|
|
15
|
+
height?: number | string;
|
|
16
|
+
minWidth?: number | string;
|
|
17
|
+
maxWidth?: number | string;
|
|
18
|
+
minHeight?: number | string;
|
|
19
|
+
maxHeight?: number | string;
|
|
20
|
+
padding?: number | string;
|
|
21
|
+
paddingTop?: number | string;
|
|
22
|
+
paddingRight?: number | string;
|
|
23
|
+
paddingBottom?: number | string;
|
|
24
|
+
paddingLeft?: number | string;
|
|
25
|
+
margin?: number | string;
|
|
26
|
+
marginTop?: number | string;
|
|
27
|
+
marginRight?: number | string;
|
|
28
|
+
marginBottom?: number | string;
|
|
29
|
+
marginLeft?: number | string;
|
|
30
|
+
overflow?: "visible" | "hidden" | "scroll" | "auto";
|
|
31
|
+
overflowX?: "visible" | "hidden" | "scroll" | "auto";
|
|
32
|
+
overflowY?: "visible" | "hidden" | "scroll" | "auto";
|
|
33
|
+
color?: string;
|
|
34
|
+
backgroundColor?: string;
|
|
35
|
+
bg?: string;
|
|
36
|
+
opacity?: number;
|
|
37
|
+
border?: string;
|
|
38
|
+
borderWidth?: number | string;
|
|
39
|
+
borderStyle?: "solid" | "dashed" | "dotted" | "none";
|
|
40
|
+
borderColor?: string;
|
|
41
|
+
borderRadius?: number | string;
|
|
42
|
+
boxShadow?: string;
|
|
43
|
+
shadow?: string;
|
|
44
|
+
fontSize?: number | string;
|
|
45
|
+
fontWeight?: number | string;
|
|
46
|
+
lineHeight?: number | string;
|
|
47
|
+
textAlign?: "left" | "center" | "right" | "justify";
|
|
48
|
+
textDecoration?: "none" | "underline" | "line-through";
|
|
49
|
+
style?: React.CSSProperties;
|
|
50
|
+
}
|
|
51
|
+
export declare const Box: React.FC<BoxProps>;
|
|
52
|
+
//# sourceMappingURL=Box.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box/Box.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./Button.css";
|
|
3
|
+
export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "style"> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
variant?: "primary" | "secondary" | "outline" | "link";
|
|
6
|
+
size?: "xs" | "sm" | "md" | "lg";
|
|
7
|
+
colorScheme?: "blue" | "green" | "red" | "yellow" | "purple" | "gray";
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
loading?: boolean;
|
|
10
|
+
leftIcon?: React.ReactNode;
|
|
11
|
+
rightIcon?: React.ReactNode;
|
|
12
|
+
onClick?: () => void;
|
|
13
|
+
className?: string;
|
|
14
|
+
style?: React.CSSProperties;
|
|
15
|
+
}
|
|
16
|
+
export declare const Button: React.FC<ButtonProps>;
|
|
17
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,cAAc,CAAC;AAEtB,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAuExC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./CircularProgress.css";
|
|
3
|
+
export interface CircularProgressProps {
|
|
4
|
+
value?: number;
|
|
5
|
+
min?: number;
|
|
6
|
+
max?: number;
|
|
7
|
+
size?: number | string;
|
|
8
|
+
thickness?: number;
|
|
9
|
+
color?: string;
|
|
10
|
+
trackColor?: string;
|
|
11
|
+
isIndeterminate?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
style?: React.CSSProperties;
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
}
|
|
16
|
+
export declare const CircularProgress: React.FC<CircularProgressProps>;
|
|
17
|
+
export interface CircularProgressLabelProps {
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
className?: string;
|
|
20
|
+
style?: React.CSSProperties;
|
|
21
|
+
}
|
|
22
|
+
export declare const CircularProgressLabel: React.FC<CircularProgressLabelProps>;
|
|
23
|
+
//# sourceMappingURL=CircularProgress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../src/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,qBAAqB;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyE5D,CAAC;AAEF,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAUtE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CircularProgress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAC7E,YAAY,EACV,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./Flex.css";
|
|
3
|
+
export interface FlexProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
direction?: "row" | "column" | "row-reverse" | "column-reverse";
|
|
6
|
+
align?: "start" | "end" | "center" | "stretch" | "baseline";
|
|
7
|
+
alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
|
|
8
|
+
justify?: "start" | "end" | "center" | "between" | "around" | "evenly";
|
|
9
|
+
justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
|
|
10
|
+
wrap?: "nowrap" | "wrap" | "wrap-reverse";
|
|
11
|
+
gap?: number | string;
|
|
12
|
+
className?: string;
|
|
13
|
+
position?: "static" | "relative" | "absolute" | "fixed" | "sticky";
|
|
14
|
+
top?: number | string;
|
|
15
|
+
right?: number | string;
|
|
16
|
+
bottom?: number | string;
|
|
17
|
+
left?: number | string;
|
|
18
|
+
zIndex?: number | string;
|
|
19
|
+
width?: number | string;
|
|
20
|
+
height?: number | string;
|
|
21
|
+
minWidth?: number | string;
|
|
22
|
+
maxWidth?: number | string;
|
|
23
|
+
minHeight?: number | string;
|
|
24
|
+
maxHeight?: number | string;
|
|
25
|
+
padding?: number | string;
|
|
26
|
+
paddingTop?: number | string;
|
|
27
|
+
paddingRight?: number | string;
|
|
28
|
+
paddingBottom?: number | string;
|
|
29
|
+
paddingLeft?: number | string;
|
|
30
|
+
margin?: number | string;
|
|
31
|
+
marginTop?: number | string;
|
|
32
|
+
marginRight?: number | string;
|
|
33
|
+
marginBottom?: number | string;
|
|
34
|
+
marginLeft?: number | string;
|
|
35
|
+
overflow?: "visible" | "hidden" | "scroll" | "auto";
|
|
36
|
+
overflowX?: "visible" | "hidden" | "scroll" | "auto";
|
|
37
|
+
overflowY?: "visible" | "hidden" | "scroll" | "auto";
|
|
38
|
+
color?: string;
|
|
39
|
+
backgroundColor?: string;
|
|
40
|
+
bg?: string;
|
|
41
|
+
opacity?: number;
|
|
42
|
+
border?: string;
|
|
43
|
+
borderWidth?: number | string;
|
|
44
|
+
borderStyle?: "solid" | "dashed" | "dotted" | "none";
|
|
45
|
+
borderColor?: string;
|
|
46
|
+
borderRadius?: number | string;
|
|
47
|
+
boxShadow?: string;
|
|
48
|
+
shadow?: string;
|
|
49
|
+
fontSize?: number | string;
|
|
50
|
+
fontWeight?: number | string;
|
|
51
|
+
lineHeight?: number | string;
|
|
52
|
+
textAlign?: "left" | "center" | "right" | "justify";
|
|
53
|
+
textDecoration?: "none" | "underline" | "line-through";
|
|
54
|
+
style?: React.CSSProperties;
|
|
55
|
+
}
|
|
56
|
+
export declare const Flex: React.FC<FlexProps>;
|
|
57
|
+
//# sourceMappingURL=Flex.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Flex.d.ts","sourceRoot":"","sources":["../../src/Flex/Flex.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Flex/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./FormControl.css";
|
|
3
|
+
interface FormControlContextValue {
|
|
4
|
+
isInvalid?: boolean;
|
|
5
|
+
isRequired?: boolean;
|
|
6
|
+
isDisabled?: boolean;
|
|
7
|
+
id?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const useFormControlContext: () => FormControlContextValue;
|
|
10
|
+
export interface FormControlProps {
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
isInvalid?: boolean;
|
|
13
|
+
isRequired?: boolean;
|
|
14
|
+
isDisabled?: boolean;
|
|
15
|
+
id?: string;
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare const FormControl: React.FC<FormControlProps>;
|
|
19
|
+
export {};
|
|
20
|
+
//# sourceMappingURL=FormControl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormControl.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormControl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,mBAAmB,CAAC;AAE3B,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAID,eAAO,MAAM,qBAAqB,+BAAuC,CAAC;AAE1E,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoBlD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface FormErrorMessageProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
style?: React.CSSProperties;
|
|
6
|
+
}
|
|
7
|
+
export declare const FormErrorMessage: React.FC<FormErrorMessageProps>;
|
|
8
|
+
//# sourceMappingURL=FormErrorMessage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormErrorMessage.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormErrorMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAoB5D,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface FormLabelProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
htmlFor?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
}
|
|
8
|
+
export declare const FormLabel: React.FC<FormLabelProps>;
|
|
9
|
+
//# sourceMappingURL=FormLabel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../src/FormControl/FormLabel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqB9C,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { FormControl, useFormControlContext } from "./FormControl";
|
|
2
|
+
export type { FormControlProps } from "./FormControl";
|
|
3
|
+
export { FormLabel } from "./FormLabel";
|
|
4
|
+
export type { FormLabelProps } from "./FormLabel";
|
|
5
|
+
export { FormErrorMessage } from "./FormErrorMessage";
|
|
6
|
+
export type { FormErrorMessageProps } from "./FormErrorMessage";
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACnE,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./Grid.css";
|
|
3
|
+
export interface GridProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "style"> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
templateColumns?: string;
|
|
6
|
+
templateRows?: string;
|
|
7
|
+
gap?: number | string;
|
|
8
|
+
columnGap?: number | string;
|
|
9
|
+
rowGap?: number | string;
|
|
10
|
+
autoFlow?: "row" | "column" | "dense" | "row dense" | "column dense";
|
|
11
|
+
autoColumns?: string;
|
|
12
|
+
autoRows?: string;
|
|
13
|
+
className?: string;
|
|
14
|
+
position?: "static" | "relative" | "absolute" | "fixed" | "sticky";
|
|
15
|
+
top?: number | string;
|
|
16
|
+
right?: number | string;
|
|
17
|
+
bottom?: number | string;
|
|
18
|
+
left?: number | string;
|
|
19
|
+
zIndex?: number | string;
|
|
20
|
+
width?: number | string;
|
|
21
|
+
height?: number | string;
|
|
22
|
+
minWidth?: number | string;
|
|
23
|
+
maxWidth?: number | string;
|
|
24
|
+
minHeight?: number | string;
|
|
25
|
+
maxHeight?: number | string;
|
|
26
|
+
padding?: number | string;
|
|
27
|
+
paddingTop?: number | string;
|
|
28
|
+
paddingRight?: number | string;
|
|
29
|
+
paddingBottom?: number | string;
|
|
30
|
+
paddingLeft?: number | string;
|
|
31
|
+
margin?: number | string;
|
|
32
|
+
marginTop?: number | string;
|
|
33
|
+
marginRight?: number | string;
|
|
34
|
+
marginBottom?: number | string;
|
|
35
|
+
marginLeft?: number | string;
|
|
36
|
+
backgroundColor?: string;
|
|
37
|
+
bg?: string;
|
|
38
|
+
borderRadius?: number | string;
|
|
39
|
+
style?: React.CSSProperties;
|
|
40
|
+
}
|
|
41
|
+
export declare const Grid: React.FC<GridProps>;
|
|
42
|
+
//# sourceMappingURL=Grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../src/Grid/Grid.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC3D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,GAAG,cAAc,CAAC;IACrE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;IACnE,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAUD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoGpC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./IconButton.css";
|
|
3
|
+
export interface IconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "style"> {
|
|
4
|
+
"aria-label": string;
|
|
5
|
+
icon: React.ReactNode;
|
|
6
|
+
size?: "xs" | "sm" | "md" | "lg";
|
|
7
|
+
variant?: "ghost" | "outline" | "solid";
|
|
8
|
+
colorScheme?: "blue" | "green" | "red" | "yellow" | "purple" | "gray";
|
|
9
|
+
isRound?: boolean;
|
|
10
|
+
isDisabled?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
}
|
|
14
|
+
export declare const IconButton: React.FC<IconButtonProps>;
|
|
15
|
+
//# sourceMappingURL=IconButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/IconButton/IconButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAiChD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./Input.css";
|
|
3
|
+
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "style"> {
|
|
4
|
+
size?: "sm" | "md" | "lg";
|
|
5
|
+
variant?: "outline" | "filled" | "unstyled";
|
|
6
|
+
isInvalid?: boolean;
|
|
7
|
+
isDisabled?: boolean;
|
|
8
|
+
isReadOnly?: boolean;
|
|
9
|
+
className?: string;
|
|
10
|
+
style?: React.CSSProperties;
|
|
11
|
+
}
|
|
12
|
+
export declare const Input: React.FC<InputProps>;
|
|
13
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA0CtC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import "./Link.css";
|
|
3
|
+
export interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'style'> {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
href: string;
|
|
6
|
+
isExternal?: boolean;
|
|
7
|
+
variant?: "link" | "underline" | "none";
|
|
8
|
+
color?: "primary" | "secondary" | "accent";
|
|
9
|
+
className?: string;
|
|
10
|
+
style?: React.CSSProperties;
|
|
11
|
+
}
|
|
12
|
+
export declare const Link: React.FC<LinkProps>;
|
|
13
|
+
//# sourceMappingURL=Link.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../../src/Link/Link.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,CAAC;AAEpB,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC7F,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;IACxC,KAAK,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA+BpC,CAAC"}
|