@org-design-system/components 0.1.11 → 0.1.13
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.css +30 -0
- package/dist/index.d.mts +17 -102
- package/dist/index.d.ts +17 -102
- package/dist/index.js +2 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -7
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +30 -0
- package/package.json +14 -10
- package/src/components/badge.tsx +0 -6
- package/src/components/button.tsx +1 -1
- package/src/index.css +2 -2
- package/src/index.ts +0 -12
- package/src/components/alert-dialog.tsx +0 -199
- package/src/components/avatar.tsx +0 -111
- package/src/components/breadcrumb.tsx +0 -122
- package/src/components/card.tsx +0 -103
- package/src/components/checkbox.tsx +0 -33
- package/src/components/input.tsx +0 -19
- package/src/components/label.tsx +0 -24
- package/src/components/popover.tsx +0 -89
- package/src/components/select.tsx +0 -192
- package/src/components/textarea.tsx +0 -18
- package/src/components/toggle.tsx +0 -46
- package/src/components/tooltip.tsx +0 -57
package/dist/index.css
ADDED
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
@import "tailwindcss";
|
|
2
|
+
@import "@org-design-system/styles/index.css";
|
|
3
|
+
|
|
4
|
+
@source "./components/**/*.tsx";
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
@theme {
|
|
8
|
+
/* Semantic Mappings */
|
|
9
|
+
--color-background: var(--color-surface-bg);
|
|
10
|
+
--color-foreground: var(--color-text-primary);
|
|
11
|
+
|
|
12
|
+
--color-primary: var(--color-green-9);
|
|
13
|
+
--color-primary-foreground: var(--color-gray-1);
|
|
14
|
+
|
|
15
|
+
--color-secondary: var(--color-gray-alpha-3);
|
|
16
|
+
--color-secondary-foreground: var(--color-text-primary);
|
|
17
|
+
|
|
18
|
+
--color-muted: var(--color-gray-alpha-2);
|
|
19
|
+
--color-muted-foreground: var(--color-text-secondary);
|
|
20
|
+
|
|
21
|
+
--color-accent: var(--color-green-alpha-2);
|
|
22
|
+
--color-accent-foreground: var(--color-text-focus);
|
|
23
|
+
|
|
24
|
+
--color-destructive: var(--color-red-9);
|
|
25
|
+
--color-destructive-foreground: var(--color-gray-1);
|
|
26
|
+
|
|
27
|
+
--color-border: var(--color-stroke-primary);
|
|
28
|
+
--color-input: var(--color-stroke-primary);
|
|
29
|
+
--color-ring: var(--color-surface-focus);
|
|
30
|
+
}
|
package/dist/index.d.mts
CHANGED
|
@@ -1,15 +1,25 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as React$1 from 'react';
|
|
3
|
-
import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Label as Label$1, Popover as Popover$1, Select as Select$1, Toggle as Toggle$1, Tooltip as Tooltip$1 } from 'radix-ui';
|
|
4
2
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
+
import * as React$1 from 'react';
|
|
5
4
|
import { VariantProps } from 'class-variance-authority';
|
|
6
5
|
import { ClassValue } from 'clsx';
|
|
7
6
|
|
|
7
|
+
declare const badgeVariants: (props?: ({
|
|
8
|
+
variant?: "solid" | "soft" | "surface" | "outline" | null | undefined;
|
|
9
|
+
intent?: "primary" | "accent" | "success" | "warning" | "error" | "info" | "neutral" | null | undefined;
|
|
10
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
11
|
+
radius?: "sm" | "md" | "lg" | "none" | "xl" | "full" | null | undefined;
|
|
12
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
13
|
+
interface BadgeProps extends React$1.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
|
|
14
|
+
asChild?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare function Badge({ className, variant, intent, radius, size, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
17
|
+
|
|
8
18
|
declare const buttonVariants: (props?: ({
|
|
9
|
-
variant?: "solid" | "soft" | "surface" | "outline" | "
|
|
10
|
-
intent?: "primary" | "
|
|
11
|
-
size?: "
|
|
12
|
-
radius?: "
|
|
19
|
+
variant?: "solid" | "soft" | "surface" | "outline" | "link" | "ghost" | null | undefined;
|
|
20
|
+
intent?: "primary" | "accent" | "success" | "warning" | "error" | "neutral" | null | undefined;
|
|
21
|
+
size?: "sm" | "md" | "lg" | "xl" | "xs" | "icon" | null | undefined;
|
|
22
|
+
radius?: "sm" | "md" | "lg" | "none" | "xl" | "full" | null | undefined;
|
|
13
23
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
14
24
|
type Prettify<T> = {
|
|
15
25
|
[K in keyof T]: T[K];
|
|
@@ -21,103 +31,8 @@ interface ButtonProps extends React$1.ComponentProps<"button">, Prettify<Variant
|
|
|
21
31
|
}
|
|
22
32
|
declare function Button({ className, variant, intent, radius, size, asChild, leftIcon, rightIcon, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
23
33
|
|
|
24
|
-
declare function AlertDialog({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
|
|
25
|
-
declare function AlertDialogTrigger({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
26
|
-
declare function AlertDialogPortal({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
27
|
-
declare function AlertDialogOverlay({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime.JSX.Element;
|
|
28
|
-
declare function AlertDialogContent({ className, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Content> & {
|
|
29
|
-
size?: "default" | "sm";
|
|
30
|
-
}): react_jsx_runtime.JSX.Element;
|
|
31
|
-
declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
32
|
-
declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
33
|
-
declare function AlertDialogMedia({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
34
|
-
declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime.JSX.Element;
|
|
35
|
-
declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime.JSX.Element;
|
|
36
|
-
declare function AlertDialogAction({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Action> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
|
|
37
|
-
declare function AlertDialogCancel({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Cancel> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
|
|
38
|
-
|
|
39
|
-
declare function Avatar({ className, size, ...props }: React$1.ComponentProps<typeof Avatar$1.Root> & {
|
|
40
|
-
size?: "default" | "sm" | "lg";
|
|
41
|
-
}): react_jsx_runtime.JSX.Element;
|
|
42
|
-
declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime.JSX.Element;
|
|
43
|
-
declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime.JSX.Element;
|
|
44
|
-
declare function AvatarBadge({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
45
|
-
declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
46
|
-
declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
47
|
-
|
|
48
|
-
declare const badgeVariants: (props?: ({
|
|
49
|
-
variant?: "solid" | "soft" | "surface" | "outline" | null | undefined;
|
|
50
|
-
intent?: "primary" | "neutral" | "success" | "warning" | "error" | "accent" | "info" | null | undefined;
|
|
51
|
-
size?: "lg" | "md" | "sm" | null | undefined;
|
|
52
|
-
radius?: "xl" | "lg" | "md" | "sm" | "none" | "full" | null | undefined;
|
|
53
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
54
|
-
interface BadgeProps extends React$1.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
|
|
55
|
-
asChild?: boolean;
|
|
56
|
-
}
|
|
57
|
-
declare function Badge({ className, variant, intent, radius, size, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
58
|
-
|
|
59
|
-
declare function Breadcrumb({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
60
|
-
declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
|
|
61
|
-
declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
62
|
-
declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
|
|
63
|
-
asChild?: boolean;
|
|
64
|
-
}): react_jsx_runtime.JSX.Element;
|
|
65
|
-
declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
66
|
-
declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
67
|
-
declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
68
|
-
|
|
69
|
-
declare function Card({ className, size, ...props }: React$1.ComponentProps<"div"> & {
|
|
70
|
-
size?: "default" | "sm";
|
|
71
|
-
}): react_jsx_runtime.JSX.Element;
|
|
72
|
-
declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
73
|
-
declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
74
|
-
declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
75
|
-
declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
76
|
-
declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
77
|
-
declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
78
|
-
|
|
79
|
-
declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime.JSX.Element;
|
|
80
|
-
|
|
81
|
-
declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
|
|
82
|
-
|
|
83
|
-
declare function Label({ className, ...props }: React$1.ComponentProps<typeof Label$1.Root>): react_jsx_runtime.JSX.Element;
|
|
84
|
-
|
|
85
|
-
declare function Popover({ ...props }: React$1.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime.JSX.Element;
|
|
86
|
-
declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
87
|
-
declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime.JSX.Element;
|
|
88
|
-
declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime.JSX.Element;
|
|
89
|
-
declare function PopoverHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
90
|
-
declare function PopoverTitle({ className, ...props }: React$1.ComponentProps<"h2">): react_jsx_runtime.JSX.Element;
|
|
91
|
-
declare function PopoverDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
|
|
92
|
-
|
|
93
|
-
declare function Select({ ...props }: React$1.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
|
|
94
|
-
declare function SelectGroup({ className, ...props }: React$1.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
|
|
95
|
-
declare function SelectValue({ ...props }: React$1.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
|
|
96
|
-
declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof Select$1.Trigger> & {
|
|
97
|
-
size?: "sm" | "default";
|
|
98
|
-
}): react_jsx_runtime.JSX.Element;
|
|
99
|
-
declare function SelectContent({ className, children, position, align, ...props }: React$1.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
|
|
100
|
-
declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
|
|
101
|
-
declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
|
|
102
|
-
declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
|
|
103
|
-
declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
|
|
104
|
-
declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
|
|
105
|
-
|
|
106
34
|
declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
|
|
107
35
|
|
|
108
|
-
declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
|
|
109
|
-
|
|
110
|
-
declare const toggleVariants: (props?: ({
|
|
111
|
-
variant?: "outline" | "default" | null | undefined;
|
|
112
|
-
size?: "lg" | "sm" | "default" | null | undefined;
|
|
113
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
114
|
-
declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
115
|
-
|
|
116
|
-
declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
117
|
-
declare function Tooltip({ ...props }: React$1.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
|
|
118
|
-
declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
119
|
-
declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
|
|
120
|
-
|
|
121
36
|
declare function cn(...inputs: ClassValue[]): string;
|
|
122
37
|
|
|
123
|
-
export {
|
|
38
|
+
export { Badge, Button, Spinner, badgeVariants, buttonVariants, cn };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,15 +1,25 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import * as React$1 from 'react';
|
|
3
|
-
import { AlertDialog as AlertDialog$1, Avatar as Avatar$1, Checkbox as Checkbox$1, Label as Label$1, Popover as Popover$1, Select as Select$1, Toggle as Toggle$1, Tooltip as Tooltip$1 } from 'radix-ui';
|
|
4
2
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
3
|
+
import * as React$1 from 'react';
|
|
5
4
|
import { VariantProps } from 'class-variance-authority';
|
|
6
5
|
import { ClassValue } from 'clsx';
|
|
7
6
|
|
|
7
|
+
declare const badgeVariants: (props?: ({
|
|
8
|
+
variant?: "solid" | "soft" | "surface" | "outline" | null | undefined;
|
|
9
|
+
intent?: "primary" | "accent" | "success" | "warning" | "error" | "info" | "neutral" | null | undefined;
|
|
10
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
11
|
+
radius?: "sm" | "md" | "lg" | "none" | "xl" | "full" | null | undefined;
|
|
12
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
13
|
+
interface BadgeProps extends React$1.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
|
|
14
|
+
asChild?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare function Badge({ className, variant, intent, radius, size, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
17
|
+
|
|
8
18
|
declare const buttonVariants: (props?: ({
|
|
9
|
-
variant?: "solid" | "soft" | "surface" | "outline" | "
|
|
10
|
-
intent?: "primary" | "
|
|
11
|
-
size?: "
|
|
12
|
-
radius?: "
|
|
19
|
+
variant?: "solid" | "soft" | "surface" | "outline" | "link" | "ghost" | null | undefined;
|
|
20
|
+
intent?: "primary" | "accent" | "success" | "warning" | "error" | "neutral" | null | undefined;
|
|
21
|
+
size?: "sm" | "md" | "lg" | "xl" | "xs" | "icon" | null | undefined;
|
|
22
|
+
radius?: "sm" | "md" | "lg" | "none" | "xl" | "full" | null | undefined;
|
|
13
23
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
14
24
|
type Prettify<T> = {
|
|
15
25
|
[K in keyof T]: T[K];
|
|
@@ -21,103 +31,8 @@ interface ButtonProps extends React$1.ComponentProps<"button">, Prettify<Variant
|
|
|
21
31
|
}
|
|
22
32
|
declare function Button({ className, variant, intent, radius, size, asChild, leftIcon, rightIcon, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
|
|
23
33
|
|
|
24
|
-
declare function AlertDialog({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Root>): react_jsx_runtime.JSX.Element;
|
|
25
|
-
declare function AlertDialogTrigger({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
26
|
-
declare function AlertDialogPortal({ ...props }: React$1.ComponentProps<typeof AlertDialog$1.Portal>): react_jsx_runtime.JSX.Element;
|
|
27
|
-
declare function AlertDialogOverlay({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Overlay>): react_jsx_runtime.JSX.Element;
|
|
28
|
-
declare function AlertDialogContent({ className, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Content> & {
|
|
29
|
-
size?: "default" | "sm";
|
|
30
|
-
}): react_jsx_runtime.JSX.Element;
|
|
31
|
-
declare function AlertDialogHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
32
|
-
declare function AlertDialogFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
33
|
-
declare function AlertDialogMedia({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
34
|
-
declare function AlertDialogTitle({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Title>): react_jsx_runtime.JSX.Element;
|
|
35
|
-
declare function AlertDialogDescription({ className, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Description>): react_jsx_runtime.JSX.Element;
|
|
36
|
-
declare function AlertDialogAction({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Action> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
|
|
37
|
-
declare function AlertDialogCancel({ className, variant, size, ...props }: React$1.ComponentProps<typeof AlertDialog$1.Cancel> & Pick<React$1.ComponentProps<typeof Button>, "variant" | "size">): react_jsx_runtime.JSX.Element;
|
|
38
|
-
|
|
39
|
-
declare function Avatar({ className, size, ...props }: React$1.ComponentProps<typeof Avatar$1.Root> & {
|
|
40
|
-
size?: "default" | "sm" | "lg";
|
|
41
|
-
}): react_jsx_runtime.JSX.Element;
|
|
42
|
-
declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime.JSX.Element;
|
|
43
|
-
declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime.JSX.Element;
|
|
44
|
-
declare function AvatarBadge({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
45
|
-
declare function AvatarGroup({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
46
|
-
declare function AvatarGroupCount({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
47
|
-
|
|
48
|
-
declare const badgeVariants: (props?: ({
|
|
49
|
-
variant?: "solid" | "soft" | "surface" | "outline" | null | undefined;
|
|
50
|
-
intent?: "primary" | "neutral" | "success" | "warning" | "error" | "accent" | "info" | null | undefined;
|
|
51
|
-
size?: "lg" | "md" | "sm" | null | undefined;
|
|
52
|
-
radius?: "xl" | "lg" | "md" | "sm" | "none" | "full" | null | undefined;
|
|
53
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
54
|
-
interface BadgeProps extends React$1.ComponentProps<"span">, VariantProps<typeof badgeVariants> {
|
|
55
|
-
asChild?: boolean;
|
|
56
|
-
}
|
|
57
|
-
declare function Badge({ className, variant, intent, radius, size, asChild, ...props }: BadgeProps): react_jsx_runtime.JSX.Element;
|
|
58
|
-
|
|
59
|
-
declare function Breadcrumb({ className, ...props }: React$1.ComponentProps<"nav">): react_jsx_runtime.JSX.Element;
|
|
60
|
-
declare function BreadcrumbList({ className, ...props }: React$1.ComponentProps<"ol">): react_jsx_runtime.JSX.Element;
|
|
61
|
-
declare function BreadcrumbItem({ className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
62
|
-
declare function BreadcrumbLink({ asChild, className, ...props }: React$1.ComponentProps<"a"> & {
|
|
63
|
-
asChild?: boolean;
|
|
64
|
-
}): react_jsx_runtime.JSX.Element;
|
|
65
|
-
declare function BreadcrumbPage({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
66
|
-
declare function BreadcrumbSeparator({ children, className, ...props }: React$1.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
|
|
67
|
-
declare function BreadcrumbEllipsis({ className, ...props }: React$1.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
|
|
68
|
-
|
|
69
|
-
declare function Card({ className, size, ...props }: React$1.ComponentProps<"div"> & {
|
|
70
|
-
size?: "default" | "sm";
|
|
71
|
-
}): react_jsx_runtime.JSX.Element;
|
|
72
|
-
declare function CardHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
73
|
-
declare function CardTitle({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
74
|
-
declare function CardDescription({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
75
|
-
declare function CardAction({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
76
|
-
declare function CardContent({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
77
|
-
declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
78
|
-
|
|
79
|
-
declare function Checkbox({ className, ...props }: React$1.ComponentProps<typeof Checkbox$1.Root>): react_jsx_runtime.JSX.Element;
|
|
80
|
-
|
|
81
|
-
declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
|
|
82
|
-
|
|
83
|
-
declare function Label({ className, ...props }: React$1.ComponentProps<typeof Label$1.Root>): react_jsx_runtime.JSX.Element;
|
|
84
|
-
|
|
85
|
-
declare function Popover({ ...props }: React$1.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime.JSX.Element;
|
|
86
|
-
declare function PopoverTrigger({ ...props }: React$1.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
87
|
-
declare function PopoverContent({ className, align, sideOffset, ...props }: React$1.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime.JSX.Element;
|
|
88
|
-
declare function PopoverAnchor({ ...props }: React$1.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime.JSX.Element;
|
|
89
|
-
declare function PopoverHeader({ className, ...props }: React$1.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
|
|
90
|
-
declare function PopoverTitle({ className, ...props }: React$1.ComponentProps<"h2">): react_jsx_runtime.JSX.Element;
|
|
91
|
-
declare function PopoverDescription({ className, ...props }: React$1.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
|
|
92
|
-
|
|
93
|
-
declare function Select({ ...props }: React$1.ComponentProps<typeof Select$1.Root>): react_jsx_runtime.JSX.Element;
|
|
94
|
-
declare function SelectGroup({ className, ...props }: React$1.ComponentProps<typeof Select$1.Group>): react_jsx_runtime.JSX.Element;
|
|
95
|
-
declare function SelectValue({ ...props }: React$1.ComponentProps<typeof Select$1.Value>): react_jsx_runtime.JSX.Element;
|
|
96
|
-
declare function SelectTrigger({ className, size, children, ...props }: React$1.ComponentProps<typeof Select$1.Trigger> & {
|
|
97
|
-
size?: "sm" | "default";
|
|
98
|
-
}): react_jsx_runtime.JSX.Element;
|
|
99
|
-
declare function SelectContent({ className, children, position, align, ...props }: React$1.ComponentProps<typeof Select$1.Content>): react_jsx_runtime.JSX.Element;
|
|
100
|
-
declare function SelectLabel({ className, ...props }: React$1.ComponentProps<typeof Select$1.Label>): react_jsx_runtime.JSX.Element;
|
|
101
|
-
declare function SelectItem({ className, children, ...props }: React$1.ComponentProps<typeof Select$1.Item>): react_jsx_runtime.JSX.Element;
|
|
102
|
-
declare function SelectSeparator({ className, ...props }: React$1.ComponentProps<typeof Select$1.Separator>): react_jsx_runtime.JSX.Element;
|
|
103
|
-
declare function SelectScrollUpButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollUpButton>): react_jsx_runtime.JSX.Element;
|
|
104
|
-
declare function SelectScrollDownButton({ className, ...props }: React$1.ComponentProps<typeof Select$1.ScrollDownButton>): react_jsx_runtime.JSX.Element;
|
|
105
|
-
|
|
106
34
|
declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
|
|
107
35
|
|
|
108
|
-
declare function Textarea({ className, ...props }: React$1.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
|
|
109
|
-
|
|
110
|
-
declare const toggleVariants: (props?: ({
|
|
111
|
-
variant?: "outline" | "default" | null | undefined;
|
|
112
|
-
size?: "lg" | "sm" | "default" | null | undefined;
|
|
113
|
-
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
114
|
-
declare function Toggle({ className, variant, size, ...props }: React$1.ComponentProps<typeof Toggle$1.Root> & VariantProps<typeof toggleVariants>): react_jsx_runtime.JSX.Element;
|
|
115
|
-
|
|
116
|
-
declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
|
|
117
|
-
declare function Tooltip({ ...props }: React$1.ComponentProps<typeof Tooltip$1.Root>): react_jsx_runtime.JSX.Element;
|
|
118
|
-
declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof Tooltip$1.Trigger>): react_jsx_runtime.JSX.Element;
|
|
119
|
-
declare function TooltipContent({ className, sideOffset, children, ...props }: React$1.ComponentProps<typeof Tooltip$1.Content>): react_jsx_runtime.JSX.Element;
|
|
120
|
-
|
|
121
36
|
declare function cn(...inputs: ClassValue[]): string;
|
|
122
37
|
|
|
123
|
-
export {
|
|
38
|
+
export { Badge, Button, Spinner, badgeVariants, buttonVariants, cn };
|
package/dist/index.js
CHANGED
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
'use strict';var radixUi=require('radix-ui'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),classVarianceAuthority=require('class-variance-authority'),reactSlot=require('@radix-ui/react-slot'),jsxRuntime=require('react/jsx-runtime'),react=require('react'),icons=require('@org-design-system/icons');function t(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var X=classVarianceAuthority.cva("group/button inline-flex shrink-0 items-center justify-center font-medium whitespace-nowrap transition-all outline-none select-none active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0",{variants:{variant:{solid:"",soft:"",surface:"border",outline:"border bg-transparent",ghost:"bg-transparent",link:"bg-transparent underline-offset-4 hover:underline"},intent:{primary:"",neutral:"",success:"",warning:"",error:""},size:{xl:"h-12 px-[18px] text-base gap-2",lg:"h-10 px-3.5 text-sm gap-1.5",md:"h-9 px-3 text-sm gap-1",sm:"h-8 px-3 text-sm gap-1",xs:"h-6 px-1.5 text-xs gap-0.5",icon:"size-9 p-0"},radius:{none:"rounded-none",sm:"rounded-[4px]",md:"rounded-[6px]",lg:"rounded-[8px]",xl:"rounded-[8px]",full:"rounded-full"}},compoundVariants:[{variant:"solid",intent:"primary",className:"bg-[var(--color-blue-10)] text-white hover:bg-[var(--color-blue-9)]"},{variant:"solid",intent:"neutral",className:"bg-[var(--color-gray-12)] text-white hover:bg-[var(--color-gray-11)] dark:bg-[var(--color-gray-2)] dark:text-[var(--color-gray-12)] dark:hover:bg-[var(--color-gray-3)]"},{variant:"solid",intent:"success",className:"bg-[var(--color-green-9)] text-white hover:bg-[var(--color-green-10)]"},{variant:"solid",intent:"warning",className:"bg-[var(--color-yellow-9)] text-white hover:bg-[var(--color-yellow-10)]"},{variant:"solid",intent:"error",className:"bg-[var(--color-red-9)] text-white hover:bg-[var(--color-red-10)]"},{variant:"soft",intent:"primary",className:"bg-[var(--color-blue-alpha-2)] text-[var(--color-blue-11)] hover:bg-[var(--color-blue-alpha-3)]"},{variant:"soft",intent:"neutral",className:"bg-[var(--color-gray-alpha-2)] text-[var(--color-gray-12)] hover:bg-[var(--color-gray-alpha-3)]"},{variant:"soft",intent:"success",className:"bg-[var(--color-green-alpha-2)] text-[var(--color-green-11)] hover:bg-[var(--color-green-alpha-3)]"},{variant:"soft",intent:"warning",className:"bg-[var(--color-yellow-alpha-2)] text-[var(--color-yellow-11)] hover:bg-[var(--color-yellow-alpha-3)]"},{variant:"soft",intent:"error",className:"bg-[var(--color-red-alpha-2)] text-[var(--color-red-11)] hover:bg-[var(--color-red-alpha-3)]"},{variant:"outline",intent:"primary",className:"border-[var(--color-blue-alpha-4)] text-[var(--color-blue-11)] hover:bg-[var(--color-blue-alpha-2)]"},{variant:"outline",intent:"neutral",className:"border-[var(--color-gray-alpha-4)] text-[var(--color-gray-12)] hover:bg-[var(--color-gray-alpha-2)]"},{variant:"outline",intent:"success",className:"border-[var(--color-green-alpha-4)] text-[var(--color-green-11)] hover:bg-[var(--color-green-alpha-2)]"},{variant:"outline",intent:"warning",className:"border-[var(--color-yellow-alpha-4)] text-[var(--color-yellow-11)] hover:bg-[var(--color-yellow-alpha-2)]"},{variant:"outline",intent:"error",className:"border-[var(--color-red-alpha-4)] text-[var(--color-red-11)] hover:bg-[var(--color-red-alpha-2)]"},{variant:"ghost",intent:"primary",className:"text-[var(--color-blue-11)] hover:bg-[var(--color-blue-alpha-2)]"},{variant:"ghost",intent:"neutral",className:"text-[var(--color-gray-12)] hover:bg-[var(--color-gray-alpha-2)]"},{variant:"ghost",intent:"success",className:"text-[var(--color-green-11)] hover:bg-[var(--color-green-alpha-2)]"},{variant:"ghost",intent:"warning",className:"text-[var(--color-yellow-11)] hover:bg-[var(--color-yellow-alpha-2)]"},{variant:"ghost",intent:"error",className:"text-[var(--color-red-11)] hover:bg-[var(--color-red-alpha-2)]"}],defaultVariants:{variant:"solid",intent:"primary",size:"md",radius:"md"}});function F({className:e,variant:a,intent:o,radius:l,size:f,asChild:i=false,leftIcon:I,rightIcon:S,children:A,...D}){return jsxRuntime.jsx(i?reactSlot.Slot:"button",{"data-slot":"button","data-variant":a,"data-intent":o,"data-size":f,"data-radius":l,className:t(X({variant:a,intent:o,size:f,radius:l,className:e})),...D,children:i?A:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[I&&jsxRuntime.jsx("span",{className:"inline-flex shrink-0",children:I}),A,S&&jsxRuntime.jsx("span",{className:"inline-flex shrink-0",children:S})]})})}function Ue({...e}){return jsxRuntime.jsx(radixUi.AlertDialog.Root,{"data-slot":"alert-dialog",...e})}function Oe({...e}){return jsxRuntime.jsx(radixUi.AlertDialog.Trigger,{"data-slot":"alert-dialog-trigger",...e})}function J({...e}){return jsxRuntime.jsx(radixUi.AlertDialog.Portal,{"data-slot":"alert-dialog-portal",...e})}function _({className:e,...a}){return jsxRuntime.jsx(radixUi.AlertDialog.Overlay,{"data-slot":"alert-dialog-overlay",className:t("fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",e),...a})}function He({className:e,size:a="default",...o}){return jsxRuntime.jsxs(J,{children:[jsxRuntime.jsx(_,{}),jsxRuntime.jsx(radixUi.AlertDialog.Content,{"data-slot":"alert-dialog-content","data-size":a,className:t("group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-background p-4 ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",e),...o})]})}function ze({className:e,...a}){return jsxRuntime.jsx("div",{"data-slot":"alert-dialog-header",className:t("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",e),...a})}function Ge({className:e,...a}){return jsxRuntime.jsx("div",{"data-slot":"alert-dialog-footer",className:t("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",e),...a})}function Ne({className:e,...a}){return jsxRuntime.jsx("div",{"data-slot":"alert-dialog-media",className:t("mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6",e),...a})}function Ve({className:e,...a}){return jsxRuntime.jsx(radixUi.AlertDialog.Title,{"data-slot":"alert-dialog-title",className:t("text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",e),...a})}function We({className:e,...a}){return jsxRuntime.jsx(radixUi.AlertDialog.Description,{"data-slot":"alert-dialog-description",className:t("text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",e),...a})}function Ee({className:e,variant:a="solid",size:o="md",...l}){return jsxRuntime.jsx(F,{variant:a,size:o,asChild:true,children:jsxRuntime.jsx(radixUi.AlertDialog.Action,{"data-slot":"alert-dialog-action",className:t(e),...l})})}function Xe({className:e,variant:a="outline",size:o="md",...l}){return jsxRuntime.jsx(F,{variant:a,size:o,asChild:true,children:jsxRuntime.jsx(radixUi.AlertDialog.Cancel,{"data-slot":"alert-dialog-cancel",className:t(e),...l})})}function Qe({className:e,size:a="default",...o}){return jsxRuntime.jsx(radixUi.Avatar.Root,{"data-slot":"avatar","data-size":a,className:t("group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",e),...o})}function Ye({className:e,...a}){return jsxRuntime.jsx(radixUi.Avatar.Image,{"data-slot":"avatar-image",className:t("aspect-square size-full rounded-full object-cover",e),...a})}function je({className:e,...a}){return jsxRuntime.jsx(radixUi.Avatar.Fallback,{"data-slot":"avatar-fallback",className:t("flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",e),...a})}function $e({className:e,...a}){return jsxRuntime.jsx("span",{"data-slot":"avatar-badge",className:t("absolute right-0 bottom-0 z-10 inline-flex items-center justify-center rounded-full bg-primary text-primary-foreground bg-blend-color ring-2 ring-background select-none","group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:[&>svg]:hidden","group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&>svg]:size-2","group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&>svg]:size-2",e),...a})}function ea({className:e,...a}){return jsxRuntime.jsx("div",{"data-slot":"avatar-group",className:t("group/avatar-group flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:ring-background",e),...a})}function aa({className:e,...a}){return jsxRuntime.jsx("div",{"data-slot":"avatar-group-count",className:t("relative flex size-8 shrink-0 items-center justify-center rounded-full bg-muted text-sm text-muted-foreground ring-2 ring-background group-has-data-[size=lg]/avatar-group:size-10 group-has-data-[size=sm]/avatar-group:size-6 [&>svg]:size-4 group-has-data-[size=lg]/avatar-group:[&>svg]:size-5 group-has-data-[size=sm]/avatar-group:[&>svg]:size-3",e),...a})}var $=classVarianceAuthority.cva("inline-flex items-center justify-center gap-1 font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",{variants:{variant:{solid:"border-transparent",soft:"border-transparent text-foreground",surface:"border",outline:"border bg-transparent"},intent:{primary:"",accent:"",success:"",warning:"",error:"",info:"",neutral:""},size:{sm:"h-5 px-1 py-0.5 text-[10px] min-w-[20px]",md:"h-6 px-1.5 py-1 text-[12px] min-w-[24px]",lg:"h-6 px-1.5 py-1 text-[13px] min-w-[24px]"},radius:{none:"rounded-none",sm:"rounded-[4px]",md:"rounded-[6px]",lg:"rounded-[8px]",xl:"rounded-[8px]",full:"rounded-full"}},compoundVariants:[{variant:"solid",intent:"primary",className:"bg-[var(--color-surface-focus)] text-[var(--color-text-focus-subtle)]"},{variant:"soft",intent:"primary",className:"bg-[var(--color-surface-selected)] text-[var(--color-text-focus)]"},{variant:"surface",intent:"primary",className:"bg-[var(--color-surface-selected)] border-[var(--color-stroke-selected)] text-[var(--color-text-focus)]"},{variant:"outline",intent:"primary",className:"border-[var(--color-stroke-selected)] text-[var(--color-text-focus)]"},{variant:"solid",intent:"accent",className:"bg-[var(--color-green-9)] text-white"},{variant:"soft",intent:"accent",className:"bg-[var(--color-green-alpha-2)] text-[var(--color-green-11)]"},{variant:"surface",intent:"accent",className:"bg-[var(--color-green-alpha-2)] border-[var(--color-green-alpha-4)] text-[var(--color-green-11)]"},{variant:"outline",intent:"accent",className:"border-[var(--color-green-alpha-4)] text-[var(--color-green-11)]"},{variant:"solid",intent:"success",className:"bg-[var(--color-surface-success)] text-white"},{variant:"soft",intent:"success",className:"bg-[var(--color-green-alpha-2)] text-[var(--color-text-selected)]"},{variant:"surface",intent:"success",className:"bg-[var(--color-green-alpha-2)] border-[var(--color-stroke-success)] text-[var(--color-text-selected)]"},{variant:"outline",intent:"success",className:"border-[var(--color-stroke-success)] text-[var(--color-text-selected)]"},{variant:"solid",intent:"warning",className:"bg-[var(--color-surface-warnig)] text-black"},{variant:"soft",intent:"warning",className:"bg-[var(--color-yellow-alpha-1)] text-[var(--color-text-warning)]"},{variant:"surface",intent:"warning",className:"bg-[var(--color-yellow-alpha-1)] border-[var(--color-stroke-warning)] text-[var(--color-text-warning)]"},{variant:"outline",intent:"warning",className:"border-[var(--color-stroke-warning)] text-[var(--color-text-warning)]"},{variant:"solid",intent:"error",className:"bg-[var(--color-surface-error)] text-white"},{variant:"soft",intent:"error",className:"bg-[var(--color-red-alpha-1)] text-[var(--color-text-error)]"},{variant:"surface",intent:"error",className:"bg-[var(--color-red-alpha-1)] border-[var(--color-stroke-error)] text-[var(--color-text-error)]"},{variant:"outline",intent:"error",className:"border-[var(--color-stroke-error)] text-[var(--color-text-error)]"},{variant:"solid",intent:"info",className:"bg-[var(--color-surface-info)] text-white"},{variant:"soft",intent:"info",className:"bg-[var(--color-blue-alpha-1)] text-[var(--color-text-info)]"},{variant:"surface",intent:"info",className:"bg-[var(--color-blue-alpha-1)] border-[var(--color-stroke-info)] text-[var(--color-text-info)]"},{variant:"outline",intent:"info",className:"border-[var(--color-stroke-info)] text-[var(--color-text-info)]"},{variant:"solid",intent:"neutral",className:"bg-[var(--color-gray-9)] text-white"},{variant:"soft",intent:"neutral",className:"bg-[var(--color-gray-alpha-3)] text-[var(--color-text-primary)]"},{variant:"surface",intent:"neutral",className:"bg-[var(--color-gray-alpha-3)] border-[var(--color-stroke-primary)] text-[var(--color-text-primary)]"},{variant:"outline",intent:"neutral",className:"border-[var(--color-stroke-primary)] text-[var(--color-text-secondary)]"}],defaultVariants:{variant:"soft",intent:"neutral",size:"md",radius:"md"}});function ua({className:e,variant:a,intent:o,radius:l,size:f,asChild:i=false,...I}){return jsxRuntime.jsx(i?reactSlot.Slot:"span",{"data-slot":"badge","data-variant":a,"data-intent":o,"data-size":f,"data-radius":l,className:t($({variant:a,intent:o,size:f,radius:l}),e),...I})}var U=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),B=(...e)=>e.filter((a,o,l)=>!!a&&a.trim()!==""&&l.indexOf(a)===o).join(" ").trim();var O={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};var z=react.forwardRef(({color:e="currentColor",size:a=24,strokeWidth:o=2,absoluteStrokeWidth:l,className:f="",children:i,iconNode:I,...S},A)=>react.createElement("svg",{ref:A,...O,width:a,height:a,stroke:e,strokeWidth:l?Number(o)*24/Number(a):o,className:B("lucide",f),...S},[...I.map(([D,q])=>react.createElement(D,q)),...Array.isArray(i)?i:[i]]));var s=(e,a)=>{let o=react.forwardRef(({className:l,...f},i)=>react.createElement(z,{ref:i,iconNode:a,className:B(`lucide-${U(e)}`,l),...f}));return o.displayName=`${e}`,o};var le=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],P=s("Check",le);var de=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],C=s("ChevronDown",de);var re=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],w=s("ChevronRight",re);var ue=[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]],k=s("ChevronUp",ue);var se=[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"19",cy:"12",r:"1",key:"1wjl8i"}],["circle",{cx:"5",cy:"12",r:"1",key:"1pcz8c"}]],p=s("Ellipsis",se);var fe=[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]],m=s("LoaderCircle",fe);function Va({className:e,...a}){return jsxRuntime.jsx("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",className:t(e),...a})}function Wa({className:e,...a}){return jsxRuntime.jsx("ol",{"data-slot":"breadcrumb-list",className:t("flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground",e),...a})}function Ea({className:e,...a}){return jsxRuntime.jsx("li",{"data-slot":"breadcrumb-item",className:t("inline-flex items-center gap-1",e),...a})}function Xa({asChild:e,className:a,...o}){let l=e?radixUi.Slot.Root:"a";return jsxRuntime.jsx(l,{"data-slot":"breadcrumb-link",className:t("transition-colors hover:text-foreground",a),...o})}function Ka({className:e,...a}){return jsxRuntime.jsx("span",{"data-slot":"breadcrumb-page",role:"link","aria-disabled":"true","aria-current":"page",className:t("font-normal text-foreground",e),...a})}function Za({children:e,className:a,...o}){return jsxRuntime.jsx("li",{"data-slot":"breadcrumb-separator",role:"presentation","aria-hidden":"true",className:t("[&>svg]:size-3.5",a),...o,children:e??jsxRuntime.jsx(w,{})})}function Ja({className:e,...a}){return jsxRuntime.jsxs("span",{"data-slot":"breadcrumb-ellipsis",role:"presentation","aria-hidden":"true",className:t("flex size-5 items-center justify-center [&>svg]:size-4",e),...a,children:[jsxRuntime.jsx(p,{}),jsxRuntime.jsx("span",{className:"sr-only",children:"More"})]})}function ja({className:e,size:a="default",...o}){return jsxRuntime.jsx("div",{"data-slot":"card","data-size":a,className:t("group/card flex flex-col gap-4 overflow-hidden rounded-xl bg-card py-4 text-sm text-card-foreground ring-1 ring-foreground/10 has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl",e),...o})}function $a({className:e,...a}){return jsxRuntime.jsx("div",{"data-slot":"card-header",className:t("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3",e),...a})}function et({className:e,...a}){return jsxRuntime.jsx("div",{"data-slot":"card-title",className:t("text-base leading-snug font-medium group-data-[size=sm]/card:text-sm",e),...a})}function at({className:e,...a}){return jsxRuntime.jsx("div",{"data-slot":"card-description",className:t("text-sm text-muted-foreground",e),...a})}function tt({className:e,...a}){return jsxRuntime.jsx("div",{"data-slot":"card-action",className:t("col-start-2 row-span-2 row-start-1 self-start justify-self-end",e),...a})}function ot({className:e,...a}){return jsxRuntime.jsx("div",{"data-slot":"card-content",className:t("px-4 group-data-[size=sm]/card:px-3",e),...a})}function lt({className:e,...a}){return jsxRuntime.jsx("div",{"data-slot":"card-footer",className:t("flex items-center rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/card:p-3",e),...a})}function it({className:e,...a}){return jsxRuntime.jsx(radixUi.Checkbox.Root,{"data-slot":"checkbox",className:t("peer relative flex size-4 shrink-0 items-center justify-center rounded-sm border border-input transition-colors outline-none group-has-disabled/field:opacity-50 after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary",e),...a,children:jsxRuntime.jsx(radixUi.Checkbox.Indicator,{"data-slot":"checkbox-indicator",className:"grid place-content-center text-current transition-none [&>svg]:size-3.5",children:jsxRuntime.jsx(icons.CheckIcon,{})})})}function mt({className:e,type:a,...o}){return jsxRuntime.jsx("input",{type:a,"data-slot":"input",className:t("h-8 w-full min-w-0 rounded-lg border border-input bg-transparent px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",e),...o})}function Ct({className:e,...a}){return jsxRuntime.jsx(radixUi.Label.Root,{"data-slot":"label",className:t("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",e),...a})}function kt({...e}){return jsxRuntime.jsx(radixUi.Popover.Root,{"data-slot":"popover",...e})}function vt({...e}){return jsxRuntime.jsx(radixUi.Popover.Trigger,{"data-slot":"popover-trigger",...e})}function bt({className:e,align:a="center",sideOffset:o=4,...l}){return jsxRuntime.jsx(radixUi.Popover.Portal,{children:jsxRuntime.jsx(radixUi.Popover.Content,{"data-slot":"popover-content",align:a,sideOffset:o,className:t("z-50 flex w-72 origin-(--radix-popover-content-transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",e),...l})})}function At({...e}){return jsxRuntime.jsx(radixUi.Popover.Anchor,{"data-slot":"popover-anchor",...e})}function Bt({className:e,...a}){return jsxRuntime.jsx("div",{"data-slot":"popover-header",className:t("flex flex-col gap-0.5 text-sm",e),...a})}function Dt({className:e,...a}){return jsxRuntime.jsx("div",{"data-slot":"popover-title",className:t("font-medium",e),...a})}function Rt({className:e,...a}){return jsxRuntime.jsx("p",{"data-slot":"popover-description",className:t("text-muted-foreground",e),...a})}function Ut({...e}){return jsxRuntime.jsx(radixUi.Select.Root,{"data-slot":"select",...e})}function Ot({className:e,...a}){return jsxRuntime.jsx(radixUi.Select.Group,{"data-slot":"select-group",className:t("scroll-my-1 p-1",e),...a})}function Ht({...e}){return jsxRuntime.jsx(radixUi.Select.Value,{"data-slot":"select-value",...e})}function zt({className:e,size:a="default",children:o,...l}){return jsxRuntime.jsxs(radixUi.Select.Trigger,{"data-slot":"select-trigger","data-size":a,className:t("flex w-fit items-center justify-between gap-1.5 rounded-lg border border-input bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...l,children:[o,jsxRuntime.jsx(radixUi.Select.Icon,{asChild:true,children:jsxRuntime.jsx(C,{className:"pointer-events-none size-4 text-muted-foreground"})})]})}function Gt({className:e,children:a,position:o="item-aligned",align:l="center",...f}){return jsxRuntime.jsx(radixUi.Select.Portal,{children:jsxRuntime.jsxs(radixUi.Select.Content,{"data-slot":"select-content","data-align-trigger":o==="item-aligned",className:t("relative z-50 max-h-(--radix-select-content-available-height) min-w-36 origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",o==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:o,align:l,...f,children:[jsxRuntime.jsx(xe,{}),jsxRuntime.jsx(radixUi.Select.Viewport,{"data-position":o,className:t("data-[position=popper]:h-(--radix-select-trigger-height) data-[position=popper]:w-full data-[position=popper]:min-w-(--radix-select-trigger-width)",o==="popper"&&""),children:a}),jsxRuntime.jsx(Ie,{})]})})}function Nt({className:e,...a}){return jsxRuntime.jsx(radixUi.Select.Label,{"data-slot":"select-label",className:t("px-1.5 py-1 text-xs text-muted-foreground",e),...a})}function Vt({className:e,children:a,...o}){return jsxRuntime.jsxs(radixUi.Select.Item,{"data-slot":"select-item",className:t("relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...o,children:[jsxRuntime.jsx("span",{className:"pointer-events-none absolute right-2 flex size-4 items-center justify-center",children:jsxRuntime.jsx(radixUi.Select.ItemIndicator,{children:jsxRuntime.jsx(P,{className:"pointer-events-none"})})}),jsxRuntime.jsx(radixUi.Select.ItemText,{children:a})]})}function Wt({className:e,...a}){return jsxRuntime.jsx(radixUi.Select.Separator,{"data-slot":"select-separator",className:t("pointer-events-none -mx-1 my-1 h-px bg-border",e),...a})}function xe({className:e,...a}){return jsxRuntime.jsx(radixUi.Select.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:t("z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",e),...a,children:jsxRuntime.jsx(k,{})})}function Ie({className:e,...a}){return jsxRuntime.jsx(radixUi.Select.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:t("z-10 flex cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-4",e),...a,children:jsxRuntime.jsx(C,{})})}function Jt({className:e,...a}){return jsxRuntime.jsx(m,{role:"status","aria-label":"Loading",className:t("size-4 animate-spin",e),...a})}function jt({className:e,...a}){return jsxRuntime.jsx("textarea",{"data-slot":"textarea",className:t("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-transparent px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",e),...a})}var Pe=classVarianceAuthority.cva("group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent hover:bg-muted"},size:{default:"h-8 min-w-8 px-2",sm:"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]",lg:"h-9 min-w-9 px-2.5"}},defaultVariants:{variant:"default",size:"default"}});function lo({className:e,variant:a="default",size:o="default",...l}){return jsxRuntime.jsx(radixUi.Toggle.Root,{"data-slot":"toggle",className:t(Pe({variant:a,size:o,className:e})),...l})}function io({delayDuration:e=0,...a}){return jsxRuntime.jsx(radixUi.Tooltip.Provider,{"data-slot":"tooltip-provider",delayDuration:e,...a})}function no({...e}){return jsxRuntime.jsx(radixUi.Tooltip.Root,{"data-slot":"tooltip",...e})}function co({...e}){return jsxRuntime.jsx(radixUi.Tooltip.Trigger,{"data-slot":"tooltip-trigger",...e})}function po({className:e,sideOffset:a=0,children:o,...l}){return jsxRuntime.jsx(radixUi.Tooltip.Portal,{children:jsxRuntime.jsxs(radixUi.Tooltip.Content,{"data-slot":"tooltip-content",sideOffset:a,className:t("z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",e),...l,children:[o,jsxRuntime.jsx(radixUi.Tooltip.Arrow,{className:"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground"})]})})}/*! Bundled license information:
|
|
1
|
+
'use strict';var classVarianceAuthority=require('class-variance-authority'),reactSlot=require('@radix-ui/react-slot'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),jsxRuntime=require('react/jsx-runtime'),react=require('react');function f(...e){return tailwindMerge.twMerge(clsx.clsx(e))}var k=classVarianceAuthority.cva("inline-flex items-center justify-center gap-1 font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",{variants:{variant:{solid:"border-transparent",soft:"border-transparent text-foreground",surface:"border",outline:"border bg-transparent"},intent:{primary:"",accent:"",success:"",warning:"",error:"",info:"",neutral:""},size:{sm:"h-5 px-1 py-0.5 text-[10px] min-w-[20px]",md:"h-6 px-1.5 py-1 text-[12px] min-w-[24px]",lg:"h-6 px-1.5 py-1 text-[13px] min-w-[24px]"},radius:{none:"rounded-none",sm:"rounded-[4px]",md:"rounded-[6px]",lg:"rounded-[8px]",xl:"rounded-[8px]",full:"rounded-full"}},compoundVariants:[{variant:"solid",intent:"primary",className:"bg-[var(--color-surface-focus)] text-[var(--color-text-focus-subtle)]"},{variant:"soft",intent:"primary",className:"bg-[var(--color-surface-selected)] text-[var(--color-text-focus)]"},{variant:"surface",intent:"primary",className:"bg-[var(--color-surface-selected)] border-[var(--color-stroke-selected)] text-[var(--color-text-focus)]"},{variant:"outline",intent:"primary",className:"border-[var(--color-stroke-selected)] text-[var(--color-text-focus)]"},{variant:"solid",intent:"success",className:"bg-[var(--color-surface-success)] text-white"},{variant:"soft",intent:"success",className:"bg-[var(--color-green-alpha-2)] text-[var(--color-text-selected)]"},{variant:"surface",intent:"success",className:"bg-[var(--color-green-alpha-2)] border-[var(--color-stroke-success)] text-[var(--color-text-selected)]"},{variant:"outline",intent:"success",className:"border-[var(--color-stroke-success)] text-[var(--color-text-selected)]"},{variant:"solid",intent:"warning",className:"bg-[var(--color-surface-warnig)] text-black"},{variant:"soft",intent:"warning",className:"bg-[var(--color-yellow-alpha-1)] text-[var(--color-text-warning)]"},{variant:"surface",intent:"warning",className:"bg-[var(--color-yellow-alpha-1)] border-[var(--color-stroke-warning)] text-[var(--color-text-warning)]"},{variant:"outline",intent:"warning",className:"border-[var(--color-stroke-warning)] text-[var(--color-text-warning)]"},{variant:"solid",intent:"error",className:"bg-[var(--color-surface-error)] text-white"},{variant:"soft",intent:"error",className:"bg-[var(--color-red-alpha-1)] text-[var(--color-text-error)]"},{variant:"surface",intent:"error",className:"bg-[var(--color-red-alpha-1)] border-[var(--color-stroke-error)] text-[var(--color-text-error)]"},{variant:"outline",intent:"error",className:"border-[var(--color-stroke-error)] text-[var(--color-text-error)]"},{variant:"solid",intent:"info",className:"bg-[var(--color-surface-info)] text-white"},{variant:"soft",intent:"info",className:"bg-[var(--color-blue-alpha-1)] text-[var(--color-text-info)]"},{variant:"surface",intent:"info",className:"bg-[var(--color-blue-alpha-1)] border-[var(--color-stroke-info)] text-[var(--color-text-info)]"},{variant:"outline",intent:"info",className:"border-[var(--color-stroke-info)] text-[var(--color-text-info)]"},{variant:"solid",intent:"neutral",className:"bg-[var(--color-gray-9)] text-white"},{variant:"soft",intent:"neutral",className:"bg-[var(--color-gray-alpha-3)] text-[var(--color-text-primary)]"},{variant:"surface",intent:"neutral",className:"bg-[var(--color-gray-alpha-3)] border-[var(--color-stroke-primary)] text-[var(--color-text-primary)]"},{variant:"outline",intent:"neutral",className:"border-[var(--color-stroke-primary)] text-[var(--color-text-secondary)]"}],defaultVariants:{variant:"soft",intent:"neutral",size:"md",radius:"md"}});function E({className:e,variant:a,intent:t,radius:o,size:l,asChild:u=false,...r}){return jsxRuntime.jsx(u?reactSlot.Slot:"span",{"data-slot":"badge","data-variant":a,"data-intent":t,"data-size":l,"data-radius":o,className:f(k({variant:a,intent:t,size:l,radius:o}),e),...r})}var D=classVarianceAuthority.cva("group/button inline-flex shrink-0 items-center justify-center font-medium whitespace-nowrap transition-all outline-none select-none active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0",{variants:{variant:{solid:"",soft:"",surface:"border",outline:"border bg-transparent",ghost:"bg-transparent",link:"bg-transparent underline-offset-4 hover:underline"},intent:{primary:"",accent:"",neutral:"",success:"",warning:"",error:""},size:{xl:"h-12 px-[18px] text-base gap-2",lg:"h-10 px-3.5 text-sm gap-1.5",md:"h-9 px-3 text-sm gap-1",sm:"h-8 px-3 text-sm gap-1",xs:"h-6 px-1.5 text-xs gap-0.5",icon:"size-9 p-0"},radius:{none:"rounded-none",sm:"rounded-[4px]",md:"rounded-[6px]",lg:"rounded-[8px]",xl:"rounded-[8px]",full:"rounded-full"}},compoundVariants:[{variant:"solid",intent:"primary",className:"bg-[var(--color-blue-10)] text-white hover:bg-[var(--color-blue-9)]"},{variant:"solid",intent:"neutral",className:"bg-[var(--color-gray-12)] text-white hover:bg-[var(--color-gray-11)] dark:bg-[var(--color-gray-2)] dark:text-[var(--color-gray-12)] dark:hover:bg-[var(--color-gray-3)]"},{variant:"solid",intent:"success",className:"bg-[var(--color-green-9)] text-white hover:bg-[var(--color-green-10)]"},{variant:"solid",intent:"warning",className:"bg-[var(--color-yellow-9)] text-white hover:bg-[var(--color-yellow-10)]"},{variant:"solid",intent:"error",className:"bg-[var(--color-red-9)] text-white hover:bg-[var(--color-red-10)]"},{variant:"soft",intent:"primary",className:"bg-[var(--color-blue-alpha-2)] text-[var(--color-blue-11)] hover:bg-[var(--color-blue-alpha-3)]"},{variant:"soft",intent:"neutral",className:"bg-[var(--color-gray-alpha-2)] text-[var(--color-gray-12)] hover:bg-[var(--color-gray-alpha-3)]"},{variant:"soft",intent:"success",className:"bg-[var(--color-green-alpha-2)] text-[var(--color-green-11)] hover:bg-[var(--color-green-alpha-3)]"},{variant:"soft",intent:"warning",className:"bg-[var(--color-yellow-alpha-2)] text-[var(--color-yellow-11)] hover:bg-[var(--color-yellow-alpha-3)]"},{variant:"soft",intent:"error",className:"bg-[var(--color-red-alpha-2)] text-[var(--color-red-11)] hover:bg-[var(--color-red-alpha-3)]"},{variant:"outline",intent:"primary",className:"border-[var(--color-blue-alpha-4)] text-[var(--color-blue-11)] hover:bg-[var(--color-blue-alpha-2)]"},{variant:"outline",intent:"neutral",className:"border-[var(--color-gray-alpha-4)] text-[var(--color-gray-12)] hover:bg-[var(--color-gray-alpha-2)]"},{variant:"outline",intent:"success",className:"border-[var(--color-green-alpha-4)] text-[var(--color-green-11)] hover:bg-[var(--color-green-alpha-2)]"},{variant:"outline",intent:"warning",className:"border-[var(--color-yellow-alpha-4)] text-[var(--color-yellow-11)] hover:bg-[var(--color-yellow-alpha-2)]"},{variant:"outline",intent:"error",className:"border-[var(--color-red-alpha-4)] text-[var(--color-red-11)] hover:bg-[var(--color-red-alpha-2)]"},{variant:"ghost",intent:"primary",className:"text-[var(--color-blue-11)] hover:bg-[var(--color-blue-alpha-2)]"},{variant:"ghost",intent:"neutral",className:"text-[var(--color-gray-12)] hover:bg-[var(--color-gray-alpha-2)]"},{variant:"ghost",intent:"success",className:"text-[var(--color-green-11)] hover:bg-[var(--color-green-alpha-2)]"},{variant:"ghost",intent:"warning",className:"text-[var(--color-yellow-11)] hover:bg-[var(--color-yellow-alpha-2)]"},{variant:"ghost",intent:"error",className:"text-[var(--color-red-11)] hover:bg-[var(--color-red-alpha-2)]"}],defaultVariants:{variant:"solid",intent:"primary",size:"md",radius:"md"}});function J({className:e,variant:a,intent:t,radius:o,size:l,asChild:u=false,leftIcon:r,rightIcon:s,children:i,...n}){return jsxRuntime.jsx(u?reactSlot.Slot:"button",{"data-slot":"button","data-variant":a,"data-intent":t,"data-size":l,"data-radius":o,className:f(D({variant:a,intent:t,size:l,radius:o,className:e})),...n,children:u?i:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[r&&jsxRuntime.jsx("span",{className:"inline-flex shrink-0",children:r}),i,s&&jsxRuntime.jsx("span",{className:"inline-flex shrink-0",children:s})]})})}var L=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),c=(...e)=>e.filter((a,t,o)=>!!a&&a.trim()!==""&&o.indexOf(a)===t).join(" ").trim();var I={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};var C=react.forwardRef(({color:e="currentColor",size:a=24,strokeWidth:t=2,absoluteStrokeWidth:o,className:l="",children:u,iconNode:r,...s},i)=>react.createElement("svg",{ref:i,...I,width:a,height:a,stroke:e,strokeWidth:o?Number(t)*24/Number(a):t,className:c("lucide",l),...s},[...r.map(([n,m])=>react.createElement(n,m)),...Array.isArray(u)?u:[u]]));var g=(e,a)=>{let t=react.forwardRef(({className:o,...l},u)=>react.createElement(C,{ref:u,iconNode:a,className:c(`lucide-${L(e)}`,o),...l}));return t.displayName=`${e}`,t};var T=[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]],d=g("LoaderCircle",T);function pa({className:e,...a}){return jsxRuntime.jsx(d,{role:"status","aria-label":"Loading",className:f("size-4 animate-spin",e),...a})}/*! Bundled license information:
|
|
2
2
|
|
|
3
3
|
lucide-react/dist/esm/shared/src/utils.js:
|
|
4
4
|
lucide-react/dist/esm/defaultAttributes.js:
|
|
5
5
|
lucide-react/dist/esm/Icon.js:
|
|
6
6
|
lucide-react/dist/esm/createLucideIcon.js:
|
|
7
|
-
lucide-react/dist/esm/icons/check.js:
|
|
8
|
-
lucide-react/dist/esm/icons/chevron-down.js:
|
|
9
|
-
lucide-react/dist/esm/icons/chevron-right.js:
|
|
10
|
-
lucide-react/dist/esm/icons/chevron-up.js:
|
|
11
|
-
lucide-react/dist/esm/icons/ellipsis.js:
|
|
12
7
|
lucide-react/dist/esm/icons/loader-circle.js:
|
|
13
8
|
lucide-react/dist/esm/lucide-react.js:
|
|
14
9
|
(**
|
|
@@ -17,5 +12,5 @@ lucide-react/dist/esm/lucide-react.js:
|
|
|
17
12
|
* This source code is licensed under the ISC license.
|
|
18
13
|
* See the LICENSE file in the root directory of this source tree.
|
|
19
14
|
*)
|
|
20
|
-
*/exports.
|
|
15
|
+
*/exports.Badge=E;exports.Button=J;exports.Spinner=pa;exports.badgeVariants=k;exports.buttonVariants=D;exports.cn=f;//# sourceMappingURL=index.js.map
|
|
21
16
|
//# sourceMappingURL=index.js.map
|