@esmate/shadcn 0.0.1 → 0.0.3
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/lib/hook-form/react.d.ts +0 -7
- package/dist/lib/hook-form/react.js +0 -10
- package/dist/styles/minimal.css +1 -0
- package/dist/styles/new-york.css +1 -1
- package/dist/{components/ui → ui}/accordion.js +5 -5
- package/dist/{components/ui → ui}/alert-dialog.js +9 -9
- package/dist/{components/ui → ui}/alert.js +7 -7
- package/dist/{components/ui → ui}/avatar.js +4 -4
- package/dist/ui/badge.js +28 -0
- package/dist/{components/ui → ui}/breadcrumb.js +7 -7
- package/dist/ui/button.js +39 -0
- package/dist/ui/calendar.js +53 -0
- package/dist/{components/ui → ui}/card.js +8 -8
- package/dist/{components/ui → ui}/carousel.js +6 -6
- package/dist/{components/ui → ui}/chart.js +12 -12
- package/dist/ui/checkbox.js +18 -0
- package/dist/{components/ui → ui}/command.js +9 -9
- package/dist/{components/ui → ui}/context-menu.js +10 -10
- package/dist/{components/ui → ui}/dialog.js +8 -8
- package/dist/{components/ui → ui}/drawer.js +8 -8
- package/dist/{components/ui → ui}/dropdown-menu.js +10 -10
- package/dist/{components/ui → ui}/form.js +5 -5
- package/dist/{components/ui → ui}/hover-card.js +2 -2
- package/dist/{components/ui → ui}/input-otp.js +6 -6
- package/dist/ui/input.js +11 -0
- package/dist/{components/ui → ui}/label.js +2 -2
- package/dist/{components/ui → ui}/menubar.js +12 -12
- package/dist/{components/ui → ui}/navigation-menu.js +13 -13
- package/dist/{components/ui → ui}/pagination.js +7 -7
- package/dist/{components/ui → ui}/popover.js +2 -2
- package/dist/{components/ui → ui}/progress.js +3 -3
- package/dist/{components/ui → ui}/radio-group.js +3 -3
- package/dist/{components/ui → ui}/resizable.js +4 -4
- package/dist/{components/ui → ui}/scroll-area.js +5 -5
- package/dist/{components/ui → ui}/select.js +9 -9
- package/dist/{components/ui → ui}/separator.js +2 -2
- package/dist/{components/ui → ui}/sheet.js +8 -8
- package/dist/{components/ui → ui}/sidebar.js +29 -29
- package/dist/ui/skeleton.js +9 -0
- package/dist/{components/ui → ui}/slider.js +5 -5
- package/dist/ui/switch.js +15 -0
- package/dist/{components/ui → ui}/table.js +9 -9
- package/dist/ui/tabs.js +33 -0
- package/dist/ui/textarea.js +10 -0
- package/dist/{components/ui → ui}/toggle-group.js +3 -3
- package/dist/ui/toggle.js +34 -0
- package/dist/{components/ui → ui}/tooltip.js +3 -3
- package/package.json +17 -17
- package/dist/components/ui/badge.js +0 -28
- package/dist/components/ui/button.js +0 -39
- package/dist/components/ui/calendar.js +0 -53
- package/dist/components/ui/checkbox.js +0 -18
- package/dist/components/ui/input.js +0 -11
- package/dist/components/ui/skeleton.js +0 -9
- package/dist/components/ui/switch.js +0 -15
- package/dist/components/ui/tabs.js +0 -33
- package/dist/components/ui/textarea.js +0 -10
- package/dist/components/ui/toggle.js +0 -34
- package/dist/index.d.ts +0 -47
- package/dist/index.js +0 -47
- /package/dist/{lib/hooks.d.ts → hooks/use-zod-form.d.ts} +0 -0
- /package/dist/{lib/hooks.js → hooks/use-zod-form.js} +0 -0
- /package/dist/{components/ui → ui}/accordion.d.ts +0 -0
- /package/dist/{components/ui → ui}/alert-dialog.d.ts +0 -0
- /package/dist/{components/ui → ui}/alert.d.ts +0 -0
- /package/dist/{components/ui → ui}/aspect-ratio.d.ts +0 -0
- /package/dist/{components/ui → ui}/aspect-ratio.js +0 -0
- /package/dist/{components/ui → ui}/avatar.d.ts +0 -0
- /package/dist/{components/ui → ui}/badge.d.ts +0 -0
- /package/dist/{components/ui → ui}/breadcrumb.d.ts +0 -0
- /package/dist/{components/ui → ui}/button.d.ts +0 -0
- /package/dist/{components/ui → ui}/calendar.d.ts +0 -0
- /package/dist/{components/ui → ui}/card.d.ts +0 -0
- /package/dist/{components/ui → ui}/carousel.d.ts +0 -0
- /package/dist/{components/ui → ui}/chart.d.ts +0 -0
- /package/dist/{components/ui → ui}/checkbox.d.ts +0 -0
- /package/dist/{components/ui → ui}/collapsible.d.ts +0 -0
- /package/dist/{components/ui → ui}/collapsible.js +0 -0
- /package/dist/{components/ui → ui}/command.d.ts +0 -0
- /package/dist/{components/ui → ui}/context-menu.d.ts +0 -0
- /package/dist/{components/ui → ui}/dialog.d.ts +0 -0
- /package/dist/{components/ui → ui}/drawer.d.ts +0 -0
- /package/dist/{components/ui → ui}/dropdown-menu.d.ts +0 -0
- /package/dist/{components/ui → ui}/form.d.ts +0 -0
- /package/dist/{components/ui → ui}/hover-card.d.ts +0 -0
- /package/dist/{components/ui → ui}/input-otp.d.ts +0 -0
- /package/dist/{components/ui → ui}/input.d.ts +0 -0
- /package/dist/{components/ui → ui}/label.d.ts +0 -0
- /package/dist/{components/ui → ui}/menubar.d.ts +0 -0
- /package/dist/{components/ui → ui}/navigation-menu.d.ts +0 -0
- /package/dist/{components/ui → ui}/pagination.d.ts +0 -0
- /package/dist/{components/ui → ui}/popover.d.ts +0 -0
- /package/dist/{components/ui → ui}/progress.d.ts +0 -0
- /package/dist/{components/ui → ui}/radio-group.d.ts +0 -0
- /package/dist/{components/ui → ui}/resizable.d.ts +0 -0
- /package/dist/{components/ui → ui}/scroll-area.d.ts +0 -0
- /package/dist/{components/ui → ui}/select.d.ts +0 -0
- /package/dist/{components/ui → ui}/separator.d.ts +0 -0
- /package/dist/{components/ui → ui}/sheet.d.ts +0 -0
- /package/dist/{components/ui → ui}/sidebar.d.ts +0 -0
- /package/dist/{components/ui → ui}/skeleton.d.ts +0 -0
- /package/dist/{components/ui → ui}/slider.d.ts +0 -0
- /package/dist/{components/ui → ui}/sonner.d.ts +0 -0
- /package/dist/{components/ui → ui}/sonner.js +0 -0
- /package/dist/{components/ui → ui}/switch.d.ts +0 -0
- /package/dist/{components/ui → ui}/table.d.ts +0 -0
- /package/dist/{components/ui → ui}/tabs.d.ts +0 -0
- /package/dist/{components/ui → ui}/textarea.d.ts +0 -0
- /package/dist/{components/ui → ui}/toggle-group.d.ts +0 -0
- /package/dist/{components/ui → ui}/toggle.d.ts +0 -0
- /package/dist/{components/ui → ui}/tooltip.d.ts +0 -0
|
@@ -1,8 +1 @@
|
|
|
1
|
-
import { type UseFormProps } from "react-hook-form";
|
|
2
|
-
import z, { ZodSchema } from "zod";
|
|
3
|
-
export type ZodFormValues<S extends ZodSchema> = z.infer<S>;
|
|
4
|
-
interface Props<S extends ZodSchema> extends Omit<UseFormProps<ZodFormValues<S>>, "resolver"> {
|
|
5
|
-
schema: S;
|
|
6
|
-
}
|
|
7
|
-
export declare function useZodForm<S extends ZodSchema>(props: Props<S>): import("react-hook-form").UseFormReturn<ZodFormValues<S>, any, ZodFormValues<S>>;
|
|
8
1
|
export * from "react-hook-form";
|
|
@@ -1,11 +1 @@
|
|
|
1
|
-
import * as __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__ from "react-hook-form";
|
|
2
|
-
import * as __WEBPACK_EXTERNAL_MODULE__hookform_resolvers_zod_9ebfe08b__ from "@hookform/resolvers/zod";
|
|
3
1
|
export * from "react-hook-form";
|
|
4
|
-
function useZodForm(props) {
|
|
5
|
-
const form = (0, __WEBPACK_EXTERNAL_MODULE_react_hook_form_05a66946__.useForm)({
|
|
6
|
-
...props,
|
|
7
|
-
resolver: (0, __WEBPACK_EXTERNAL_MODULE__hookform_resolvers_zod_9ebfe08b__.zodResolver)(props.schema)
|
|
8
|
-
});
|
|
9
|
-
return form;
|
|
10
|
-
}
|
|
11
|
-
export { useZodForm };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "tw-animate-css";
|
package/dist/styles/new-york.css
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__ from "@radix-ui/react-accordion";
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
6
6
|
function Accordion({ ...props }) {
|
|
7
7
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Root, {
|
|
8
8
|
"data-slot": "accordion",
|
|
@@ -12,7 +12,7 @@ function Accordion({ ...props }) {
|
|
|
12
12
|
function AccordionItem({ className, ...props }) {
|
|
13
13
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Item, {
|
|
14
14
|
"data-slot": "accordion-item",
|
|
15
|
-
className: (0,
|
|
15
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("border-b last:border-b-0", className),
|
|
16
16
|
...props
|
|
17
17
|
});
|
|
18
18
|
}
|
|
@@ -21,10 +21,10 @@ function AccordionTrigger({ className, children, ...props }) {
|
|
|
21
21
|
className: "flex"
|
|
22
22
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Trigger, {
|
|
23
23
|
"data-slot": "accordion-trigger",
|
|
24
|
-
className: (0,
|
|
24
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
|
|
25
25
|
...props
|
|
26
26
|
}, children, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronDownIcon, {
|
|
27
|
-
className: "text-
|
|
27
|
+
className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
|
|
28
28
|
})));
|
|
29
29
|
}
|
|
30
30
|
function AccordionContent({ className, children, ...props }) {
|
|
@@ -33,7 +33,7 @@ function AccordionContent({ className, children, ...props }) {
|
|
|
33
33
|
className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
|
|
34
34
|
...props
|
|
35
35
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
36
|
-
className: (0,
|
|
36
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("pt-0 pb-4", className)
|
|
37
37
|
}, children));
|
|
38
38
|
}
|
|
39
39
|
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__ from "@radix-ui/react-alert-dialog";
|
|
4
|
-
import * as
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
5
5
|
import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
|
|
6
6
|
function AlertDialog({ ...props }) {
|
|
7
7
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Root, {
|
|
@@ -24,54 +24,54 @@ function AlertDialogPortal({ ...props }) {
|
|
|
24
24
|
function AlertDialogOverlay({ className, ...props }) {
|
|
25
25
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Overlay, {
|
|
26
26
|
"data-slot": "alert-dialog-overlay",
|
|
27
|
-
className: (0,
|
|
27
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
|
|
28
28
|
...props
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
31
|
function AlertDialogContent({ className, ...props }) {
|
|
32
32
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(AlertDialogPortal, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(AlertDialogOverlay, null), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Content, {
|
|
33
33
|
"data-slot": "alert-dialog-content",
|
|
34
|
-
className: (0,
|
|
34
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
|
|
35
35
|
...props
|
|
36
36
|
}));
|
|
37
37
|
}
|
|
38
38
|
function AlertDialogHeader({ className, ...props }) {
|
|
39
39
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
40
40
|
"data-slot": "alert-dialog-header",
|
|
41
|
-
className: (0,
|
|
41
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-col gap-2 text-center sm:text-left", className),
|
|
42
42
|
...props
|
|
43
43
|
});
|
|
44
44
|
}
|
|
45
45
|
function AlertDialogFooter({ className, ...props }) {
|
|
46
46
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
47
47
|
"data-slot": "alert-dialog-footer",
|
|
48
|
-
className: (0,
|
|
48
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
|
|
49
49
|
...props
|
|
50
50
|
});
|
|
51
51
|
}
|
|
52
52
|
function AlertDialogTitle({ className, ...props }) {
|
|
53
53
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Title, {
|
|
54
54
|
"data-slot": "alert-dialog-title",
|
|
55
|
-
className: (0,
|
|
55
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-lg font-semibold", className),
|
|
56
56
|
...props
|
|
57
57
|
});
|
|
58
58
|
}
|
|
59
59
|
function AlertDialogDescription({ className, ...props }) {
|
|
60
60
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Description, {
|
|
61
61
|
"data-slot": "alert-dialog-description",
|
|
62
|
-
className: (0,
|
|
62
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground text-sm", className),
|
|
63
63
|
...props
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
66
|
function AlertDialogAction({ className, ...props }) {
|
|
67
67
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Action, {
|
|
68
|
-
className: (0,
|
|
68
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)((0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)(), className),
|
|
69
69
|
...props
|
|
70
70
|
});
|
|
71
71
|
}
|
|
72
72
|
function AlertDialogCancel({ className, ...props }) {
|
|
73
73
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Cancel, {
|
|
74
|
-
className: (0,
|
|
74
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)((0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)({
|
|
75
75
|
variant: "outline"
|
|
76
76
|
}), className),
|
|
77
77
|
...props
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
|
|
3
|
-
import * as
|
|
4
|
-
const alertVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)("relative w-full rounded-lg border
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
4
|
+
const alertVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
|
|
5
5
|
variants: {
|
|
6
6
|
variant: {
|
|
7
|
-
default: "bg-
|
|
8
|
-
destructive: "text-
|
|
7
|
+
default: "bg-card text-card-foreground",
|
|
8
|
+
destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
|
|
9
9
|
}
|
|
10
10
|
},
|
|
11
11
|
defaultVariants: {
|
|
@@ -16,7 +16,7 @@ function Alert({ className, variant, ...props }) {
|
|
|
16
16
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
17
17
|
"data-slot": "alert",
|
|
18
18
|
role: "alert",
|
|
19
|
-
className: (0,
|
|
19
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)(alertVariants({
|
|
20
20
|
variant
|
|
21
21
|
}), className),
|
|
22
22
|
...props
|
|
@@ -25,14 +25,14 @@ function Alert({ className, variant, ...props }) {
|
|
|
25
25
|
function AlertTitle({ className, ...props }) {
|
|
26
26
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
27
27
|
"data-slot": "alert-title",
|
|
28
|
-
className: (0,
|
|
28
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
|
|
29
29
|
...props
|
|
30
30
|
});
|
|
31
31
|
}
|
|
32
32
|
function AlertDescription({ className, ...props }) {
|
|
33
33
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
34
34
|
"data-slot": "alert-description",
|
|
35
|
-
className: (0,
|
|
35
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
|
|
36
36
|
...props
|
|
37
37
|
});
|
|
38
38
|
}
|
|
@@ -1,25 +1,25 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_avatar_fe03757d__ from "@radix-ui/react-avatar";
|
|
4
|
-
import * as
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
5
5
|
function Avatar({ className, ...props }) {
|
|
6
6
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_avatar_fe03757d__.Root, {
|
|
7
7
|
"data-slot": "avatar",
|
|
8
|
-
className: (0,
|
|
8
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
|
|
9
9
|
...props
|
|
10
10
|
});
|
|
11
11
|
}
|
|
12
12
|
function AvatarImage({ className, ...props }) {
|
|
13
13
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_avatar_fe03757d__.Image, {
|
|
14
14
|
"data-slot": "avatar-image",
|
|
15
|
-
className: (0,
|
|
15
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("aspect-square size-full", className),
|
|
16
16
|
...props
|
|
17
17
|
});
|
|
18
18
|
}
|
|
19
19
|
function AvatarFallback({ className, ...props }) {
|
|
20
20
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_avatar_fe03757d__.Fallback, {
|
|
21
21
|
"data-slot": "avatar-fallback",
|
|
22
|
-
className: (0,
|
|
22
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-muted flex size-full items-center justify-center rounded-full", className),
|
|
23
23
|
...props
|
|
24
24
|
});
|
|
25
25
|
}
|
package/dist/ui/badge.js
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
5
|
+
const badgeVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
9
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
10
|
+
destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
11
|
+
outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
defaultVariants: {
|
|
15
|
+
variant: "default"
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
function Badge({ className, variant, asChild = false, ...props }) {
|
|
19
|
+
const Comp = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : "span";
|
|
20
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(Comp, {
|
|
21
|
+
"data-slot": "badge",
|
|
22
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)(badgeVariants({
|
|
23
|
+
variant
|
|
24
|
+
}), className),
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
export { Badge, badgeVariants };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
4
|
-
import * as
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
5
5
|
function Breadcrumb({ ...props }) {
|
|
6
6
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("nav", {
|
|
7
7
|
"aria-label": "breadcrumb",
|
|
@@ -12,14 +12,14 @@ function Breadcrumb({ ...props }) {
|
|
|
12
12
|
function BreadcrumbList({ className, ...props }) {
|
|
13
13
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("ol", {
|
|
14
14
|
"data-slot": "breadcrumb-list",
|
|
15
|
-
className: (0,
|
|
15
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className),
|
|
16
16
|
...props
|
|
17
17
|
});
|
|
18
18
|
}
|
|
19
19
|
function BreadcrumbItem({ className, ...props }) {
|
|
20
20
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("li", {
|
|
21
21
|
"data-slot": "breadcrumb-item",
|
|
22
|
-
className: (0,
|
|
22
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("inline-flex items-center gap-1.5", className),
|
|
23
23
|
...props
|
|
24
24
|
});
|
|
25
25
|
}
|
|
@@ -27,7 +27,7 @@ function BreadcrumbLink({ asChild, className, ...props }) {
|
|
|
27
27
|
const Comp = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : "a";
|
|
28
28
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(Comp, {
|
|
29
29
|
"data-slot": "breadcrumb-link",
|
|
30
|
-
className: (0,
|
|
30
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("hover:text-foreground transition-colors", className),
|
|
31
31
|
...props
|
|
32
32
|
});
|
|
33
33
|
}
|
|
@@ -37,7 +37,7 @@ function BreadcrumbPage({ className, ...props }) {
|
|
|
37
37
|
role: "link",
|
|
38
38
|
"aria-disabled": "true",
|
|
39
39
|
"aria-current": "page",
|
|
40
|
-
className: (0,
|
|
40
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-foreground font-normal", className),
|
|
41
41
|
...props
|
|
42
42
|
});
|
|
43
43
|
}
|
|
@@ -46,7 +46,7 @@ function BreadcrumbSeparator({ children, className, ...props }) {
|
|
|
46
46
|
"data-slot": "breadcrumb-separator",
|
|
47
47
|
role: "presentation",
|
|
48
48
|
"aria-hidden": "true",
|
|
49
|
-
className: (0,
|
|
49
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("[&>svg]:size-3.5", className),
|
|
50
50
|
...props
|
|
51
51
|
}, children ?? /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronRight, null));
|
|
52
52
|
}
|
|
@@ -55,7 +55,7 @@ function BreadcrumbEllipsis({ className, ...props }) {
|
|
|
55
55
|
"data-slot": "breadcrumb-ellipsis",
|
|
56
56
|
role: "presentation",
|
|
57
57
|
"aria-hidden": "true",
|
|
58
|
-
className: (0,
|
|
58
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex size-9 items-center justify-center", className),
|
|
59
59
|
...props
|
|
60
60
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.MoreHorizontal, {
|
|
61
61
|
className: "size-4"
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
5
|
+
const buttonVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
|
|
6
|
+
variants: {
|
|
7
|
+
variant: {
|
|
8
|
+
default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
|
|
9
|
+
destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
10
|
+
outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
|
|
11
|
+
secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
|
|
12
|
+
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
13
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
14
|
+
},
|
|
15
|
+
size: {
|
|
16
|
+
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
17
|
+
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
18
|
+
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
19
|
+
icon: "size-9"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
defaultVariants: {
|
|
23
|
+
variant: "default",
|
|
24
|
+
size: "default"
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
function Button({ className, variant, size, asChild = false, ...props }) {
|
|
28
|
+
const Comp = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : "button";
|
|
29
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(Comp, {
|
|
30
|
+
"data-slot": "button",
|
|
31
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)(buttonVariants({
|
|
32
|
+
variant,
|
|
33
|
+
size,
|
|
34
|
+
className
|
|
35
|
+
})),
|
|
36
|
+
...props
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
export { Button, buttonVariants };
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use client"
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_day_picker_7bc423fd__ from "react-day-picker";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
|
|
7
|
+
function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
|
|
8
|
+
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_react_day_picker_7bc423fd__.DayPicker, {
|
|
9
|
+
showOutsideDays: showOutsideDays,
|
|
10
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("p-3", className),
|
|
11
|
+
classNames: {
|
|
12
|
+
months: "flex flex-col sm:flex-row gap-2",
|
|
13
|
+
month: "flex flex-col gap-4",
|
|
14
|
+
caption: "flex justify-center pt-1 relative items-center w-full",
|
|
15
|
+
caption_label: "text-sm font-medium",
|
|
16
|
+
nav: "flex items-center gap-1",
|
|
17
|
+
nav_button: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)((0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)({
|
|
18
|
+
variant: "outline"
|
|
19
|
+
}), "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"),
|
|
20
|
+
nav_button_previous: "absolute left-1",
|
|
21
|
+
nav_button_next: "absolute right-1",
|
|
22
|
+
table: "w-full border-collapse space-x-1",
|
|
23
|
+
head_row: "flex",
|
|
24
|
+
head_cell: "text-muted-foreground rounded-md w-8 font-normal text-[0.8rem]",
|
|
25
|
+
row: "flex w-full mt-2",
|
|
26
|
+
cell: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-range-end)]:rounded-r-md", "range" === props.mode ? "[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"),
|
|
27
|
+
day: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)((0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)({
|
|
28
|
+
variant: "ghost"
|
|
29
|
+
}), "size-8 p-0 font-normal aria-selected:opacity-100"),
|
|
30
|
+
day_range_start: "day-range-start aria-selected:bg-primary aria-selected:text-primary-foreground",
|
|
31
|
+
day_range_end: "day-range-end aria-selected:bg-primary aria-selected:text-primary-foreground",
|
|
32
|
+
day_selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
|
|
33
|
+
day_today: "bg-accent text-accent-foreground",
|
|
34
|
+
day_outside: "day-outside text-muted-foreground aria-selected:text-muted-foreground",
|
|
35
|
+
day_disabled: "text-muted-foreground opacity-50",
|
|
36
|
+
day_range_middle: "aria-selected:bg-accent aria-selected:text-accent-foreground",
|
|
37
|
+
day_hidden: "invisible",
|
|
38
|
+
...classNames
|
|
39
|
+
},
|
|
40
|
+
components: {
|
|
41
|
+
IconLeft: ({ className, ...props })=>/*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronLeft, {
|
|
42
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("size-4", className),
|
|
43
|
+
...props
|
|
44
|
+
}),
|
|
45
|
+
IconRight: ({ className, ...props })=>/*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronRight, {
|
|
46
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("size-4", className),
|
|
47
|
+
...props
|
|
48
|
+
})
|
|
49
|
+
},
|
|
50
|
+
...props
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
export { Calendar };
|
|
@@ -1,51 +1,51 @@
|
|
|
1
1
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
2
|
-
import * as
|
|
2
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
3
3
|
function Card({ className, ...props }) {
|
|
4
4
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
5
5
|
"data-slot": "card",
|
|
6
|
-
className: (0,
|
|
6
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className),
|
|
7
7
|
...props
|
|
8
8
|
});
|
|
9
9
|
}
|
|
10
10
|
function CardHeader({ className, ...props }) {
|
|
11
11
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
12
12
|
"data-slot": "card-header",
|
|
13
|
-
className: (0,
|
|
13
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className),
|
|
14
14
|
...props
|
|
15
15
|
});
|
|
16
16
|
}
|
|
17
17
|
function CardTitle({ className, ...props }) {
|
|
18
18
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
19
19
|
"data-slot": "card-title",
|
|
20
|
-
className: (0,
|
|
20
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("leading-none font-semibold", className),
|
|
21
21
|
...props
|
|
22
22
|
});
|
|
23
23
|
}
|
|
24
24
|
function CardDescription({ className, ...props }) {
|
|
25
25
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
26
26
|
"data-slot": "card-description",
|
|
27
|
-
className: (0,
|
|
27
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground text-sm", className),
|
|
28
28
|
...props
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
31
|
function CardAction({ className, ...props }) {
|
|
32
32
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
33
33
|
"data-slot": "card-action",
|
|
34
|
-
className: (0,
|
|
34
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
|
|
35
35
|
...props
|
|
36
36
|
});
|
|
37
37
|
}
|
|
38
38
|
function CardContent({ className, ...props }) {
|
|
39
39
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
40
40
|
"data-slot": "card-content",
|
|
41
|
-
className: (0,
|
|
41
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("px-6", className),
|
|
42
42
|
...props
|
|
43
43
|
});
|
|
44
44
|
}
|
|
45
45
|
function CardFooter({ className, ...props }) {
|
|
46
46
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
47
47
|
"data-slot": "card-footer",
|
|
48
|
-
className: (0,
|
|
48
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex items-center px-6 [.border-t]:pt-6", className),
|
|
49
49
|
...props
|
|
50
50
|
});
|
|
51
51
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE_embla_carousel_react_7f67003b__ from "embla-carousel-react";
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
6
6
|
import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
|
|
7
7
|
const CarouselContext = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createContext(null);
|
|
8
8
|
function useCarousel() {
|
|
@@ -76,7 +76,7 @@ function Carousel({ orientation = "horizontal", opts, setApi, plugins, className
|
|
|
76
76
|
}
|
|
77
77
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
78
78
|
onKeyDownCapture: handleKeyDown,
|
|
79
|
-
className: (0,
|
|
79
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("relative", className),
|
|
80
80
|
role: "region",
|
|
81
81
|
"aria-roledescription": "carousel",
|
|
82
82
|
"data-slot": "carousel",
|
|
@@ -90,7 +90,7 @@ function CarouselContent({ className, ...props }) {
|
|
|
90
90
|
className: "overflow-hidden",
|
|
91
91
|
"data-slot": "carousel-content"
|
|
92
92
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
93
|
-
className: (0,
|
|
93
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex", "horizontal" === orientation ? "-ml-4" : "-mt-4 flex-col", className),
|
|
94
94
|
...props
|
|
95
95
|
}));
|
|
96
96
|
}
|
|
@@ -100,7 +100,7 @@ function CarouselItem({ className, ...props }) {
|
|
|
100
100
|
role: "group",
|
|
101
101
|
"aria-roledescription": "slide",
|
|
102
102
|
"data-slot": "carousel-item",
|
|
103
|
-
className: (0,
|
|
103
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("min-w-0 shrink-0 grow-0 basis-full", "horizontal" === orientation ? "pl-4" : "pt-4", className),
|
|
104
104
|
...props
|
|
105
105
|
});
|
|
106
106
|
}
|
|
@@ -110,7 +110,7 @@ function CarouselPrevious({ className, variant = "outline", size = "icon", ...pr
|
|
|
110
110
|
"data-slot": "carousel-previous",
|
|
111
111
|
variant: variant,
|
|
112
112
|
size: size,
|
|
113
|
-
className: (0,
|
|
113
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("absolute size-8 rounded-full", "horizontal" === orientation ? "top-1/2 -left-12 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
|
|
114
114
|
disabled: !canScrollPrev,
|
|
115
115
|
onClick: scrollPrev,
|
|
116
116
|
...props
|
|
@@ -124,7 +124,7 @@ function CarouselNext({ className, variant = "outline", size = "icon", ...props
|
|
|
124
124
|
"data-slot": "carousel-next",
|
|
125
125
|
variant: variant,
|
|
126
126
|
size: size,
|
|
127
|
-
className: (0,
|
|
127
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("absolute size-8 rounded-full", "horizontal" === orientation ? "top-1/2 -right-12 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
|
|
128
128
|
disabled: !canScrollNext,
|
|
129
129
|
onClick: scrollNext,
|
|
130
130
|
...props
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client"
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE_recharts__ from "recharts";
|
|
4
|
-
import * as
|
|
4
|
+
import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
|
|
5
5
|
const THEMES = {
|
|
6
6
|
light: "",
|
|
7
7
|
dark: ".dark"
|
|
@@ -22,7 +22,7 @@ function ChartContainer({ id, className, children, config, ...props }) {
|
|
|
22
22
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
23
23
|
"data-slot": "chart",
|
|
24
24
|
"data-chart": chartId,
|
|
25
|
-
className: (0,
|
|
25
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
|
|
26
26
|
...props
|
|
27
27
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(ChartStyle, {
|
|
28
28
|
id: chartId,
|
|
@@ -57,11 +57,11 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
|
|
|
57
57
|
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
58
58
|
const value = labelKey || "string" != typeof label ? null == itemConfig ? void 0 : itemConfig.label : (null == (_config_label = config[label]) ? void 0 : _config_label.label) || label;
|
|
59
59
|
if (labelFormatter) return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
60
|
-
className: (0,
|
|
60
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("font-medium", labelClassName)
|
|
61
61
|
}, labelFormatter(value, payload));
|
|
62
62
|
if (!value) return null;
|
|
63
63
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
64
|
-
className: (0,
|
|
64
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("font-medium", labelClassName)
|
|
65
65
|
}, value);
|
|
66
66
|
}, [
|
|
67
67
|
label,
|
|
@@ -75,7 +75,7 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
|
|
|
75
75
|
if (!active || !(null == payload ? void 0 : payload.length)) return null;
|
|
76
76
|
const nestLabel = 1 === payload.length && "dot" !== indicator;
|
|
77
77
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
78
|
-
className: (0,
|
|
78
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("border-border/50 bg-background grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl", className)
|
|
79
79
|
}, nestLabel ? null : tooltipLabel, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
80
80
|
className: "grid gap-1.5"
|
|
81
81
|
}, payload.map((item, index)=>{
|
|
@@ -84,9 +84,9 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
|
|
|
84
84
|
const indicatorColor = color || item.payload.fill || item.color;
|
|
85
85
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
86
86
|
key: item.dataKey,
|
|
87
|
-
className: (0,
|
|
87
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", "dot" === indicator && "items-center")
|
|
88
88
|
}, formatter && (null == item ? void 0 : item.value) !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_react__.Fragment, null, (null == itemConfig ? void 0 : itemConfig.icon) ? /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(itemConfig.icon, null) : !hideIndicator && /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
89
|
-
className: (0,
|
|
89
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
|
|
90
90
|
"h-2.5 w-2.5": "dot" === indicator,
|
|
91
91
|
"w-1": "line" === indicator,
|
|
92
92
|
"w-0 border-[1.5px] border-dashed bg-transparent": "dashed" === indicator,
|
|
@@ -97,13 +97,13 @@ function ChartTooltipContent({ active, payload, className, indicator = "dot", hi
|
|
|
97
97
|
"--color-border": indicatorColor
|
|
98
98
|
}
|
|
99
99
|
}), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
100
|
-
className: (0,
|
|
100
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center")
|
|
101
101
|
}, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
102
102
|
className: "grid gap-1.5"
|
|
103
103
|
}, nestLabel ? tooltipLabel : null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
104
|
-
className: "text-
|
|
104
|
+
className: "text-muted-foreground"
|
|
105
105
|
}, (null == itemConfig ? void 0 : itemConfig.label) || item.name)), item.value && /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("span", {
|
|
106
|
-
className: "text-
|
|
106
|
+
className: "text-foreground font-mono font-medium tabular-nums"
|
|
107
107
|
}, item.value.toLocaleString()))));
|
|
108
108
|
})));
|
|
109
109
|
}
|
|
@@ -112,13 +112,13 @@ function ChartLegendContent({ className, hideIcon = false, payload, verticalAlig
|
|
|
112
112
|
const { config } = useChart();
|
|
113
113
|
if (!(null == payload ? void 0 : payload.length)) return null;
|
|
114
114
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
115
|
-
className: (0,
|
|
115
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex items-center justify-center gap-4", "top" === verticalAlign ? "pb-3" : "pt-3", className)
|
|
116
116
|
}, payload.map((item)=>{
|
|
117
117
|
const key = `${nameKey || item.dataKey || "value"}`;
|
|
118
118
|
const itemConfig = getPayloadConfigFromPayload(config, item, key);
|
|
119
119
|
return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
120
120
|
key: item.value,
|
|
121
|
-
className: (0,
|
|
121
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3")
|
|
122
122
|
}, (null == itemConfig ? void 0 : itemConfig.icon) && !hideIcon ? /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(itemConfig.icon, null) : /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
|
|
123
123
|
className: "h-2 w-2 shrink-0 rounded-[2px]",
|
|
124
124
|
style: {
|