@szum-tech/design-system 1.18.3 → 2.0.1
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 +1 -1
- package/README.md +116 -62
- package/dist/chunk-EKHM64CK.js +7290 -0
- package/dist/chunk-G4TX2R77.cjs +7613 -0
- package/dist/chunk-H2BWO3SI.cjs +11 -0
- package/dist/chunk-ZD2QRAOX.js +9 -0
- package/dist/icons.cjs +1294 -0
- package/dist/icons.js +1 -0
- package/dist/index.cjs +906 -0
- package/dist/index.d.cts +285 -0
- package/dist/index.d.ts +136 -189
- package/dist/index.js +827 -99
- package/dist/utils.cjs +10 -0
- package/dist/utils.d.cts +5 -0
- package/dist/utils.d.ts +5 -0
- package/dist/utils.js +1 -0
- package/package.json +97 -70
- package/tailwind/animation.css +53 -0
- package/tailwind/global.css +23 -0
- package/tailwind/palette.css +196 -0
- package/tailwind/scroll.css +25 -0
- package/tailwind/typography.css +74 -0
- package/dist/index.d.mts +0 -338
- package/dist/index.mjs +0 -19
- package/icons/index.js +0 -17
- package/icons/index.mjs +0 -6
- package/theme/global.css +0 -141
- package/theme/main-preset.js +0 -231
- /package/{icons/index.d.mts → dist/icons.d.cts} +0 -0
- /package/{icons/index.d.ts → dist/icons.d.ts} +0 -0
package/dist/index.d.mts
DELETED
|
@@ -1,338 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import React__default from 'react';
|
|
3
|
-
import * as ReactAvatar from '@radix-ui/react-avatar';
|
|
4
|
-
import { VariantProps } from 'class-variance-authority';
|
|
5
|
-
import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
|
|
6
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
|
-
import * as ReactTooltip from '@radix-ui/react-tooltip';
|
|
8
|
-
import * as ReactSelect from '@radix-ui/react-select';
|
|
9
|
-
import * as ReactSheet from '@radix-ui/react-dialog';
|
|
10
|
-
import * as ReactSeparator from '@radix-ui/react-separator';
|
|
11
|
-
import * as react_hook_form from 'react-hook-form';
|
|
12
|
-
import { FormProviderProps, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
|
|
13
|
-
import * as ReactLabel from '@radix-ui/react-label';
|
|
14
|
-
import * as _radix_ui_react_slot from '@radix-ui/react-slot';
|
|
15
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
16
|
-
import * as ReactAlertDialog from '@radix-ui/react-alert-dialog';
|
|
17
|
-
|
|
18
|
-
declare const avatarCva: (props?: ({
|
|
19
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
20
|
-
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
21
|
-
|
|
22
|
-
type AvatarCvaProps = VariantProps<typeof avatarCva>;
|
|
23
|
-
type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
|
|
24
|
-
|
|
25
|
-
type AvatarProps = ReactAvatar.AvatarProps & {
|
|
26
|
-
/**
|
|
27
|
-
* Defines avatar size
|
|
28
|
-
*/
|
|
29
|
-
size?: AvatarSizeType;
|
|
30
|
-
};
|
|
31
|
-
declare const Avatar: (props: ReactAvatar.AvatarProps & {
|
|
32
|
-
/**
|
|
33
|
-
* Defines avatar size
|
|
34
|
-
*/
|
|
35
|
-
size?: AvatarSizeType | undefined;
|
|
36
|
-
} & React.RefAttributes<HTMLSpanElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
37
|
-
|
|
38
|
-
type AvatarImageProps = React.ComponentPropsWithoutRef<typeof ReactAvatar.Image>;
|
|
39
|
-
declare const AvatarImage: (props: Omit<ReactAvatar.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
40
|
-
|
|
41
|
-
type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof ReactAvatar.Fallback>;
|
|
42
|
-
declare const AvatarFallback: (props: Omit<ReactAvatar.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
43
|
-
|
|
44
|
-
declare const buttonCva: (props?: ({
|
|
45
|
-
fullWidth?: boolean | null | undefined;
|
|
46
|
-
color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
|
|
47
|
-
size?: "sm" | "md" | "lg" | null | undefined;
|
|
48
|
-
variant?: "text" | "outlined" | "contained" | null | undefined;
|
|
49
|
-
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
50
|
-
|
|
51
|
-
type ButtonCvaProps = VariantProps<typeof buttonCva>;
|
|
52
|
-
type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
|
|
53
|
-
type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
|
|
54
|
-
type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
|
|
55
|
-
|
|
56
|
-
type Props$1 = {
|
|
57
|
-
/**
|
|
58
|
-
* Defines button full width
|
|
59
|
-
*/
|
|
60
|
-
fullWidth?: boolean;
|
|
61
|
-
/**
|
|
62
|
-
* Defines button color
|
|
63
|
-
*/
|
|
64
|
-
color?: ButtonColorType;
|
|
65
|
-
/**
|
|
66
|
-
* Defines button variant
|
|
67
|
-
*/
|
|
68
|
-
variant?: ButtonVariantType;
|
|
69
|
-
/**
|
|
70
|
-
* Defines button size
|
|
71
|
-
*/
|
|
72
|
-
size?: ButtonSizeType;
|
|
73
|
-
/**
|
|
74
|
-
* Defines button content
|
|
75
|
-
*/
|
|
76
|
-
children?: React.ReactNode;
|
|
77
|
-
/**
|
|
78
|
-
* Disabled button
|
|
79
|
-
*/
|
|
80
|
-
disabled?: boolean;
|
|
81
|
-
/**
|
|
82
|
-
* Defines left icon
|
|
83
|
-
*/
|
|
84
|
-
startIcon?: React.ReactElement;
|
|
85
|
-
/**
|
|
86
|
-
* Defines right icon
|
|
87
|
-
*/
|
|
88
|
-
endIcon?: React.ReactElement;
|
|
89
|
-
/**
|
|
90
|
-
* Defines is button is in loading state
|
|
91
|
-
*/
|
|
92
|
-
loading?: boolean;
|
|
93
|
-
/**
|
|
94
|
-
* Defines is position of loading icon
|
|
95
|
-
*/
|
|
96
|
-
loadingPosition?: "start" | "end";
|
|
97
|
-
asChild?: boolean;
|
|
98
|
-
};
|
|
99
|
-
type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Props$1;
|
|
100
|
-
declare const Button: (props: React.ButtonHTMLAttributes<HTMLButtonElement> & Props$1 & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
101
|
-
|
|
102
|
-
type InputProps = React.InputHTMLAttributes<HTMLInputElement> & {
|
|
103
|
-
invalid?: boolean;
|
|
104
|
-
startIcon?: React.ReactElement | string;
|
|
105
|
-
endIcon?: React.ReactElement | string;
|
|
106
|
-
};
|
|
107
|
-
declare const Input: (props: React.InputHTMLAttributes<HTMLInputElement> & {
|
|
108
|
-
invalid?: boolean | undefined;
|
|
109
|
-
startIcon?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
110
|
-
endIcon?: string | React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
111
|
-
} & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
112
|
-
|
|
113
|
-
type TooltipProps = ReactTooltip.TooltipContentProps & {
|
|
114
|
-
children?: React.ReactNode;
|
|
115
|
-
defaultOpen?: boolean;
|
|
116
|
-
open?: boolean;
|
|
117
|
-
onOpenChange?: (open: boolean) => void;
|
|
118
|
-
content?: React.ReactNode;
|
|
119
|
-
collisionPadding?: number;
|
|
120
|
-
};
|
|
121
|
-
declare function Tooltip({ defaultOpen, content, open, onOpenChange, children, side, align, collisionPadding, sideOffset, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
122
|
-
|
|
123
|
-
type TooltipProviderProps = {
|
|
124
|
-
children: React.ReactNode;
|
|
125
|
-
};
|
|
126
|
-
declare function TooltipProvider({ children }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
|
|
127
|
-
|
|
128
|
-
type OmitStylesProps<T> = Omit<T, "className" | "style">;
|
|
129
|
-
|
|
130
|
-
type Props = {
|
|
131
|
-
invalid?: boolean;
|
|
132
|
-
};
|
|
133
|
-
type TextareaProps = OmitStylesProps<React.ComponentPropsWithoutRef<"textarea">> & Props;
|
|
134
|
-
declare const Textarea: (props: OmitStylesProps<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">> & Props & React.RefAttributes<HTMLTextAreaElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
135
|
-
|
|
136
|
-
type SelectProps = OmitStylesProps<ReactSelect.SelectProps> & {
|
|
137
|
-
placeholder?: React.ReactNode;
|
|
138
|
-
invalid?: boolean;
|
|
139
|
-
};
|
|
140
|
-
declare const Select: (props: OmitStylesProps<ReactSelect.SelectProps> & {
|
|
141
|
-
placeholder?: React.ReactNode;
|
|
142
|
-
invalid?: boolean | undefined;
|
|
143
|
-
} & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
144
|
-
|
|
145
|
-
type SelectItemProps = OmitStylesProps<ReactSelect.SelectItemProps>;
|
|
146
|
-
declare const SelectItem: (props: SelectItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
147
|
-
|
|
148
|
-
type CardProps = React.HTMLAttributes<HTMLDivElement>;
|
|
149
|
-
declare const Card: (props: CardProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
150
|
-
|
|
151
|
-
type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
|
|
152
|
-
declare const CardHeader: (props: CardHeaderProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
153
|
-
|
|
154
|
-
type CardTitleProps = React__default.HTMLAttributes<HTMLHeadingElement>;
|
|
155
|
-
declare const CardTitle: (props: CardTitleProps & React__default.RefAttributes<HTMLParagraphElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
|
|
156
|
-
|
|
157
|
-
type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
|
|
158
|
-
declare const CardDescription: (props: CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
159
|
-
|
|
160
|
-
type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
|
|
161
|
-
declare const CardContent: (props: CardContentProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
162
|
-
|
|
163
|
-
type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
164
|
-
declare const CardFooter: (props: CardFooterProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
165
|
-
|
|
166
|
-
type SheetProps = ReactSheet.DialogProps;
|
|
167
|
-
declare const Sheet: React.FC<ReactSheet.DialogProps>;
|
|
168
|
-
|
|
169
|
-
type SheetTriggerProps = ReactSheet.DialogTriggerProps;
|
|
170
|
-
declare const SheetTrigger: React.ForwardRefExoticComponent<ReactSheet.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
171
|
-
|
|
172
|
-
type SheetCloseProps = ReactSheet.DialogCloseProps;
|
|
173
|
-
declare const SheetClose: React.ForwardRefExoticComponent<ReactSheet.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
174
|
-
|
|
175
|
-
declare const sheetContentStyles: (props?: ({
|
|
176
|
-
side?: "left" | "right" | "top" | "bottom" | null | undefined;
|
|
177
|
-
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
178
|
-
|
|
179
|
-
type SheetContentCvaProps = VariantProps<typeof sheetContentStyles>;
|
|
180
|
-
type SheetContentSide = NonNullable<SheetContentCvaProps["side"]>;
|
|
181
|
-
|
|
182
|
-
type SheetContentProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Content> & {
|
|
183
|
-
side?: SheetContentSide;
|
|
184
|
-
};
|
|
185
|
-
declare const SheetContent: (props: Omit<ReactSheet.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
186
|
-
side?: SheetContentSide | undefined;
|
|
187
|
-
} & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
188
|
-
|
|
189
|
-
type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
|
|
190
|
-
declare function SheetHeader({ className, ...props }: SheetHeaderProps): react_jsx_runtime.JSX.Element;
|
|
191
|
-
|
|
192
|
-
type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
193
|
-
declare function SheetFooter({ className, ...props }: SheetFooterProps): react_jsx_runtime.JSX.Element;
|
|
194
|
-
|
|
195
|
-
type SheetTitleProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Title>;
|
|
196
|
-
declare const SheetTitle: (props: Omit<ReactSheet.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
197
|
-
|
|
198
|
-
type SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Description>;
|
|
199
|
-
declare const SheetDescription: (props: Omit<ReactSheet.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
200
|
-
|
|
201
|
-
type SeparatorProps = React.ComponentPropsWithoutRef<typeof ReactSeparator.Root>;
|
|
202
|
-
declare const Separator: (props: Omit<ReactSeparator.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
203
|
-
|
|
204
|
-
type HeaderProps = {
|
|
205
|
-
children?: React__default.ReactNode;
|
|
206
|
-
};
|
|
207
|
-
declare function Header({ children }: HeaderProps): react_jsx_runtime.JSX.Element;
|
|
208
|
-
|
|
209
|
-
type DialogProps = ReactSheet.DialogProps;
|
|
210
|
-
declare const Dialog: React.FC<ReactSheet.DialogProps>;
|
|
211
|
-
|
|
212
|
-
type DialogCloseProps = ReactSheet.DialogCloseProps;
|
|
213
|
-
declare const DialogClose: React.ForwardRefExoticComponent<ReactSheet.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
214
|
-
|
|
215
|
-
declare const dialogContentStyles: (props?: ({
|
|
216
|
-
width?: "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "full" | null | undefined;
|
|
217
|
-
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
218
|
-
|
|
219
|
-
type DialogContentCvaProps = VariantProps<typeof dialogContentStyles>;
|
|
220
|
-
type DialogContentWidth = NonNullable<DialogContentCvaProps["width"]>;
|
|
221
|
-
|
|
222
|
-
type DialogContentProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Content> & {
|
|
223
|
-
width?: DialogContentWidth;
|
|
224
|
-
};
|
|
225
|
-
declare const DialogContent: (props: Omit<ReactSheet.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
226
|
-
width?: DialogContentWidth | undefined;
|
|
227
|
-
} & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
228
|
-
|
|
229
|
-
type DialogTriggerProps = ReactSheet.DialogTriggerProps;
|
|
230
|
-
declare const DialogTrigger: React.ForwardRefExoticComponent<ReactSheet.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
231
|
-
|
|
232
|
-
type DialogHeaderProps = React.HTMLAttributes<HTMLDivElement>;
|
|
233
|
-
declare function DialogHeader({ className, ...props }: DialogHeaderProps): react_jsx_runtime.JSX.Element;
|
|
234
|
-
|
|
235
|
-
type DialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
236
|
-
declare function DialogFooter({ className, ...props }: DialogFooterProps): react_jsx_runtime.JSX.Element;
|
|
237
|
-
|
|
238
|
-
type DialogTitleProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Title>;
|
|
239
|
-
declare const DialogTitle: (props: Omit<ReactSheet.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
240
|
-
|
|
241
|
-
type DialogDescriptionProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Description>;
|
|
242
|
-
declare const DialogDescription: (props: Omit<ReactSheet.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
243
|
-
|
|
244
|
-
type FormProps = FormProviderProps;
|
|
245
|
-
declare const Form: <TFieldValues extends react_hook_form.FieldValues, TContext = any, TTransformedValues extends react_hook_form.FieldValues | undefined = undefined>(props: FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
|
|
246
|
-
|
|
247
|
-
type FormItemProps = React.HTMLAttributes<HTMLDivElement>;
|
|
248
|
-
declare const FormItem: (props: FormItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
249
|
-
|
|
250
|
-
declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
|
|
251
|
-
|
|
252
|
-
type LabelProps = React.ComponentPropsWithoutRef<typeof ReactLabel.Root>;
|
|
253
|
-
declare const Label: (props: Omit<ReactLabel.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
254
|
-
|
|
255
|
-
type FormLabelProps = LabelProps & {
|
|
256
|
-
caption?: React.ReactNode;
|
|
257
|
-
};
|
|
258
|
-
declare const FormLabel: (props: Omit<ReactLabel.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
|
|
259
|
-
caption?: React.ReactNode;
|
|
260
|
-
} & React.RefAttributes<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
261
|
-
|
|
262
|
-
type FormControlProps = React.ComponentPropsWithoutRef<typeof Slot>;
|
|
263
|
-
declare const FormControl: (props: Omit<_radix_ui_react_slot.SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
264
|
-
|
|
265
|
-
type FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;
|
|
266
|
-
declare const FormMessage: (props: FormMessageProps & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
267
|
-
|
|
268
|
-
type FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
|
|
269
|
-
declare const FormDescription: (props: FormDescriptionProps & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
270
|
-
|
|
271
|
-
declare const helperTextCva: (props?: ({
|
|
272
|
-
type?: "error" | "description" | null | undefined;
|
|
273
|
-
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
274
|
-
|
|
275
|
-
type HelperTextCvaProps = VariantProps<typeof helperTextCva>;
|
|
276
|
-
type HelperTextType = NonNullable<HelperTextCvaProps["type"]>;
|
|
277
|
-
|
|
278
|
-
type HelperTextProps = React.HTMLAttributes<HTMLParagraphElement> & {
|
|
279
|
-
type?: HelperTextType;
|
|
280
|
-
};
|
|
281
|
-
declare const HelperText: (props: React.HTMLAttributes<HTMLParagraphElement> & {
|
|
282
|
-
type?: HelperTextType | undefined;
|
|
283
|
-
} & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
284
|
-
|
|
285
|
-
type AlertDialogProps = ReactAlertDialog.AlertDialogProps;
|
|
286
|
-
declare const AlertDialog: React.FC<ReactAlertDialog.AlertDialogProps>;
|
|
287
|
-
|
|
288
|
-
type AlertDialogTriggerProps = ReactAlertDialog.AlertDialogTriggerProps;
|
|
289
|
-
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<ReactAlertDialog.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
290
|
-
|
|
291
|
-
type AlertDialogContentProps = React.ComponentPropsWithoutRef<typeof ReactAlertDialog.Content>;
|
|
292
|
-
declare const AlertDialogContent: (props: Omit<ReactAlertDialog.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
293
|
-
|
|
294
|
-
type AlertDialogHeaderProps = React__default.HTMLAttributes<HTMLDivElement>;
|
|
295
|
-
declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): react_jsx_runtime.JSX.Element;
|
|
296
|
-
|
|
297
|
-
type AlertDialogFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
298
|
-
declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): react_jsx_runtime.JSX.Element;
|
|
299
|
-
|
|
300
|
-
type AlertDialogTitleProps = React.ComponentPropsWithoutRef<typeof ReactAlertDialog.Title>;
|
|
301
|
-
declare const AlertDialogTitle: (props: Omit<ReactAlertDialog.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
302
|
-
|
|
303
|
-
type AlertDialogDescriptionProps = React.ComponentPropsWithoutRef<typeof ReactAlertDialog.Description>;
|
|
304
|
-
declare const AlertDialogDescription: (props: Omit<ReactAlertDialog.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
305
|
-
|
|
306
|
-
type AlertDialogActionProps = ReactAlertDialog.AlertDialogActionProps;
|
|
307
|
-
declare const AlertDialogAction: React.ForwardRefExoticComponent<ReactAlertDialog.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
308
|
-
|
|
309
|
-
type AlertDialogCancelProps = ReactAlertDialog.AlertDialogCancelProps;
|
|
310
|
-
declare const AlertDialogCancel: React.ForwardRefExoticComponent<ReactAlertDialog.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
|
|
311
|
-
|
|
312
|
-
type ThemeType = "light" | "dark";
|
|
313
|
-
interface ThemeContextType {
|
|
314
|
-
theme: ThemeType;
|
|
315
|
-
setTheme: React__default.Dispatch<React__default.SetStateAction<ThemeType>>;
|
|
316
|
-
}
|
|
317
|
-
|
|
318
|
-
declare const ThemeContext: React__default.Context<ThemeContextType>;
|
|
319
|
-
|
|
320
|
-
interface ThemeProviderProps {
|
|
321
|
-
/**
|
|
322
|
-
* Children Components using theming.
|
|
323
|
-
*/
|
|
324
|
-
children?: React__default.ReactNode;
|
|
325
|
-
/**
|
|
326
|
-
* Define the default theme which is set at the beginning if neither local storage nor media is defined.
|
|
327
|
-
*/
|
|
328
|
-
defaultTheme?: ThemeType;
|
|
329
|
-
/**
|
|
330
|
-
* Define theme that is always set initially.
|
|
331
|
-
*/
|
|
332
|
-
theme?: ThemeType;
|
|
333
|
-
}
|
|
334
|
-
declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
335
|
-
|
|
336
|
-
declare const useTheme: () => ThemeContextType;
|
|
337
|
-
|
|
338
|
-
export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogContent, type AlertDialogContentProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, type AlertDialogProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, Avatar, AvatarFallback, type AvatarFallbackProps, AvatarImage, type AvatarImageProps, type AvatarProps, type AvatarSizeType, Button, type ButtonColorType, type ButtonProps, type ButtonSizeType, type ButtonVariantType, Card, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, Dialog, DialogClose, type DialogCloseProps, DialogContent, type DialogContentProps, type DialogContentWidth, DialogDescription, type DialogDescriptionProps, DialogFooter, type DialogFooterProps, DialogHeader, type DialogHeaderProps, type DialogProps, DialogTitle, type DialogTitleProps, DialogTrigger, type DialogTriggerProps, Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, Header, type HeaderProps, HelperText, type HelperTextProps, type HelperTextType, Input, type InputProps, Label, type LabelProps, Select, SelectItem, type SelectItemProps, type SelectProps, Separator, type SeparatorProps, Sheet, SheetClose, type SheetCloseProps, SheetContent, type SheetContentProps, type SheetContentSide, SheetDescription, type SheetDescriptionProps, SheetFooter, type SheetFooterProps, SheetHeader, type SheetHeaderProps, type SheetProps, SheetTitle, type SheetTitleProps, SheetTrigger, type SheetTriggerProps, Textarea, type TextareaProps, ThemeContext, type ThemeContextType, ThemeProvider, type ThemeProviderProps, type ThemeType, Tooltip, type TooltipProps, TooltipProvider, type TooltipProviderProps, useTheme };
|
package/dist/index.mjs
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as d from 'react';
|
|
2
|
-
import d__default from 'react';
|
|
3
|
-
import * as j from '@radix-ui/react-avatar';
|
|
4
|
-
import { twMerge } from 'tailwind-merge';
|
|
5
|
-
import { cva } from 'class-variance-authority';
|
|
6
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
7
|
-
import { Slot } from '@radix-ui/react-slot';
|
|
8
|
-
import * as Xr from '@radix-ui/react-icons';
|
|
9
|
-
import * as c from '@radix-ui/react-tooltip';
|
|
10
|
-
import * as n from '@radix-ui/react-select';
|
|
11
|
-
import * as T from '@radix-ui/react-dialog';
|
|
12
|
-
import * as Be from '@radix-ui/react-separator';
|
|
13
|
-
import { FormProvider, Controller, useFormContext } from 'react-hook-form';
|
|
14
|
-
import * as st from '@radix-ui/react-label';
|
|
15
|
-
import * as M from '@radix-ui/react-alert-dialog';
|
|
16
|
-
|
|
17
|
-
var Q=Object.defineProperty;var Lt=Object.getOwnPropertyDescriptor;var It=Object.getOwnPropertyNames;var Ht=Object.prototype.hasOwnProperty;var Et=(e,t)=>{for(var o in t)Q(e,o,{get:t[o],enumerable:!0});},K=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of It(t))!Ht.call(e,a)&&a!==o&&Q(e,a,{get:()=>t[a],enumerable:!(r=Lt(t,a))||r.enumerable});return e},h=(e,t,o)=>(K(e,t,"default"),o&&K(o,t,"default"));var Y=cva("relative flex shrink-0 overflow-hidden rounded",{variants:{size:{sm:"h-6 w-6 text-lg",md:"h-10 w-10 text-xl",lg:"h-14 w-14 text-2xl"}},defaultVariants:{size:"md"}});var Pr=d.forwardRef(function({className:e,size:t,...o},r){let a=Y({size:t});return jsx(j.Root,{ref:r,className:twMerge(a,e),...o})});var Sr=d.forwardRef(function({className:e,...t},o){return jsx(j.Image,{ref:o,className:twMerge("aspect-square h-full w-full",e),...t})});var Lr=d.forwardRef(function({className:e,...t},o){return jsx(j.Fallback,{ref:o,className:twMerge("flex h-full w-full items-center justify-center bg-gray-350",e),...t})});var ae=cva(["inline-flex items-center justify-center align-middle no-underline transition-colors ease-in-out duration-300","font-sans appearance-none select-none rounded-sm border font-medium tracking-[.02857em]","aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed"],{variants:{fullWidth:{true:"w-full"},color:{neutral:"",primary:"",success:"",warning:"",error:""},size:{sm:"px-2.5 py-1 text-[.8125rem] leading-4",md:"px-4 py-1.5 text-sm leading-5",lg:"px-5 py-2 text-[.9375rem] leading-6"},variant:{text:"border-transparent bg-transparent",outlined:"bg-transparent",contained:""}},compoundVariants:[{variant:"text",color:"neutral",class:["text-gray-100","hover:border-gray-350 hover:bg-gray-350 hover:text-gray-100","active:border-gray-400 active:bg-gray-400"]},{variant:"text",color:"primary",class:["text-primary-500","hover:border-primary-500 hover:bg-primary-500 hover:text-white","active:border-primary-600 active:bg-primary-600 active:text-white"]},{variant:"text",color:"success",class:["text-success-500","hover:border-success-500 hover:bg-success-500 hover:text-white","active:border-success-600 active:bg-success-600 active:text-white"]},{variant:"text",color:"warning",class:["text-warning-500","hover:border-warning-500 hover:bg-warning-500 hover:text-white","active:border-warning-600 active:bg-warning-600 active:text-white"]},{variant:"text",color:"error",class:["text-error-500","hover:border-error-500 hover:bg-error-500 hover:text-white","active:border-error-600 active:bg-error-600 active:text-white"]},{variant:"outlined",color:"neutral",class:["text-gray-100 border-gray-350","hover:bg-gray-350","active:bg-gray-400"]},{variant:"outlined",color:"primary",class:["text-primary-500 border-primary-500","hover:bg-primary-500 hover:text-white","active:text-white active:bg-primary-600"]},{variant:"outlined",color:"success",class:["text-success-500 border-success-500","hover:bg-success-500 hover:text-white","active:text-white active:bg-success-600"]},{variant:"outlined",color:"warning",class:["text-warning-500 border-warning-500","hover:bg-warning-500 hover:text-white","active:text-white active:bg-warning-600"]},{variant:"outlined",color:"error",class:["text-error-500 border-error-500","hover:bg-error-500 hover:text-white","active:text-white active:bg-error-600"]},{variant:"contained",color:"neutral",class:["text-gray-100 border-gray-350 bg-gray-350","hover:border-gray-300 hover:bg-gray-300","active:border-gray-400 active:bg-gray-400"]},{variant:"contained",color:"primary",class:["border-primary-500 bg-primary-500 text-white","hover:border-primary-400 hover:bg-primary-400","active:border-primary-600 active:bg-primary-600"]},{variant:"contained",color:"success",class:["border-success-500 bg-success-500 text-white","hover:border-success-400 hover:bg-success-400","active:border-success-600 active:bg-success-600"]},{variant:"contained",color:"warning",class:["border-warning-500 bg-warning-500 text-white","hover:border-warning-400 hover:bg-warning-400","active:border-warning-600 active:bg-warning-600"]},{variant:"contained",color:"error",class:["border-error-500 bg-error-500 text-white","hover:border-error-400 hover:bg-error-400","active:border-error-600 active:bg-error-600"]}],defaultVariants:{fullWidth:!1,color:"primary",size:"md",variant:"text"}}),z=cva("",{variants:{site:{left:"",right:""},size:{sm:"",md:"",lg:""}},compoundVariants:[{site:"left",size:"sm",class:"-ml-0.5 mr-1.5"},{site:"left",size:"md",class:"-ml-1 mr-2"},{site:"left",size:"lg",class:"-ml-1.5 mr-2.5"},{site:"right",size:"sm",class:"-mr-0.5 ml-1.5"},{site:"right",size:"md",class:"-mr-1 ml-2"},{site:"right",size:"lg",class:"-mr-1.5 ml-2.5"}],defaultVariants:{site:"left",size:"md"}}),k=cva("",{variants:{loading:{true:"motion-reduce:hidden animate-spin"},size:{sm:"h-4.5 w-4.5",md:"h-5 w-5",lg:"h-5.5 w-5.5"}},defaultVariants:{loading:!1,size:"md"}});var l={};Et(l,{Auth0LogoIcon:()=>qt,GoogleLogoIcon:()=>Gt,LoadingIcon:()=>P,XLogoIcon:()=>_t});h(l,Xr);function Gt(e){return jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...e,children:[jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),jsx("path",{d:"M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1 -1.265 .06a6 6 0 1 0 2.103 6.836l.001 -.004h-3.66a1 1 0 0 1 -.992 -.883l-.007 -.117v-2a1 1 0 0 1 1 -1h6.945a1 1 0 0 1 .994 .89c.04 .367 .061 .737 .061 1.11c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10z",strokeWidth:"0",fill:"currentColor"})]})}function P(e){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...e,children:jsx("g",{children:jsxs("g",{children:[jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05 C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}function qt(e){return jsxs("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:[jsx("title",{}),jsx("path",{d:"M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z",fill:"currentColor"})]})}function _t(e){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",id:"Layer_1",width:"24px",height:"24px",viewBox:"0 0 24 24",...e,children:jsx("path",{d:"M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717 l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339 l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z",fill:"currentColor"})})}var Zr=d.forwardRef(function({asChild:e=!1,variant:t="text",color:o="primary",disabled:r=!1,fullWidth:a=!1,...i},s){let{children:m,type:f="button",loading:g=!1,size:I="md",loadingPosition:b="start",endIcon:H,startIcon:J,...E}=i,y=e?Slot:"button",w=ae({fullWidth:a,size:I,variant:t,color:o}),N=r||g;return jsx(y,{...e?i:E,"aria-disabled":N||void 0,className:w,"data-state":g?"loading":void 0,disabled:N,ref:s,role:y!=="button"?"button":void 0,tabIndex:N?-1:0,type:y==="button"?f:void 0,children:e?jsx(se,{children:m}):jsx(se,{...i})})});function se({children:e,loading:t=!1,size:o="md",loadingPosition:r="start",startIcon:a,endIcon:i,...s}){let m=t&&r==="start",f=m?jsx(P,{"aria-label":"Loading"}):a||null,g=k({size:o,loading:m}),I=z({size:o,site:"left"}),b=t&&r==="end",H=b?jsx(P,{"aria-label":"Loading"}):i||null,J=k({size:o,loading:b}),E=z({size:o,site:"right"}),y=f?jsx("span",{className:I,role:m?"progressbar":void 0,children:d.cloneElement(f,{className:g})}):null,w=H?jsx("span",{className:E,role:b?"progressbar":void 0,children:d.cloneElement(H,{className:J})}):null;return d.isValidElement(e)?d.cloneElement(e,{...s,children:jsxs(Fragment,{children:[y,d.isValidElement(e)?e.props.children:null,w]})}):jsxs(Fragment,{children:[y,e,w]})}var de=cva(["h-10 w-full appearance-none border bg-app-primary py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}}),O=cva(["pointer-events-none absolute bottom-2 top-2 inline-flex w-10 content-center items-center justify-center text-center"],{variants:{disabled:{true:"text-gray-200"},site:{right:"right-0 border-l border-l-gray-400 pr-1",left:"left-0 border-r border-r-gray-400 pl-1"}},defaultVariants:{disabled:!1}});var ia=d.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:o,disabled:r=!1,className:a,...i},s){let m=de({withEndIcon:!!o,withStartIcon:!!t,invalid:e}),f=O({site:"left",disabled:r}),g=O({site:"right",disabled:r});return jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsx("span",{className:f,children:t}):null,jsx("input",{...i,"aria-invalid":e||void 0,disabled:r,className:twMerge(m,a),ref:s}),o?jsx("span",{"aria-hidden":!0,className:g,children:o}):null]})});function sa({defaultOpen:e,content:t,open:o,onOpenChange:r,children:a,side:i,align:s,collisionPadding:m=8,sideOffset:f=8,...g}){return jsxs(c.Root,{delayDuration:0,open:o,defaultOpen:e,onOpenChange:r,children:[jsx(c.Trigger,{asChild:!0,children:a}),t?jsx(c.Portal,{children:jsxs(c.Content,{className:"text-typography-primary select-none rounded bg-white p-2 will-change-[transform,opacity] typography-body-1 data-[state=delayed-open]:data-[side=bottom]:animate-slideUpAndFade data-[state=delayed-open]:data-[side=left]:animate-slideRightAndFade data-[state=delayed-open]:data-[side=right]:animate-slideLeftAndFade data-[state=delayed-open]:data-[side=top]:animate-slideDownAndFade",sideOffset:f,side:i,align:s,collisionPadding:m,...g,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsx(c.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function ma({children:e}){return jsx(c.Provider,{skipDelayDuration:500,children:e})}var ue=cva(["h-28 min-h-10 w-full appearance-none border bg-app-primary px-3 py-2 font-poppins outline-0 transition-colors duration-300 ease-in-out scroll typography-body-2 placeholder:select-none placeholder:text-gray-200","focus:border-primary-400","active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500","hover:border-error-400","focus:text-gray-100"],false:["text-gray-100 border-gray-350","hover:border-primary-500"]}},defaultVariants:{invalid:!1}});var ya=d.forwardRef(function({invalid:e=!1,...t},o){let r=ue({invalid:e});return jsx("textarea",{"aria-invalid":e||void 0,className:r,ref:o,...t})});var he=cva(["h-10 px-3 w-full appearance-none border bg-app-primary py-2 font-poppins outline-0 inline-flex items-center justify-between text-gray-100 typography-body-2 gap-2 transition-colors duration-300 ease-in-out","placeholder:select-none placeholder:text-gray-200","invalid:border-error-500 focus:border-primary-400 active:border-primary-400","disabled:border-gray-400 disabled:text-gray-200 disabled:placeholder:text-gray-300"],{variants:{invalid:{true:["text-error-500 border-error-500 hover:border-error-400 focus:text-gray-100"],false:["text-gray-100 border-gray-350 hover:border-primary-500"]}},defaultVariants:{invalid:!1}});var Ta=d.forwardRef(function({children:e,placeholder:t,invalid:o=!1,...r},a){let i=he({invalid:o});return jsxs(n.Root,{...r,children:[jsxs(n.Trigger,{className:i,ref:a,children:[jsx(n.Value,{placeholder:t}),jsx(n.Icon,{className:"-mr-1.5",children:jsx(l.CaretSortIcon,{className:"h-5 w-5 text-gray-200"})})]}),jsx(n.Portal,{children:jsx(n.Content,{sideOffset:4,className:"z-50 w-full overflow-hidden border border-gray-400 bg-foreground py-1",children:jsx(n.Viewport,{children:e})})})]})});var Aa=d.forwardRef(({children:e,...t},o)=>jsxs(n.Item,{className:"flex w-full select-none flex-row items-center justify-between px-3 py-2 font-poppins text-gray-100 data-[disabled]:pointer-events-none data-[highlighted]:bg-gray-400 data-[state=checked]:bg-primary-300 data-[highlighted]:outline-none",ref:o,...t,children:[jsx(n.ItemText,{className:"flex-1",children:e}),jsx(n.ItemIndicator,{children:jsx(l.CheckIcon,{className:"h-4 w-4"})})]}));var Ia=d.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("h-full rounded border border-gray-400 bg-foreground",e),...t}));var Va=d.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("flex flex-col p-6",e),...t}));var Ba=d__default.forwardRef(({className:e,...t},o)=>jsx("h3",{ref:o,className:twMerge("typography-heading-5",e),...t}));var qa=d.forwardRef(({className:e,...t},o)=>jsx("p",{ref:o,className:twMerge("text-gray-200 typography-body-2",e),...t}));var Ka=d.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("p-6 pt-0",e),...t}));var ja=d.forwardRef(({className:e,...t},o)=>jsx("div",{ref:o,className:twMerge("flex items-center p-6 pt-0",e),...t}));var oi=T.Root;var ai=T.Trigger;var li=T.Close;var Le=d__default.forwardRef(function(e,t){return jsx(T.Overlay,{...e,className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",ref:t})});var He=T.Portal;var Ee=cva("fixed z-50 flex flex-col border-gray-400 bg-foreground p-4 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",{variants:{side:{top:"inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",bottom:"inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",left:"inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",right:"inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"}},defaultVariants:{side:"right"}});var xi=d.forwardRef(function({side:e="right",className:t,children:o,...r},a){return jsxs(He,{children:[jsx(Le,{}),jsxs(T.Content,{ref:a,className:twMerge(Ee({side:e}),t),...r,children:[o,jsxs(T.Close,{className:"focus:ring-ring absolute right-4 top-4 rounded-sm opacity-70 ring-primary-500 ring-offset-foreground transition-opacity data-[state=open]:bg-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none",children:[jsx(l.Cross1Icon,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]})]})});function Pi({className:e,...t}){return jsx("div",{className:twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function Si({className:e,...t}){return jsx("div",{className:twMerge("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t})}var Li=d.forwardRef(function({className:e,...t},o){return jsx(T.Title,{ref:o,className:twMerge("typography-heading-6",e),...t})});var Ni=d.forwardRef(function({className:e,...t},o){return jsx(T.Description,{ref:o,className:twMerge("text-gray-200 typography-body-2",e),...t})});var Oi=d.forwardRef(function({className:e,orientation:t="horizontal",decorative:o=!0,...r},a){return jsx(Be.Root,{ref:a,decorative:o,orientation:t,className:twMerge("shrink-0 bg-gray-400",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...r})});function Gi({children:e}){return jsx("header",{className:"sticky top-0 z-50 w-full border-b border-gray-400 bg-foreground/95 backdrop-blur supports-[backdrop-filter]:bg-foreground/60",children:jsx("div",{className:"container flex h-16 items-center",children:e})})}var qi=T.Root;var _i=T.Close;var qe=cva(["fixed left-1/2 top-1/2 border-gray-400 z-50 flex flex-col w-full -translate-x-1/2 -translate-y-1/2 border bg-foreground p-4 shadow-lg w-full rounded","duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]"],{variants:{width:{xs:"max-w-xs",sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl","6xl":"max-w-6xl",full:"max-w-full"}},defaultVariants:{width:"md"}});var Je=d.forwardRef(function(e,t){return jsx(T.Overlay,{...e,className:"fixed inset-0 z-50 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",ref:t})});var Qe=T.Portal;var il=d.forwardRef(function({className:e,children:t,width:o="md",...r},a){return jsxs(Qe,{children:[jsx(Je,{}),jsxs(T.Content,{ref:a,className:twMerge(qe({width:o}),e),...r,children:[t,jsxs(T.Close,{className:"focus:ring-ring absolute right-4 top-4 rounded-sm opacity-70 ring-primary-500 ring-offset-foreground transition-opacity data-[state=open]:bg-foreground hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none",children:[jsx(l.Cross1Icon,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]})]})});var sl=T.Trigger;function ml({className:e,...t}){return jsx("div",{className:twMerge("mb-4 flex flex-col space-y-1.5 text-center sm:text-left",e),...t})}function Rl({className:e,...t}){return jsx("div",{className:twMerge("mt-4 flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",e),...t})}var xl=d.forwardRef(function({className:e,...t},o){return jsx(T.Title,{ref:o,className:twMerge("typography-heading-6",e),...t})});var Pl=d.forwardRef(function({className:e,...t},o){return jsx(T.Description,{ref:o,className:twMerge("text-gray-200 typography-body-2",e),...t})});var Al=FormProvider;var C=d.createContext({});var Hl=d.forwardRef(function({className:e,...t},o){let r=d.useId();return jsx(C.Provider,{value:{id:r},children:jsx("div",{ref:o,className:twMerge("space-y-2",e),...t})})});var A=d.createContext({});var Gl=({...e})=>jsx(A.Provider,{value:{name:e.name},children:jsx(Controller,{...e})});var pt=d.forwardRef(function({className:e,...t},o){return jsx(st.Root,{ref:o,className:twMerge("typography-subtitle-1 peer-disabled:cursor-not-allowed peer-disabled:opacity-70",e),...t})});var R=()=>{let e=d.useContext(A),t=d.useContext(C),{getFieldState:o,formState:r}=useFormContext(),a=o(e.name,r);if(!e)throw new Error("useFormField should be used within <FormField>");let{id:i}=t;return {id:i,name:e.name,formItemId:`${i}-form-item`,formDescriptionId:`${i}-form-item-description`,formMessageId:`${i}-form-item-message`,...a}};var on=d.forwardRef(({className:e,caption:t,...o},r)=>{let{error:a,formItemId:i}=R();return jsxs("div",{className:"flex flex-row items-end justify-between",children:[jsx(pt,{ref:r,className:twMerge(a?"text-error-500":null,e),htmlFor:i,...o}),t?jsx("div",{className:"text-gray-200 typography-caption",children:t}):null]})});var sn=d.forwardRef(function(e,t){let{error:o,formItemId:r,formDescriptionId:a,formMessageId:i}=R(),s={...e,invalid:!!o};return jsx(Slot,{ref:t,id:r,"aria-describedby":o?`${a} ${i}`:`${a}`,"aria-invalid":!!o,...s})});var ft=cva("",{variants:{type:{description:"typography-body-2 text-gray-200",error:"typography-caption text-error-500"}},defaultVariants:{type:"description"}});var F=d.forwardRef(function({className:e,children:t,type:o="description",role:r,...a},i){return jsx("p",{ref:i,className:twMerge(ft({type:o}),e),role:o==="error"?"alert":r,...a,children:t})});var xn=d.forwardRef(function({children:e,...t},o){let{error:r,formMessageId:a}=R(),i=r?String(r?.message):e;return i?jsx(F,{ref:o,type:"error",id:a,...t,children:i}):null});var Tn=d.forwardRef(function(e,t){let{formDescriptionId:o}=R();return jsx(F,{ref:t,id:o,...e})});var Sn=M.Root;var Fn=M.Trigger;var bt=d.forwardRef(function({className:e,...t},o){return jsx(M.Overlay,{className:twMerge("z-60 fixed inset-0 bg-background/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",e),...t,ref:o})});var Vn=d.forwardRef(function({className:e,...t},o){return jsxs(M.Portal,{children:[jsx(bt,{}),jsx(M.Content,{ref:o,className:twMerge("fixed left-1/2 top-1/2 z-50 flex w-full max-w-lg -translate-x-1/2 -translate-y-1/2 flex-col rounded border border-gray-400 bg-foreground p-4 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",e),...t})]})});function Wn({className:e,...t}){return jsx("div",{className:twMerge("mb-4 flex flex-col space-y-2 text-center sm:text-left",e),...t})}function Xn({className:e,...t}){return jsx("div",{className:twMerge("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",e),...t})}var Jn=d.forwardRef(({className:e,...t},o)=>jsx(M.Title,{ref:o,className:twMerge("typography-heading-6",e),...t}));var Zn=d.forwardRef(function({className:e,...t},o){return jsx(M.Description,{ref:o,className:twMerge("text-gray-200 typography-body-2",e),...t})});var ts=M.Action;var rs=M.Cancel;var L=d__default.createContext({});function Rr(e){if(typeof window<"u"&&window.localStorage){let t=window.localStorage.getItem("theme");if(t==="dark"||!t&&window.matchMedia("(prefers-color-scheme: dark)").matches)return "dark"}return e??"light"}function ps({children:e,defaultTheme:t,theme:o}){let[r,a]=d__default.useState(o||Rr(t));function i(s){typeof window<"u"&&window.localStorage&&(s==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",s));}return d__default.useEffect(()=>{i(r);},[r]),jsx(L.Provider,{value:{theme:r,setTheme:a},children:e})}var gs=()=>d__default.useContext(L);
|
|
18
|
-
|
|
19
|
-
export { Sn as AlertDialog, ts as AlertDialogAction, rs as AlertDialogCancel, Vn as AlertDialogContent, Zn as AlertDialogDescription, Xn as AlertDialogFooter, Wn as AlertDialogHeader, Jn as AlertDialogTitle, Fn as AlertDialogTrigger, Pr as Avatar, Lr as AvatarFallback, Sr as AvatarImage, Zr as Button, Ia as Card, Ka as CardContent, qa as CardDescription, ja as CardFooter, Va as CardHeader, Ba as CardTitle, qi as Dialog, _i as DialogClose, il as DialogContent, Pl as DialogDescription, Rl as DialogFooter, ml as DialogHeader, xl as DialogTitle, sl as DialogTrigger, Al as Form, sn as FormControl, Tn as FormDescription, Gl as FormField, Hl as FormItem, on as FormLabel, xn as FormMessage, Gi as Header, F as HelperText, ia as Input, pt as Label, Ta as Select, Aa as SelectItem, Oi as Separator, oi as Sheet, li as SheetClose, xi as SheetContent, Ni as SheetDescription, Si as SheetFooter, Pi as SheetHeader, Li as SheetTitle, ai as SheetTrigger, ya as Textarea, L as ThemeContext, ps as ThemeProvider, sa as Tooltip, ma as TooltipProvider, gs as useTheme };
|
package/icons/index.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var reactIcons = require('@radix-ui/react-icons');
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
|
|
6
|
-
function p(r){return jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...r,children:[jsxRuntime.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),jsxRuntime.jsx("path",{d:"M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1 -1.265 .06a6 6 0 1 0 2.103 6.836l.001 -.004h-3.66a1 1 0 0 1 -.992 -.883l-.007 -.117v-2a1 1 0 0 1 1 -1h6.945a1 1 0 0 1 .994 .89c.04 .367 .061 .737 .061 1.11c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10z",strokeWidth:"0",fill:"currentColor"})]})}function a(r){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...r,children:jsxRuntime.jsx("g",{children:jsxRuntime.jsxs("g",{children:[jsxRuntime.jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsxRuntime.jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsxRuntime.jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsxRuntime.jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsxRuntime.jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsxRuntime.jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsxRuntime.jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05 C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsxRuntime.jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}function x(r){return jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:[jsxRuntime.jsx("title",{}),jsxRuntime.jsx("path",{d:"M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z",fill:"currentColor"})]})}function m(r){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",id:"Layer_1",width:"24px",height:"24px",viewBox:"0 0 24 24",...r,children:jsxRuntime.jsx("path",{d:"M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717 l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339 l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z",fill:"currentColor"})})}
|
|
7
|
-
|
|
8
|
-
exports.Auth0LogoIcon = x;
|
|
9
|
-
exports.GoogleLogoIcon = p;
|
|
10
|
-
exports.LoadingIcon = a;
|
|
11
|
-
exports.XLogoIcon = m;
|
|
12
|
-
Object.keys(reactIcons).forEach(function (k) {
|
|
13
|
-
if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
|
|
14
|
-
enumerable: true,
|
|
15
|
-
get: function () { return reactIcons[k]; }
|
|
16
|
-
});
|
|
17
|
-
});
|
package/icons/index.mjs
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export * from '@radix-ui/react-icons';
|
|
2
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
|
|
4
|
-
function p(r){return jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...r,children:[jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),jsx("path",{d:"M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1 -1.265 .06a6 6 0 1 0 2.103 6.836l.001 -.004h-3.66a1 1 0 0 1 -.992 -.883l-.007 -.117v-2a1 1 0 0 1 1 -1h6.945a1 1 0 0 1 .994 .89c.04 .367 .061 .737 .061 1.11c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10z",strokeWidth:"0",fill:"currentColor"})]})}function a(r){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...r,children:jsx("g",{children:jsxs("g",{children:[jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05 C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}function x(r){return jsxs("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:[jsx("title",{}),jsx("path",{d:"M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z",fill:"currentColor"})]})}function m(r){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",id:"Layer_1",width:"24px",height:"24px",viewBox:"0 0 24 24",...r,children:jsx("path",{d:"M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717 l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339 l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z",fill:"currentColor"})})}
|
|
5
|
-
|
|
6
|
-
export { x as Auth0LogoIcon, p as GoogleLogoIcon, a as LoadingIcon, m as XLogoIcon };
|
package/theme/global.css
DELETED
|
@@ -1,141 +0,0 @@
|
|
|
1
|
-
@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&display=swap");
|
|
2
|
-
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
|
|
3
|
-
|
|
4
|
-
@tailwind base;
|
|
5
|
-
@tailwind components;
|
|
6
|
-
@tailwind utilities;
|
|
7
|
-
|
|
8
|
-
@layer base {
|
|
9
|
-
:root {
|
|
10
|
-
--white: 255 255 255; /* #ffffff */
|
|
11
|
-
--black: 28 28 28; /* #1c1c1c */
|
|
12
|
-
|
|
13
|
-
--primary-50: 229 243 255; /* #E5F3FF */
|
|
14
|
-
--primary-100: 204 230 255; /* #CCE6FF */
|
|
15
|
-
--primary-200: 153 206 255; /* #99CEFF */
|
|
16
|
-
--primary-300: 102 181 255; /* #66B5FF */
|
|
17
|
-
--primary-400: 51 156 255; /* #339CFF */
|
|
18
|
-
--primary-500: 0 133 255; /* #0085FF */
|
|
19
|
-
--primary-600: 0 105 204; /* #0069CC */
|
|
20
|
-
--primary-700: 0 79 153; /* #004F99 */
|
|
21
|
-
--primary-800: 0 53 102; /* #003566 */
|
|
22
|
-
--primary-900: 0 26 51; /* #001A33 */
|
|
23
|
-
--primary-950: 0 13 25; /* #000D19 */
|
|
24
|
-
|
|
25
|
-
--success-50: 224 255 233; /* E0FFE9 */
|
|
26
|
-
--success-100: 189 255 207; /* BDFFCF */
|
|
27
|
-
--success-200: 128 255 164; /* 80FFA4 */
|
|
28
|
-
--success-300: 61 255 116; /* 3DFF74 */
|
|
29
|
-
--success-400: 0 250 71; /* 00FA47 */
|
|
30
|
-
--success-500: 0 186 52; /* #00BA34 */
|
|
31
|
-
--success-600: 0 148 42; /* 00942A */
|
|
32
|
-
--success-700: 0 112 32; /* 007020 */
|
|
33
|
-
--success-800: 0 77 22; /* 004D16 */
|
|
34
|
-
--success-900: 0 36 10; /* 00240A */
|
|
35
|
-
--success-950: 0 20 6; /* 001406 */
|
|
36
|
-
|
|
37
|
-
--warning-50: 255 243 229; /* FFF3E5 */
|
|
38
|
-
--warning-100: 255 231 204; /* FFE7CC */
|
|
39
|
-
--warning-200: 255 207 153; /* FFCF99 */
|
|
40
|
-
--warning-300: 255 181 97; /* FFB561 */
|
|
41
|
-
--warning-400: 255 157 46; /* FF9D2E */
|
|
42
|
-
--warning-500: 249 134 0; /* #F98600 */
|
|
43
|
-
--warning-600: 199 106 0; /* C76A00 */
|
|
44
|
-
--warning-700: 148 79 0; /* 944F00 */
|
|
45
|
-
--warning-800: 102 54 0; /* 663600 */
|
|
46
|
-
--warning-900: 51 27 0; /* 331B00 */
|
|
47
|
-
--warning-950: 25 14 0; /* 190E00 */
|
|
48
|
-
|
|
49
|
-
--error-50: 253 232 232; /* FDE8E8 */
|
|
50
|
-
--error-100: 251 213 213; /* FBD5D5 */
|
|
51
|
-
--error-200: 246 172 172; /* F6ACAC */
|
|
52
|
-
--error-300: 242 130 130; /* F28282 */
|
|
53
|
-
--error-400: 237 84 84; /* ED5454 */
|
|
54
|
-
--error-500: 233 44 44; /* #E92C2C */
|
|
55
|
-
--error-600: 199 21 21; /* C71515 */
|
|
56
|
-
--error-700: 152 16 16; /* 981010 */
|
|
57
|
-
--error-800: 102 11 11; /* 660B0B */
|
|
58
|
-
--error-900: 51 5 5; /* 330505 */
|
|
59
|
-
--error-950: 23 2 2; /* 170202 */
|
|
60
|
-
|
|
61
|
-
--gray-100: 28 28 28; /* #1C1C1C */
|
|
62
|
-
--gray-200: 88 87 87; /* #585757 */
|
|
63
|
-
--gray-300: 150 150 150; /* #969696 */
|
|
64
|
-
--gray-350: 193 193 193; /* #C1C1C1 */
|
|
65
|
-
--gray-400: 235 235 235; /* #EBEBEB */
|
|
66
|
-
|
|
67
|
-
--foreground: 255 255 255; /* #ffffff */
|
|
68
|
-
--background: 247 247 247; /* #f7f7f7 */
|
|
69
|
-
--background-color-primary: var(--primary-500) / 0.1;
|
|
70
|
-
--background-color-success: var(--success-500) / 0.1;
|
|
71
|
-
--background-color-warning: var(--warning-500) / 0.1;
|
|
72
|
-
--background-color-error: var(--error-500) / 0.1;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
.dark {
|
|
76
|
-
--primary-50: 229 243 255; /* E5F3FF */
|
|
77
|
-
--primary-100: 209 233 255; /* D1E9FF */
|
|
78
|
-
--primary-200: 163 211 255; /* A3D3FF */
|
|
79
|
-
--primary-300: 117 188 255; /* 75BCFF */
|
|
80
|
-
--primary-400: 66 164 255; /* 42A4FF */
|
|
81
|
-
--primary-500: 22 143 255; /* #168FFF */
|
|
82
|
-
--primary-600: 0 113 219; /* 0071DB */
|
|
83
|
-
--primary-700: 0 87 168; /* 0057A8 */
|
|
84
|
-
--primary-800: 0 58 112; /* 003A70 */
|
|
85
|
-
--primary-900: 0 29 56; /* 001D38 */
|
|
86
|
-
--primary-950: 0 13 25; /* 000D19 */
|
|
87
|
-
|
|
88
|
-
--success-50: 228 252 234; /* E4FCEA */
|
|
89
|
-
--success-100: 205 249 217; /* CDF9D9 */
|
|
90
|
-
--success-200: 154 244 180; /* 9AF4B4 */
|
|
91
|
-
--success-300: 104 238 142; /* 68EE8E */
|
|
92
|
-
--success-400: 49 232 101; /* 31E865 */
|
|
93
|
-
--success-500: 23 203 73; /* #17CB49 */
|
|
94
|
-
--success-600: 18 160 58; /* 12A03A */
|
|
95
|
-
--success-700: 14 124 45; /* 0E7C2D */
|
|
96
|
-
--success-800: 9 82 30; /* 09521E */
|
|
97
|
-
--success-900: 5 41 15; /* 05290F */
|
|
98
|
-
--success-950: 2 18 7; /* 021207 */
|
|
99
|
-
|
|
100
|
-
--warning-50: 255 246 235; /* FFF6EB */
|
|
101
|
-
--warning-100: 255 237 214; /* FFEDD6 */
|
|
102
|
-
--warning-200: 255 218 173; /* FFDAAD */
|
|
103
|
-
--warning-300: 255 198 128; /* FFC680 */
|
|
104
|
-
--warning-400: 255 179 87; /* FFB357 */
|
|
105
|
-
--warning-500: 255 159 45; /* #FF9F2D */
|
|
106
|
-
--warning-600: 240 132 0; /* F08400 */
|
|
107
|
-
--warning-700: 179 98 0; /* B36200 */
|
|
108
|
-
--warning-800: 122 67 0; /* 7A4300 */
|
|
109
|
-
--warning-900: 61 34 0; /* 3D2200 */
|
|
110
|
-
--warning-950: 31 17 0; /* 1F1100 */
|
|
111
|
-
|
|
112
|
-
--error-50: 254 235 235; /* FEEBEB */
|
|
113
|
-
--error-100: 253 216 216; /* FDD8D8 */
|
|
114
|
-
--error-200: 252 177 177; /* FCB1B1 */
|
|
115
|
-
--error-300: 250 142 142; /* FA8E8E */
|
|
116
|
-
--error-400: 249 103 103; /* F96767 */
|
|
117
|
-
--error-500: 247 65 65; /* #F74141 */
|
|
118
|
-
--error-600: 240 10 10; /* F00A0A */
|
|
119
|
-
--error-700: 181 8 8; /* B50808 */
|
|
120
|
-
--error-800: 117 5 5; /* 750505 */
|
|
121
|
-
--error-900: 59 2 2; /* 3B0202 */
|
|
122
|
-
--error-950: 29 1 1; /* 1D0101 */
|
|
123
|
-
|
|
124
|
-
--gray-100: 234 234 234; /* #eaeaea */
|
|
125
|
-
--gray-200: 192 192 192; /* #c0c0c0 */
|
|
126
|
-
--gray-300: 123 123 123; /* #7b7b7b */
|
|
127
|
-
--gray-350: 85 85 85; /* #555555 */
|
|
128
|
-
--gray-400: 46 46 46; /* #2e2e2e */
|
|
129
|
-
|
|
130
|
-
--foreground: 17 17 17; /* #111111 */
|
|
131
|
-
--background: 28 28 28; /* #1C1C1C */
|
|
132
|
-
--background-color-primary: var(--primary-500) / 0.25;
|
|
133
|
-
--background-color-success: var(--success-500) / 0.25;
|
|
134
|
-
--background-color-warning: var(--warning-500) / 0.25;
|
|
135
|
-
--background-color-error: var(--error-500) / 0.25;
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
body {
|
|
139
|
-
@apply bg-background font-poppins text-gray-100 antialiased scroll;
|
|
140
|
-
}
|
|
141
|
-
}
|