@szum-tech/design-system 1.15.4 → 1.16.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/dist/index.d.mts +224 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +9 -9
- package/dist/index.mjs +6 -6
- package/icons/index.d.mts +13 -0
- package/package.json +7 -7
- package/theme/global.css +1 -1
- package/theme/main-preset.js +1 -4
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,224 @@
|
|
|
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
|
+
|
|
12
|
+
declare const avatarCva: (props?: ({
|
|
13
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
14
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
15
|
+
|
|
16
|
+
type AvatarCvaProps = VariantProps<typeof avatarCva>;
|
|
17
|
+
type AvatarSizeType = NonNullable<AvatarCvaProps["size"]>;
|
|
18
|
+
|
|
19
|
+
type AvatarProps = ReactAvatar.AvatarProps & {
|
|
20
|
+
/**
|
|
21
|
+
* Defines avatar size
|
|
22
|
+
*/
|
|
23
|
+
size?: AvatarSizeType;
|
|
24
|
+
};
|
|
25
|
+
declare const Avatar: (props: ReactAvatar.AvatarProps & {
|
|
26
|
+
/**
|
|
27
|
+
* Defines avatar size
|
|
28
|
+
*/
|
|
29
|
+
size?: AvatarSizeType | undefined;
|
|
30
|
+
} & React.RefAttributes<HTMLSpanElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
31
|
+
|
|
32
|
+
type AvatarImageProps = React.ComponentPropsWithoutRef<typeof ReactAvatar.Image>;
|
|
33
|
+
declare const AvatarImage: (props: Omit<ReactAvatar.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
34
|
+
|
|
35
|
+
type AvatarFallbackProps = React.ComponentPropsWithoutRef<typeof ReactAvatar.Fallback>;
|
|
36
|
+
declare const AvatarFallback: (props: Omit<ReactAvatar.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
37
|
+
|
|
38
|
+
declare const buttonCva: (props?: ({
|
|
39
|
+
fullWidth?: boolean | null | undefined;
|
|
40
|
+
color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
|
|
41
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
42
|
+
variant?: "text" | "outlined" | "contained" | null | undefined;
|
|
43
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
44
|
+
|
|
45
|
+
type ButtonCvaProps = VariantProps<typeof buttonCva>;
|
|
46
|
+
type ButtonSizeType = NonNullable<ButtonCvaProps["size"]>;
|
|
47
|
+
type ButtonVariantType = NonNullable<ButtonCvaProps["variant"]>;
|
|
48
|
+
type ButtonColorType = NonNullable<ButtonCvaProps["color"]>;
|
|
49
|
+
|
|
50
|
+
type Props$2 = {
|
|
51
|
+
/**
|
|
52
|
+
* Defines button full width
|
|
53
|
+
*/
|
|
54
|
+
fullWidth?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Defines button color
|
|
57
|
+
*/
|
|
58
|
+
color?: ButtonColorType;
|
|
59
|
+
/**
|
|
60
|
+
* Defines button variant
|
|
61
|
+
*/
|
|
62
|
+
variant?: ButtonVariantType;
|
|
63
|
+
/**
|
|
64
|
+
* Defines button size
|
|
65
|
+
*/
|
|
66
|
+
size?: ButtonSizeType;
|
|
67
|
+
/**
|
|
68
|
+
* Defines button content
|
|
69
|
+
*/
|
|
70
|
+
children?: React.ReactNode;
|
|
71
|
+
/**
|
|
72
|
+
* Disabled button
|
|
73
|
+
*/
|
|
74
|
+
disabled?: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* Defines left icon
|
|
77
|
+
*/
|
|
78
|
+
startIcon?: React.ReactElement;
|
|
79
|
+
/**
|
|
80
|
+
* Defines right icon
|
|
81
|
+
*/
|
|
82
|
+
endIcon?: React.ReactElement;
|
|
83
|
+
/**
|
|
84
|
+
* Defines is button is in loading state
|
|
85
|
+
*/
|
|
86
|
+
loading?: boolean;
|
|
87
|
+
/**
|
|
88
|
+
* Defines is position of loading icon
|
|
89
|
+
*/
|
|
90
|
+
loadingPosition?: "start" | "end";
|
|
91
|
+
asChild?: boolean;
|
|
92
|
+
};
|
|
93
|
+
type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Props$2;
|
|
94
|
+
declare const Button: (props: React.ButtonHTMLAttributes<HTMLButtonElement> & Props$2 & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
95
|
+
|
|
96
|
+
type OmitStylesProps<T> = Omit<T, "className" | "style">;
|
|
97
|
+
|
|
98
|
+
type Props$1 = {
|
|
99
|
+
invalid?: boolean;
|
|
100
|
+
startIcon?: React.ReactElement | string;
|
|
101
|
+
endIcon?: React.ReactElement | string;
|
|
102
|
+
};
|
|
103
|
+
type InputProps = OmitStylesProps<React.ComponentPropsWithoutRef<"input">> & Props$1;
|
|
104
|
+
declare const Input: (props: OmitStylesProps<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">> & Props$1 & React.RefAttributes<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
105
|
+
|
|
106
|
+
type TooltipProps = ReactTooltip.TooltipContentProps & {
|
|
107
|
+
children?: React.ReactNode;
|
|
108
|
+
defaultOpen?: boolean;
|
|
109
|
+
open?: boolean;
|
|
110
|
+
onOpenChange?: (open: boolean) => void;
|
|
111
|
+
content?: React.ReactNode;
|
|
112
|
+
collisionPadding?: number;
|
|
113
|
+
};
|
|
114
|
+
declare function Tooltip({ defaultOpen, content, open, onOpenChange, children, side, align, collisionPadding, sideOffset, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
115
|
+
|
|
116
|
+
type TooltipProviderProps = {
|
|
117
|
+
children: React.ReactNode;
|
|
118
|
+
};
|
|
119
|
+
declare function TooltipProvider({ children }: TooltipProviderProps): react_jsx_runtime.JSX.Element;
|
|
120
|
+
|
|
121
|
+
type Props = {
|
|
122
|
+
invalid?: boolean;
|
|
123
|
+
};
|
|
124
|
+
type TextareaProps = OmitStylesProps<React.ComponentPropsWithoutRef<"textarea">> & Props;
|
|
125
|
+
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;
|
|
126
|
+
|
|
127
|
+
type SelectProps = OmitStylesProps<ReactSelect.SelectProps> & {
|
|
128
|
+
placeholder?: React.ReactNode;
|
|
129
|
+
};
|
|
130
|
+
declare const Select: (props: OmitStylesProps<ReactSelect.SelectProps> & {
|
|
131
|
+
placeholder?: React.ReactNode;
|
|
132
|
+
} & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
133
|
+
|
|
134
|
+
type SelectItemProps = OmitStylesProps<ReactSelect.SelectItemProps>;
|
|
135
|
+
declare const SelectItem: (props: SelectItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
136
|
+
|
|
137
|
+
type CardProps = React.HTMLAttributes<HTMLDivElement>;
|
|
138
|
+
declare const Card: (props: CardProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
139
|
+
|
|
140
|
+
type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
|
|
141
|
+
declare const CardHeader: (props: CardHeaderProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
142
|
+
|
|
143
|
+
type CardTitleProps = React__default.HTMLAttributes<HTMLHeadingElement>;
|
|
144
|
+
declare const CardTitle: (props: CardTitleProps & React__default.RefAttributes<HTMLParagraphElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
|
|
145
|
+
|
|
146
|
+
type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
|
|
147
|
+
declare const CardDescription: (props: CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
148
|
+
|
|
149
|
+
type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
|
|
150
|
+
declare const CardContent: (props: CardContentProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
151
|
+
|
|
152
|
+
type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
153
|
+
declare const CardFooter: (props: CardFooterProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
154
|
+
|
|
155
|
+
type SheetProps = ReactSheet.DialogProps;
|
|
156
|
+
declare const Sheet: React.FC<ReactSheet.DialogProps>;
|
|
157
|
+
|
|
158
|
+
type SheetTriggerProps = ReactSheet.DialogTriggerProps;
|
|
159
|
+
declare const SheetTrigger: React.ForwardRefExoticComponent<ReactSheet.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
160
|
+
|
|
161
|
+
type SheetCloseProps = ReactSheet.DialogCloseProps;
|
|
162
|
+
declare const SheetClose: React.ForwardRefExoticComponent<ReactSheet.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
163
|
+
|
|
164
|
+
declare const sheetContentStyles: (props?: ({
|
|
165
|
+
side?: "left" | "right" | "top" | "bottom" | null | undefined;
|
|
166
|
+
} & class_variance_authority_dist_types.ClassProp) | undefined) => string;
|
|
167
|
+
|
|
168
|
+
type SheetContentCvaProps = VariantProps<typeof sheetContentStyles>;
|
|
169
|
+
type SheetContentSide = NonNullable<SheetContentCvaProps["side"]>;
|
|
170
|
+
|
|
171
|
+
type SheetContentProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Content> & {
|
|
172
|
+
side?: SheetContentSide;
|
|
173
|
+
};
|
|
174
|
+
declare const SheetContent: (props: Omit<ReactSheet.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
175
|
+
side?: SheetContentSide | undefined;
|
|
176
|
+
} & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
177
|
+
|
|
178
|
+
type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
|
|
179
|
+
declare function SheetHeader({ className, ...props }: SheetHeaderProps): react_jsx_runtime.JSX.Element;
|
|
180
|
+
|
|
181
|
+
type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
182
|
+
declare function SheetFooter({ className, ...props }: SheetFooterProps): react_jsx_runtime.JSX.Element;
|
|
183
|
+
|
|
184
|
+
type SheetTitleProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Title>;
|
|
185
|
+
declare const SheetTitle: (props: Omit<ReactSheet.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
186
|
+
|
|
187
|
+
type SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Description>;
|
|
188
|
+
declare const SheetDescription: (props: Omit<ReactSheet.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
189
|
+
|
|
190
|
+
type SeparatorProps = React.ComponentPropsWithoutRef<typeof ReactSeparator.Root>;
|
|
191
|
+
declare const Separator: (props: Omit<ReactSeparator.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
192
|
+
|
|
193
|
+
type HeaderProps = {
|
|
194
|
+
children?: React__default.ReactNode;
|
|
195
|
+
};
|
|
196
|
+
declare function Header({ children }: HeaderProps): react_jsx_runtime.JSX.Element;
|
|
197
|
+
|
|
198
|
+
type ThemeType = "light" | "dark";
|
|
199
|
+
interface ThemeContextType {
|
|
200
|
+
theme: ThemeType;
|
|
201
|
+
setTheme: React__default.Dispatch<React__default.SetStateAction<ThemeType>>;
|
|
202
|
+
}
|
|
203
|
+
|
|
204
|
+
declare const ThemeContext: React__default.Context<ThemeContextType>;
|
|
205
|
+
|
|
206
|
+
interface ThemeProviderProps {
|
|
207
|
+
/**
|
|
208
|
+
* Children Components using theming.
|
|
209
|
+
*/
|
|
210
|
+
children?: React__default.ReactNode;
|
|
211
|
+
/**
|
|
212
|
+
* Define the default theme which is set at the beginning if neither local storage nor media is defined.
|
|
213
|
+
*/
|
|
214
|
+
defaultTheme?: ThemeType;
|
|
215
|
+
/**
|
|
216
|
+
* Define theme that is always set initially.
|
|
217
|
+
*/
|
|
218
|
+
theme?: ThemeType;
|
|
219
|
+
}
|
|
220
|
+
declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
|
|
221
|
+
|
|
222
|
+
declare const useTheme: () => ThemeContextType;
|
|
223
|
+
|
|
224
|
+
export { Avatar, AvatarFallback, AvatarFallbackProps, AvatarImage, AvatarImageProps, AvatarProps, AvatarSizeType, Button, ButtonColorType, ButtonProps, ButtonSizeType, ButtonVariantType, Card, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Header, HeaderProps, Input, InputProps, Select, SelectItem, SelectItemProps, SelectProps, Separator, SeparatorProps, Sheet, SheetClose, SheetCloseProps, SheetContent, SheetContentProps, SheetContentSide, SheetDescription, SheetDescriptionProps, SheetFooter, SheetFooterProps, SheetHeader, SheetHeaderProps, SheetProps, SheetTitle, SheetTitleProps, SheetTrigger, SheetTriggerProps, Textarea, TextareaProps, ThemeContext, ThemeContextType, ThemeProvider, ThemeProviderProps, ThemeType, Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps, useTheme };
|
package/dist/index.d.ts
CHANGED
|
@@ -179,7 +179,7 @@ type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;
|
|
|
179
179
|
declare function SheetHeader({ className, ...props }: SheetHeaderProps): react_jsx_runtime.JSX.Element;
|
|
180
180
|
|
|
181
181
|
type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
182
|
-
declare function SheetFooter({ className, ...props }:
|
|
182
|
+
declare function SheetFooter({ className, ...props }: SheetFooterProps): react_jsx_runtime.JSX.Element;
|
|
183
183
|
|
|
184
184
|
type SheetTitleProps = React.ComponentPropsWithoutRef<typeof ReactSheet.Title>;
|
|
185
185
|
declare const SheetTitle: (props: Omit<ReactSheet.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
package/dist/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var m = require('react');
|
|
4
4
|
var X = require('@radix-ui/react-avatar');
|
|
5
5
|
var tailwindMerge = require('tailwind-merge');
|
|
6
6
|
var classVarianceAuthority = require('class-variance-authority');
|
|
7
7
|
var jsxRuntime = require('react/jsx-runtime');
|
|
8
8
|
var reactSlot = require('@radix-ui/react-slot');
|
|
9
9
|
var sr = require('@radix-ui/react-icons');
|
|
10
|
-
var
|
|
10
|
+
var p = require('@radix-ui/react-tooltip');
|
|
11
11
|
var i = require('@radix-ui/react-select');
|
|
12
|
-
var
|
|
12
|
+
var S = require('@radix-ui/react-dialog');
|
|
13
13
|
var Ne = require('@radix-ui/react-separator');
|
|
14
14
|
|
|
15
15
|
function _interopNamespace(e) {
|
|
@@ -30,15 +30,15 @@ function _interopNamespace(e) {
|
|
|
30
30
|
return Object.freeze(n);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
|
-
var
|
|
33
|
+
var m__namespace = /*#__PURE__*/_interopNamespace(m);
|
|
34
34
|
var X__namespace = /*#__PURE__*/_interopNamespace(X);
|
|
35
35
|
var sr__namespace = /*#__PURE__*/_interopNamespace(sr);
|
|
36
|
-
var
|
|
36
|
+
var p__namespace = /*#__PURE__*/_interopNamespace(p);
|
|
37
37
|
var i__namespace = /*#__PURE__*/_interopNamespace(i);
|
|
38
|
-
var
|
|
38
|
+
var S__namespace = /*#__PURE__*/_interopNamespace(S);
|
|
39
39
|
var Ne__namespace = /*#__PURE__*/_interopNamespace(Ne);
|
|
40
40
|
|
|
41
|
-
var F=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var Ve=Object.prototype.hasOwnProperty;var ze=(e,t)=>{for(var r in t)F(e,r,{get:t[r],enumerable:!0});},B=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of De(t))!Ve.call(e,a)&&a!==r&&F(e,a,{get:()=>t[a],enumerable:!(o=ke(t,a))||o.enumerable});return e},R=(e,t,r)=>(B(e,t,"default"),r&&B(r,t,"default"));var W=classVarianceAuthority.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 Ft=f__namespace.forwardRef(function({className:e,size:t,...r},o){let a=W({size:t});return jsxRuntime.jsx(X__namespace.Root,{ref:o,className:tailwindMerge.twMerge(a,e),...r})});var qt=f__namespace.forwardRef(function({className:e,...t},r){return jsxRuntime.jsx(X__namespace.Image,{ref:r,className:tailwindMerge.twMerge("aspect-square h-full w-full",e),...t})});var Kt=f__namespace.forwardRef(function({className:e,...t},r){return jsxRuntime.jsx(X__namespace.Fallback,{ref:r,className:tailwindMerge.twMerge("flex h-full w-full items-center justify-center bg-gray-350",e),...t})});var K=classVarianceAuthority.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-100 hover:bg-gray-100 hover:text-black","active:border-gray-200 active:bg-gray-200"]},{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-100","hover:bg-gray-100 hover:text-black","active:text-gray-600 active:bg-gray-200"]},{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:["border-gray-100 bg-gray-100 text-black","hover:border-white hover:bg-white","active:border-gray-200 active:bg-gray-200"]},{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"}}),N=classVarianceAuthority.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"}}),H=classVarianceAuthority.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 n={};ze(n,{Auth0LogoIcon:()=>Ke,GoogleLogoIcon:()=>Ue,LoadingIcon:()=>S,XLogoIcon:()=>Ye});R(n,sr__namespace);function Ue(e){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",...e,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 S(e){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",...e,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 Ke(e){return jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,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 Ye(e){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",...e,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"})})}var gr=f__namespace.forwardRef(function({asChild:e=!1,fullWidth:t=!1,color:r="primary",children:o,size:a="md",variant:c="text",disabled:s=!1,type:l="button",loading:p=!1,loadingPosition:v="start",endIcon:C,startIcon:b,...x},I){let L={asChild:e,fullWidth:t,color:r,children:o,size:a,variant:c,disabled:s,type:l,loading:p,loadingPosition:v,endIcon:C,startIcon:b,...x},g=e?reactSlot.Slot:"button",w=K({fullWidth:t,size:a,variant:c,color:r}),E=s||p;return jsxRuntime.jsx(g,{...x,"aria-disabled":E||void 0,className:w,"data-state":p?"loading":void 0,disabled:E,ref:I,role:g!=="button"?"button":void 0,tabIndex:E?-1:0,type:g==="button"?l:void 0,children:e?jsxRuntime.jsx($,{children:o}):jsxRuntime.jsx($,{...L})})});function $({children:e,loading:t,size:r,loadingPosition:o,startIcon:a,endIcon:c,...s}){let l=t&&o==="start",p=l?jsxRuntime.jsx(S,{"aria-label":"Loading"}):a||null,v=H({size:r,loading:l}),C=N({size:r,site:"left"}),b=t&&o==="end",x=b?jsxRuntime.jsx(S,{"aria-label":"Loading"}):c||null,I=H({size:r,loading:b}),L=N({size:r,site:"right"}),g=p?jsxRuntime.jsx("span",{className:C,role:l?"progressbar":void 0,children:f__namespace.cloneElement(p,{className:v})}):null,w=x?jsxRuntime.jsx("span",{className:L,role:b?"progressbar":void 0,children:f__namespace.cloneElement(x,{className:I})}):null;return f__namespace.isValidElement(e)?f__namespace.cloneElement(e,{...s,children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[g,f__namespace.isValidElement(e)?e.props.children:null,w]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[g,e,w]})}var re=classVarianceAuthority.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}}),A=classVarianceAuthority.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 xr=f__namespace.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},c){let s=re({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),l=A({site:"left",disabled:o}),p=A({site:"right",disabled:o});return jsxRuntime.jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsxRuntime.jsx("span",{className:l,children:t}):null,jsxRuntime.jsx("input",{"aria-invalid":e||void 0,disabled:o,className:s,ref:c,...a}),r?jsxRuntime.jsx("span",{"aria-hidden":!0,className:p,children:r}):null]})});function Tr({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:c,align:s,collisionPadding:l=8,sideOffset:p=8,...v}){return jsxRuntime.jsxs(m__namespace.Root,{delayDuration:0,open:r,defaultOpen:e,onOpenChange:o,children:[jsxRuntime.jsx(m__namespace.Trigger,{asChild:!0,children:a}),t?jsxRuntime.jsx(m__namespace.Portal,{children:jsxRuntime.jsxs(m__namespace.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:p,side:c,align:s,collisionPadding:l,...v,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsxRuntime.jsx(m__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function Ir({children:e}){return jsxRuntime.jsx(m__namespace.Provider,{skipDelayDuration:500,children:e})}var ie=classVarianceAuthority.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 Ar=f__namespace.forwardRef(function({invalid:e=!1,...t},r){let o=ie({invalid:e});return jsxRuntime.jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var ce=classVarianceAuthority.cva(["h-10 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"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}});var Fr=f__namespace.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=ce();return jsxRuntime.jsxs(i__namespace.Root,{...r,children:[jsxRuntime.jsxs(i__namespace.Trigger,{className:a,ref:o,children:[jsxRuntime.jsx(i__namespace.Value,{placeholder:"Select a fruit\u2026"}),jsxRuntime.jsx(i__namespace.Icon,{className:"-mr-1.5",children:jsxRuntime.jsx(n.CaretSortIcon,{className:"h-5 w-5 text-gray-200"})})]}),jsxRuntime.jsx(i__namespace.Portal,{children:jsxRuntime.jsx(i__namespace.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsxRuntime.jsx(i__namespace.Viewport,{children:e})})})]})});var qr=f__namespace.forwardRef(({children:e,...t},r)=>jsxRuntime.jsxs(i__namespace.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:r,...t,children:[jsxRuntime.jsx(i__namespace.ItemText,{className:"flex-1",children:e}),jsxRuntime.jsx(i__namespace.ItemIndicator,{children:jsxRuntime.jsx(n.CheckIcon,{className:"h-4 w-4"})})]}));var Kr=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("h-full rounded border border-gray-400 bg-foreground",e),...t}));var $r=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("flex flex-col p-6",e),...t}));var oo=f__namespace.default.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("h3",{ref:r,className:tailwindMerge.twMerge("typography-heading-5",e),...t}));var so=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("p",{ref:r,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t}));var mo=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("p-6 pt-0",e),...t}));var Ro=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("flex items-center p-6 pt-0",e),...t}));var vo=T__namespace.Root;var xo=T__namespace.Trigger;var So=T__namespace.Close;var xe=f__namespace.default.forwardRef(function(e,t){return jsxRuntime.jsx(T__namespace.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 Se=T__namespace.Portal;var Te=classVarianceAuthority.cva("fixed z-50 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 Vo=f__namespace.forwardRef(function({side:e="right",className:t,children:r,...o},a){return jsxRuntime.jsxs(Se,{children:[jsxRuntime.jsx(xe,{}),jsxRuntime.jsxs(T__namespace.Content,{ref:a,className:tailwindMerge.twMerge(Te({side:e}),t),...o,children:[r,jsxRuntime.jsxs(T__namespace.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:[jsxRuntime.jsx(n.Cross1Icon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]})]})});function Fo({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function qo({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t})}var Ko=f__namespace.forwardRef(function({className:e,...t},r){return jsxRuntime.jsx(T__namespace.Title,{ref:r,className:tailwindMerge.twMerge("typography-heading-6",e),...t})});var $o=f__namespace.forwardRef(function({className:e,...t},r){return jsxRuntime.jsx(T__namespace.Description,{ref:r,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t})});var ra=f__namespace.forwardRef(function({className:e,orientation:t="horizontal",decorative:r=!0,...o},a){return jsxRuntime.jsx(Ne__namespace.Root,{ref:a,decorative:r,orientation:t,className:tailwindMerge.twMerge("shrink-0 bg-gray-400",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...o})});function na({children:e}){return jsxRuntime.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:jsxRuntime.jsx("div",{className:"container flex h-16 items-center",children:e})})}var P=f__namespace.default.createContext({});function Ht(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 ma({children:e,defaultTheme:t,theme:r}){let[o,a]=f__namespace.default.useState(r||Ht(t));function c(s){typeof window<"u"&&window.localStorage&&(s==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",s));}return f__namespace.default.useEffect(()=>{c(o);},[o]),jsxRuntime.jsx(P.Provider,{value:{theme:o,setTheme:a},children:e})}var ua=()=>f__namespace.default.useContext(P);
|
|
41
|
+
var F=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var Ve=Object.getOwnPropertyNames;var ze=Object.prototype.hasOwnProperty;var De=(e,t)=>{for(var r in t)F(e,r,{get:t[r],enumerable:!0});},B=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Ve(t))!ze.call(e,a)&&a!==r&&F(e,a,{get:()=>t[a],enumerable:!(o=ke(t,a))||o.enumerable});return e},u=(e,t,r)=>(B(e,t,"default"),r&&B(r,t,"default"));var W=classVarianceAuthority.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 Ft=m__namespace.forwardRef(function({className:e,size:t,...r},o){let a=W({size:t});return jsxRuntime.jsx(X__namespace.Root,{ref:o,className:tailwindMerge.twMerge(a,e),...r})});var qt=m__namespace.forwardRef(function({className:e,...t},r){return jsxRuntime.jsx(X__namespace.Image,{ref:r,className:tailwindMerge.twMerge("aspect-square h-full w-full",e),...t})});var Kt=m__namespace.forwardRef(function({className:e,...t},r){return jsxRuntime.jsx(X__namespace.Fallback,{ref:r,className:tailwindMerge.twMerge("flex h-full w-full items-center justify-center bg-gray-350",e),...t})});var K=classVarianceAuthority.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-100 hover:bg-gray-100 hover:text-black","active:border-gray-200 active:bg-gray-200"]},{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-100","hover:bg-gray-100 hover:text-black","active:text-gray-600 active:bg-gray-200"]},{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:["border-gray-100 bg-gray-100 text-black","hover:border-white hover:bg-white","active:border-gray-200 active:bg-gray-200"]},{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"}}),M=classVarianceAuthority.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"}}),N=classVarianceAuthority.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 n={};De(n,{Auth0LogoIcon:()=>Ke,GoogleLogoIcon:()=>Ue,LoadingIcon:()=>w,XLogoIcon:()=>Ye});u(n,sr__namespace);function Ue(e){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",...e,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 w(e){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",...e,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 Ke(e){return jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,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 Ye(e){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",...e,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"})})}var gr=m__namespace.forwardRef(function({asChild:e=!1,variant:t="text",color:r="primary",disabled:o=!1,fullWidth:a=!1,...s},c){let{children:d,type:f="button",loading:g=!1,size:P="md",loadingPosition:b="start",endIcon:C,startIcon:O,...I}=s,R=e?reactSlot.Slot:"button",x=K({fullWidth:a,size:P,variant:t,color:r}),L=o||g;return jsxRuntime.jsx(R,{...e?s:I,"aria-disabled":L||void 0,className:x,"data-state":g?"loading":void 0,disabled:L,ref:c,role:R!=="button"?"button":void 0,tabIndex:L?-1:0,type:R==="button"?f:void 0,children:e?jsxRuntime.jsx($,{children:d}):jsxRuntime.jsx($,{...s})})});function $({children:e,loading:t=!1,size:r="md",loadingPosition:o="start",startIcon:a,endIcon:s,...c}){let d=t&&o==="start",f=d?jsxRuntime.jsx(w,{"aria-label":"Loading"}):a||null,g=N({size:r,loading:d}),P=M({size:r,site:"left"}),b=t&&o==="end",C=b?jsxRuntime.jsx(w,{"aria-label":"Loading"}):s||null,O=N({size:r,loading:b}),I=M({size:r,site:"right"}),R=f?jsxRuntime.jsx("span",{className:P,role:d?"progressbar":void 0,children:m__namespace.cloneElement(f,{className:g})}):null,x=C?jsxRuntime.jsx("span",{className:I,role:b?"progressbar":void 0,children:m__namespace.cloneElement(C,{className:O})}):null;return m__namespace.isValidElement(e)?m__namespace.cloneElement(e,{...c,children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[R,m__namespace.isValidElement(e)?e.props.children:null,x]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[R,e,x]})}var re=classVarianceAuthority.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}}),H=classVarianceAuthority.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 xr=m__namespace.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},s){let c=re({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),d=H({site:"left",disabled:o}),f=H({site:"right",disabled:o});return jsxRuntime.jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsxRuntime.jsx("span",{className:d,children:t}):null,jsxRuntime.jsx("input",{"aria-invalid":e||void 0,disabled:o,className:c,ref:s,...a}),r?jsxRuntime.jsx("span",{"aria-hidden":!0,className:f,children:r}):null]})});function Tr({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:s,align:c,collisionPadding:d=8,sideOffset:f=8,...g}){return jsxRuntime.jsxs(p__namespace.Root,{delayDuration:0,open:r,defaultOpen:e,onOpenChange:o,children:[jsxRuntime.jsx(p__namespace.Trigger,{asChild:!0,children:a}),t?jsxRuntime.jsx(p__namespace.Portal,{children:jsxRuntime.jsxs(p__namespace.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:s,align:c,collisionPadding:d,...g,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsxRuntime.jsx(p__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function Ir({children:e}){return jsxRuntime.jsx(p__namespace.Provider,{skipDelayDuration:500,children:e})}var ie=classVarianceAuthority.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 Ar=m__namespace.forwardRef(function({invalid:e=!1,...t},r){let o=ie({invalid:e});return jsxRuntime.jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var ce=classVarianceAuthority.cva(["h-10 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"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}});var Fr=m__namespace.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=ce();return jsxRuntime.jsxs(i__namespace.Root,{...r,children:[jsxRuntime.jsxs(i__namespace.Trigger,{className:a,ref:o,children:[jsxRuntime.jsx(i__namespace.Value,{placeholder:"Select a fruit\u2026"}),jsxRuntime.jsx(i__namespace.Icon,{className:"-mr-1.5",children:jsxRuntime.jsx(n.CaretSortIcon,{className:"h-5 w-5 text-gray-200"})})]}),jsxRuntime.jsx(i__namespace.Portal,{children:jsxRuntime.jsx(i__namespace.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsxRuntime.jsx(i__namespace.Viewport,{children:e})})})]})});var qr=m__namespace.forwardRef(({children:e,...t},r)=>jsxRuntime.jsxs(i__namespace.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:r,...t,children:[jsxRuntime.jsx(i__namespace.ItemText,{className:"flex-1",children:e}),jsxRuntime.jsx(i__namespace.ItemIndicator,{children:jsxRuntime.jsx(n.CheckIcon,{className:"h-4 w-4"})})]}));var Kr=m__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("h-full rounded border border-gray-400 bg-foreground",e),...t}));var $r=m__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("flex flex-col p-6",e),...t}));var oo=m__namespace.default.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("h3",{ref:r,className:tailwindMerge.twMerge("typography-heading-5",e),...t}));var so=m__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("p",{ref:r,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t}));var mo=m__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("p-6 pt-0",e),...t}));var Ro=m__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("flex items-center p-6 pt-0",e),...t}));var vo=S__namespace.Root;var xo=S__namespace.Trigger;var So=S__namespace.Close;var xe=m__namespace.default.forwardRef(function(e,t){return jsxRuntime.jsx(S__namespace.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 Se=S__namespace.Portal;var Te=classVarianceAuthority.cva("fixed z-50 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 zo=m__namespace.forwardRef(function({side:e="right",className:t,children:r,...o},a){return jsxRuntime.jsxs(Se,{children:[jsxRuntime.jsx(xe,{}),jsxRuntime.jsxs(S__namespace.Content,{ref:a,className:tailwindMerge.twMerge(Te({side:e}),t),...o,children:[r,jsxRuntime.jsxs(S__namespace.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:[jsxRuntime.jsx(n.Cross1Icon,{className:"h-4 w-4"}),jsxRuntime.jsx("span",{className:"sr-only",children:"Close"})]})]})]})});function Fo({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function qo({className:e,...t}){return jsxRuntime.jsx("div",{className:tailwindMerge.twMerge("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",e),...t})}var Ko=m__namespace.forwardRef(function({className:e,...t},r){return jsxRuntime.jsx(S__namespace.Title,{ref:r,className:tailwindMerge.twMerge("typography-heading-6",e),...t})});var $o=m__namespace.forwardRef(function({className:e,...t},r){return jsxRuntime.jsx(S__namespace.Description,{ref:r,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t})});var ra=m__namespace.forwardRef(function({className:e,orientation:t="horizontal",decorative:r=!0,...o},a){return jsxRuntime.jsx(Ne__namespace.Root,{ref:a,decorative:r,orientation:t,className:tailwindMerge.twMerge("shrink-0 bg-gray-400",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...o})});function na({children:e}){return jsxRuntime.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:jsxRuntime.jsx("div",{className:"container flex h-16 items-center",children:e})})}var T=m__namespace.default.createContext({});function Ht(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 ma({children:e,defaultTheme:t,theme:r}){let[o,a]=m__namespace.default.useState(r||Ht(t));function s(c){typeof window<"u"&&window.localStorage&&(c==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",c));}return m__namespace.default.useEffect(()=>{s(o);},[o]),jsxRuntime.jsx(T.Provider,{value:{theme:o,setTheme:a},children:e})}var ua=()=>m__namespace.default.useContext(T);
|
|
42
42
|
|
|
43
43
|
exports.Avatar = Ft;
|
|
44
44
|
exports.AvatarFallback = Kt;
|
|
@@ -57,14 +57,14 @@ exports.SelectItem = qr;
|
|
|
57
57
|
exports.Separator = ra;
|
|
58
58
|
exports.Sheet = vo;
|
|
59
59
|
exports.SheetClose = So;
|
|
60
|
-
exports.SheetContent =
|
|
60
|
+
exports.SheetContent = zo;
|
|
61
61
|
exports.SheetDescription = $o;
|
|
62
62
|
exports.SheetFooter = qo;
|
|
63
63
|
exports.SheetHeader = Fo;
|
|
64
64
|
exports.SheetTitle = Ko;
|
|
65
65
|
exports.SheetTrigger = xo;
|
|
66
66
|
exports.Textarea = Ar;
|
|
67
|
-
exports.ThemeContext =
|
|
67
|
+
exports.ThemeContext = T;
|
|
68
68
|
exports.ThemeProvider = ma;
|
|
69
69
|
exports.Tooltip = Tr;
|
|
70
70
|
exports.TooltipProvider = Ir;
|
package/dist/index.mjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import
|
|
1
|
+
import * as m from 'react';
|
|
2
|
+
import m__default from 'react';
|
|
3
3
|
import * as X from '@radix-ui/react-avatar';
|
|
4
4
|
import { twMerge } from 'tailwind-merge';
|
|
5
5
|
import { cva } from 'class-variance-authority';
|
|
6
6
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
7
7
|
import { Slot } from '@radix-ui/react-slot';
|
|
8
8
|
import * as sr from '@radix-ui/react-icons';
|
|
9
|
-
import * as
|
|
9
|
+
import * as p from '@radix-ui/react-tooltip';
|
|
10
10
|
import * as i from '@radix-ui/react-select';
|
|
11
|
-
import * as
|
|
11
|
+
import * as S from '@radix-ui/react-dialog';
|
|
12
12
|
import * as Ne from '@radix-ui/react-separator';
|
|
13
13
|
|
|
14
|
-
var F=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var De=Object.getOwnPropertyNames;var Ve=Object.prototype.hasOwnProperty;var ze=(e,t)=>{for(var r in t)F(e,r,{get:t[r],enumerable:!0});},B=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of De(t))!Ve.call(e,a)&&a!==r&&F(e,a,{get:()=>t[a],enumerable:!(o=ke(t,a))||o.enumerable});return e},R=(e,t,r)=>(B(e,t,"default"),r&&B(r,t,"default"));var W=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 Ft=f.forwardRef(function({className:e,size:t,...r},o){let a=W({size:t});return jsx(X.Root,{ref:o,className:twMerge(a,e),...r})});var qt=f.forwardRef(function({className:e,...t},r){return jsx(X.Image,{ref:r,className:twMerge("aspect-square h-full w-full",e),...t})});var Kt=f.forwardRef(function({className:e,...t},r){return jsx(X.Fallback,{ref:r,className:twMerge("flex h-full w-full items-center justify-center bg-gray-350",e),...t})});var K=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-100 hover:bg-gray-100 hover:text-black","active:border-gray-200 active:bg-gray-200"]},{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-100","hover:bg-gray-100 hover:text-black","active:text-gray-600 active:bg-gray-200"]},{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:["border-gray-100 bg-gray-100 text-black","hover:border-white hover:bg-white","active:border-gray-200 active:bg-gray-200"]},{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"}}),N=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"}}),H=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 n={};ze(n,{Auth0LogoIcon:()=>Ke,GoogleLogoIcon:()=>Ue,LoadingIcon:()=>S,XLogoIcon:()=>Ye});R(n,sr);function Ue(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 S(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 Ke(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 Ye(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 gr=f.forwardRef(function({asChild:e=!1,fullWidth:t=!1,color:r="primary",children:o,size:a="md",variant:c="text",disabled:s=!1,type:l="button",loading:p=!1,loadingPosition:v="start",endIcon:C,startIcon:b,...x},I){let L={asChild:e,fullWidth:t,color:r,children:o,size:a,variant:c,disabled:s,type:l,loading:p,loadingPosition:v,endIcon:C,startIcon:b,...x},g=e?Slot:"button",w=K({fullWidth:t,size:a,variant:c,color:r}),E=s||p;return jsx(g,{...x,"aria-disabled":E||void 0,className:w,"data-state":p?"loading":void 0,disabled:E,ref:I,role:g!=="button"?"button":void 0,tabIndex:E?-1:0,type:g==="button"?l:void 0,children:e?jsx($,{children:o}):jsx($,{...L})})});function $({children:e,loading:t,size:r,loadingPosition:o,startIcon:a,endIcon:c,...s}){let l=t&&o==="start",p=l?jsx(S,{"aria-label":"Loading"}):a||null,v=H({size:r,loading:l}),C=N({size:r,site:"left"}),b=t&&o==="end",x=b?jsx(S,{"aria-label":"Loading"}):c||null,I=H({size:r,loading:b}),L=N({size:r,site:"right"}),g=p?jsx("span",{className:C,role:l?"progressbar":void 0,children:f.cloneElement(p,{className:v})}):null,w=x?jsx("span",{className:L,role:b?"progressbar":void 0,children:f.cloneElement(x,{className:I})}):null;return f.isValidElement(e)?f.cloneElement(e,{...s,children:jsxs(Fragment,{children:[g,f.isValidElement(e)?e.props.children:null,w]})}):jsxs(Fragment,{children:[g,e,w]})}var re=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}}),A=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 xr=f.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},c){let s=re({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),l=A({site:"left",disabled:o}),p=A({site:"right",disabled:o});return jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsx("span",{className:l,children:t}):null,jsx("input",{"aria-invalid":e||void 0,disabled:o,className:s,ref:c,...a}),r?jsx("span",{"aria-hidden":!0,className:p,children:r}):null]})});function Tr({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:c,align:s,collisionPadding:l=8,sideOffset:p=8,...v}){return jsxs(m.Root,{delayDuration:0,open:r,defaultOpen:e,onOpenChange:o,children:[jsx(m.Trigger,{asChild:!0,children:a}),t?jsx(m.Portal,{children:jsxs(m.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:p,side:c,align:s,collisionPadding:l,...v,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsx(m.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function Ir({children:e}){return jsx(m.Provider,{skipDelayDuration:500,children:e})}var ie=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 Ar=f.forwardRef(function({invalid:e=!1,...t},r){let o=ie({invalid:e});return jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var ce=cva(["h-10 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"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}});var Fr=f.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=ce();return jsxs(i.Root,{...r,children:[jsxs(i.Trigger,{className:a,ref:o,children:[jsx(i.Value,{placeholder:"Select a fruit\u2026"}),jsx(i.Icon,{className:"-mr-1.5",children:jsx(n.CaretSortIcon,{className:"h-5 w-5 text-gray-200"})})]}),jsx(i.Portal,{children:jsx(i.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsx(i.Viewport,{children:e})})})]})});var qr=f.forwardRef(({children:e,...t},r)=>jsxs(i.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:r,...t,children:[jsx(i.ItemText,{className:"flex-1",children:e}),jsx(i.ItemIndicator,{children:jsx(n.CheckIcon,{className:"h-4 w-4"})})]}));var Kr=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("h-full rounded border border-gray-400 bg-foreground",e),...t}));var $r=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("flex flex-col p-6",e),...t}));var oo=f__default.forwardRef(({className:e,...t},r)=>jsx("h3",{ref:r,className:twMerge("typography-heading-5",e),...t}));var so=f.forwardRef(({className:e,...t},r)=>jsx("p",{ref:r,className:twMerge("text-gray-200 typography-body-2",e),...t}));var mo=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("p-6 pt-0",e),...t}));var Ro=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("flex items-center p-6 pt-0",e),...t}));var vo=T.Root;var xo=T.Trigger;var So=T.Close;var xe=f__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 Se=T.Portal;var Te=cva("fixed z-50 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 Vo=f.forwardRef(function({side:e="right",className:t,children:r,...o},a){return jsxs(Se,{children:[jsx(xe,{}),jsxs(T.Content,{ref:a,className:twMerge(Te({side:e}),t),...o,children:[r,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(n.Cross1Icon,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]})]})});function Fo({className:e,...t}){return jsx("div",{className:twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function qo({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 Ko=f.forwardRef(function({className:e,...t},r){return jsx(T.Title,{ref:r,className:twMerge("typography-heading-6",e),...t})});var $o=f.forwardRef(function({className:e,...t},r){return jsx(T.Description,{ref:r,className:twMerge("text-gray-200 typography-body-2",e),...t})});var ra=f.forwardRef(function({className:e,orientation:t="horizontal",decorative:r=!0,...o},a){return jsx(Ne.Root,{ref:a,decorative:r,orientation:t,className:twMerge("shrink-0 bg-gray-400",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...o})});function na({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 P=f__default.createContext({});function Ht(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 ma({children:e,defaultTheme:t,theme:r}){let[o,a]=f__default.useState(r||Ht(t));function c(s){typeof window<"u"&&window.localStorage&&(s==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",s));}return f__default.useEffect(()=>{c(o);},[o]),jsx(P.Provider,{value:{theme:o,setTheme:a},children:e})}var ua=()=>f__default.useContext(P);
|
|
14
|
+
var F=Object.defineProperty;var ke=Object.getOwnPropertyDescriptor;var Ve=Object.getOwnPropertyNames;var ze=Object.prototype.hasOwnProperty;var De=(e,t)=>{for(var r in t)F(e,r,{get:t[r],enumerable:!0});},B=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Ve(t))!ze.call(e,a)&&a!==r&&F(e,a,{get:()=>t[a],enumerable:!(o=ke(t,a))||o.enumerable});return e},u=(e,t,r)=>(B(e,t,"default"),r&&B(r,t,"default"));var W=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 Ft=m.forwardRef(function({className:e,size:t,...r},o){let a=W({size:t});return jsx(X.Root,{ref:o,className:twMerge(a,e),...r})});var qt=m.forwardRef(function({className:e,...t},r){return jsx(X.Image,{ref:r,className:twMerge("aspect-square h-full w-full",e),...t})});var Kt=m.forwardRef(function({className:e,...t},r){return jsx(X.Fallback,{ref:r,className:twMerge("flex h-full w-full items-center justify-center bg-gray-350",e),...t})});var K=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-100 hover:bg-gray-100 hover:text-black","active:border-gray-200 active:bg-gray-200"]},{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-100","hover:bg-gray-100 hover:text-black","active:text-gray-600 active:bg-gray-200"]},{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:["border-gray-100 bg-gray-100 text-black","hover:border-white hover:bg-white","active:border-gray-200 active:bg-gray-200"]},{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"}}),M=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"}}),N=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 n={};De(n,{Auth0LogoIcon:()=>Ke,GoogleLogoIcon:()=>Ue,LoadingIcon:()=>w,XLogoIcon:()=>Ye});u(n,sr);function Ue(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 w(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 Ke(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 Ye(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 gr=m.forwardRef(function({asChild:e=!1,variant:t="text",color:r="primary",disabled:o=!1,fullWidth:a=!1,...s},c){let{children:d,type:f="button",loading:g=!1,size:P="md",loadingPosition:b="start",endIcon:C,startIcon:O,...I}=s,R=e?Slot:"button",x=K({fullWidth:a,size:P,variant:t,color:r}),L=o||g;return jsx(R,{...e?s:I,"aria-disabled":L||void 0,className:x,"data-state":g?"loading":void 0,disabled:L,ref:c,role:R!=="button"?"button":void 0,tabIndex:L?-1:0,type:R==="button"?f:void 0,children:e?jsx($,{children:d}):jsx($,{...s})})});function $({children:e,loading:t=!1,size:r="md",loadingPosition:o="start",startIcon:a,endIcon:s,...c}){let d=t&&o==="start",f=d?jsx(w,{"aria-label":"Loading"}):a||null,g=N({size:r,loading:d}),P=M({size:r,site:"left"}),b=t&&o==="end",C=b?jsx(w,{"aria-label":"Loading"}):s||null,O=N({size:r,loading:b}),I=M({size:r,site:"right"}),R=f?jsx("span",{className:P,role:d?"progressbar":void 0,children:m.cloneElement(f,{className:g})}):null,x=C?jsx("span",{className:I,role:b?"progressbar":void 0,children:m.cloneElement(C,{className:O})}):null;return m.isValidElement(e)?m.cloneElement(e,{...c,children:jsxs(Fragment,{children:[R,m.isValidElement(e)?e.props.children:null,x]})}):jsxs(Fragment,{children:[R,e,x]})}var re=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}}),H=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 xr=m.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},s){let c=re({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),d=H({site:"left",disabled:o}),f=H({site:"right",disabled:o});return jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsx("span",{className:d,children:t}):null,jsx("input",{"aria-invalid":e||void 0,disabled:o,className:c,ref:s,...a}),r?jsx("span",{"aria-hidden":!0,className:f,children:r}):null]})});function Tr({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:s,align:c,collisionPadding:d=8,sideOffset:f=8,...g}){return jsxs(p.Root,{delayDuration:0,open:r,defaultOpen:e,onOpenChange:o,children:[jsx(p.Trigger,{asChild:!0,children:a}),t?jsx(p.Portal,{children:jsxs(p.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:s,align:c,collisionPadding:d,...g,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsx(p.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function Ir({children:e}){return jsx(p.Provider,{skipDelayDuration:500,children:e})}var ie=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 Ar=m.forwardRef(function({invalid:e=!1,...t},r){let o=ie({invalid:e});return jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var ce=cva(["h-10 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"]},withStartIcon:{true:"pl-11",false:"pl-3"},withEndIcon:{true:"pr-11",false:"pr-3"}},defaultVariants:{invalid:!1,withStartIcon:!1,withEndIcon:!1}});var Fr=m.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=ce();return jsxs(i.Root,{...r,children:[jsxs(i.Trigger,{className:a,ref:o,children:[jsx(i.Value,{placeholder:"Select a fruit\u2026"}),jsx(i.Icon,{className:"-mr-1.5",children:jsx(n.CaretSortIcon,{className:"h-5 w-5 text-gray-200"})})]}),jsx(i.Portal,{children:jsx(i.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsx(i.Viewport,{children:e})})})]})});var qr=m.forwardRef(({children:e,...t},r)=>jsxs(i.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:r,...t,children:[jsx(i.ItemText,{className:"flex-1",children:e}),jsx(i.ItemIndicator,{children:jsx(n.CheckIcon,{className:"h-4 w-4"})})]}));var Kr=m.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("h-full rounded border border-gray-400 bg-foreground",e),...t}));var $r=m.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("flex flex-col p-6",e),...t}));var oo=m__default.forwardRef(({className:e,...t},r)=>jsx("h3",{ref:r,className:twMerge("typography-heading-5",e),...t}));var so=m.forwardRef(({className:e,...t},r)=>jsx("p",{ref:r,className:twMerge("text-gray-200 typography-body-2",e),...t}));var mo=m.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("p-6 pt-0",e),...t}));var Ro=m.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("flex items-center p-6 pt-0",e),...t}));var vo=S.Root;var xo=S.Trigger;var So=S.Close;var xe=m__default.forwardRef(function(e,t){return jsx(S.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 Se=S.Portal;var Te=cva("fixed z-50 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 zo=m.forwardRef(function({side:e="right",className:t,children:r,...o},a){return jsxs(Se,{children:[jsx(xe,{}),jsxs(S.Content,{ref:a,className:twMerge(Te({side:e}),t),...o,children:[r,jsxs(S.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(n.Cross1Icon,{className:"h-4 w-4"}),jsx("span",{className:"sr-only",children:"Close"})]})]})]})});function Fo({className:e,...t}){return jsx("div",{className:twMerge("flex flex-col space-y-2 text-center sm:text-left",e),...t})}function qo({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 Ko=m.forwardRef(function({className:e,...t},r){return jsx(S.Title,{ref:r,className:twMerge("typography-heading-6",e),...t})});var $o=m.forwardRef(function({className:e,...t},r){return jsx(S.Description,{ref:r,className:twMerge("text-gray-200 typography-body-2",e),...t})});var ra=m.forwardRef(function({className:e,orientation:t="horizontal",decorative:r=!0,...o},a){return jsx(Ne.Root,{ref:a,decorative:r,orientation:t,className:twMerge("shrink-0 bg-gray-400",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...o})});function na({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 T=m__default.createContext({});function Ht(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 ma({children:e,defaultTheme:t,theme:r}){let[o,a]=m__default.useState(r||Ht(t));function s(c){typeof window<"u"&&window.localStorage&&(c==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",c));}return m__default.useEffect(()=>{s(o);},[o]),jsx(T.Provider,{value:{theme:o,setTheme:a},children:e})}var ua=()=>m__default.useContext(T);
|
|
15
15
|
|
|
16
|
-
export { Ft as Avatar, Kt as AvatarFallback, qt as AvatarImage, gr as Button, Kr as Card, mo as CardContent, so as CardDescription, Ro as CardFooter, $r as CardHeader, oo as CardTitle, na as Header, xr as Input, Fr as Select, qr as SelectItem, ra as Separator, vo as Sheet, So as SheetClose,
|
|
16
|
+
export { Ft as Avatar, Kt as AvatarFallback, qt as AvatarImage, gr as Button, Kr as Card, mo as CardContent, so as CardDescription, Ro as CardFooter, $r as CardHeader, oo as CardTitle, na as Header, xr as Input, Fr as Select, qr as SelectItem, ra as Separator, vo as Sheet, So as SheetClose, zo as SheetContent, $o as SheetDescription, qo as SheetFooter, Fo as SheetHeader, Ko as SheetTitle, xo as SheetTrigger, Ar as Textarea, T as ThemeContext, ma as ThemeProvider, Tr as Tooltip, Ir as TooltipProvider, ua as useTheme };
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export * from '@radix-ui/react-icons';
|
|
2
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
|
+
import * as React from 'react';
|
|
4
|
+
|
|
5
|
+
declare function GoogleLogoIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
6
|
+
|
|
7
|
+
declare function LoadingIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
8
|
+
|
|
9
|
+
declare function Auth0LogoIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
10
|
+
|
|
11
|
+
declare function XLogoIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
12
|
+
|
|
13
|
+
export { Auth0LogoIcon, GoogleLogoIcon, LoadingIcon, XLogoIcon };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@szum-tech/design-system",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.16.0",
|
|
4
4
|
"description": "Szum-Tech design system with tailwindcss support",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"szum-tech",
|
|
@@ -62,9 +62,9 @@
|
|
|
62
62
|
"@radix-ui/react-slot": "^1.0.2",
|
|
63
63
|
"@radix-ui/react-tooltip": "^1.0.6",
|
|
64
64
|
"@tailwindcss/container-queries": "^0.1.0",
|
|
65
|
-
"class-variance-authority": "^0.
|
|
66
|
-
"tailwind-merge": "^
|
|
67
|
-
"tailwind-scrollbar": "^3.0.
|
|
65
|
+
"class-variance-authority": "^0.7.0",
|
|
66
|
+
"tailwind-merge": "^2.0.0",
|
|
67
|
+
"tailwind-scrollbar": "^3.0.5",
|
|
68
68
|
"tailwindcss-animate": "^1.0.7"
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"babel-loader": "^9.1.2",
|
|
91
91
|
"concurrently": "^8.0.1",
|
|
92
92
|
"cpy-cli": "^4.2.0",
|
|
93
|
-
"happy-dom": "^
|
|
93
|
+
"happy-dom": "^12.10.3",
|
|
94
94
|
"postcss": "^8.4.24",
|
|
95
95
|
"prettier": "^2.8.8",
|
|
96
96
|
"prettier-plugin-tailwindcss": "^0.3.0",
|
|
@@ -103,8 +103,8 @@
|
|
|
103
103
|
"storybook": "^7.0.18",
|
|
104
104
|
"storybook-addon-pseudo-states": "^2.0.1",
|
|
105
105
|
"storybook-dark-mode": "^3.0.0",
|
|
106
|
-
"tailwindcss": "^3.3.
|
|
107
|
-
"tsup": "^
|
|
106
|
+
"tailwindcss": "^3.3.5",
|
|
107
|
+
"tsup": "^7.2.0",
|
|
108
108
|
"typescript": "^5.0.4",
|
|
109
109
|
"vite": "^4.3.9",
|
|
110
110
|
"vite-tsconfig-paths": "^4.2.0",
|
package/theme/global.css
CHANGED