@szum-tech/design-system 1.13.0 → 1.14.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.ts +26 -15
- package/dist/index.js +26 -17
- package/dist/index.mjs +8 -6
- package/icons/index.d.ts +7 -3
- package/icons/index.js +11 -75
- package/icons/index.mjs +3 -3
- package/package.json +7 -5
package/dist/index.d.ts
CHANGED
|
@@ -37,18 +37,8 @@ type AvatarProps = React.ComponentPropsWithoutRef<"div"> & {
|
|
|
37
37
|
};
|
|
38
38
|
declare function Avatar({ alt, bg, children, size, src, ...props }: AvatarProps): react_jsx_runtime.JSX.Element;
|
|
39
39
|
|
|
40
|
-
type AsProp<C extends React.ElementType> = {
|
|
41
|
-
/**
|
|
42
|
-
* Defines HTML tag to be used for component
|
|
43
|
-
*/
|
|
44
|
-
as?: C;
|
|
45
|
-
};
|
|
46
|
-
type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
|
|
47
|
-
type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = Props & AsProp<C> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
|
|
48
|
-
type OmitStylesProps<T> = Omit<T, "className" | "style">;
|
|
49
|
-
|
|
50
40
|
declare const buttonCva: (props?: ({
|
|
51
|
-
|
|
41
|
+
fullWidth?: boolean | null | undefined;
|
|
52
42
|
color?: "neutral" | "primary" | "success" | "warning" | "error" | null | undefined;
|
|
53
43
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
54
44
|
variant?: "text" | "outlined" | "contained" | null | undefined;
|
|
@@ -63,7 +53,7 @@ type Props$2 = {
|
|
|
63
53
|
/**
|
|
64
54
|
* Defines button full width
|
|
65
55
|
*/
|
|
66
|
-
|
|
56
|
+
fullWidth?: boolean;
|
|
67
57
|
/**
|
|
68
58
|
* Defines button color
|
|
69
59
|
*/
|
|
@@ -100,9 +90,12 @@ type Props$2 = {
|
|
|
100
90
|
* Defines is position of loading icon
|
|
101
91
|
*/
|
|
102
92
|
loadingPosition?: "start" | "end";
|
|
93
|
+
asChild?: boolean;
|
|
103
94
|
};
|
|
104
|
-
type ButtonProps
|
|
105
|
-
declare const Button:
|
|
95
|
+
type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & Props$2;
|
|
96
|
+
declare const Button: (props: React.ButtonHTMLAttributes<HTMLButtonElement> & Props$2 & React.RefAttributes<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
97
|
+
|
|
98
|
+
type OmitStylesProps<T> = Omit<T, "className" | "style">;
|
|
106
99
|
|
|
107
100
|
type Props$1 = {
|
|
108
101
|
invalid?: boolean;
|
|
@@ -143,6 +136,24 @@ declare const Select: (props: OmitStylesProps<ReactSelect.SelectProps> & {
|
|
|
143
136
|
type SelectItemProps = OmitStylesProps<ReactSelect.SelectItemProps>;
|
|
144
137
|
declare const SelectItem: (props: SelectItemProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
145
138
|
|
|
139
|
+
type CardProps = React.HTMLAttributes<HTMLDivElement>;
|
|
140
|
+
declare const Card: (props: CardProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
141
|
+
|
|
142
|
+
type CardHeaderProps = React.HTMLAttributes<HTMLDivElement>;
|
|
143
|
+
declare const CardHeader: (props: CardHeaderProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
144
|
+
|
|
145
|
+
type CardTitleProps = React__default.HTMLAttributes<HTMLHeadingElement>;
|
|
146
|
+
declare const CardTitle: (props: CardTitleProps & React__default.RefAttributes<HTMLParagraphElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
|
|
147
|
+
|
|
148
|
+
type CardDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;
|
|
149
|
+
declare const CardDescription: (props: CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
150
|
+
|
|
151
|
+
type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
|
|
152
|
+
declare const CardContent: (props: CardContentProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
153
|
+
|
|
154
|
+
type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
155
|
+
declare const CardFooter: (props: CardFooterProps & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
|
|
156
|
+
|
|
146
157
|
type ThemeType = "light" | "dark";
|
|
147
158
|
interface ThemeContextType {
|
|
148
159
|
theme: ThemeType;
|
|
@@ -169,4 +180,4 @@ declare function ThemeProvider({ children, defaultTheme, theme }: ThemeProviderP
|
|
|
169
180
|
|
|
170
181
|
declare const useTheme: () => ThemeContextType;
|
|
171
182
|
|
|
172
|
-
export { Avatar, AvatarProps, AvatarSizeType, Button, ButtonColorType, ButtonProps, ButtonSizeType, ButtonVariantType, Input, InputProps, Select, SelectItem, SelectItemProps, SelectProps, Textarea, TextareaProps, ThemeContext, ThemeContextType, ThemeProvider, ThemeProviderProps, ThemeType, Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps, useTheme };
|
|
183
|
+
export { Avatar, AvatarProps, AvatarSizeType, Button, ButtonColorType, ButtonProps, ButtonSizeType, ButtonVariantType, Card, CardContent, CardContentProps, CardDescription, CardDescriptionProps, CardFooter, CardFooterProps, CardHeader, CardHeaderProps, CardProps, CardTitle, CardTitleProps, Input, InputProps, Select, SelectItem, SelectItemProps, SelectProps, Textarea, TextareaProps, ThemeContext, ThemeContextType, ThemeProvider, ThemeProviderProps, ThemeType, Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps, useTheme };
|
package/dist/index.js
CHANGED
|
@@ -3,9 +3,11 @@
|
|
|
3
3
|
var classVarianceAuthority = require('class-variance-authority');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var f = require('react');
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
6
|
+
var reactSlot = require('@radix-ui/react-slot');
|
|
7
|
+
var ct = require('@radix-ui/react-icons');
|
|
8
|
+
var m = require('@radix-ui/react-tooltip');
|
|
9
|
+
var i = require('@radix-ui/react-select');
|
|
10
|
+
var tailwindMerge = require('tailwind-merge');
|
|
9
11
|
|
|
10
12
|
function _interopNamespace(e) {
|
|
11
13
|
if (e && e.__esModule) return e;
|
|
@@ -26,19 +28,26 @@ function _interopNamespace(e) {
|
|
|
26
28
|
}
|
|
27
29
|
|
|
28
30
|
var f__namespace = /*#__PURE__*/_interopNamespace(f);
|
|
29
|
-
var
|
|
30
|
-
var
|
|
31
|
+
var ct__namespace = /*#__PURE__*/_interopNamespace(ct);
|
|
32
|
+
var m__namespace = /*#__PURE__*/_interopNamespace(m);
|
|
33
|
+
var i__namespace = /*#__PURE__*/_interopNamespace(i);
|
|
31
34
|
|
|
32
|
-
var L=classVarianceAuthority.cva("select-none rounded font-semibold leading-none justify-center flex items-center bg-gray-500 text-white dark:text-black",{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"}});function xe({alt:e,bg:t,children:r,size:o="md",src:a,...l}){let i=L({size:o,className:t});return jsxRuntime.jsx("div",{className:i,...l,children:a?jsxRuntime.jsx("img",{className:"h-full w-full rounded object-cover object-center",alt:e,src:a}):r})}var A=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:{block:{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:{block:!1,color:"primary",size:"md",variant:"text"}}),R=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"}}),T=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"}});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"})]})})})}var Qe=f__namespace.forwardRef(function({as:e,block:t=!1,color:r="primary",children:o,size:a="md",variant:l="text",disabled:i=!1,startIcon:m,endIcon:g,type:k,loading:h=!1,loadingPosition:E="start",...Z},_){let B=e||"button",j=A({block:t,size:a,variant:l,color:r}),b=h&&E==="start",V=b?jsxRuntime.jsx(S,{"aria-label":"Loading"}):m||null,ee=T({size:a,loading:b}),te=R({size:a,site:"left"}),u=h&&E==="end",z=u?jsxRuntime.jsx(S,{"aria-label":"Loading"}):g||null,re=T({size:a,loading:u}),oe=R({size:a,site:"right"}),x=i||h;return jsxRuntime.jsxs(B,{"aria-disabled":x||void 0,className:j,"data-state":h?"loading":void 0,disabled:x,ref:_,role:"button",tabIndex:x?-1:0,type:B==="button"?"button":void 0,...Z,children:[V?jsxRuntime.jsx("span",{className:te,role:b?"progressbar":void 0,children:f__namespace.cloneElement(V,{className:ee})}):null,o,z?jsxRuntime.jsx("span",{className:oe,role:u?"progressbar":void 0,children:f__namespace.cloneElement(z,{className:re})}):null]})});var G=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}}),I=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 tt=f__namespace.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},l){let i=G({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),m=I({site:"left",disabled:o}),g=I({site:"right",disabled:o});return jsxRuntime.jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsxRuntime.jsx("span",{className:m,children:t}):null,jsxRuntime.jsx("input",{"aria-invalid":e||void 0,disabled:o,className:i,ref:l,...a}),r?jsxRuntime.jsx("span",{"aria-hidden":!0,className:g,children:r}):null]})});function at({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:l,align:i,collisionPadding:m=8,sideOffset:g=8,...k}){return jsxRuntime.jsxs(s__namespace.Root,{delayDuration:0,open:r,defaultOpen:e,onOpenChange:o,children:[jsxRuntime.jsx(s__namespace.Trigger,{asChild:!0,children:a}),t?jsxRuntime.jsx(s__namespace.Portal,{children:jsxRuntime.jsxs(s__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:g,side:l,align:i,collisionPadding:m,...k,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsxRuntime.jsx(s__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function ct({children:e}){return jsxRuntime.jsx(s__namespace.Provider,{skipDelayDuration:500,children:e})}var U=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 gt=f__namespace.forwardRef(function({invalid:e=!1,...t},r){let o=U({invalid:e});return jsxRuntime.jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var q=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 xt=f__namespace.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=q();return jsxRuntime.jsxs(n__namespace.Root,{...r,children:[jsxRuntime.jsxs(n__namespace.Trigger,{className:a,ref:o,children:[jsxRuntime.jsx(n__namespace.Value,{placeholder:"Select a fruit\u2026"}),jsxRuntime.jsx(n__namespace.Icon,{className:"-mr-1.5",children:jsxRuntime.jsx(iconsReact.IconSelector,{className:"h-5 w-5 text-gray-200"})})]}),jsxRuntime.jsx(n__namespace.Portal,{children:jsxRuntime.jsx(n__namespace.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsxRuntime.jsx(n__namespace.Viewport,{children:e})})})]})});var St=f__namespace.forwardRef(({children:e,...t},r)=>jsxRuntime.jsxs(n__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(n__namespace.ItemText,{className:"flex-1",children:e}),jsxRuntime.jsx(n__namespace.ItemIndicator,{children:jsxRuntime.jsx(iconsReact.IconCheck,{className:"h-4 w-4"})})]}));var v=f__namespace.default.createContext({});function fe(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 Bt({children:e,defaultTheme:t,theme:r}){let[o,a]=f__namespace.default.useState(r||fe(t));function l(i){typeof window<"u"&&window.localStorage&&(i==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",i));}return f__namespace.default.useEffect(()=>{l(o);},[o]),jsxRuntime.jsx(v.Provider,{value:{theme:o,setTheme:a},children:e})}var At=()=>f__namespace.default.useContext(v);
|
|
35
|
+
var A=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var de=Object.getOwnPropertyNames;var me=Object.prototype.hasOwnProperty;var fe=(e,t)=>{for(var r in t)A(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))!me.call(e,a)&&a!==r&&A(e,a,{get:()=>t[a],enumerable:!(o=pe(t,a))||o.enumerable});return e},v=(e,t,r)=>(B(e,t,"default"),r&&B(r,t,"default"));var D=classVarianceAuthority.cva("select-none rounded font-semibold leading-none justify-center flex items-center bg-gray-500 text-white dark:text-black",{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"}});function Ke({alt:e,bg:t,children:r,size:o="md",src:a,...c}){let s=D({size:o,className:t});return jsxRuntime.jsx("div",{className:s,...c,children:a?jsxRuntime.jsx("img",{className:"h-full w-full rounded object-cover object-center",alt:e,src:a}):r})}var G=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={};fe(n,{Auth0LogoIcon:()=>ye,GoogleLogoIcon:()=>he,LoadingIcon:()=>T,XLogoIcon:()=>xe});v(n,ct__namespace);function he(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 T(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 ye(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 xe(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 vt=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:b="start",endIcon:C,startIcon:x,...R},P){let I={asChild:e,fullWidth:t,color:r,children:o,size:a,variant:c,disabled:s,type:l,loading:p,loadingPosition:b,endIcon:C,startIcon:x,...R},h=e?reactSlot.Slot:"button",w=G({fullWidth:t,size:a,variant:c,color:r}),L=s||p;return jsxRuntime.jsx(h,{...R,"aria-disabled":L||void 0,className:w,"data-state":p?"loading":void 0,disabled:L,ref:P,role:h!=="button"?"button":void 0,tabIndex:L?-1:0,type:h==="button"?l:void 0,children:e?jsxRuntime.jsx(X,{children:o}):jsxRuntime.jsx(X,{...I})})});function X({children:e,loading:t,size:r,loadingPosition:o,startIcon:a,endIcon:c,...s}){let l=t&&o==="start",p=l?jsxRuntime.jsx(T,{"aria-label":"Loading"}):a||null,b=N({size:r,loading:l}),C=M({size:r,site:"left"}),x=t&&o==="end",R=x?jsxRuntime.jsx(T,{"aria-label":"Loading"}):c||null,P=N({size:r,loading:x}),I=M({size:r,site:"right"}),h=p?jsxRuntime.jsx("span",{className:C,role:l?"progressbar":void 0,children:f__namespace.cloneElement(p,{className:b})}):null,w=R?jsxRuntime.jsx("span",{className:I,role:x?"progressbar":void 0,children:f__namespace.cloneElement(R,{className:P})}):null;return f__namespace.isValidElement(e)?f__namespace.cloneElement(e,{...s,children:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[h,f__namespace.isValidElement(e)?e.props.children:null,w]})}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[h,e,w]})}var J=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 wt=f__namespace.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},c){let s=J({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),l=H({site:"left",disabled:o}),p=H({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 Ct({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:c,align:s,collisionPadding:l=8,sideOffset:p=8,...b}){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,...b,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsxRuntime.jsx(m__namespace.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function Lt({children:e}){return jsxRuntime.jsx(m__namespace.Provider,{skipDelayDuration:500,children:e})}var Z=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 kt=f__namespace.forwardRef(function({invalid:e=!1,...t},r){let o=Z({invalid:e});return jsxRuntime.jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var ee=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 Wt=f__namespace.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=ee();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 Ut=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 Kt=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("h-full rounded border border-gray-400 bg-app-primary",e),...t}));var jt=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("flex flex-col p-6",e),...t}));var ar=f__namespace.default.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("h3",{ref:r,className:tailwindMerge.twMerge("typography-subtitle-1",e),...t}));var cr=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("p",{ref:r,className:tailwindMerge.twMerge("text-gray-200 typography-body-2",e),...t}));var mr=f__namespace.forwardRef(({className:e,...t},r)=>jsxRuntime.jsx("div",{ref:r,className:tailwindMerge.twMerge("p-6 pt-0",e),...t}));var vr=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 S=f__namespace.default.createContext({});function Fe(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 Tr({children:e,defaultTheme:t,theme:r}){let[o,a]=f__namespace.default.useState(r||Fe(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(S.Provider,{value:{theme:o,setTheme:a},children:e})}var Lr=()=>f__namespace.default.useContext(S);
|
|
33
36
|
|
|
34
|
-
exports.Avatar =
|
|
35
|
-
exports.Button =
|
|
36
|
-
exports.
|
|
37
|
-
exports.
|
|
38
|
-
exports.
|
|
39
|
-
exports.
|
|
40
|
-
exports.
|
|
41
|
-
exports.
|
|
42
|
-
exports.
|
|
43
|
-
exports.
|
|
44
|
-
exports.
|
|
37
|
+
exports.Avatar = Ke;
|
|
38
|
+
exports.Button = vt;
|
|
39
|
+
exports.Card = Kt;
|
|
40
|
+
exports.CardContent = mr;
|
|
41
|
+
exports.CardDescription = cr;
|
|
42
|
+
exports.CardFooter = vr;
|
|
43
|
+
exports.CardHeader = jt;
|
|
44
|
+
exports.CardTitle = ar;
|
|
45
|
+
exports.Input = wt;
|
|
46
|
+
exports.Select = Wt;
|
|
47
|
+
exports.SelectItem = Ut;
|
|
48
|
+
exports.Textarea = kt;
|
|
49
|
+
exports.ThemeContext = S;
|
|
50
|
+
exports.ThemeProvider = Tr;
|
|
51
|
+
exports.Tooltip = Ct;
|
|
52
|
+
exports.TooltipProvider = Lt;
|
|
53
|
+
exports.useTheme = Lr;
|
package/dist/index.mjs
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { cva } from 'class-variance-authority';
|
|
2
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import * as f from 'react';
|
|
4
4
|
import f__default from 'react';
|
|
5
|
-
import {
|
|
6
|
-
import * as
|
|
7
|
-
import * as
|
|
5
|
+
import { Slot } from '@radix-ui/react-slot';
|
|
6
|
+
import * as ct from '@radix-ui/react-icons';
|
|
7
|
+
import * as m from '@radix-ui/react-tooltip';
|
|
8
|
+
import * as i from '@radix-ui/react-select';
|
|
9
|
+
import { twMerge } from 'tailwind-merge';
|
|
8
10
|
|
|
9
|
-
var L=cva("select-none rounded font-semibold leading-none justify-center flex items-center bg-gray-500 text-white dark:text-black",{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"}});function xe({alt:e,bg:t,children:r,size:o="md",src:a,...l}){let i=L({size:o,className:t});return jsx("div",{className:i,...l,children:a?jsx("img",{className:"h-full w-full rounded object-cover object-center",alt:e,src:a}):r})}var A=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:{block:{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:{block:!1,color:"primary",size:"md",variant:"text"}}),R=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"}}),T=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"}});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"})]})})})}var Qe=f.forwardRef(function({as:e,block:t=!1,color:r="primary",children:o,size:a="md",variant:l="text",disabled:i=!1,startIcon:m,endIcon:g,type:k,loading:h=!1,loadingPosition:E="start",...Z},_){let B=e||"button",j=A({block:t,size:a,variant:l,color:r}),b=h&&E==="start",V=b?jsx(S,{"aria-label":"Loading"}):m||null,ee=T({size:a,loading:b}),te=R({size:a,site:"left"}),u=h&&E==="end",z=u?jsx(S,{"aria-label":"Loading"}):g||null,re=T({size:a,loading:u}),oe=R({size:a,site:"right"}),x=i||h;return jsxs(B,{"aria-disabled":x||void 0,className:j,"data-state":h?"loading":void 0,disabled:x,ref:_,role:"button",tabIndex:x?-1:0,type:B==="button"?"button":void 0,...Z,children:[V?jsx("span",{className:te,role:b?"progressbar":void 0,children:f.cloneElement(V,{className:ee})}):null,o,z?jsx("span",{className:oe,role:u?"progressbar":void 0,children:f.cloneElement(z,{className:re})}):null]})});var G=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}}),I=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 tt=f.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},l){let i=G({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),m=I({site:"left",disabled:o}),g=I({site:"right",disabled:o});return jsxs("div",{className:"relative text-gray-100 typography-body-2",children:[t?jsx("span",{className:m,children:t}):null,jsx("input",{"aria-invalid":e||void 0,disabled:o,className:i,ref:l,...a}),r?jsx("span",{"aria-hidden":!0,className:g,children:r}):null]})});function at({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:l,align:i,collisionPadding:m=8,sideOffset:g=8,...k}){return jsxs(s.Root,{delayDuration:0,open:r,defaultOpen:e,onOpenChange:o,children:[jsx(s.Trigger,{asChild:!0,children:a}),t?jsx(s.Portal,{children:jsxs(s.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:g,side:l,align:i,collisionPadding:m,...k,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsx(s.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function ct({children:e}){return jsx(s.Provider,{skipDelayDuration:500,children:e})}var U=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 gt=f.forwardRef(function({invalid:e=!1,...t},r){let o=U({invalid:e});return jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var q=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 xt=f.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=q();return jsxs(n.Root,{...r,children:[jsxs(n.Trigger,{className:a,ref:o,children:[jsx(n.Value,{placeholder:"Select a fruit\u2026"}),jsx(n.Icon,{className:"-mr-1.5",children:jsx(IconSelector,{className:"h-5 w-5 text-gray-200"})})]}),jsx(n.Portal,{children:jsx(n.Content,{sideOffset:4,className:"w-full overflow-hidden border border-gray-350 bg-app-primary py-1",children:jsx(n.Viewport,{children:e})})})]})});var St=f.forwardRef(({children:e,...t},r)=>jsxs(n.Item,{className:"flex w-full select-none flex-row items-center justify-between px-3 py-2 font-poppins text-gray-100 data-[disabled]:pointer-events-none data-[highlighted]:bg-gray-400 data-[state=checked]:bg-primary-300 data-[highlighted]:outline-none",ref:r,...t,children:[jsx(n.ItemText,{className:"flex-1",children:e}),jsx(n.ItemIndicator,{children:jsx(IconCheck,{className:"h-4 w-4"})})]}));var v=f__default.createContext({});function fe(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 Bt({children:e,defaultTheme:t,theme:r}){let[o,a]=f__default.useState(r||fe(t));function l(i){typeof window<"u"&&window.localStorage&&(i==="dark"?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark"),localStorage.setItem("theme",i));}return f__default.useEffect(()=>{l(o);},[o]),jsx(v.Provider,{value:{theme:o,setTheme:a},children:e})}var At=()=>f__default.useContext(v);
|
|
11
|
+
var A=Object.defineProperty;var pe=Object.getOwnPropertyDescriptor;var de=Object.getOwnPropertyNames;var me=Object.prototype.hasOwnProperty;var fe=(e,t)=>{for(var r in t)A(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))!me.call(e,a)&&a!==r&&A(e,a,{get:()=>t[a],enumerable:!(o=pe(t,a))||o.enumerable});return e},v=(e,t,r)=>(B(e,t,"default"),r&&B(r,t,"default"));var D=cva("select-none rounded font-semibold leading-none justify-center flex items-center bg-gray-500 text-white dark:text-black",{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"}});function Ke({alt:e,bg:t,children:r,size:o="md",src:a,...c}){let s=D({size:o,className:t});return jsx("div",{className:s,...c,children:a?jsx("img",{className:"h-full w-full rounded object-cover object-center",alt:e,src:a}):r})}var G=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={};fe(n,{Auth0LogoIcon:()=>ye,GoogleLogoIcon:()=>he,LoadingIcon:()=>T,XLogoIcon:()=>xe});v(n,ct);function he(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 T(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 ye(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 xe(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 vt=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:b="start",endIcon:C,startIcon:x,...R},P){let I={asChild:e,fullWidth:t,color:r,children:o,size:a,variant:c,disabled:s,type:l,loading:p,loadingPosition:b,endIcon:C,startIcon:x,...R},h=e?Slot:"button",w=G({fullWidth:t,size:a,variant:c,color:r}),L=s||p;return jsx(h,{...R,"aria-disabled":L||void 0,className:w,"data-state":p?"loading":void 0,disabled:L,ref:P,role:h!=="button"?"button":void 0,tabIndex:L?-1:0,type:h==="button"?l:void 0,children:e?jsx(X,{children:o}):jsx(X,{...I})})});function X({children:e,loading:t,size:r,loadingPosition:o,startIcon:a,endIcon:c,...s}){let l=t&&o==="start",p=l?jsx(T,{"aria-label":"Loading"}):a||null,b=N({size:r,loading:l}),C=M({size:r,site:"left"}),x=t&&o==="end",R=x?jsx(T,{"aria-label":"Loading"}):c||null,P=N({size:r,loading:x}),I=M({size:r,site:"right"}),h=p?jsx("span",{className:C,role:l?"progressbar":void 0,children:f.cloneElement(p,{className:b})}):null,w=R?jsx("span",{className:I,role:x?"progressbar":void 0,children:f.cloneElement(R,{className:P})}):null;return f.isValidElement(e)?f.cloneElement(e,{...s,children:jsxs(Fragment,{children:[h,f.isValidElement(e)?e.props.children:null,w]})}):jsxs(Fragment,{children:[h,e,w]})}var J=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 wt=f.forwardRef(function({invalid:e=!1,startIcon:t,endIcon:r,disabled:o=!1,...a},c){let s=J({withEndIcon:!!r,withStartIcon:!!t,invalid:e}),l=H({site:"left",disabled:o}),p=H({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 Ct({defaultOpen:e,content:t,open:r,onOpenChange:o,children:a,side:c,align:s,collisionPadding:l=8,sideOffset:p=8,...b}){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,...b,style:{maxWidth:"var(--radix-tooltip-content-available-width)"},children:[t,jsx(m.Arrow,{width:8,height:4,className:"fill-white"})]})}):null]})}function Lt({children:e}){return jsx(m.Provider,{skipDelayDuration:500,children:e})}var Z=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 kt=f.forwardRef(function({invalid:e=!1,...t},r){let o=Z({invalid:e});return jsx("textarea",{"aria-invalid":e||void 0,className:o,ref:r,...t})});var ee=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 Wt=f.forwardRef(({children:e,placeholder:t,...r},o)=>{let a=ee();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 Ut=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 Kt=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("h-full rounded border border-gray-400 bg-app-primary",e),...t}));var jt=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("flex flex-col p-6",e),...t}));var ar=f__default.forwardRef(({className:e,...t},r)=>jsx("h3",{ref:r,className:twMerge("typography-subtitle-1",e),...t}));var cr=f.forwardRef(({className:e,...t},r)=>jsx("p",{ref:r,className:twMerge("text-gray-200 typography-body-2",e),...t}));var mr=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("p-6 pt-0",e),...t}));var vr=f.forwardRef(({className:e,...t},r)=>jsx("div",{ref:r,className:twMerge("flex items-center p-6 pt-0",e),...t}));var S=f__default.createContext({});function Fe(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 Tr({children:e,defaultTheme:t,theme:r}){let[o,a]=f__default.useState(r||Fe(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(S.Provider,{value:{theme:o,setTheme:a},children:e})}var Lr=()=>f__default.useContext(S);
|
|
10
12
|
|
|
11
|
-
export {
|
|
13
|
+
export { Ke as Avatar, vt as Button, Kt as Card, mr as CardContent, cr as CardDescription, vr as CardFooter, jt as CardHeader, ar as CardTitle, wt as Input, Wt as Select, Ut as SelectItem, kt as Textarea, S as ThemeContext, Tr as ThemeProvider, Ct as Tooltip, Lt as TooltipProvider, Lr as useTheme };
|
package/icons/index.d.ts
CHANGED
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from '@radix-ui/react-icons';
|
|
2
2
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
|
|
5
|
-
declare function
|
|
5
|
+
declare function GoogleLogoIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
6
6
|
|
|
7
7
|
declare function LoadingIcon(props: React.SVGProps<SVGSVGElement>): react_jsx_runtime.JSX.Element;
|
|
8
8
|
|
|
9
|
-
|
|
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/icons/index.js
CHANGED
|
@@ -1,81 +1,17 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var reactIcons = require('@radix-ui/react-icons');
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
|
|
6
|
-
function r
|
|
6
|
+
function p(r){return jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...r,children:[jsxRuntime.jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),jsxRuntime.jsx("path",{d:"M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1 -1.265 .06a6 6 0 1 0 2.103 6.836l.001 -.004h-3.66a1 1 0 0 1 -.992 -.883l-.007 -.117v-2a1 1 0 0 1 1 -1h6.945a1 1 0 0 1 .994 .89c.04 .367 .061 .737 .061 1.11c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10z",strokeWidth:"0",fill:"currentColor"})]})}function a(r){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...r,children:jsxRuntime.jsx("g",{children:jsxRuntime.jsxs("g",{children:[jsxRuntime.jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsxRuntime.jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsxRuntime.jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsxRuntime.jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsxRuntime.jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsxRuntime.jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsxRuntime.jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05 C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsxRuntime.jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}function x(r){return jsxRuntime.jsxs("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:[jsxRuntime.jsx("title",{}),jsxRuntime.jsx("path",{d:"M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z",fill:"currentColor"})]})}function m(r){return jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",id:"Layer_1",width:"24px",height:"24px",viewBox:"0 0 24 24",...r,children:jsxRuntime.jsx("path",{d:"M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717 l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339 l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z",fill:"currentColor"})})}
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
get: function () { return iconsReact.IconBadgeFilled; }
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, 'IconBolt', {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () { return iconsReact.IconBolt; }
|
|
15
|
-
});
|
|
16
|
-
Object.defineProperty(exports, 'IconBook', {
|
|
17
|
-
enumerable: true,
|
|
18
|
-
get: function () { return iconsReact.IconBook; }
|
|
19
|
-
});
|
|
20
|
-
Object.defineProperty(exports, 'IconBrandGithub', {
|
|
21
|
-
enumerable: true,
|
|
22
|
-
get: function () { return iconsReact.IconBrandGithub; }
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, 'IconBrandGoogle', {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function () { return iconsReact.IconBrandGoogle; }
|
|
27
|
-
});
|
|
28
|
-
Object.defineProperty(exports, 'IconBrandLinkedin', {
|
|
29
|
-
enumerable: true,
|
|
30
|
-
get: function () { return iconsReact.IconBrandLinkedin; }
|
|
31
|
-
});
|
|
32
|
-
Object.defineProperty(exports, 'IconBrandNpm', {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
get: function () { return iconsReact.IconBrandNpm; }
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(exports, 'IconBrandTwitter', {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () { return iconsReact.IconBrandTwitter; }
|
|
39
|
-
});
|
|
40
|
-
Object.defineProperty(exports, 'IconCheck', {
|
|
41
|
-
enumerable: true,
|
|
42
|
-
get: function () { return iconsReact.IconCheck; }
|
|
43
|
-
});
|
|
44
|
-
Object.defineProperty(exports, 'IconCurrencyDollar', {
|
|
45
|
-
enumerable: true,
|
|
46
|
-
get: function () { return iconsReact.IconCurrencyDollar; }
|
|
47
|
-
});
|
|
48
|
-
Object.defineProperty(exports, 'IconDownload', {
|
|
49
|
-
enumerable: true,
|
|
50
|
-
get: function () { return iconsReact.IconDownload; }
|
|
51
|
-
});
|
|
52
|
-
Object.defineProperty(exports, 'IconMail', {
|
|
53
|
-
enumerable: true,
|
|
54
|
-
get: function () { return iconsReact.IconMail; }
|
|
55
|
-
});
|
|
56
|
-
Object.defineProperty(exports, 'IconMapPin', {
|
|
57
|
-
enumerable: true,
|
|
58
|
-
get: function () { return iconsReact.IconMapPin; }
|
|
59
|
-
});
|
|
60
|
-
Object.defineProperty(exports, 'IconPhone', {
|
|
61
|
-
enumerable: true,
|
|
62
|
-
get: function () { return iconsReact.IconPhone; }
|
|
63
|
-
});
|
|
64
|
-
Object.defineProperty(exports, 'IconRocket', {
|
|
65
|
-
enumerable: true,
|
|
66
|
-
get: function () { return iconsReact.IconRocket; }
|
|
67
|
-
});
|
|
68
|
-
Object.defineProperty(exports, 'IconSelector', {
|
|
69
|
-
enumerable: true,
|
|
70
|
-
get: function () { return iconsReact.IconSelector; }
|
|
71
|
-
});
|
|
72
|
-
Object.defineProperty(exports, 'IconSend', {
|
|
73
|
-
enumerable: true,
|
|
74
|
-
get: function () { return iconsReact.IconSend; }
|
|
75
|
-
});
|
|
76
|
-
Object.defineProperty(exports, 'IconTrash', {
|
|
77
|
-
enumerable: true,
|
|
78
|
-
get: function () { return iconsReact.IconTrash; }
|
|
79
|
-
});
|
|
80
|
-
exports.GoogleIcon = r;
|
|
8
|
+
exports.Auth0LogoIcon = x;
|
|
9
|
+
exports.GoogleLogoIcon = p;
|
|
81
10
|
exports.LoadingIcon = a;
|
|
11
|
+
exports.XLogoIcon = m;
|
|
12
|
+
Object.keys(reactIcons).forEach(function (k) {
|
|
13
|
+
if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
|
|
14
|
+
enumerable: true,
|
|
15
|
+
get: function () { return reactIcons[k]; }
|
|
16
|
+
});
|
|
17
|
+
});
|
package/icons/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export
|
|
1
|
+
export * from '@radix-ui/react-icons';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
|
|
4
|
-
function r
|
|
4
|
+
function p(r){return jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round",...r,children:[jsx("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),jsx("path",{d:"M12 2a9.96 9.96 0 0 1 6.29 2.226a1 1 0 0 1 .04 1.52l-1.51 1.362a1 1 0 0 1 -1.265 .06a6 6 0 1 0 2.103 6.836l.001 -.004h-3.66a1 1 0 0 1 -.992 -.883l-.007 -.117v-2a1 1 0 0 1 1 -1h6.945a1 1 0 0 1 .994 .89c.04 .367 .061 .737 .061 1.11c0 5.523 -4.477 10 -10 10s-10 -4.477 -10 -10s4.477 -10 10 -10z",strokeWidth:"0",fill:"currentColor"})]})}function a(r){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",fill:"currentColor",version:"1.1",viewBox:"0 0 26.349 26.35",xmlSpace:"preserve",...r,children:jsx("g",{children:jsxs("g",{children:[jsx("circle",{cx:"13.792",cy:"3.082",r:"3.082"}),jsx("circle",{cx:"13.792",cy:"24.501",r:"1.849"}),jsx("circle",{cx:"6.219",cy:"6.218",r:"2.774"}),jsx("circle",{cx:"21.365",cy:"21.363",r:"1.541"}),jsx("circle",{cx:"3.082",cy:"13.792",r:"2.465"}),jsx("circle",{cx:"24.501",cy:"13.791",r:"1.232"}),jsx("path",{d:"M4.694,19.84c-0.843,0.843-0.843,2.207,0,3.05c0.842,0.843,2.208,0.843,3.05,0c0.843-0.843,0.843-2.207,0-3.05 C6.902,18.996,5.537,18.988,4.694,19.84z"}),jsx("circle",{cx:"21.364",cy:"6.218",r:"0.924"})]})})})}function x(r){return jsxs("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...r,children:[jsx("title",{}),jsx("path",{d:"M21.98 7.448L19.62 0H4.347L2.02 7.448c-1.352 4.312.03 9.206 3.815 12.015L12.007 24l6.157-4.552c3.755-2.81 5.182-7.688 3.815-12.015l-6.16 4.58 2.343 7.45-6.157-4.597-6.158 4.58 2.358-7.433-6.188-4.55 7.63-.045L12.008 0l2.356 7.404 7.615.044z",fill:"currentColor"})]})}function m(r){return jsx("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",id:"Layer_1",width:"24px",height:"24px",viewBox:"0 0 24 24",...r,children:jsx("path",{d:"M14.095479,10.316482L22.286354,1h-1.940718l-7.115352,8.087682L7.551414,1H1l8.589488,12.231093L1,23h1.940717 l7.509372-8.542861L16.448587,23H23L14.095479,10.316482z M11.436522,13.338465l-0.871624-1.218704l-6.924311-9.68815h2.981339 l5.58978,7.82155l0.867949,1.218704l7.26506,10.166271h-2.981339L11.436522,13.338465z",fill:"currentColor"})})}
|
|
5
5
|
|
|
6
|
-
export {
|
|
6
|
+
export { x as Auth0LogoIcon, p as GoogleLogoIcon, a as LoadingIcon, m as XLogoIcon };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@szum-tech/design-system",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.14.0",
|
|
4
4
|
"description": "Szum-Tech design system with tailwindcss support",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"szum-tech",
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
"license": "MIT",
|
|
27
27
|
"author": "Jan Szewczyk (Szum-Tech)",
|
|
28
28
|
"sideEffects": false,
|
|
29
|
-
"main": "
|
|
30
|
-
"module": "
|
|
31
|
-
"types": "
|
|
29
|
+
"main": "dist/index.js",
|
|
30
|
+
"module": "dist/index.mjs",
|
|
31
|
+
"types": "dist/index.d.ts",
|
|
32
32
|
"files": [
|
|
33
33
|
"dist/**",
|
|
34
34
|
"icons/**",
|
|
@@ -54,11 +54,13 @@
|
|
|
54
54
|
"type-check": "tsc --noEmit"
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
|
+
"@radix-ui/react-icons": "^1.3.0",
|
|
57
58
|
"@radix-ui/react-select": "^1.2.2",
|
|
59
|
+
"@radix-ui/react-slot": "^1.0.2",
|
|
58
60
|
"@radix-ui/react-tooltip": "^1.0.6",
|
|
59
|
-
"@tabler/icons-react": "^2.20.0",
|
|
60
61
|
"@tailwindcss/container-queries": "^0.1.0",
|
|
61
62
|
"class-variance-authority": "^0.6.0",
|
|
63
|
+
"tailwind-merge": "^1.14.0",
|
|
62
64
|
"tailwind-scrollbar": "^3.0.4"
|
|
63
65
|
},
|
|
64
66
|
"devDependencies": {
|