@a2v2ai/uikit 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Alert/Alert.d.ts +4 -2
- package/AlertDialog/AlertDialog.d.ts +13 -5
- package/Avatar/Avatar.d.ts +4 -2
- package/Badge/Badge.d.ts +4 -2
- package/Button/Button.d.ts +8 -2
- package/Card/Card.d.ts +4 -2
- package/ChatBubble/ChatBubble.d.ts +10 -6
- package/Checkbox/Checkbox.d.ts +4 -2
- package/Drawer/Drawer.d.ts +5 -3
- package/Flex/Flex.d.ts +19 -11
- package/Flex/Flex.js +1 -1
- package/IconButton/IconButton.d.ts +8 -2
- package/Input/Input.d.ts +8 -2
- package/InputOTP/InputOTP.d.ts +4 -2
- package/Label/Label.d.ts +4 -2
- package/Loader/Loader.d.ts +9 -6
- package/Progress/Progress.d.ts +6 -2
- package/RadioGroup/RadioGroup.d.ts +4 -2
- package/Select/Select.d.ts +4 -2
- package/Spinner/Spinner.d.ts +6 -2
- package/Switch/Switch.d.ts +4 -2
- package/Tabs/Tabs.d.ts +4 -2
- package/Textarea/Textarea.d.ts +6 -2
- package/Toast/Toast.d.ts +3 -1
- package/Tooltip/Tooltip.d.ts +4 -2
- package/Typography/Typography.d.ts +5 -4
- package/index.d.ts +24 -24
- package/package.json +1 -1
package/Alert/Alert.d.ts
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
type AlertVariant = "default" | "destructive" | "success" | "warning" | "info";
|
|
3
3
|
declare const alertVariants: (props?: ({
|
|
4
4
|
variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
6
|
-
export interface AlertProps extends React.HTMLAttributes<HTMLDivElement
|
|
6
|
+
export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
variant?: AlertVariant;
|
|
7
8
|
}
|
|
8
9
|
declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
10
|
declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
10
11
|
declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
11
12
|
export { Alert, AlertTitle, AlertDescription, alertVariants };
|
|
13
|
+
export type { AlertVariant };
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
3
|
-
|
|
3
|
+
type AlertDialogContentType = "desktop" | "mobile";
|
|
4
|
+
type AlertDialogHeaderType = "header" | "close-only" | "icon-button-close";
|
|
5
|
+
type AlertDialogFooterType = "buttons-right" | "full-width" | "single-full-width";
|
|
6
|
+
type AlertDialogCloseButtonVariant = "default" | "icon-button";
|
|
4
7
|
declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
|
|
5
8
|
declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
9
|
declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
|
|
@@ -9,22 +12,26 @@ declare const alertDialogContentVariants: (props?: ({
|
|
|
9
12
|
type?: "desktop" | "mobile" | null | undefined;
|
|
10
13
|
scrollable?: boolean | null | undefined;
|
|
11
14
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
12
|
-
export interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content
|
|
15
|
+
export interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content> {
|
|
16
|
+
type?: AlertDialogContentType;
|
|
17
|
+
scrollable?: boolean;
|
|
13
18
|
showCloseButton?: boolean;
|
|
14
|
-
closeButtonVariant?:
|
|
19
|
+
closeButtonVariant?: AlertDialogCloseButtonVariant;
|
|
15
20
|
loading?: boolean;
|
|
16
21
|
}
|
|
17
22
|
declare const AlertDialogContent: React.ForwardRefExoticComponent<AlertDialogContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
23
|
declare const alertDialogHeaderVariants: (props?: ({
|
|
19
24
|
type?: "header" | "close-only" | "icon-button-close" | null | undefined;
|
|
20
25
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
21
|
-
export interface AlertDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement
|
|
26
|
+
export interface AlertDialogHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
27
|
+
type?: AlertDialogHeaderType;
|
|
22
28
|
}
|
|
23
29
|
declare const AlertDialogHeader: React.ForwardRefExoticComponent<AlertDialogHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
30
|
declare const alertDialogFooterVariants: (props?: ({
|
|
25
31
|
type?: "buttons-right" | "full-width" | "single-full-width" | null | undefined;
|
|
26
32
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
27
|
-
export interface AlertDialogFooterProps extends React.HTMLAttributes<HTMLDivElement
|
|
33
|
+
export interface AlertDialogFooterProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
34
|
+
type?: AlertDialogFooterType;
|
|
28
35
|
}
|
|
29
36
|
declare const AlertDialogFooter: React.ForwardRefExoticComponent<AlertDialogFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
30
37
|
declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
|
|
@@ -33,3 +40,4 @@ declare const AlertDialogBody: React.ForwardRefExoticComponent<React.HTMLAttribu
|
|
|
33
40
|
declare const AlertDialogAction: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
34
41
|
declare const AlertDialogCancel: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
|
|
35
42
|
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogBody, AlertDialogAction, AlertDialogCancel, alertDialogContentVariants, alertDialogHeaderVariants, alertDialogFooterVariants, };
|
|
43
|
+
export type { AlertDialogContentType, AlertDialogHeaderType, AlertDialogFooterType, AlertDialogCloseButtonVariant };
|
package/Avatar/Avatar.d.ts
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
3
|
-
|
|
3
|
+
type AvatarSize = "small" | "regular" | "large" | "xlarge";
|
|
4
4
|
declare const avatarVariants: (props?: ({
|
|
5
5
|
size?: "small" | "regular" | "large" | "xlarge" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
-
export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root
|
|
7
|
+
export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> {
|
|
8
|
+
size?: AvatarSize;
|
|
8
9
|
}
|
|
9
10
|
declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
|
|
10
11
|
declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
11
12
|
declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
12
13
|
export { Avatar, AvatarImage, AvatarFallback, avatarVariants };
|
|
14
|
+
export type { AvatarSize };
|
package/Badge/Badge.d.ts
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
type BadgeVariant = "default" | "secondary" | "outline" | "destructive" | "success" | "warning";
|
|
3
3
|
declare const badgeVariants: (props?: ({
|
|
4
4
|
variant?: "default" | "destructive" | "success" | "warning" | "secondary" | "outline" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
6
|
-
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement
|
|
6
|
+
export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
variant?: BadgeVariant;
|
|
7
8
|
}
|
|
8
9
|
declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
9
10
|
export { Badge, badgeVariants };
|
|
11
|
+
export type { BadgeVariant };
|
package/Button/Button.d.ts
CHANGED
|
@@ -1,14 +1,20 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "ghost-muted" | "destructive";
|
|
3
|
+
type ButtonSize = "mini" | "small" | "regular" | "large";
|
|
4
|
+
type ButtonRoundness = "default" | "round";
|
|
3
5
|
declare const buttonVariants: (props?: ({
|
|
4
6
|
variant?: "destructive" | "secondary" | "outline" | "primary" | "ghost" | "ghost-muted" | null | undefined;
|
|
5
7
|
size?: "small" | "regular" | "large" | "mini" | null | undefined;
|
|
6
8
|
roundness?: "default" | "round" | null | undefined;
|
|
7
9
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
|
-
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement
|
|
10
|
+
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
11
|
+
variant?: ButtonVariant;
|
|
12
|
+
size?: ButtonSize;
|
|
13
|
+
roundness?: ButtonRoundness;
|
|
9
14
|
asChild?: boolean;
|
|
10
15
|
leftIcon?: React.ReactNode;
|
|
11
16
|
rightIcon?: React.ReactNode;
|
|
12
17
|
}
|
|
13
18
|
declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
14
19
|
export { Button, buttonVariants };
|
|
20
|
+
export type { ButtonVariant, ButtonSize, ButtonRoundness };
|
package/Card/Card.d.ts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
type CardVariant = "default" | "outline";
|
|
3
3
|
declare const cardVariants: (props?: ({
|
|
4
4
|
variant?: "default" | "outline" | null | undefined;
|
|
5
5
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
6
|
-
export interface CardProps extends React.HTMLAttributes<HTMLDivElement
|
|
6
|
+
export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
+
variant?: CardVariant;
|
|
7
8
|
}
|
|
8
9
|
declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
10
|
declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -12,3 +13,4 @@ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttribu
|
|
|
12
13
|
declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
13
14
|
declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
14
15
|
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, cardVariants };
|
|
16
|
+
export type { CardVariant };
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
type ChatBubbleSide = "left" | "right";
|
|
3
|
+
type ChatBubbleColor = "blue" | "grey" | "green";
|
|
4
|
+
type ChatBubbleTheme = "dark" | "light";
|
|
5
|
+
type ChatBubbleSize = "small" | "medium" | "large" | "xlarge";
|
|
3
6
|
declare const chatBubbleVariants: (props?: ({
|
|
4
7
|
side?: "left" | "right" | null | undefined;
|
|
5
8
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
@@ -9,15 +12,15 @@ declare const bubbleContentVariants: (props?: ({
|
|
|
9
12
|
side?: "left" | "right" | null | undefined;
|
|
10
13
|
size?: "small" | "large" | "xlarge" | "medium" | null | undefined;
|
|
11
14
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
12
|
-
export interface ChatBubbleProps extends React.HTMLAttributes<HTMLDivElement
|
|
15
|
+
export interface ChatBubbleProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
13
16
|
/** The side of the chat bubble (left for received, right for sent) */
|
|
14
|
-
side?:
|
|
17
|
+
side?: ChatBubbleSide;
|
|
15
18
|
/** The color variant of the bubble */
|
|
16
|
-
color?:
|
|
19
|
+
color?: ChatBubbleColor;
|
|
17
20
|
/** The theme variant */
|
|
18
|
-
theme?:
|
|
21
|
+
theme?: ChatBubbleTheme;
|
|
19
22
|
/** The text size of the bubble */
|
|
20
|
-
size?:
|
|
23
|
+
size?: ChatBubbleSize;
|
|
21
24
|
/** The message content */
|
|
22
25
|
children: React.ReactNode;
|
|
23
26
|
/** Optional label shown above the bubble (e.g., sender name) */
|
|
@@ -27,3 +30,4 @@ export interface ChatBubbleProps extends React.HTMLAttributes<HTMLDivElement>, V
|
|
|
27
30
|
}
|
|
28
31
|
declare const ChatBubble: React.ForwardRefExoticComponent<ChatBubbleProps & React.RefAttributes<HTMLDivElement>>;
|
|
29
32
|
export { ChatBubble, chatBubbleVariants, bubbleContentVariants };
|
|
33
|
+
export type { ChatBubbleSide, ChatBubbleColor, ChatBubbleTheme, ChatBubbleSize };
|
package/Checkbox/Checkbox.d.ts
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
3
|
-
|
|
3
|
+
type CheckboxSize = "small" | "regular";
|
|
4
4
|
declare const checkboxVariants: (props?: ({
|
|
5
5
|
size?: "small" | "regular" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
-
export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root
|
|
7
|
+
export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
|
|
8
|
+
size?: CheckboxSize;
|
|
8
9
|
}
|
|
9
10
|
declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
|
|
10
11
|
export { Checkbox, checkboxVariants };
|
|
12
|
+
export type { CheckboxSize };
|
package/Drawer/Drawer.d.ts
CHANGED
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { Drawer as DrawerPrimitive } from "vaul";
|
|
3
|
-
|
|
3
|
+
type DrawerDirection = "bottom" | "top" | "left" | "right";
|
|
4
4
|
declare const drawerContentVariants: (props?: ({
|
|
5
5
|
direction?: "left" | "right" | "bottom" | "top" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
7
|
declare const drawerOverlayVariants: (props?: import("class-variance-authority/dist/types").ClassProp | undefined) => string;
|
|
8
8
|
export type DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root> & {
|
|
9
9
|
/** Direction the drawer slides in from */
|
|
10
|
-
direction?:
|
|
10
|
+
direction?: DrawerDirection;
|
|
11
11
|
/** Whether clicking outside or dragging down dismisses the drawer */
|
|
12
12
|
dismissible?: boolean;
|
|
13
13
|
};
|
|
14
|
-
export type DrawerContentProps = Omit<React.ComponentProps<typeof DrawerPrimitive.Content>, "direction"> &
|
|
14
|
+
export type DrawerContentProps = Omit<React.ComponentProps<typeof DrawerPrimitive.Content>, "direction"> & {
|
|
15
|
+
direction?: DrawerDirection;
|
|
15
16
|
/** Whether to show the drag handle */
|
|
16
17
|
showHandle?: boolean;
|
|
17
18
|
/** Whether the drawer content is in a loading state */
|
|
@@ -29,3 +30,4 @@ declare function DrawerBody({ className, ...props }: React.ComponentProps<"div">
|
|
|
29
30
|
declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
|
|
30
31
|
declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
|
|
31
32
|
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerBody, DrawerTitle, DrawerDescription, drawerContentVariants, drawerOverlayVariants, };
|
|
33
|
+
export type { DrawerDirection };
|
package/Flex/Flex.d.ts
CHANGED
|
@@ -1,23 +1,31 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
type FlexDirection = "row" | "column" | "row-reverse" | "column-reverse";
|
|
3
|
+
type FlexAlign = "start" | "center" | "end" | "stretch" | "baseline";
|
|
4
|
+
type FlexJustify = "start" | "center" | "end" | "between" | "around" | "evenly";
|
|
5
|
+
type FlexWrap = "nowrap" | "wrap" | "wrap-reverse";
|
|
6
|
+
type FlexGap = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48;
|
|
3
7
|
declare const flexVariants: (props?: ({
|
|
4
8
|
direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
|
|
5
9
|
align?: "center" | "start" | "end" | "stretch" | "baseline" | null | undefined;
|
|
6
10
|
justify?: "center" | "start" | "end" | "between" | "around" | "evenly" | null | undefined;
|
|
7
|
-
wrap?: "
|
|
11
|
+
wrap?: "nowrap" | "wrap" | "wrap-reverse" | null | undefined;
|
|
8
12
|
gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16 | 20 | 24 | 32 | 40 | 48 | null | undefined;
|
|
9
13
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
10
|
-
type FlexProps = React.HTMLAttributes<HTMLDivElement> &
|
|
14
|
+
type FlexProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
15
|
+
direction?: FlexDirection;
|
|
16
|
+
align?: FlexAlign;
|
|
17
|
+
justify?: FlexJustify;
|
|
18
|
+
wrap?: FlexWrap;
|
|
19
|
+
gap?: FlexGap;
|
|
11
20
|
as?: React.ElementType;
|
|
12
21
|
};
|
|
13
|
-
declare const Flex: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> &
|
|
14
|
-
direction?:
|
|
15
|
-
align?:
|
|
16
|
-
justify?:
|
|
17
|
-
wrap?:
|
|
18
|
-
gap?:
|
|
19
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & {
|
|
22
|
+
declare const Flex: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
|
|
23
|
+
direction?: FlexDirection;
|
|
24
|
+
align?: FlexAlign;
|
|
25
|
+
justify?: FlexJustify;
|
|
26
|
+
wrap?: FlexWrap;
|
|
27
|
+
gap?: FlexGap;
|
|
20
28
|
as?: React.ElementType;
|
|
21
29
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
22
30
|
export { Flex, flexVariants };
|
|
23
|
-
export type { FlexProps };
|
|
31
|
+
export type { FlexProps, FlexDirection, FlexAlign, FlexJustify, FlexWrap, FlexGap };
|
package/Flex/Flex.js
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
type IconButtonVariant = "primary" | "secondary" | "outline" | "ghost";
|
|
3
|
+
type IconButtonSize = "mini" | "small" | "regular" | "large";
|
|
4
|
+
type IconButtonRoundness = "default" | "round";
|
|
3
5
|
declare const iconButtonVariants: (props?: ({
|
|
4
6
|
variant?: "secondary" | "outline" | "primary" | "ghost" | null | undefined;
|
|
5
7
|
size?: "small" | "regular" | "large" | "mini" | null | undefined;
|
|
6
8
|
roundness?: "default" | "round" | null | undefined;
|
|
7
9
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
|
-
export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement
|
|
10
|
+
export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
11
|
+
variant?: IconButtonVariant;
|
|
12
|
+
size?: IconButtonSize;
|
|
13
|
+
roundness?: IconButtonRoundness;
|
|
9
14
|
/** Use the Slot component to render a different element */
|
|
10
15
|
asChild?: boolean;
|
|
11
16
|
/** The icon to render inside the button */
|
|
@@ -15,3 +20,4 @@ export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
|
|
|
15
20
|
}
|
|
16
21
|
declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
|
17
22
|
export { IconButton, iconButtonVariants };
|
|
23
|
+
export type { IconButtonVariant, IconButtonSize, IconButtonRoundness };
|
package/Input/Input.d.ts
CHANGED
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
type InputSize = "mini" | "small" | "regular" | "large";
|
|
3
|
+
type InputRoundness = "default" | "round";
|
|
4
|
+
type InputVariant = "default" | "error";
|
|
3
5
|
declare const inputVariants: (props?: ({
|
|
4
6
|
size?: "small" | "regular" | "large" | "mini" | null | undefined;
|
|
5
7
|
roundness?: "default" | "round" | null | undefined;
|
|
6
8
|
variant?: "default" | "error" | null | undefined;
|
|
7
9
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
|
-
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"
|
|
10
|
+
export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
|
|
11
|
+
size?: InputSize;
|
|
12
|
+
roundness?: InputRoundness;
|
|
13
|
+
variant?: InputVariant;
|
|
9
14
|
leftIcon?: React.ReactNode;
|
|
10
15
|
rightIcon?: React.ReactNode;
|
|
11
16
|
leftAddon?: React.ReactNode;
|
|
@@ -14,3 +19,4 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
|
|
|
14
19
|
}
|
|
15
20
|
declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
|
|
16
21
|
export { Input, inputVariants };
|
|
22
|
+
export type { InputSize, InputRoundness, InputVariant };
|
package/InputOTP/InputOTP.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { OTPInput } from "input-otp";
|
|
3
|
-
|
|
3
|
+
type InputOTPSlotSize = "sm" | "default" | "lg";
|
|
4
4
|
declare const inputOTPVariants: (props?: ({} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
5
5
|
export interface InputOTPProps extends Omit<React.ComponentPropsWithoutRef<typeof OTPInput>, "render"> {
|
|
6
6
|
children?: React.ReactNode;
|
|
@@ -10,9 +10,11 @@ declare const InputOTPGroup: React.ForwardRefExoticComponent<Omit<React.Detailed
|
|
|
10
10
|
declare const inputOTPSlotVariants: (props?: ({
|
|
11
11
|
slotSize?: "default" | "sm" | "lg" | null | undefined;
|
|
12
12
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
13
|
-
export interface InputOTPSlotProps extends React.ComponentPropsWithoutRef<"div"
|
|
13
|
+
export interface InputOTPSlotProps extends React.ComponentPropsWithoutRef<"div"> {
|
|
14
14
|
index: number;
|
|
15
|
+
slotSize?: InputOTPSlotSize;
|
|
15
16
|
}
|
|
16
17
|
declare const InputOTPSlot: React.ForwardRefExoticComponent<InputOTPSlotProps & React.RefAttributes<HTMLDivElement>>;
|
|
17
18
|
declare const InputOTPSeparator: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
19
|
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, inputOTPVariants, inputOTPSlotVariants, };
|
|
20
|
+
export type { InputOTPSlotSize };
|
package/Label/Label.d.ts
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
3
|
-
|
|
3
|
+
type LabelVariant = "default" | "muted" | "error";
|
|
4
4
|
declare const labelVariants: (props?: ({
|
|
5
5
|
variant?: "default" | "error" | "muted" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
-
export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root
|
|
7
|
+
export interface LabelProps extends React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> {
|
|
8
|
+
variant?: LabelVariant;
|
|
8
9
|
}
|
|
9
10
|
declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
|
|
10
11
|
export { Label, labelVariants };
|
|
12
|
+
export type { LabelVariant };
|
package/Loader/Loader.d.ts
CHANGED
|
@@ -1,18 +1,21 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
type LoaderSize = "mini" | "small" | "regular" | "large";
|
|
3
|
+
type LoaderColor = "main" | "grey" | "white" | "current";
|
|
3
4
|
declare const loaderVariants: (props?: ({
|
|
4
5
|
size?: "small" | "regular" | "large" | "mini" | null | undefined;
|
|
5
6
|
color?: "main" | "current" | "grey" | "white" | null | undefined;
|
|
6
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
-
export type LoaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, "color"> &
|
|
8
|
+
export type LoaderProps = Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
|
|
9
|
+
size?: LoaderSize;
|
|
10
|
+
color?: LoaderColor;
|
|
8
11
|
/** Optional label for accessibility */
|
|
9
12
|
label?: string;
|
|
10
13
|
};
|
|
11
|
-
declare const Loader: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "color"> &
|
|
12
|
-
size?:
|
|
13
|
-
color?:
|
|
14
|
-
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & {
|
|
14
|
+
declare const Loader: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "color"> & {
|
|
15
|
+
size?: LoaderSize;
|
|
16
|
+
color?: LoaderColor;
|
|
15
17
|
/** Optional label for accessibility */
|
|
16
18
|
label?: string;
|
|
17
19
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
18
20
|
export { Loader, loaderVariants };
|
|
21
|
+
export type { LoaderSize, LoaderColor };
|
package/Progress/Progress.d.ts
CHANGED
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as ProgressPrimitive from "@radix-ui/react-progress";
|
|
3
|
-
|
|
3
|
+
type ProgressSize = "small" | "regular" | "large";
|
|
4
|
+
type ProgressVariant = "default" | "success" | "warning" | "destructive";
|
|
4
5
|
declare const progressVariants: (props?: ({
|
|
5
6
|
size?: "small" | "regular" | "large" | null | undefined;
|
|
6
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
8
|
declare const progressIndicatorVariants: (props?: ({
|
|
8
9
|
variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
|
|
9
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
10
|
-
export interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root
|
|
11
|
+
export interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
|
|
12
|
+
size?: ProgressSize;
|
|
13
|
+
variant?: ProgressVariant;
|
|
11
14
|
}
|
|
12
15
|
declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
16
|
export { Progress, progressVariants, progressIndicatorVariants };
|
|
17
|
+
export type { ProgressSize, ProgressVariant };
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
|
|
3
|
-
|
|
3
|
+
type RadioGroupItemSize = "small" | "regular";
|
|
4
4
|
declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const radioGroupItemVariants: (props?: ({
|
|
6
6
|
size?: "small" | "regular" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
|
-
export interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item
|
|
8
|
+
export interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
|
|
9
|
+
size?: RadioGroupItemSize;
|
|
9
10
|
}
|
|
10
11
|
declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
|
|
11
12
|
export { RadioGroup, RadioGroupItem, radioGroupItemVariants };
|
|
13
|
+
export type { RadioGroupItemSize };
|
package/Select/Select.d.ts
CHANGED
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as SelectPrimitive from "@radix-ui/react-select";
|
|
3
|
-
|
|
3
|
+
type SelectTriggerSize = "small" | "regular" | "large";
|
|
4
4
|
declare const Select: React.FC<SelectPrimitive.SelectProps>;
|
|
5
5
|
declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
|
|
7
7
|
declare const selectTriggerVariants: (props?: ({
|
|
8
8
|
size?: "small" | "regular" | "large" | null | undefined;
|
|
9
9
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
10
|
-
export interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger
|
|
10
|
+
export interface SelectTriggerProps extends React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger> {
|
|
11
|
+
size?: SelectTriggerSize;
|
|
11
12
|
}
|
|
12
13
|
declare const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
13
14
|
declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -17,3 +18,4 @@ declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.
|
|
|
17
18
|
declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
19
|
declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
19
20
|
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants, };
|
|
21
|
+
export type { SelectTriggerSize };
|
package/Spinner/Spinner.d.ts
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
type SpinnerSize = "sm" | "default" | "md" | "lg" | "xl";
|
|
3
|
+
type SpinnerVariant = "default" | "primary" | "secondary" | "muted" | "white";
|
|
3
4
|
declare const spinnerVariants: (props?: ({
|
|
4
5
|
size?: "default" | "sm" | "lg" | "md" | "xl" | null | undefined;
|
|
5
6
|
variant?: "default" | "secondary" | "primary" | "white" | "muted" | null | undefined;
|
|
6
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
-
export interface SpinnerProps extends React.SVGAttributes<SVGSVGElement
|
|
8
|
+
export interface SpinnerProps extends React.SVGAttributes<SVGSVGElement> {
|
|
9
|
+
size?: SpinnerSize;
|
|
10
|
+
variant?: SpinnerVariant;
|
|
8
11
|
/**
|
|
9
12
|
* Screen reader label for accessibility
|
|
10
13
|
* @default "Loading"
|
|
@@ -13,3 +16,4 @@ export interface SpinnerProps extends React.SVGAttributes<SVGSVGElement>, Varian
|
|
|
13
16
|
}
|
|
14
17
|
declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<SVGSVGElement>>;
|
|
15
18
|
export { Spinner, spinnerVariants };
|
|
19
|
+
export type { SpinnerSize, SpinnerVariant };
|
package/Switch/Switch.d.ts
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as SwitchPrimitive from "@radix-ui/react-switch";
|
|
3
|
-
|
|
3
|
+
type SwitchSize = "small" | "regular";
|
|
4
4
|
declare const switchVariants: (props?: ({
|
|
5
5
|
size?: "small" | "regular" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
-
export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root
|
|
7
|
+
export interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root> {
|
|
8
|
+
size?: SwitchSize;
|
|
8
9
|
}
|
|
9
10
|
declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
|
|
10
11
|
export { Switch, switchVariants };
|
|
12
|
+
export type { SwitchSize };
|
package/Tabs/Tabs.d.ts
CHANGED
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as TabsPrimitive from "@radix-ui/react-tabs";
|
|
3
|
-
|
|
3
|
+
type TabsListVariant = "default" | "outline";
|
|
4
4
|
declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
|
|
5
5
|
declare const tabsListVariants: (props?: ({
|
|
6
6
|
variant?: "default" | "outline" | null | undefined;
|
|
7
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
8
|
-
export interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List
|
|
8
|
+
export interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
|
|
9
|
+
variant?: TabsListVariant;
|
|
9
10
|
}
|
|
10
11
|
declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
|
|
11
12
|
declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
12
13
|
declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
14
|
export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };
|
|
15
|
+
export type { TabsListVariant };
|
package/Textarea/Textarea.d.ts
CHANGED
|
@@ -1,10 +1,14 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
|
|
2
|
+
type TextareaVariant = "default" | "error";
|
|
3
|
+
type TextareaResize = "none" | "vertical" | "horizontal" | "both";
|
|
3
4
|
declare const textareaVariants: (props?: ({
|
|
4
5
|
variant?: "default" | "error" | null | undefined;
|
|
5
6
|
resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
|
|
6
7
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
-
export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement
|
|
8
|
+
export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
9
|
+
variant?: TextareaVariant;
|
|
10
|
+
resize?: TextareaResize;
|
|
8
11
|
}
|
|
9
12
|
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
10
13
|
export { Textarea, textareaVariants };
|
|
14
|
+
export type { TextareaVariant, TextareaResize };
|
package/Toast/Toast.d.ts
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { toast, type ToasterProps } from "sonner";
|
|
2
|
+
type ToastTheme = "light" | "dark" | "system";
|
|
2
3
|
export interface ToastProps extends ToasterProps {
|
|
3
4
|
/**
|
|
4
5
|
* Theme for the toaster
|
|
5
6
|
* @default "light"
|
|
6
7
|
*/
|
|
7
|
-
theme?:
|
|
8
|
+
theme?: ToastTheme;
|
|
8
9
|
}
|
|
9
10
|
declare const Toaster: ({ theme, ...props }: ToastProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export { Toaster, toast };
|
|
12
|
+
export type { ToastTheme };
|
package/Tooltip/Tooltip.d.ts
CHANGED
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as TooltipPrimitive from "@radix-ui/react-tooltip";
|
|
3
|
-
|
|
3
|
+
type TooltipContentVariant = "default" | "light";
|
|
4
4
|
declare const tooltipContentVariants: (props?: ({
|
|
5
5
|
variant?: "default" | "light" | null | undefined;
|
|
6
6
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
7
|
declare function TooltipProvider({ delayDuration, skipDelayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export type TooltipContentProps = React.ComponentProps<typeof TooltipPrimitive.Content> &
|
|
10
|
+
export type TooltipContentProps = React.ComponentProps<typeof TooltipPrimitive.Content> & {
|
|
11
|
+
variant?: TooltipContentVariant;
|
|
11
12
|
/** Whether to show the arrow */
|
|
12
13
|
showArrow?: boolean;
|
|
13
14
|
};
|
|
14
15
|
declare function TooltipContent({ className, sideOffset, variant, showArrow, children, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, };
|
|
17
|
+
export type { TooltipContentVariant };
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { type VariantProps } from "class-variance-authority";
|
|
3
2
|
declare const typographyVariants: (props?: ({
|
|
4
3
|
variant?: "h5" | "h2" | "h3" | "caption" | "h1" | "h4" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "body3" | null | undefined;
|
|
5
4
|
color?: "default" | "main-50" | "main-100" | "main-200" | "main-300" | "main-400" | "main-500" | "main-600" | "main-700" | "main-800" | "main-900" | "main-950" | "success-50" | "success-100" | "success-200" | "success-300" | "success-400" | "success-500" | "success-600" | "success-700" | "success-800" | "success-900" | "success-950" | "accent-50" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-950" | "error-50" | "error-100" | "error-200" | "error-300" | "error-400" | "error-500" | "error-600" | "error-700" | "error-800" | "error-900" | "error-950" | "warning-50" | "warning-100" | "warning-200" | "warning-300" | "warning-400" | "warning-500" | "warning-600" | "warning-700" | "warning-800" | "warning-900" | "warning-950" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "grey-950" | null | undefined;
|
|
6
5
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
7
|
-
type TypographyVariant =
|
|
8
|
-
type TypographyColor =
|
|
6
|
+
type TypographyVariant = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "subtitle1" | "subtitle2" | "body1" | "body2" | "body3" | "caption";
|
|
7
|
+
type TypographyColor = "default" | "main-50" | "main-100" | "main-200" | "main-300" | "main-400" | "main-500" | "main-600" | "main-700" | "main-800" | "main-900" | "main-950" | "success-50" | "success-100" | "success-200" | "success-300" | "success-400" | "success-500" | "success-600" | "success-700" | "success-800" | "success-900" | "success-950" | "accent-50" | "accent-100" | "accent-200" | "accent-300" | "accent-400" | "accent-500" | "accent-600" | "accent-700" | "accent-800" | "accent-900" | "accent-950" | "error-50" | "error-100" | "error-200" | "error-300" | "error-400" | "error-500" | "error-600" | "error-700" | "error-800" | "error-900" | "error-950" | "warning-50" | "warning-100" | "warning-200" | "warning-300" | "warning-400" | "warning-500" | "warning-600" | "warning-700" | "warning-800" | "warning-900" | "warning-950" | "grey-50" | "grey-100" | "grey-200" | "grey-300" | "grey-400" | "grey-500" | "grey-600" | "grey-700" | "grey-800" | "grey-900" | "grey-950";
|
|
9
8
|
type TypographyProps<T extends React.ElementType = "p"> = {
|
|
10
9
|
as?: T;
|
|
11
10
|
asChild?: boolean;
|
|
12
|
-
|
|
11
|
+
variant?: TypographyVariant;
|
|
12
|
+
color?: TypographyColor;
|
|
13
|
+
} & Omit<React.ComponentPropsWithoutRef<T>, "as" | "asChild" | "color" | "variant">;
|
|
13
14
|
declare function Typography<T extends React.ElementType = "p">({ className, variant, color, as, asChild, ...props }: TypographyProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export { Typography, typographyVariants };
|
|
15
16
|
export type { TypographyVariant, TypographyColor };
|
package/index.d.ts
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
1
|
import "./index.css";
|
|
2
|
-
export { Alert, AlertTitle, AlertDescription, alertVariants, type AlertProps } from "./Alert/Alert";
|
|
3
|
-
export { Avatar, AvatarImage, AvatarFallback, avatarVariants, type AvatarProps } from "./Avatar/Avatar";
|
|
4
|
-
export { Badge, badgeVariants, type BadgeProps } from "./Badge/Badge";
|
|
2
|
+
export { Alert, AlertTitle, AlertDescription, alertVariants, type AlertProps, type AlertVariant } from "./Alert/Alert";
|
|
3
|
+
export { Avatar, AvatarImage, AvatarFallback, avatarVariants, type AvatarProps, type AvatarSize } from "./Avatar/Avatar";
|
|
4
|
+
export { Badge, badgeVariants, type BadgeProps, type BadgeVariant } from "./Badge/Badge";
|
|
5
5
|
export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, } from "./Breadcrumb/Breadcrumb";
|
|
6
|
-
export { Button, buttonVariants, type ButtonProps } from "./Button/Button";
|
|
6
|
+
export { Button, buttonVariants, type ButtonProps, type ButtonVariant, type ButtonSize, type ButtonRoundness } from "./Button/Button";
|
|
7
7
|
export { Calendar, CalendarDayButton, type CalendarProps } from "./Calendar/Calendar";
|
|
8
|
-
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, cardVariants, type CardProps } from "./Card/Card";
|
|
9
|
-
export { ChatBubble, chatBubbleVariants, bubbleContentVariants, type ChatBubbleProps } from "./ChatBubble/ChatBubble";
|
|
10
|
-
export { Checkbox, checkboxVariants, type CheckboxProps } from "./Checkbox/Checkbox";
|
|
11
|
-
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogBody, AlertDialogAction, AlertDialogCancel, alertDialogContentVariants, alertDialogHeaderVariants, alertDialogFooterVariants, type AlertDialogContentProps, type AlertDialogHeaderProps, type AlertDialogFooterProps, } from "./AlertDialog/AlertDialog";
|
|
12
|
-
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerBody, DrawerTitle, DrawerDescription, drawerContentVariants, drawerOverlayVariants, type DrawerProps, type DrawerContentProps, } from "./Drawer/Drawer";
|
|
8
|
+
export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, cardVariants, type CardProps, type CardVariant } from "./Card/Card";
|
|
9
|
+
export { ChatBubble, chatBubbleVariants, bubbleContentVariants, type ChatBubbleProps, type ChatBubbleSide, type ChatBubbleColor, type ChatBubbleTheme, type ChatBubbleSize } from "./ChatBubble/ChatBubble";
|
|
10
|
+
export { Checkbox, checkboxVariants, type CheckboxProps, type CheckboxSize } from "./Checkbox/Checkbox";
|
|
11
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogBody, AlertDialogAction, AlertDialogCancel, alertDialogContentVariants, alertDialogHeaderVariants, alertDialogFooterVariants, type AlertDialogContentProps, type AlertDialogHeaderProps, type AlertDialogFooterProps, type AlertDialogContentType, type AlertDialogHeaderType, type AlertDialogFooterType, type AlertDialogCloseButtonVariant, } from "./AlertDialog/AlertDialog";
|
|
12
|
+
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerBody, DrawerTitle, DrawerDescription, drawerContentVariants, drawerOverlayVariants, type DrawerProps, type DrawerContentProps, type DrawerDirection, } from "./Drawer/Drawer";
|
|
13
13
|
export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup, } from "./DropdownMenu/DropdownMenu";
|
|
14
14
|
export { ErrorMessage, type ErrorMessageProps } from "./ErrorMessage/ErrorMessage";
|
|
15
|
-
export { Flex, flexVariants, type FlexProps } from "./Flex/Flex";
|
|
16
|
-
export { IconButton, iconButtonVariants, type IconButtonProps } from "./IconButton/IconButton";
|
|
17
|
-
export { Input, inputVariants, type InputProps } from "./Input/Input";
|
|
18
|
-
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, inputOTPVariants, inputOTPSlotVariants, type InputOTPProps, type InputOTPSlotProps, } from "./InputOTP/InputOTP";
|
|
19
|
-
export { Label, labelVariants, type LabelProps } from "./Label/Label";
|
|
20
|
-
export { Loader, loaderVariants, type LoaderProps } from "./Loader/Loader";
|
|
15
|
+
export { Flex, flexVariants, type FlexProps, type FlexDirection, type FlexAlign, type FlexJustify, type FlexWrap, type FlexGap } from "./Flex/Flex";
|
|
16
|
+
export { IconButton, iconButtonVariants, type IconButtonProps, type IconButtonVariant, type IconButtonSize, type IconButtonRoundness } from "./IconButton/IconButton";
|
|
17
|
+
export { Input, inputVariants, type InputProps, type InputSize, type InputRoundness, type InputVariant } from "./Input/Input";
|
|
18
|
+
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator, inputOTPVariants, inputOTPSlotVariants, type InputOTPProps, type InputOTPSlotProps, type InputOTPSlotSize, } from "./InputOTP/InputOTP";
|
|
19
|
+
export { Label, labelVariants, type LabelProps, type LabelVariant } from "./Label/Label";
|
|
20
|
+
export { Loader, loaderVariants, type LoaderProps, type LoaderSize, type LoaderColor } from "./Loader/Loader";
|
|
21
21
|
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from "./Popover/Popover";
|
|
22
|
-
export { Progress, progressVariants, progressIndicatorVariants, type ProgressProps } from "./Progress/Progress";
|
|
23
|
-
export { RadioGroup, RadioGroupItem, radioGroupItemVariants, type RadioGroupItemProps } from "./RadioGroup/RadioGroup";
|
|
22
|
+
export { Progress, progressVariants, progressIndicatorVariants, type ProgressProps, type ProgressSize, type ProgressVariant } from "./Progress/Progress";
|
|
23
|
+
export { RadioGroup, RadioGroupItem, radioGroupItemVariants, type RadioGroupItemProps, type RadioGroupItemSize } from "./RadioGroup/RadioGroup";
|
|
24
24
|
export { ScrollArea, ScrollBar } from "./ScrollArea/ScrollArea";
|
|
25
|
-
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants, type SelectTriggerProps, } from "./Select/Select";
|
|
25
|
+
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants, type SelectTriggerProps, type SelectTriggerSize, } from "./Select/Select";
|
|
26
26
|
export { Separator } from "./Separator/Separator";
|
|
27
27
|
export { Skeleton, type SkeletonProps } from "./Skeleton/Skeleton";
|
|
28
|
-
export { Spinner, spinnerVariants, type SpinnerProps } from "./Spinner/Spinner";
|
|
29
|
-
export { Switch, switchVariants, type SwitchProps } from "./Switch/Switch";
|
|
30
|
-
export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants, type TabsListProps } from "./Tabs/Tabs";
|
|
31
|
-
export { Textarea, textareaVariants, type TextareaProps } from "./Textarea/Textarea";
|
|
32
|
-
export { Toaster, toast, type ToastProps } from "./Toast/Toast";
|
|
33
|
-
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, type TooltipContentProps, } from "./Tooltip/Tooltip";
|
|
28
|
+
export { Spinner, spinnerVariants, type SpinnerProps, type SpinnerSize, type SpinnerVariant } from "./Spinner/Spinner";
|
|
29
|
+
export { Switch, switchVariants, type SwitchProps, type SwitchSize } from "./Switch/Switch";
|
|
30
|
+
export { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants, type TabsListProps, type TabsListVariant } from "./Tabs/Tabs";
|
|
31
|
+
export { Textarea, textareaVariants, type TextareaProps, type TextareaVariant, type TextareaResize } from "./Textarea/Textarea";
|
|
32
|
+
export { Toaster, toast, type ToastProps, type ToastTheme } from "./Toast/Toast";
|
|
33
|
+
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, type TooltipContentProps, type TooltipContentVariant, } from "./Tooltip/Tooltip";
|
|
34
34
|
export { Typography, typographyVariants, type TypographyVariant, type TypographyColor } from "./Typography/Typography";
|
|
35
35
|
export { cn, copyToClipboard } from "./lib/utils";
|