@nithish_atum/atum 1.0.1 → 1.0.4
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/dist/index.d.mts +259 -1
- package/dist/index.d.ts +259 -1
- package/dist/index.js +1744 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1712 -8
- package/dist/index.mjs.map +1 -1
- package/package.json +35 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,2 +1,260 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
1
3
|
|
|
2
|
-
|
|
4
|
+
type Flex$2 = "row" | "col";
|
|
5
|
+
type Gap$8 = "xs" | "sm" | "md" | "lg";
|
|
6
|
+
type Variant$2 = "default" | "elevated";
|
|
7
|
+
interface ContainerProps$5 extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
8
|
+
gap?: Gap$8;
|
|
9
|
+
flex?: Flex$2;
|
|
10
|
+
variant?: Variant$2;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
declare const Box: ({ flex, gap, variant, children, ...rest }: ContainerProps$5) => react_jsx_runtime.JSX.Element;
|
|
14
|
+
|
|
15
|
+
type Variant$1 = "primary_solid" | "primary_outline" | "primary_text";
|
|
16
|
+
interface ButtonProps$4 extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
17
|
+
variant?: Variant$1;
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
declare const Button: ({ variant, children, ...rest }: ButtonProps$4) => react_jsx_runtime.JSX.Element;
|
|
21
|
+
|
|
22
|
+
type Direction$1 = "row" | "col";
|
|
23
|
+
type Gap$7 = "xs" | "sm" | "md" | "lg";
|
|
24
|
+
type ImageURL = string;
|
|
25
|
+
type ImageAlt = string;
|
|
26
|
+
interface ContainerProps$4 extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
27
|
+
gap?: Gap$7;
|
|
28
|
+
Imageurl?: ImageURL;
|
|
29
|
+
Imagealt?: ImageAlt;
|
|
30
|
+
direction?: Direction$1;
|
|
31
|
+
children: React.ReactNode;
|
|
32
|
+
}
|
|
33
|
+
declare const Card: ({ direction, gap, Imagealt, Imageurl, children, ...rest }: ContainerProps$4) => react_jsx_runtime.JSX.Element;
|
|
34
|
+
|
|
35
|
+
interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
36
|
+
label?: React.ReactNode;
|
|
37
|
+
indeterminate?: boolean;
|
|
38
|
+
}
|
|
39
|
+
declare const Checkbox: ({ checked, indeterminate, disabled, label, ...rest }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
40
|
+
|
|
41
|
+
interface DatePickerProps {
|
|
42
|
+
value?: Date;
|
|
43
|
+
onChange?: (date: Date) => void;
|
|
44
|
+
placeholder?: string;
|
|
45
|
+
}
|
|
46
|
+
declare const DatePicker: React.FC<DatePickerProps>;
|
|
47
|
+
|
|
48
|
+
type Orientation = "horizontal" | "vertical";
|
|
49
|
+
type Size$2 = "thin" | "medium";
|
|
50
|
+
type Gap$6 = "xs" | "sm" | "md" | "lg";
|
|
51
|
+
interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
52
|
+
orientation?: Orientation;
|
|
53
|
+
size?: Size$2;
|
|
54
|
+
gap?: Gap$6;
|
|
55
|
+
}
|
|
56
|
+
declare const Divider: ({ orientation, size, gap, ...rest }: DividerProps) => react_jsx_runtime.JSX.Element;
|
|
57
|
+
|
|
58
|
+
type DrawerPlacement = "right" | "left" | "bottom";
|
|
59
|
+
interface DrawerProps {
|
|
60
|
+
open: boolean;
|
|
61
|
+
onClose?: () => void;
|
|
62
|
+
placement?: DrawerPlacement;
|
|
63
|
+
width?: number | string;
|
|
64
|
+
height?: number | string;
|
|
65
|
+
children: React.ReactNode;
|
|
66
|
+
}
|
|
67
|
+
declare const Drawer: React.FC<DrawerProps>;
|
|
68
|
+
|
|
69
|
+
type Gap$5 = "small" | "medium" | "large";
|
|
70
|
+
type FlexDirection = "row" | "col";
|
|
71
|
+
type Justify = "center" | "between" | "around" | "start" | "end" | "even";
|
|
72
|
+
type Align = "center" | "between" | "around" | "start" | "end" | "even";
|
|
73
|
+
interface ButtonProps$3 extends React.ButtonHTMLAttributes<HTMLDivElement> {
|
|
74
|
+
gap?: Gap$5;
|
|
75
|
+
flexDirection?: FlexDirection;
|
|
76
|
+
justify?: Justify;
|
|
77
|
+
align?: Align;
|
|
78
|
+
children: React.ReactNode;
|
|
79
|
+
}
|
|
80
|
+
declare const Flex$1: ({ gap, justify, align, flexDirection, children, ...rest }: ButtonProps$3) => react_jsx_runtime.JSX.Element;
|
|
81
|
+
|
|
82
|
+
interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
|
|
83
|
+
children: React.ReactNode;
|
|
84
|
+
}
|
|
85
|
+
declare const Form: ({ children, ...rest }: FormProps) => react_jsx_runtime.JSX.Element;
|
|
86
|
+
|
|
87
|
+
interface FormControlProps {
|
|
88
|
+
label?: React.ReactNode;
|
|
89
|
+
error?: React.ReactNode;
|
|
90
|
+
helperText?: React.ReactNode;
|
|
91
|
+
required?: boolean;
|
|
92
|
+
children: React.ReactNode;
|
|
93
|
+
}
|
|
94
|
+
declare const FormControl: ({ label, error, helperText, required, children, }: FormControlProps) => react_jsx_runtime.JSX.Element;
|
|
95
|
+
|
|
96
|
+
type Level = 1 | 2 | 3 | 4 | 5 | 6;
|
|
97
|
+
interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
98
|
+
level?: Level;
|
|
99
|
+
children: React.ReactNode;
|
|
100
|
+
}
|
|
101
|
+
declare const Heading: React.FC<HeadingProps>;
|
|
102
|
+
|
|
103
|
+
type InputSize = "xs" | "sm" | "md" | "lg";
|
|
104
|
+
type State$1 = "default" | "error";
|
|
105
|
+
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
106
|
+
inputSize?: InputSize;
|
|
107
|
+
state?: State$1;
|
|
108
|
+
}
|
|
109
|
+
declare const Input: React.FC<InputProps>;
|
|
110
|
+
|
|
111
|
+
type Variant = "default" | "muted";
|
|
112
|
+
interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
113
|
+
variant?: Variant;
|
|
114
|
+
external?: boolean;
|
|
115
|
+
children: React.ReactNode;
|
|
116
|
+
}
|
|
117
|
+
declare const Link: ({ variant, external, children, ...rest }: LinkProps) => react_jsx_runtime.JSX.Element;
|
|
118
|
+
|
|
119
|
+
interface ModalProps {
|
|
120
|
+
open: boolean;
|
|
121
|
+
onClose?: () => void;
|
|
122
|
+
children: React.ReactNode;
|
|
123
|
+
}
|
|
124
|
+
declare const Modal: React.FC<ModalProps>;
|
|
125
|
+
|
|
126
|
+
interface ParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
127
|
+
children: React.ReactNode;
|
|
128
|
+
}
|
|
129
|
+
declare const Paragraph: ({ children, ...rest }: ParagraphProps) => react_jsx_runtime.JSX.Element;
|
|
130
|
+
|
|
131
|
+
interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
132
|
+
label?: React.ReactNode;
|
|
133
|
+
}
|
|
134
|
+
declare const Radio: ({ checked, disabled, label, ...rest }: RadioProps) => react_jsx_runtime.JSX.Element;
|
|
135
|
+
|
|
136
|
+
type SelectSize = "sm" | "md" | "lg";
|
|
137
|
+
type SelectState = "default" | "error";
|
|
138
|
+
interface OptionType {
|
|
139
|
+
label: ReactNode;
|
|
140
|
+
value: string;
|
|
141
|
+
}
|
|
142
|
+
interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
143
|
+
value?: string;
|
|
144
|
+
placeholder?: string;
|
|
145
|
+
options?: OptionType[];
|
|
146
|
+
onChange?: (value: string) => void;
|
|
147
|
+
selectSize?: SelectSize;
|
|
148
|
+
state?: SelectState;
|
|
149
|
+
children?: ReactNode;
|
|
150
|
+
}
|
|
151
|
+
interface SelectOptionProps {
|
|
152
|
+
value: string;
|
|
153
|
+
children: ReactNode;
|
|
154
|
+
}
|
|
155
|
+
interface SelectComponent extends React.FC<SelectProps> {
|
|
156
|
+
Option: React.FC<SelectOptionProps>;
|
|
157
|
+
}
|
|
158
|
+
declare const Select: SelectComponent;
|
|
159
|
+
|
|
160
|
+
interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
161
|
+
label?: React.ReactNode;
|
|
162
|
+
}
|
|
163
|
+
declare const Switch: ({ checked, disabled, label, ...rest }: SwitchProps) => react_jsx_runtime.JSX.Element;
|
|
164
|
+
|
|
165
|
+
type FontVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p";
|
|
166
|
+
interface ButtonProps$2 extends React.BaseHTMLAttributes<HTMLElement> {
|
|
167
|
+
fontVariant?: FontVariant;
|
|
168
|
+
children: React.ReactNode;
|
|
169
|
+
}
|
|
170
|
+
declare const Text: ({ fontVariant, children, ...rest }: ButtonProps$2) => react_jsx_runtime.JSX.Element;
|
|
171
|
+
|
|
172
|
+
type Size$1 = "sm" | "md" | "lg";
|
|
173
|
+
type State = "default" | "error";
|
|
174
|
+
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
175
|
+
size?: Size$1;
|
|
176
|
+
state?: State;
|
|
177
|
+
}
|
|
178
|
+
declare const Textarea: ({ size, state, ...rest }: TextareaProps) => react_jsx_runtime.JSX.Element;
|
|
179
|
+
|
|
180
|
+
type MenuItems$1 = String[];
|
|
181
|
+
type LogoUrl$1 = string;
|
|
182
|
+
type Alt$1 = string;
|
|
183
|
+
type HREF$1 = string;
|
|
184
|
+
interface ButtonProps$1 extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
185
|
+
menuItems?: MenuItems$1;
|
|
186
|
+
logo?: LogoUrl$1;
|
|
187
|
+
alt?: Alt$1;
|
|
188
|
+
href?: HREF$1;
|
|
189
|
+
children: React.ReactNode;
|
|
190
|
+
}
|
|
191
|
+
declare const CenterMenu: ({ menuItems, logo, alt, href, children, ...rest }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
|
|
192
|
+
|
|
193
|
+
type MenuItems = String[];
|
|
194
|
+
type LogoUrl = "";
|
|
195
|
+
type Alt = string;
|
|
196
|
+
type HREF = string;
|
|
197
|
+
interface ButtonProps extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
198
|
+
menuItems?: MenuItems;
|
|
199
|
+
logo?: LogoUrl;
|
|
200
|
+
alt?: Alt;
|
|
201
|
+
href?: HREF;
|
|
202
|
+
children: React.ReactNode;
|
|
203
|
+
}
|
|
204
|
+
declare const HorizantalMenu: ({ menuItems, logo, alt, href, children, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
205
|
+
|
|
206
|
+
interface ContainerProps$3 extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
207
|
+
children: React.ReactNode;
|
|
208
|
+
}
|
|
209
|
+
declare const Center: ({ children, ...rest }: ContainerProps$3) => react_jsx_runtime.JSX.Element;
|
|
210
|
+
|
|
211
|
+
type JustifyContent$1 = "center" | "start" | "end" | "FStart" | "FEnd" | "left" | "right" | "between" | "around" | "even";
|
|
212
|
+
type Gap$4 = "xs" | "sm" | "md" | "lg";
|
|
213
|
+
interface ContainerProps$2 extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
214
|
+
gap?: Gap$4;
|
|
215
|
+
justify?: JustifyContent$1;
|
|
216
|
+
children: React.ReactNode;
|
|
217
|
+
}
|
|
218
|
+
declare const Col: ({ justify, gap, children, ...rest }: ContainerProps$2) => react_jsx_runtime.JSX.Element;
|
|
219
|
+
|
|
220
|
+
type Size = "xs" | "sm" | "md" | "lg";
|
|
221
|
+
type Flex = "row" | "col";
|
|
222
|
+
type Gap$3 = "xs" | "sm" | "md" | "lg";
|
|
223
|
+
interface ContainerProps$1 extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
224
|
+
size?: Size;
|
|
225
|
+
flex?: Flex;
|
|
226
|
+
gap?: Gap$3;
|
|
227
|
+
children: React.ReactNode;
|
|
228
|
+
}
|
|
229
|
+
declare const Container: ({ size, flex, gap, children, ...rest }: ContainerProps$1) => react_jsx_runtime.JSX.Element;
|
|
230
|
+
|
|
231
|
+
type Columns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
232
|
+
type Rows = number;
|
|
233
|
+
type Gap$2 = "xs" | "sm" | "md" | "lg";
|
|
234
|
+
interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
235
|
+
columns?: Columns;
|
|
236
|
+
rows?: Rows;
|
|
237
|
+
gap?: Gap$2;
|
|
238
|
+
children: React.ReactNode;
|
|
239
|
+
}
|
|
240
|
+
declare const Grid: ({ columns, rows, gap, children, ...rest }: GridProps) => react_jsx_runtime.JSX.Element;
|
|
241
|
+
|
|
242
|
+
type JustifyContent = "center" | "start" | "end" | "FStart" | "FEnd" | "left" | "right" | "between" | "around" | "even";
|
|
243
|
+
type Gap$1 = "xs" | "sm" | "md" | "lg";
|
|
244
|
+
interface ContainerProps extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
245
|
+
gap?: Gap$1;
|
|
246
|
+
justify?: JustifyContent;
|
|
247
|
+
children: React.ReactNode;
|
|
248
|
+
}
|
|
249
|
+
declare const Row: ({ justify, gap, children, ...rest }: ContainerProps) => react_jsx_runtime.JSX.Element;
|
|
250
|
+
|
|
251
|
+
type Direction = "vertical" | "horizontal";
|
|
252
|
+
type Gap = "xs" | "sm" | "md" | "lg";
|
|
253
|
+
interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
254
|
+
direction?: Direction;
|
|
255
|
+
gap?: Gap;
|
|
256
|
+
children: React.ReactNode;
|
|
257
|
+
}
|
|
258
|
+
declare const Stack: ({ direction, gap, children, ...rest }: StackProps) => react_jsx_runtime.JSX.Element;
|
|
259
|
+
|
|
260
|
+
export { Box, Button, Card, Center, CenterMenu, Checkbox, Col, Container, DatePicker, Divider, Drawer, Flex$1 as Flex, Form, FormControl, Grid, Heading, HorizantalMenu, Input, Link, Modal, Paragraph, Radio, Row, Select, Stack, Switch, Text, Textarea };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,2 +1,260 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
1
3
|
|
|
2
|
-
|
|
4
|
+
type Flex$2 = "row" | "col";
|
|
5
|
+
type Gap$8 = "xs" | "sm" | "md" | "lg";
|
|
6
|
+
type Variant$2 = "default" | "elevated";
|
|
7
|
+
interface ContainerProps$5 extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
8
|
+
gap?: Gap$8;
|
|
9
|
+
flex?: Flex$2;
|
|
10
|
+
variant?: Variant$2;
|
|
11
|
+
children: React.ReactNode;
|
|
12
|
+
}
|
|
13
|
+
declare const Box: ({ flex, gap, variant, children, ...rest }: ContainerProps$5) => react_jsx_runtime.JSX.Element;
|
|
14
|
+
|
|
15
|
+
type Variant$1 = "primary_solid" | "primary_outline" | "primary_text";
|
|
16
|
+
interface ButtonProps$4 extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
17
|
+
variant?: Variant$1;
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
declare const Button: ({ variant, children, ...rest }: ButtonProps$4) => react_jsx_runtime.JSX.Element;
|
|
21
|
+
|
|
22
|
+
type Direction$1 = "row" | "col";
|
|
23
|
+
type Gap$7 = "xs" | "sm" | "md" | "lg";
|
|
24
|
+
type ImageURL = string;
|
|
25
|
+
type ImageAlt = string;
|
|
26
|
+
interface ContainerProps$4 extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
27
|
+
gap?: Gap$7;
|
|
28
|
+
Imageurl?: ImageURL;
|
|
29
|
+
Imagealt?: ImageAlt;
|
|
30
|
+
direction?: Direction$1;
|
|
31
|
+
children: React.ReactNode;
|
|
32
|
+
}
|
|
33
|
+
declare const Card: ({ direction, gap, Imagealt, Imageurl, children, ...rest }: ContainerProps$4) => react_jsx_runtime.JSX.Element;
|
|
34
|
+
|
|
35
|
+
interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
36
|
+
label?: React.ReactNode;
|
|
37
|
+
indeterminate?: boolean;
|
|
38
|
+
}
|
|
39
|
+
declare const Checkbox: ({ checked, indeterminate, disabled, label, ...rest }: CheckboxProps) => react_jsx_runtime.JSX.Element;
|
|
40
|
+
|
|
41
|
+
interface DatePickerProps {
|
|
42
|
+
value?: Date;
|
|
43
|
+
onChange?: (date: Date) => void;
|
|
44
|
+
placeholder?: string;
|
|
45
|
+
}
|
|
46
|
+
declare const DatePicker: React.FC<DatePickerProps>;
|
|
47
|
+
|
|
48
|
+
type Orientation = "horizontal" | "vertical";
|
|
49
|
+
type Size$2 = "thin" | "medium";
|
|
50
|
+
type Gap$6 = "xs" | "sm" | "md" | "lg";
|
|
51
|
+
interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
52
|
+
orientation?: Orientation;
|
|
53
|
+
size?: Size$2;
|
|
54
|
+
gap?: Gap$6;
|
|
55
|
+
}
|
|
56
|
+
declare const Divider: ({ orientation, size, gap, ...rest }: DividerProps) => react_jsx_runtime.JSX.Element;
|
|
57
|
+
|
|
58
|
+
type DrawerPlacement = "right" | "left" | "bottom";
|
|
59
|
+
interface DrawerProps {
|
|
60
|
+
open: boolean;
|
|
61
|
+
onClose?: () => void;
|
|
62
|
+
placement?: DrawerPlacement;
|
|
63
|
+
width?: number | string;
|
|
64
|
+
height?: number | string;
|
|
65
|
+
children: React.ReactNode;
|
|
66
|
+
}
|
|
67
|
+
declare const Drawer: React.FC<DrawerProps>;
|
|
68
|
+
|
|
69
|
+
type Gap$5 = "small" | "medium" | "large";
|
|
70
|
+
type FlexDirection = "row" | "col";
|
|
71
|
+
type Justify = "center" | "between" | "around" | "start" | "end" | "even";
|
|
72
|
+
type Align = "center" | "between" | "around" | "start" | "end" | "even";
|
|
73
|
+
interface ButtonProps$3 extends React.ButtonHTMLAttributes<HTMLDivElement> {
|
|
74
|
+
gap?: Gap$5;
|
|
75
|
+
flexDirection?: FlexDirection;
|
|
76
|
+
justify?: Justify;
|
|
77
|
+
align?: Align;
|
|
78
|
+
children: React.ReactNode;
|
|
79
|
+
}
|
|
80
|
+
declare const Flex$1: ({ gap, justify, align, flexDirection, children, ...rest }: ButtonProps$3) => react_jsx_runtime.JSX.Element;
|
|
81
|
+
|
|
82
|
+
interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
|
|
83
|
+
children: React.ReactNode;
|
|
84
|
+
}
|
|
85
|
+
declare const Form: ({ children, ...rest }: FormProps) => react_jsx_runtime.JSX.Element;
|
|
86
|
+
|
|
87
|
+
interface FormControlProps {
|
|
88
|
+
label?: React.ReactNode;
|
|
89
|
+
error?: React.ReactNode;
|
|
90
|
+
helperText?: React.ReactNode;
|
|
91
|
+
required?: boolean;
|
|
92
|
+
children: React.ReactNode;
|
|
93
|
+
}
|
|
94
|
+
declare const FormControl: ({ label, error, helperText, required, children, }: FormControlProps) => react_jsx_runtime.JSX.Element;
|
|
95
|
+
|
|
96
|
+
type Level = 1 | 2 | 3 | 4 | 5 | 6;
|
|
97
|
+
interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
98
|
+
level?: Level;
|
|
99
|
+
children: React.ReactNode;
|
|
100
|
+
}
|
|
101
|
+
declare const Heading: React.FC<HeadingProps>;
|
|
102
|
+
|
|
103
|
+
type InputSize = "xs" | "sm" | "md" | "lg";
|
|
104
|
+
type State$1 = "default" | "error";
|
|
105
|
+
interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
106
|
+
inputSize?: InputSize;
|
|
107
|
+
state?: State$1;
|
|
108
|
+
}
|
|
109
|
+
declare const Input: React.FC<InputProps>;
|
|
110
|
+
|
|
111
|
+
type Variant = "default" | "muted";
|
|
112
|
+
interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
|
113
|
+
variant?: Variant;
|
|
114
|
+
external?: boolean;
|
|
115
|
+
children: React.ReactNode;
|
|
116
|
+
}
|
|
117
|
+
declare const Link: ({ variant, external, children, ...rest }: LinkProps) => react_jsx_runtime.JSX.Element;
|
|
118
|
+
|
|
119
|
+
interface ModalProps {
|
|
120
|
+
open: boolean;
|
|
121
|
+
onClose?: () => void;
|
|
122
|
+
children: React.ReactNode;
|
|
123
|
+
}
|
|
124
|
+
declare const Modal: React.FC<ModalProps>;
|
|
125
|
+
|
|
126
|
+
interface ParagraphProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
127
|
+
children: React.ReactNode;
|
|
128
|
+
}
|
|
129
|
+
declare const Paragraph: ({ children, ...rest }: ParagraphProps) => react_jsx_runtime.JSX.Element;
|
|
130
|
+
|
|
131
|
+
interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
132
|
+
label?: React.ReactNode;
|
|
133
|
+
}
|
|
134
|
+
declare const Radio: ({ checked, disabled, label, ...rest }: RadioProps) => react_jsx_runtime.JSX.Element;
|
|
135
|
+
|
|
136
|
+
type SelectSize = "sm" | "md" | "lg";
|
|
137
|
+
type SelectState = "default" | "error";
|
|
138
|
+
interface OptionType {
|
|
139
|
+
label: ReactNode;
|
|
140
|
+
value: string;
|
|
141
|
+
}
|
|
142
|
+
interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
143
|
+
value?: string;
|
|
144
|
+
placeholder?: string;
|
|
145
|
+
options?: OptionType[];
|
|
146
|
+
onChange?: (value: string) => void;
|
|
147
|
+
selectSize?: SelectSize;
|
|
148
|
+
state?: SelectState;
|
|
149
|
+
children?: ReactNode;
|
|
150
|
+
}
|
|
151
|
+
interface SelectOptionProps {
|
|
152
|
+
value: string;
|
|
153
|
+
children: ReactNode;
|
|
154
|
+
}
|
|
155
|
+
interface SelectComponent extends React.FC<SelectProps> {
|
|
156
|
+
Option: React.FC<SelectOptionProps>;
|
|
157
|
+
}
|
|
158
|
+
declare const Select: SelectComponent;
|
|
159
|
+
|
|
160
|
+
interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
161
|
+
label?: React.ReactNode;
|
|
162
|
+
}
|
|
163
|
+
declare const Switch: ({ checked, disabled, label, ...rest }: SwitchProps) => react_jsx_runtime.JSX.Element;
|
|
164
|
+
|
|
165
|
+
type FontVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p";
|
|
166
|
+
interface ButtonProps$2 extends React.BaseHTMLAttributes<HTMLElement> {
|
|
167
|
+
fontVariant?: FontVariant;
|
|
168
|
+
children: React.ReactNode;
|
|
169
|
+
}
|
|
170
|
+
declare const Text: ({ fontVariant, children, ...rest }: ButtonProps$2) => react_jsx_runtime.JSX.Element;
|
|
171
|
+
|
|
172
|
+
type Size$1 = "sm" | "md" | "lg";
|
|
173
|
+
type State = "default" | "error";
|
|
174
|
+
interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
175
|
+
size?: Size$1;
|
|
176
|
+
state?: State;
|
|
177
|
+
}
|
|
178
|
+
declare const Textarea: ({ size, state, ...rest }: TextareaProps) => react_jsx_runtime.JSX.Element;
|
|
179
|
+
|
|
180
|
+
type MenuItems$1 = String[];
|
|
181
|
+
type LogoUrl$1 = string;
|
|
182
|
+
type Alt$1 = string;
|
|
183
|
+
type HREF$1 = string;
|
|
184
|
+
interface ButtonProps$1 extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
185
|
+
menuItems?: MenuItems$1;
|
|
186
|
+
logo?: LogoUrl$1;
|
|
187
|
+
alt?: Alt$1;
|
|
188
|
+
href?: HREF$1;
|
|
189
|
+
children: React.ReactNode;
|
|
190
|
+
}
|
|
191
|
+
declare const CenterMenu: ({ menuItems, logo, alt, href, children, ...rest }: ButtonProps$1) => react_jsx_runtime.JSX.Element;
|
|
192
|
+
|
|
193
|
+
type MenuItems = String[];
|
|
194
|
+
type LogoUrl = "";
|
|
195
|
+
type Alt = string;
|
|
196
|
+
type HREF = string;
|
|
197
|
+
interface ButtonProps extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
198
|
+
menuItems?: MenuItems;
|
|
199
|
+
logo?: LogoUrl;
|
|
200
|
+
alt?: Alt;
|
|
201
|
+
href?: HREF;
|
|
202
|
+
children: React.ReactNode;
|
|
203
|
+
}
|
|
204
|
+
declare const HorizantalMenu: ({ menuItems, logo, alt, href, children, ...rest }: ButtonProps) => react_jsx_runtime.JSX.Element;
|
|
205
|
+
|
|
206
|
+
interface ContainerProps$3 extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
207
|
+
children: React.ReactNode;
|
|
208
|
+
}
|
|
209
|
+
declare const Center: ({ children, ...rest }: ContainerProps$3) => react_jsx_runtime.JSX.Element;
|
|
210
|
+
|
|
211
|
+
type JustifyContent$1 = "center" | "start" | "end" | "FStart" | "FEnd" | "left" | "right" | "between" | "around" | "even";
|
|
212
|
+
type Gap$4 = "xs" | "sm" | "md" | "lg";
|
|
213
|
+
interface ContainerProps$2 extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
214
|
+
gap?: Gap$4;
|
|
215
|
+
justify?: JustifyContent$1;
|
|
216
|
+
children: React.ReactNode;
|
|
217
|
+
}
|
|
218
|
+
declare const Col: ({ justify, gap, children, ...rest }: ContainerProps$2) => react_jsx_runtime.JSX.Element;
|
|
219
|
+
|
|
220
|
+
type Size = "xs" | "sm" | "md" | "lg";
|
|
221
|
+
type Flex = "row" | "col";
|
|
222
|
+
type Gap$3 = "xs" | "sm" | "md" | "lg";
|
|
223
|
+
interface ContainerProps$1 extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
224
|
+
size?: Size;
|
|
225
|
+
flex?: Flex;
|
|
226
|
+
gap?: Gap$3;
|
|
227
|
+
children: React.ReactNode;
|
|
228
|
+
}
|
|
229
|
+
declare const Container: ({ size, flex, gap, children, ...rest }: ContainerProps$1) => react_jsx_runtime.JSX.Element;
|
|
230
|
+
|
|
231
|
+
type Columns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
|
|
232
|
+
type Rows = number;
|
|
233
|
+
type Gap$2 = "xs" | "sm" | "md" | "lg";
|
|
234
|
+
interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
235
|
+
columns?: Columns;
|
|
236
|
+
rows?: Rows;
|
|
237
|
+
gap?: Gap$2;
|
|
238
|
+
children: React.ReactNode;
|
|
239
|
+
}
|
|
240
|
+
declare const Grid: ({ columns, rows, gap, children, ...rest }: GridProps) => react_jsx_runtime.JSX.Element;
|
|
241
|
+
|
|
242
|
+
type JustifyContent = "center" | "start" | "end" | "FStart" | "FEnd" | "left" | "right" | "between" | "around" | "even";
|
|
243
|
+
type Gap$1 = "xs" | "sm" | "md" | "lg";
|
|
244
|
+
interface ContainerProps extends React.BaseHTMLAttributes<HTMLDivElement> {
|
|
245
|
+
gap?: Gap$1;
|
|
246
|
+
justify?: JustifyContent;
|
|
247
|
+
children: React.ReactNode;
|
|
248
|
+
}
|
|
249
|
+
declare const Row: ({ justify, gap, children, ...rest }: ContainerProps) => react_jsx_runtime.JSX.Element;
|
|
250
|
+
|
|
251
|
+
type Direction = "vertical" | "horizontal";
|
|
252
|
+
type Gap = "xs" | "sm" | "md" | "lg";
|
|
253
|
+
interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
254
|
+
direction?: Direction;
|
|
255
|
+
gap?: Gap;
|
|
256
|
+
children: React.ReactNode;
|
|
257
|
+
}
|
|
258
|
+
declare const Stack: ({ direction, gap, children, ...rest }: StackProps) => react_jsx_runtime.JSX.Element;
|
|
259
|
+
|
|
260
|
+
export { Box, Button, Card, Center, CenterMenu, Checkbox, Col, Container, DatePicker, Divider, Drawer, Flex$1 as Flex, Form, FormControl, Grid, Heading, HorizantalMenu, Input, Link, Modal, Paragraph, Radio, Row, Select, Stack, Switch, Text, Textarea };
|