@codefast/ui 0.3.14 → 0.3.16-canary.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +16 -0
- package/dist/components/accordion.d.mts +30 -0
- package/dist/components/accordion.mjs +15 -0
- package/dist/components/alert-dialog.d.mts +60 -0
- package/dist/components/alert-dialog.mjs +30 -0
- package/dist/components/alert.d.mts +21 -0
- package/dist/components/alert.mjs +12 -0
- package/dist/components/aspect-ratio.d.mts +6 -0
- package/dist/components/aspect-ratio.mjs +3 -0
- package/dist/components/avatar.d.mts +18 -0
- package/dist/components/avatar.mjs +9 -0
- package/dist/components/badge.d.mts +9 -0
- package/dist/components/badge.mjs +6 -0
- package/dist/components/breadcrumb.d.mts +42 -0
- package/dist/components/breadcrumb.mjs +21 -0
- package/dist/components/button-group.d.mts +21 -0
- package/dist/components/button-group.mjs +12 -0
- package/dist/components/button.d.mts +9 -0
- package/dist/components/button.mjs +6 -0
- package/dist/components/calendar.d.mts +12 -0
- package/dist/components/calendar.mjs +6 -0
- package/dist/components/card.d.mts +42 -0
- package/dist/components/card.mjs +21 -0
- package/dist/components/carousel.d.mts +33 -0
- package/dist/components/carousel.mjs +15 -0
- package/dist/components/chart.d.mts +39 -0
- package/dist/components/chart.mjs +18 -0
- package/dist/components/checkbox-cards.d.mts +12 -0
- package/dist/components/checkbox-cards.mjs +6 -0
- package/dist/components/checkbox-group.d.mts +12 -0
- package/dist/components/checkbox-group.mjs +6 -0
- package/dist/components/checkbox.d.mts +6 -0
- package/dist/components/checkbox.mjs +3 -0
- package/dist/components/collapsible.d.mts +18 -0
- package/dist/components/collapsible.mjs +9 -0
- package/dist/components/command.d.mts +60 -0
- package/dist/components/command.mjs +30 -0
- package/dist/components/context-menu.d.mts +90 -0
- package/dist/components/context-menu.mjs +45 -0
- package/dist/components/dialog.d.mts +54 -0
- package/dist/components/dialog.mjs +27 -0
- package/dist/components/drawer.d.mts +54 -0
- package/dist/components/drawer.mjs +27 -0
- package/dist/components/dropdown-menu.d.mts +90 -0
- package/dist/components/dropdown-menu.mjs +45 -0
- package/dist/components/empty.d.mts +39 -0
- package/dist/components/empty.mjs +21 -0
- package/dist/components/field.d.mts +63 -0
- package/dist/components/field.mjs +33 -0
- package/dist/components/form.d.mts +42 -0
- package/dist/components/form.mjs +21 -0
- package/dist/components/hover-card.d.mts +24 -0
- package/dist/components/hover-card.mjs +12 -0
- package/dist/components/input-group.d.mts +45 -0
- package/dist/components/input-group.mjs +27 -0
- package/dist/components/input-number.d.mts +6 -0
- package/dist/components/input-number.mjs +3 -0
- package/dist/components/input-otp.d.mts +24 -0
- package/dist/components/input-otp.mjs +12 -0
- package/dist/components/input-password.d.mts +6 -0
- package/dist/components/input-password.mjs +3 -0
- package/dist/components/input-search.d.mts +6 -0
- package/dist/components/input-search.mjs +3 -0
- package/dist/components/input.d.mts +6 -0
- package/dist/components/input.mjs +3 -0
- package/dist/components/item.d.mts +66 -0
- package/dist/components/item.mjs +36 -0
- package/dist/components/kbd.d.mts +12 -0
- package/dist/components/kbd.mjs +6 -0
- package/dist/components/label.d.mts +6 -0
- package/dist/components/label.mjs +3 -0
- package/dist/components/menubar.d.mts +96 -0
- package/dist/components/menubar.mjs +48 -0
- package/dist/components/native-select.d.mts +18 -0
- package/dist/components/native-select.mjs +9 -0
- package/dist/components/navigation-menu.d.mts +39 -0
- package/dist/components/navigation-menu.mjs +21 -0
- package/dist/components/pagination.d.mts +42 -0
- package/dist/components/pagination.mjs +21 -0
- package/dist/components/popover.d.mts +30 -0
- package/dist/components/popover.mjs +15 -0
- package/dist/components/progress-circle.d.mts +9 -0
- package/dist/components/progress-circle.mjs +6 -0
- package/dist/components/progress.d.mts +6 -0
- package/dist/components/progress.mjs +3 -0
- package/dist/components/radio-cards.d.mts +12 -0
- package/dist/components/radio-cards.mjs +6 -0
- package/dist/components/radio-group.d.mts +12 -0
- package/dist/components/radio-group.mjs +6 -0
- package/dist/components/radio.d.mts +6 -0
- package/dist/components/radio.mjs +3 -0
- package/dist/components/resizable.d.mts +18 -0
- package/dist/components/resizable.mjs +9 -0
- package/dist/components/scroll-area.d.mts +15 -0
- package/dist/components/scroll-area.mjs +9 -0
- package/dist/components/select.d.mts +60 -0
- package/dist/components/select.mjs +30 -0
- package/dist/components/separator.d.mts +15 -0
- package/dist/components/separator.mjs +9 -0
- package/dist/components/sheet.d.mts +57 -0
- package/dist/components/sheet.mjs +30 -0
- package/dist/components/sidebar.d.mts +141 -0
- package/dist/components/sidebar.mjs +72 -0
- package/dist/components/skeleton.d.mts +6 -0
- package/dist/components/skeleton.mjs +3 -0
- package/dist/components/slider.d.mts +6 -0
- package/dist/components/slider.mjs +3 -0
- package/dist/components/sonner.d.mts +6 -0
- package/dist/components/sonner.mjs +3 -0
- package/dist/components/spinner.d.mts +6 -0
- package/dist/components/spinner.mjs +3 -0
- package/dist/components/switch.d.mts +6 -0
- package/dist/components/switch.mjs +3 -0
- package/dist/components/table.d.mts +48 -0
- package/dist/components/table.mjs +24 -0
- package/dist/components/tabs.d.mts +24 -0
- package/dist/components/tabs.mjs +12 -0
- package/dist/components/textarea.d.mts +6 -0
- package/dist/components/textarea.mjs +3 -0
- package/dist/components/toggle-group.d.mts +12 -0
- package/dist/components/toggle-group.mjs +6 -0
- package/dist/components/toggle.d.mts +12 -0
- package/dist/components/toggle.mjs +6 -0
- package/dist/components/tooltip.d.mts +30 -0
- package/dist/components/tooltip.mjs +15 -0
- package/dist/hooks/use-animated-value.d.mts +2 -0
- package/dist/hooks/use-animated-value.mjs +5 -3
- package/dist/hooks/use-copy-to-clipboard.d.mts +2 -0
- package/dist/hooks/use-copy-to-clipboard.mjs +5 -3
- package/dist/hooks/use-is-mobile.d.mts +2 -0
- package/dist/hooks/use-is-mobile.mjs +5 -3
- package/dist/hooks/use-media-query.d.mts +2 -0
- package/dist/hooks/use-media-query.mjs +5 -3
- package/dist/hooks/use-mutation-observer.d.mts +2 -0
- package/dist/hooks/use-mutation-observer.mjs +5 -3
- package/dist/hooks/use-pagination.d.mts +7 -0
- package/dist/hooks/use-pagination.mjs +7 -3
- package/dist/primitives/checkbox-group.d.mts +12 -0
- package/dist/primitives/checkbox-group.mjs +6 -0
- package/dist/primitives/input-number.d.mts +22 -0
- package/dist/primitives/input-number.mjs +12 -0
- package/dist/primitives/input.d.mts +10 -0
- package/dist/primitives/input.mjs +6 -0
- package/dist/primitives/progress-circle.d.mts +30 -0
- package/dist/primitives/progress-circle.mjs +19 -7
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @codefast/ui
|
|
2
2
|
|
|
3
|
+
## 0.3.16-canary.0
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies []:
|
|
8
|
+
- @codefast/tailwind-variants@0.3.16-canary.0
|
|
9
|
+
|
|
10
|
+
## 0.3.15
|
|
11
|
+
|
|
12
|
+
### Patch Changes
|
|
13
|
+
|
|
14
|
+
- [`4df6e65`](https://github.com/codefastlabs/codefast/commit/4df6e6579faf21c6dc7622eb424ad213b120dabb) Thanks [@thevuong](https://github.com/thevuong)! - chore(tsdown): remove bench exclusions and streamline configuration files
|
|
15
|
+
|
|
16
|
+
- Updated dependencies [[`4df6e65`](https://github.com/codefastlabs/codefast/commit/4df6e6579faf21c6dc7622eb424ad213b120dabb)]:
|
|
17
|
+
- @codefast/tailwind-variants@0.3.15
|
|
18
|
+
|
|
3
19
|
## 0.3.14
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
|
@@ -3,31 +3,61 @@ import { Slot } from "@radix-ui/react-slot";
|
|
|
3
3
|
import { ComponentProps, JSX } from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/components/accordion.d.ts
|
|
6
|
+
/**
|
|
7
|
+
* @since 0.3.16-canary.0
|
|
8
|
+
*/
|
|
6
9
|
type AccordionProps = ComponentProps<typeof AccordionPrimitive.Root>;
|
|
10
|
+
/**
|
|
11
|
+
* @since 0.3.16-canary.0
|
|
12
|
+
*/
|
|
7
13
|
declare function Accordion({
|
|
8
14
|
...props
|
|
9
15
|
}: AccordionProps): JSX.Element;
|
|
16
|
+
/**
|
|
17
|
+
* @since 0.3.16-canary.0
|
|
18
|
+
*/
|
|
10
19
|
type AccordionItemProps = ComponentProps<typeof AccordionPrimitive.Item>;
|
|
20
|
+
/**
|
|
21
|
+
* @since 0.3.16-canary.0
|
|
22
|
+
*/
|
|
11
23
|
declare function AccordionItem({
|
|
12
24
|
className,
|
|
13
25
|
...props
|
|
14
26
|
}: AccordionItemProps): JSX.Element;
|
|
27
|
+
/**
|
|
28
|
+
* @since 0.3.16-canary.0
|
|
29
|
+
*/
|
|
15
30
|
interface AccordionIconProps extends ComponentProps<typeof Slot> {
|
|
16
31
|
asChild?: boolean;
|
|
17
32
|
className?: string;
|
|
18
33
|
}
|
|
34
|
+
/**
|
|
35
|
+
* @since 0.3.16-canary.0
|
|
36
|
+
*/
|
|
19
37
|
declare function AccordionIcon({
|
|
20
38
|
asChild,
|
|
21
39
|
className,
|
|
22
40
|
...props
|
|
23
41
|
}: AccordionIconProps): JSX.Element;
|
|
42
|
+
/**
|
|
43
|
+
* @since 0.3.16-canary.0
|
|
44
|
+
*/
|
|
24
45
|
type AccordionTriggerProps = ComponentProps<typeof AccordionPrimitive.Trigger>;
|
|
46
|
+
/**
|
|
47
|
+
* @since 0.3.16-canary.0
|
|
48
|
+
*/
|
|
25
49
|
declare function AccordionTrigger({
|
|
26
50
|
children,
|
|
27
51
|
className,
|
|
28
52
|
...props
|
|
29
53
|
}: AccordionTriggerProps): JSX.Element;
|
|
54
|
+
/**
|
|
55
|
+
* @since 0.3.16-canary.0
|
|
56
|
+
*/
|
|
30
57
|
type AccordionContentProps = ComponentProps<typeof AccordionPrimitive.Content>;
|
|
58
|
+
/**
|
|
59
|
+
* @since 0.3.16-canary.0
|
|
60
|
+
*/
|
|
31
61
|
declare function AccordionContent({
|
|
32
62
|
children,
|
|
33
63
|
className,
|
|
@@ -5,12 +5,18 @@ import { Slot } from "@radix-ui/react-slot";
|
|
|
5
5
|
import { ChevronDownIcon } from "lucide-react";
|
|
6
6
|
import { jsx } from "react/jsx-runtime";
|
|
7
7
|
//#region src/components/accordion.tsx
|
|
8
|
+
/**
|
|
9
|
+
* @since 0.3.16-canary.0
|
|
10
|
+
*/
|
|
8
11
|
function Accordion({ ...props }) {
|
|
9
12
|
return /* @__PURE__ */ jsx(AccordionPrimitive.Root, {
|
|
10
13
|
"data-slot": "accordion",
|
|
11
14
|
...props
|
|
12
15
|
});
|
|
13
16
|
}
|
|
17
|
+
/**
|
|
18
|
+
* @since 0.3.16-canary.0
|
|
19
|
+
*/
|
|
14
20
|
function AccordionItem({ className, ...props }) {
|
|
15
21
|
return /* @__PURE__ */ jsx(AccordionPrimitive.Item, {
|
|
16
22
|
className: cn("border-b", "last:border-b-0", className),
|
|
@@ -18,6 +24,9 @@ function AccordionItem({ className, ...props }) {
|
|
|
18
24
|
...props
|
|
19
25
|
});
|
|
20
26
|
}
|
|
27
|
+
/**
|
|
28
|
+
* @since 0.3.16-canary.0
|
|
29
|
+
*/
|
|
21
30
|
function AccordionIcon({ asChild, className, ...props }) {
|
|
22
31
|
return /* @__PURE__ */ jsx(asChild ? Slot : ChevronDownIcon, {
|
|
23
32
|
"aria-hidden": true,
|
|
@@ -26,6 +35,9 @@ function AccordionIcon({ asChild, className, ...props }) {
|
|
|
26
35
|
...props
|
|
27
36
|
});
|
|
28
37
|
}
|
|
38
|
+
/**
|
|
39
|
+
* @since 0.3.16-canary.0
|
|
40
|
+
*/
|
|
29
41
|
function AccordionTrigger({ children, className, ...props }) {
|
|
30
42
|
return /* @__PURE__ */ jsx(AccordionPrimitive.Header, {
|
|
31
43
|
className: "flex",
|
|
@@ -38,6 +50,9 @@ function AccordionTrigger({ children, className, ...props }) {
|
|
|
38
50
|
})
|
|
39
51
|
});
|
|
40
52
|
}
|
|
53
|
+
/**
|
|
54
|
+
* @since 0.3.16-canary.0
|
|
55
|
+
*/
|
|
41
56
|
function AccordionContent({ children, className, ...props }) {
|
|
42
57
|
return /* @__PURE__ */ jsx(AccordionPrimitive.Content, {
|
|
43
58
|
className: cn("overflow-hidden", "data-open:animate-collapsible-down", "data-closed:animate-collapsible-up"),
|
|
@@ -4,14 +4,29 @@ import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
|
4
4
|
import { ComponentProps, JSX } from "react";
|
|
5
5
|
|
|
6
6
|
//#region src/components/alert-dialog.d.ts
|
|
7
|
+
/**
|
|
8
|
+
* @since 0.3.16-canary.0
|
|
9
|
+
*/
|
|
7
10
|
type AlertDialogProps = ComponentProps<typeof AlertDialogPrimitive.Root>;
|
|
11
|
+
/**
|
|
12
|
+
* @since 0.3.16-canary.0
|
|
13
|
+
*/
|
|
8
14
|
declare function AlertDialog({
|
|
9
15
|
...props
|
|
10
16
|
}: AlertDialogProps): JSX.Element;
|
|
17
|
+
/**
|
|
18
|
+
* @since 0.3.16-canary.0
|
|
19
|
+
*/
|
|
11
20
|
type AlertDialogTriggerProps = ComponentProps<typeof AlertDialogPrimitive.Trigger>;
|
|
21
|
+
/**
|
|
22
|
+
* @since 0.3.16-canary.0
|
|
23
|
+
*/
|
|
12
24
|
declare function AlertDialogTrigger({
|
|
13
25
|
...props
|
|
14
26
|
}: AlertDialogTriggerProps): JSX.Element;
|
|
27
|
+
/**
|
|
28
|
+
* @since 0.3.16-canary.0
|
|
29
|
+
*/
|
|
15
30
|
interface AlertDialogContentProps extends ComponentProps<typeof AlertDialogPrimitive.Content> {
|
|
16
31
|
classNames?: {
|
|
17
32
|
content?: string;
|
|
@@ -19,51 +34,96 @@ interface AlertDialogContentProps extends ComponentProps<typeof AlertDialogPrimi
|
|
|
19
34
|
wrapper?: string;
|
|
20
35
|
};
|
|
21
36
|
}
|
|
37
|
+
/**
|
|
38
|
+
* @since 0.3.16-canary.0
|
|
39
|
+
*/
|
|
22
40
|
declare function AlertDialogContent({
|
|
23
41
|
children,
|
|
24
42
|
className,
|
|
25
43
|
classNames,
|
|
26
44
|
...props
|
|
27
45
|
}: AlertDialogContentProps): JSX.Element;
|
|
46
|
+
/**
|
|
47
|
+
* @since 0.3.16-canary.0
|
|
48
|
+
*/
|
|
28
49
|
type AlertDialogHeaderProps = ComponentProps<"div">;
|
|
50
|
+
/**
|
|
51
|
+
* @since 0.3.16-canary.0
|
|
52
|
+
*/
|
|
29
53
|
declare function AlertDialogHeader({
|
|
30
54
|
className,
|
|
31
55
|
...props
|
|
32
56
|
}: AlertDialogHeaderProps): JSX.Element;
|
|
57
|
+
/**
|
|
58
|
+
* @since 0.3.16-canary.0
|
|
59
|
+
*/
|
|
33
60
|
type AlertDialogBodyProps = ComponentProps<"div">;
|
|
61
|
+
/**
|
|
62
|
+
* @since 0.3.16-canary.0
|
|
63
|
+
*/
|
|
34
64
|
declare function AlertDialogBody({
|
|
35
65
|
className,
|
|
36
66
|
...props
|
|
37
67
|
}: AlertDialogBodyProps): JSX.Element;
|
|
68
|
+
/**
|
|
69
|
+
* @since 0.3.16-canary.0
|
|
70
|
+
*/
|
|
38
71
|
type AlertDialogFooterProps = ComponentProps<"div">;
|
|
72
|
+
/**
|
|
73
|
+
* @since 0.3.16-canary.0
|
|
74
|
+
*/
|
|
39
75
|
declare function AlertDialogFooter({
|
|
40
76
|
className,
|
|
41
77
|
...props
|
|
42
78
|
}: AlertDialogFooterProps): JSX.Element;
|
|
79
|
+
/**
|
|
80
|
+
* @since 0.3.16-canary.0
|
|
81
|
+
*/
|
|
43
82
|
type AlertDialogTitleProps = ComponentProps<typeof AlertDialogPrimitive.Title>;
|
|
83
|
+
/**
|
|
84
|
+
* @since 0.3.16-canary.0
|
|
85
|
+
*/
|
|
44
86
|
declare function AlertDialogTitle({
|
|
45
87
|
className,
|
|
46
88
|
...props
|
|
47
89
|
}: AlertDialogTitleProps): JSX.Element;
|
|
90
|
+
/**
|
|
91
|
+
* @since 0.3.16-canary.0
|
|
92
|
+
*/
|
|
48
93
|
type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialogPrimitive.Description>;
|
|
94
|
+
/**
|
|
95
|
+
* @since 0.3.16-canary.0
|
|
96
|
+
*/
|
|
49
97
|
declare function AlertDialogDescription({
|
|
50
98
|
className,
|
|
51
99
|
...props
|
|
52
100
|
}: AlertDialogDescriptionProps): JSX.Element;
|
|
101
|
+
/**
|
|
102
|
+
* @since 0.3.16-canary.0
|
|
103
|
+
*/
|
|
53
104
|
interface AlertDialogActionProps extends ComponentProps<typeof AlertDialogPrimitive.Action> {
|
|
54
105
|
size?: VariantProps<typeof buttonVariants>["size"];
|
|
55
106
|
variant?: VariantProps<typeof buttonVariants>["variant"];
|
|
56
107
|
}
|
|
108
|
+
/**
|
|
109
|
+
* @since 0.3.16-canary.0
|
|
110
|
+
*/
|
|
57
111
|
declare function AlertDialogAction({
|
|
58
112
|
className,
|
|
59
113
|
size,
|
|
60
114
|
variant,
|
|
61
115
|
...props
|
|
62
116
|
}: AlertDialogActionProps): JSX.Element;
|
|
117
|
+
/**
|
|
118
|
+
* @since 0.3.16-canary.0
|
|
119
|
+
*/
|
|
63
120
|
interface AlertDialogCancelProps extends ComponentProps<typeof AlertDialogPrimitive.Cancel> {
|
|
64
121
|
size?: VariantProps<typeof buttonVariants>["size"];
|
|
65
122
|
variant?: VariantProps<typeof buttonVariants>["variant"];
|
|
66
123
|
}
|
|
124
|
+
/**
|
|
125
|
+
* @since 0.3.16-canary.0
|
|
126
|
+
*/
|
|
67
127
|
declare function AlertDialogCancel({
|
|
68
128
|
className,
|
|
69
129
|
size,
|
|
@@ -4,18 +4,27 @@ import { buttonVariants } from "./button.mjs";
|
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
6
6
|
//#region src/components/alert-dialog.tsx
|
|
7
|
+
/**
|
|
8
|
+
* @since 0.3.16-canary.0
|
|
9
|
+
*/
|
|
7
10
|
function AlertDialog({ ...props }) {
|
|
8
11
|
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, {
|
|
9
12
|
"data-slot": "alert-dialog",
|
|
10
13
|
...props
|
|
11
14
|
});
|
|
12
15
|
}
|
|
16
|
+
/**
|
|
17
|
+
* @since 0.3.16-canary.0
|
|
18
|
+
*/
|
|
13
19
|
function AlertDialogTrigger({ ...props }) {
|
|
14
20
|
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, {
|
|
15
21
|
"data-slot": "alert-dialog-trigger",
|
|
16
22
|
...props
|
|
17
23
|
});
|
|
18
24
|
}
|
|
25
|
+
/**
|
|
26
|
+
* @since 0.3.16-canary.0
|
|
27
|
+
*/
|
|
19
28
|
function AlertDialogContent({ children, className, classNames, ...props }) {
|
|
20
29
|
return /* @__PURE__ */ jsxs(AlertDialogPrimitive.Portal, { children: [/* @__PURE__ */ jsx(AlertDialogPrimitive.Overlay, {
|
|
21
30
|
className: cn("fixed inset-0 z-50", "bg-black/50", "ease-ui data-open:animate-in data-open:fade-in-0", "data-closed:animate-out data-closed:fade-out-0", classNames?.overlay),
|
|
@@ -31,6 +40,9 @@ function AlertDialogContent({ children, className, classNames, ...props }) {
|
|
|
31
40
|
})
|
|
32
41
|
})] });
|
|
33
42
|
}
|
|
43
|
+
/**
|
|
44
|
+
* @since 0.3.16-canary.0
|
|
45
|
+
*/
|
|
34
46
|
function AlertDialogHeader({ className, ...props }) {
|
|
35
47
|
return /* @__PURE__ */ jsx("div", {
|
|
36
48
|
className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center", "sm:text-left", className),
|
|
@@ -38,6 +50,9 @@ function AlertDialogHeader({ className, ...props }) {
|
|
|
38
50
|
...props
|
|
39
51
|
});
|
|
40
52
|
}
|
|
53
|
+
/**
|
|
54
|
+
* @since 0.3.16-canary.0
|
|
55
|
+
*/
|
|
41
56
|
function AlertDialogBody({ className, ...props }) {
|
|
42
57
|
return /* @__PURE__ */ jsx("main", {
|
|
43
58
|
className: cn("overflow-auto", "px-6 py-2", className),
|
|
@@ -45,6 +60,9 @@ function AlertDialogBody({ className, ...props }) {
|
|
|
45
60
|
...props
|
|
46
61
|
});
|
|
47
62
|
}
|
|
63
|
+
/**
|
|
64
|
+
* @since 0.3.16-canary.0
|
|
65
|
+
*/
|
|
48
66
|
function AlertDialogFooter({ className, ...props }) {
|
|
49
67
|
return /* @__PURE__ */ jsx("div", {
|
|
50
68
|
className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6", "sm:flex-row sm:justify-end", className),
|
|
@@ -52,6 +70,9 @@ function AlertDialogFooter({ className, ...props }) {
|
|
|
52
70
|
...props
|
|
53
71
|
});
|
|
54
72
|
}
|
|
73
|
+
/**
|
|
74
|
+
* @since 0.3.16-canary.0
|
|
75
|
+
*/
|
|
55
76
|
function AlertDialogTitle({ className, ...props }) {
|
|
56
77
|
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Title, {
|
|
57
78
|
className: cn("text-lg leading-none font-semibold tracking-tight", className),
|
|
@@ -59,6 +80,9 @@ function AlertDialogTitle({ className, ...props }) {
|
|
|
59
80
|
...props
|
|
60
81
|
});
|
|
61
82
|
}
|
|
83
|
+
/**
|
|
84
|
+
* @since 0.3.16-canary.0
|
|
85
|
+
*/
|
|
62
86
|
function AlertDialogDescription({ className, ...props }) {
|
|
63
87
|
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Description, {
|
|
64
88
|
className: cn("text-sm text-muted-foreground", className),
|
|
@@ -66,6 +90,9 @@ function AlertDialogDescription({ className, ...props }) {
|
|
|
66
90
|
...props
|
|
67
91
|
});
|
|
68
92
|
}
|
|
93
|
+
/**
|
|
94
|
+
* @since 0.3.16-canary.0
|
|
95
|
+
*/
|
|
69
96
|
function AlertDialogAction({ className, size, variant, ...props }) {
|
|
70
97
|
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Action, {
|
|
71
98
|
className: buttonVariants({
|
|
@@ -77,6 +104,9 @@ function AlertDialogAction({ className, size, variant, ...props }) {
|
|
|
77
104
|
...props
|
|
78
105
|
});
|
|
79
106
|
}
|
|
107
|
+
/**
|
|
108
|
+
* @since 0.3.16-canary.0
|
|
109
|
+
*/
|
|
80
110
|
function AlertDialogCancel({ className, size, variant = "outline", ...props }) {
|
|
81
111
|
return /* @__PURE__ */ jsx(AlertDialogPrimitive.Cancel, {
|
|
82
112
|
className: buttonVariants({
|
|
@@ -3,25 +3,46 @@ import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
|
|
|
3
3
|
import { ComponentProps, JSX } from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/components/alert.d.ts
|
|
6
|
+
/**
|
|
7
|
+
* @since 0.3.16-canary.0
|
|
8
|
+
*/
|
|
6
9
|
declare const alertVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
|
|
7
10
|
variant: {
|
|
8
11
|
default: string;
|
|
9
12
|
destructive: string[];
|
|
10
13
|
};
|
|
11
14
|
}, Record<string, never>>;
|
|
15
|
+
/**
|
|
16
|
+
* @since 0.3.16-canary.0
|
|
17
|
+
*/
|
|
12
18
|
interface AlertProps extends ComponentProps<"div">, VariantProps<typeof alertVariants> {}
|
|
19
|
+
/**
|
|
20
|
+
* @since 0.3.16-canary.0
|
|
21
|
+
*/
|
|
13
22
|
declare function Alert({
|
|
14
23
|
className,
|
|
15
24
|
variant,
|
|
16
25
|
...props
|
|
17
26
|
}: AlertProps): JSX.Element;
|
|
27
|
+
/**
|
|
28
|
+
* @since 0.3.16-canary.0
|
|
29
|
+
*/
|
|
18
30
|
type AlertTitleProps = ComponentProps<"div">;
|
|
31
|
+
/**
|
|
32
|
+
* @since 0.3.16-canary.0
|
|
33
|
+
*/
|
|
19
34
|
declare function AlertTitle({
|
|
20
35
|
children,
|
|
21
36
|
className,
|
|
22
37
|
...props
|
|
23
38
|
}: AlertTitleProps): JSX.Element;
|
|
39
|
+
/**
|
|
40
|
+
* @since 0.3.16-canary.0
|
|
41
|
+
*/
|
|
24
42
|
type AlertDescriptionProps = ComponentProps<"div">;
|
|
43
|
+
/**
|
|
44
|
+
* @since 0.3.16-canary.0
|
|
45
|
+
*/
|
|
25
46
|
declare function AlertDescription({
|
|
26
47
|
className,
|
|
27
48
|
...props
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import { cn, tv } from "../lib/utils.mjs";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
//#region src/components/alert.tsx
|
|
4
|
+
/**
|
|
5
|
+
* @since 0.3.16-canary.0
|
|
6
|
+
*/
|
|
4
7
|
const alertVariants = tv({
|
|
5
8
|
base: [
|
|
6
9
|
"relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 px-4 py-3",
|
|
@@ -19,6 +22,9 @@ const alertVariants = tv({
|
|
|
19
22
|
]
|
|
20
23
|
} }
|
|
21
24
|
});
|
|
25
|
+
/**
|
|
26
|
+
* @since 0.3.16-canary.0
|
|
27
|
+
*/
|
|
22
28
|
function Alert({ className, variant, ...props }) {
|
|
23
29
|
return /* @__PURE__ */ jsx("div", {
|
|
24
30
|
className: alertVariants({
|
|
@@ -30,6 +36,9 @@ function Alert({ className, variant, ...props }) {
|
|
|
30
36
|
...props
|
|
31
37
|
});
|
|
32
38
|
}
|
|
39
|
+
/**
|
|
40
|
+
* @since 0.3.16-canary.0
|
|
41
|
+
*/
|
|
33
42
|
function AlertTitle({ children, className, ...props }) {
|
|
34
43
|
return /* @__PURE__ */ jsx("div", {
|
|
35
44
|
className: cn("col-start-2 min-h-4", "line-clamp-1 font-medium tracking-tight", className),
|
|
@@ -38,6 +47,9 @@ function AlertTitle({ children, className, ...props }) {
|
|
|
38
47
|
children
|
|
39
48
|
});
|
|
40
49
|
}
|
|
50
|
+
/**
|
|
51
|
+
* @since 0.3.16-canary.0
|
|
52
|
+
*/
|
|
41
53
|
function AlertDescription({ className, ...props }) {
|
|
42
54
|
return /* @__PURE__ */ jsx("div", {
|
|
43
55
|
className: cn("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground", "[&_p]:leading-relaxed", className),
|
|
@@ -2,7 +2,13 @@ import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
|
|
|
2
2
|
import { ComponentProps, JSX } from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/components/aspect-ratio.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* @since 0.3.16-canary.0
|
|
7
|
+
*/
|
|
5
8
|
type AspectRatioProps = ComponentProps<typeof AspectRatioPrimitive.Root>;
|
|
9
|
+
/**
|
|
10
|
+
* @since 0.3.16-canary.0
|
|
11
|
+
*/
|
|
6
12
|
declare function AspectRatio({
|
|
7
13
|
...props
|
|
8
14
|
}: AspectRatioProps): JSX.Element;
|
|
@@ -2,6 +2,9 @@
|
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
|
|
4
4
|
//#region src/components/aspect-ratio.tsx
|
|
5
|
+
/**
|
|
6
|
+
* @since 0.3.16-canary.0
|
|
7
|
+
*/
|
|
5
8
|
function AspectRatio({ ...props }) {
|
|
6
9
|
return /* @__PURE__ */ jsx(AspectRatioPrimitive.Root, {
|
|
7
10
|
"data-slot": "aspect-ratio",
|
|
@@ -2,17 +2,35 @@ import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
|
2
2
|
import { ComponentProps, JSX } from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/components/avatar.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* @since 0.3.16-canary.0
|
|
7
|
+
*/
|
|
5
8
|
type AvatarProps = ComponentProps<typeof AvatarPrimitive.Root>;
|
|
9
|
+
/**
|
|
10
|
+
* @since 0.3.16-canary.0
|
|
11
|
+
*/
|
|
6
12
|
declare function Avatar({
|
|
7
13
|
className,
|
|
8
14
|
...props
|
|
9
15
|
}: AvatarProps): JSX.Element;
|
|
16
|
+
/**
|
|
17
|
+
* @since 0.3.16-canary.0
|
|
18
|
+
*/
|
|
10
19
|
type AvatarImageProps = ComponentProps<typeof AvatarPrimitive.Image>;
|
|
20
|
+
/**
|
|
21
|
+
* @since 0.3.16-canary.0
|
|
22
|
+
*/
|
|
11
23
|
declare function AvatarImage({
|
|
12
24
|
className,
|
|
13
25
|
...props
|
|
14
26
|
}: AvatarImageProps): JSX.Element;
|
|
27
|
+
/**
|
|
28
|
+
* @since 0.3.16-canary.0
|
|
29
|
+
*/
|
|
15
30
|
type AvatarFallbackProps = ComponentProps<typeof AvatarPrimitive.Fallback>;
|
|
31
|
+
/**
|
|
32
|
+
* @since 0.3.16-canary.0
|
|
33
|
+
*/
|
|
16
34
|
declare function AvatarFallback({
|
|
17
35
|
className,
|
|
18
36
|
...props
|
|
@@ -3,6 +3,9 @@ import { cn } from "../lib/utils.mjs";
|
|
|
3
3
|
import { jsx } from "react/jsx-runtime";
|
|
4
4
|
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
5
5
|
//#region src/components/avatar.tsx
|
|
6
|
+
/**
|
|
7
|
+
* @since 0.3.16-canary.0
|
|
8
|
+
*/
|
|
6
9
|
function Avatar({ className, ...props }) {
|
|
7
10
|
return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
|
|
8
11
|
className: cn("relative flex size-8 shrink-0 overflow-hidden", "rounded-full", className),
|
|
@@ -10,6 +13,9 @@ function Avatar({ className, ...props }) {
|
|
|
10
13
|
...props
|
|
11
14
|
});
|
|
12
15
|
}
|
|
16
|
+
/**
|
|
17
|
+
* @since 0.3.16-canary.0
|
|
18
|
+
*/
|
|
13
19
|
function AvatarImage({ className, ...props }) {
|
|
14
20
|
return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
|
|
15
21
|
className: cn("aspect-square size-full", className),
|
|
@@ -17,6 +23,9 @@ function AvatarImage({ className, ...props }) {
|
|
|
17
23
|
...props
|
|
18
24
|
});
|
|
19
25
|
}
|
|
26
|
+
/**
|
|
27
|
+
* @since 0.3.16-canary.0
|
|
28
|
+
*/
|
|
20
29
|
function AvatarFallback({ className, ...props }) {
|
|
21
30
|
return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
|
|
22
31
|
className: cn("flex size-full items-center justify-center", "rounded-full", "bg-muted", className),
|
|
@@ -3,6 +3,9 @@ import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
|
|
|
3
3
|
import { ComponentProps, JSX } from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/components/badge.d.ts
|
|
6
|
+
/**
|
|
7
|
+
* @since 0.3.16-canary.0
|
|
8
|
+
*/
|
|
6
9
|
declare const badgeVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
|
|
7
10
|
variant: {
|
|
8
11
|
default: string[];
|
|
@@ -11,9 +14,15 @@ declare const badgeVariants: _$_codefast_tailwind_variants0.VariantFunctionType<
|
|
|
11
14
|
secondary: string[];
|
|
12
15
|
};
|
|
13
16
|
}, Record<string, never>>;
|
|
17
|
+
/**
|
|
18
|
+
* @since 0.3.16-canary.0
|
|
19
|
+
*/
|
|
14
20
|
interface BadgeProps extends ComponentProps<"span">, VariantProps<typeof badgeVariants> {
|
|
15
21
|
asChild?: boolean;
|
|
16
22
|
}
|
|
23
|
+
/**
|
|
24
|
+
* @since 0.3.16-canary.0
|
|
25
|
+
*/
|
|
17
26
|
declare function Badge({
|
|
18
27
|
asChild,
|
|
19
28
|
className,
|
|
@@ -3,6 +3,9 @@ import { tv } from "../lib/utils.mjs";
|
|
|
3
3
|
import { Slot } from "@radix-ui/react-slot";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
//#region src/components/badge.tsx
|
|
6
|
+
/**
|
|
7
|
+
* @since 0.3.16-canary.0
|
|
8
|
+
*/
|
|
6
9
|
const badgeVariants = tv({
|
|
7
10
|
base: [
|
|
8
11
|
"inline-flex w-fit shrink-0 items-center justify-center gap-2 px-1.5 py-0.5",
|
|
@@ -42,6 +45,9 @@ const badgeVariants = tv({
|
|
|
42
45
|
]
|
|
43
46
|
} }
|
|
44
47
|
});
|
|
48
|
+
/**
|
|
49
|
+
* @since 0.3.16-canary.0
|
|
50
|
+
*/
|
|
45
51
|
function Badge({ asChild, className, variant, ...props }) {
|
|
46
52
|
return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
|
|
47
53
|
className: badgeVariants({
|
|
@@ -1,41 +1,83 @@
|
|
|
1
1
|
import { ComponentProps, JSX, ReactNode } from "react";
|
|
2
2
|
|
|
3
3
|
//#region src/components/breadcrumb.d.ts
|
|
4
|
+
/**
|
|
5
|
+
* @since 0.3.16-canary.0
|
|
6
|
+
*/
|
|
4
7
|
interface BreadcrumbProps extends ComponentProps<"nav"> {
|
|
5
8
|
separator?: ReactNode;
|
|
6
9
|
}
|
|
10
|
+
/**
|
|
11
|
+
* @since 0.3.16-canary.0
|
|
12
|
+
*/
|
|
7
13
|
declare function Breadcrumb({
|
|
8
14
|
...props
|
|
9
15
|
}: BreadcrumbProps): JSX.Element;
|
|
16
|
+
/**
|
|
17
|
+
* @since 0.3.16-canary.0
|
|
18
|
+
*/
|
|
10
19
|
type BreadcrumbListProps = ComponentProps<"ol">;
|
|
20
|
+
/**
|
|
21
|
+
* @since 0.3.16-canary.0
|
|
22
|
+
*/
|
|
11
23
|
declare function BreadcrumbList({
|
|
12
24
|
className,
|
|
13
25
|
...props
|
|
14
26
|
}: BreadcrumbListProps): JSX.Element;
|
|
27
|
+
/**
|
|
28
|
+
* @since 0.3.16-canary.0
|
|
29
|
+
*/
|
|
15
30
|
type BreadcrumbItemProps = ComponentProps<"li">;
|
|
31
|
+
/**
|
|
32
|
+
* @since 0.3.16-canary.0
|
|
33
|
+
*/
|
|
16
34
|
declare function BreadcrumbItem({
|
|
17
35
|
className,
|
|
18
36
|
...props
|
|
19
37
|
}: BreadcrumbItemProps): JSX.Element;
|
|
38
|
+
/**
|
|
39
|
+
* @since 0.3.16-canary.0
|
|
40
|
+
*/
|
|
20
41
|
interface BreadcrumbLinkProps extends ComponentProps<"a"> {
|
|
21
42
|
asChild?: boolean;
|
|
22
43
|
}
|
|
44
|
+
/**
|
|
45
|
+
* @since 0.3.16-canary.0
|
|
46
|
+
*/
|
|
23
47
|
declare function BreadcrumbLink({
|
|
24
48
|
asChild,
|
|
25
49
|
className,
|
|
26
50
|
...props
|
|
27
51
|
}: BreadcrumbLinkProps): JSX.Element;
|
|
52
|
+
/**
|
|
53
|
+
* @since 0.3.16-canary.0
|
|
54
|
+
*/
|
|
28
55
|
type BreadcrumbPageProps = ComponentProps<"span">;
|
|
56
|
+
/**
|
|
57
|
+
* @since 0.3.16-canary.0
|
|
58
|
+
*/
|
|
29
59
|
declare function BreadcrumbPage({
|
|
30
60
|
className,
|
|
31
61
|
...props
|
|
32
62
|
}: BreadcrumbPageProps): JSX.Element;
|
|
63
|
+
/**
|
|
64
|
+
* @since 0.3.16-canary.0
|
|
65
|
+
*/
|
|
33
66
|
type BreadcrumbSeparatorProps = ComponentProps<"li">;
|
|
67
|
+
/**
|
|
68
|
+
* @since 0.3.16-canary.0
|
|
69
|
+
*/
|
|
34
70
|
declare function BreadcrumbSeparator({
|
|
35
71
|
children,
|
|
36
72
|
...props
|
|
37
73
|
}: BreadcrumbSeparatorProps): JSX.Element;
|
|
74
|
+
/**
|
|
75
|
+
* @since 0.3.16-canary.0
|
|
76
|
+
*/
|
|
38
77
|
type BreadcrumbEllipsisProps = ComponentProps<"span">;
|
|
78
|
+
/**
|
|
79
|
+
* @since 0.3.16-canary.0
|
|
80
|
+
*/
|
|
39
81
|
declare function BreadcrumbEllipsis({
|
|
40
82
|
className,
|
|
41
83
|
...props
|