@health-samurai/react-components 0.0.0-alpha.1 → 0.0.0-alpha.2
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/bundle.css +100 -7
- package/dist/src/components/code-editor/index.js +53 -29
- package/dist/src/components/code-editor/index.js.map +1 -1
- package/dist/src/components/code-editor.stories.js +22 -7
- package/dist/src/components/code-editor.stories.js.map +1 -1
- package/dist/src/components/copy-icon.js +11 -4
- package/dist/src/components/copy-icon.js.map +1 -1
- package/dist/src/components/request-line-editor.js +56 -14
- package/dist/src/components/request-line-editor.js.map +1 -1
- package/dist/src/components/request-line-editor.stories.js +71 -22
- package/dist/src/components/request-line-editor.stories.js.map +1 -1
- package/dist/src/global.d.js +2 -0
- package/dist/src/global.d.js.map +1 -0
- package/dist/src/index.css +6 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +52 -50
- package/dist/src/index.js.map +1 -1
- package/dist/src/index.stories.js +8 -5
- package/dist/src/index.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/accordion.js +34 -5
- package/dist/src/shadcn/components/ui/accordion.js.map +1 -1
- package/dist/src/shadcn/components/ui/accordion.stories.js +68 -3
- package/dist/src/shadcn/components/ui/accordion.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert-dialog.js +61 -14
- package/dist/src/shadcn/components/ui/alert-dialog.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert-dialog.stories.js +39 -4
- package/dist/src/shadcn/components/ui/alert-dialog.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert.js +24 -8
- package/dist/src/shadcn/components/ui/alert.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert.stories.js +57 -3
- package/dist/src/shadcn/components/ui/alert.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/aspect-ratio.js +5 -1
- package/dist/src/shadcn/components/ui/aspect-ratio.js.map +1 -1
- package/dist/src/shadcn/components/ui/aspect-ratio.stories.js +12 -3
- package/dist/src/shadcn/components/ui/aspect-ratio.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/avatar.js +17 -4
- package/dist/src/shadcn/components/ui/avatar.js.map +1 -1
- package/dist/src/shadcn/components/ui/avatar.stories.js +69 -3
- package/dist/src/shadcn/components/ui/avatar.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/badge.js +13 -6
- package/dist/src/shadcn/components/ui/badge.js.map +1 -1
- package/dist/src/shadcn/components/ui/badge.stories.js +55 -3
- package/dist/src/shadcn/components/ui/badge.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/breadcrumb.js +56 -11
- package/dist/src/shadcn/components/ui/breadcrumb.js.map +1 -1
- package/dist/src/shadcn/components/ui/breadcrumb.stories.js +69 -4
- package/dist/src/shadcn/components/ui/breadcrumb.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/button.js +23 -13
- package/dist/src/shadcn/components/ui/button.js.map +1 -1
- package/dist/src/shadcn/components/ui/button.stories.js +190 -10
- package/dist/src/shadcn/components/ui/button.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/calendar.js +75 -33
- package/dist/src/shadcn/components/ui/calendar.js.map +1 -1
- package/dist/src/shadcn/components/ui/calendar.stories.js +12 -5
- package/dist/src/shadcn/components/ui/calendar.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/card.js +38 -9
- package/dist/src/shadcn/components/ui/card.js.map +1 -1
- package/dist/src/shadcn/components/ui/card.stories.js +91 -6
- package/dist/src/shadcn/components/ui/card.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/carousel.js +99 -39
- package/dist/src/shadcn/components/ui/carousel.js.map +1 -1
- package/dist/src/shadcn/components/ui/carousel.stories.js +30 -6
- package/dist/src/shadcn/components/ui/carousel.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/chart.js +118 -55
- package/dist/src/shadcn/components/ui/chart.js.map +1 -1
- package/dist/src/shadcn/components/ui/chart.stories.js +72 -12
- package/dist/src/shadcn/components/ui/chart.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.js +14 -2
- package/dist/src/shadcn/components/ui/checkbox.js.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.stories.js +79 -4
- package/dist/src/shadcn/components/ui/checkbox.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/collapsible.js +13 -3
- package/dist/src/shadcn/components/ui/collapsible.js.map +1 -1
- package/dist/src/shadcn/components/ui/collapsible.stories.js +54 -6
- package/dist/src/shadcn/components/ui/collapsible.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/command.js +77 -12
- package/dist/src/shadcn/components/ui/command.js.map +1 -1
- package/dist/src/shadcn/components/ui/command.stories.js +88 -4
- package/dist/src/shadcn/components/ui/command.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/context-menu.js +106 -17
- package/dist/src/shadcn/components/ui/context-menu.js.map +1 -1
- package/dist/src/shadcn/components/ui/context-menu.stories.js +101 -3
- package/dist/src/shadcn/components/ui/context-menu.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/dialog.js +69 -12
- package/dist/src/shadcn/components/ui/dialog.js.map +1 -1
- package/dist/src/shadcn/components/ui/dialog.stories.js +82 -6
- package/dist/src/shadcn/components/ui/dialog.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/drawer.js +61 -12
- package/dist/src/shadcn/components/ui/drawer.js.map +1 -1
- package/dist/src/shadcn/components/ui/drawer.stories.js +154 -21
- package/dist/src/shadcn/components/ui/drawer.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/dropdown-menu.js +107 -17
- package/dist/src/shadcn/components/ui/dropdown-menu.js.map +1 -1
- package/dist/src/shadcn/components/ui/dropdown-menu.stories.js +119 -4
- package/dist/src/shadcn/components/ui/dropdown-menu.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/form.js +58 -18
- package/dist/src/shadcn/components/ui/form.js.map +1 -1
- package/dist/src/shadcn/components/ui/form.stories.js +45 -11
- package/dist/src/shadcn/components/ui/form.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/hover-card.js +20 -4
- package/dist/src/shadcn/components/ui/hover-card.js.map +1 -1
- package/dist/src/shadcn/components/ui/hover-card.stories.js +51 -5
- package/dist/src/shadcn/components/ui/hover-card.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/input-otp.js +35 -7
- package/dist/src/shadcn/components/ui/input-otp.js.map +1 -1
- package/dist/src/shadcn/components/ui/input-otp.stories.js +35 -3
- package/dist/src/shadcn/components/ui/input-otp.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/input.js +59 -40
- package/dist/src/shadcn/components/ui/input.js.map +1 -1
- package/dist/src/shadcn/components/ui/input.stories.js +391 -23
- package/dist/src/shadcn/components/ui/input.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/label.js +7 -2
- package/dist/src/shadcn/components/ui/label.js.map +1 -1
- package/dist/src/shadcn/components/ui/label.stories.js +18 -4
- package/dist/src/shadcn/components/ui/label.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/menubar.js +116 -19
- package/dist/src/shadcn/components/ui/menubar.js.map +1 -1
- package/dist/src/shadcn/components/ui/menubar.stories.js +216 -3
- package/dist/src/shadcn/components/ui/menubar.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/navigation-menu.js +62 -10
- package/dist/src/shadcn/components/ui/navigation-menu.js.map +1 -1
- package/dist/src/shadcn/components/ui/navigation-menu.stories.js +263 -11
- package/dist/src/shadcn/components/ui/navigation-menu.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/pagination.js +73 -16
- package/dist/src/shadcn/components/ui/pagination.js.map +1 -1
- package/dist/src/shadcn/components/ui/pagination.stories.js +41 -3
- package/dist/src/shadcn/components/ui/pagination.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/popover.js +23 -5
- package/dist/src/shadcn/components/ui/popover.js.map +1 -1
- package/dist/src/shadcn/components/ui/popover.stories.js +99 -6
- package/dist/src/shadcn/components/ui/popover.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/progress.js +14 -2
- package/dist/src/shadcn/components/ui/progress.js.map +1 -1
- package/dist/src/shadcn/components/ui/progress.stories.js +12 -8
- package/dist/src/shadcn/components/ui/progress.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.js +19 -3
- package/dist/src/shadcn/components/ui/radio-group.js.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.stories.js +48 -4
- package/dist/src/shadcn/components/ui/radio-group.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/resizable.js +22 -4
- package/dist/src/shadcn/components/ui/resizable.js.map +1 -1
- package/dist/src/shadcn/components/ui/resizable.stories.js +49 -3
- package/dist/src/shadcn/components/ui/resizable.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/scroll-area.js +26 -5
- package/dist/src/shadcn/components/ui/scroll-area.js.map +1 -1
- package/dist/src/shadcn/components/ui/scroll-area.stories.js +30 -5
- package/dist/src/shadcn/components/ui/scroll-area.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/select.js +98 -19
- package/dist/src/shadcn/components/ui/select.js.map +1 -1
- package/dist/src/shadcn/components/ui/select.stories.js +84 -5
- package/dist/src/shadcn/components/ui/select.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/separator.js +9 -2
- package/dist/src/shadcn/components/ui/separator.js.map +1 -1
- package/dist/src/shadcn/components/ui/separator.stories.js +43 -3
- package/dist/src/shadcn/components/ui/separator.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/sheet.js +69 -16
- package/dist/src/shadcn/components/ui/sheet.js.map +1 -1
- package/dist/src/shadcn/components/ui/sheet.stories.js +77 -6
- package/dist/src/shadcn/components/ui/sheet.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/sidebar.js +304 -79
- package/dist/src/shadcn/components/ui/sidebar.js.map +1 -1
- package/dist/src/shadcn/components/ui/sidebar.stories.js +321 -59
- package/dist/src/shadcn/components/ui/sidebar.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/skeleton.js +7 -2
- package/dist/src/shadcn/components/ui/skeleton.js.map +1 -1
- package/dist/src/shadcn/components/ui/skeleton.stories.js +22 -3
- package/dist/src/shadcn/components/ui/skeleton.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/slider.js +40 -7
- package/dist/src/shadcn/components/ui/slider.js.map +1 -1
- package/dist/src/shadcn/components/ui/slider.stories.js +11 -3
- package/dist/src/shadcn/components/ui/slider.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.js +10 -4
- package/dist/src/shadcn/components/ui/sonner.js.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.stories.js +14 -9
- package/dist/src/shadcn/components/ui/sonner.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/switch.js +11 -2
- package/dist/src/shadcn/components/ui/switch.js.map +1 -1
- package/dist/src/shadcn/components/ui/switch.stories.js +16 -4
- package/dist/src/shadcn/components/ui/switch.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/table.js +47 -10
- package/dist/src/shadcn/components/ui/table.js.map +1 -1
- package/dist/src/shadcn/components/ui/table.stories.js +72 -11
- package/dist/src/shadcn/components/ui/table.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.d.ts +9 -5
- package/dist/src/shadcn/components/ui/tabs.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.js +75 -18
- package/dist/src/shadcn/components/ui/tabs.js.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.stories.d.ts +6 -0
- package/dist/src/shadcn/components/ui/tabs.stories.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.stories.js +221 -10
- package/dist/src/shadcn/components/ui/tabs.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/textarea.js +7 -2
- package/dist/src/shadcn/components/ui/textarea.js.map +1 -1
- package/dist/src/shadcn/components/ui/textarea.stories.js +6 -3
- package/dist/src/shadcn/components/ui/textarea.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle-group.js +29 -8
- package/dist/src/shadcn/components/ui/toggle-group.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle-group.stories.js +30 -3
- package/dist/src/shadcn/components/ui/toggle-group.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle.js +16 -7
- package/dist/src/shadcn/components/ui/toggle.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle.stories.js +9 -3
- package/dist/src/shadcn/components/ui/toggle.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/tooltip.js +26 -5
- package/dist/src/shadcn/components/ui/tooltip.js.map +1 -1
- package/dist/src/shadcn/components/ui/tooltip.stories.js +20 -4
- package/dist/src/shadcn/components/ui/tooltip.stories.js.map +1 -1
- package/dist/src/shadcn/hooks/use-mobile.js +4 -3
- package/dist/src/shadcn/hooks/use-mobile.js.map +1 -1
- package/dist/src/shadcn/lib/utils.js +1 -0
- package/dist/src/shadcn/lib/utils.js.map +1 -1
- package/package.json +8 -4
- package/src/index.css +6 -0
- package/src/index.tsx +1 -0
- package/src/shadcn/components/ui/tabs.stories.tsx +57 -0
- package/src/shadcn/components/ui/tabs.tsx +76 -26
|
@@ -1,39 +1,86 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
|
|
3
|
-
import { buttonVariants } from "
|
|
4
|
-
import { cn } from "
|
|
3
|
+
import { buttonVariants } from "./button.js";
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
5
5
|
function AlertDialog({ ...props }) {
|
|
6
|
-
return _jsx(AlertDialogPrimitive.Root, {
|
|
6
|
+
return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Root, {
|
|
7
|
+
"data-slot": "alert-dialog",
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
7
10
|
}
|
|
8
11
|
function AlertDialogTrigger({ ...props }) {
|
|
9
|
-
return
|
|
12
|
+
return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Trigger, {
|
|
13
|
+
"data-slot": "alert-dialog-trigger",
|
|
14
|
+
...props
|
|
15
|
+
});
|
|
10
16
|
}
|
|
11
17
|
function AlertDialogPortal({ ...props }) {
|
|
12
|
-
return
|
|
18
|
+
return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Portal, {
|
|
19
|
+
"data-slot": "alert-dialog-portal",
|
|
20
|
+
...props
|
|
21
|
+
});
|
|
13
22
|
}
|
|
14
23
|
function AlertDialogOverlay({ className, ...props }) {
|
|
15
|
-
return
|
|
24
|
+
return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Overlay, {
|
|
25
|
+
"data-slot": "alert-dialog-overlay",
|
|
26
|
+
className: 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),
|
|
27
|
+
...props
|
|
28
|
+
});
|
|
16
29
|
}
|
|
17
30
|
function AlertDialogContent({ className, ...props }) {
|
|
18
|
-
return
|
|
31
|
+
return /*#__PURE__*/ _jsxs(AlertDialogPortal, {
|
|
32
|
+
children: [
|
|
33
|
+
/*#__PURE__*/ _jsx(AlertDialogOverlay, {}),
|
|
34
|
+
/*#__PURE__*/ _jsx(AlertDialogPrimitive.Content, {
|
|
35
|
+
"data-slot": "alert-dialog-content",
|
|
36
|
+
className: 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),
|
|
37
|
+
...props
|
|
38
|
+
})
|
|
39
|
+
]
|
|
40
|
+
});
|
|
19
41
|
}
|
|
20
42
|
function AlertDialogHeader({ className, ...props }) {
|
|
21
|
-
return
|
|
43
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
44
|
+
"data-slot": "alert-dialog-header",
|
|
45
|
+
className: cn("flex flex-col gap-2 text-center sm:text-left", className),
|
|
46
|
+
...props
|
|
47
|
+
});
|
|
22
48
|
}
|
|
23
49
|
function AlertDialogFooter({ className, ...props }) {
|
|
24
|
-
return
|
|
50
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
51
|
+
"data-slot": "alert-dialog-footer",
|
|
52
|
+
className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
|
|
53
|
+
...props
|
|
54
|
+
});
|
|
25
55
|
}
|
|
26
56
|
function AlertDialogTitle({ className, ...props }) {
|
|
27
|
-
return
|
|
57
|
+
return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Title, {
|
|
58
|
+
"data-slot": "alert-dialog-title",
|
|
59
|
+
className: cn("text-lg font-semibold", className),
|
|
60
|
+
...props
|
|
61
|
+
});
|
|
28
62
|
}
|
|
29
63
|
function AlertDialogDescription({ className, ...props }) {
|
|
30
|
-
return
|
|
64
|
+
return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Description, {
|
|
65
|
+
"data-slot": "alert-dialog-description",
|
|
66
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
67
|
+
...props
|
|
68
|
+
});
|
|
31
69
|
}
|
|
32
70
|
function AlertDialogAction({ className, ...props }) {
|
|
33
|
-
return
|
|
71
|
+
return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Action, {
|
|
72
|
+
className: cn(buttonVariants(), className),
|
|
73
|
+
...props
|
|
74
|
+
});
|
|
34
75
|
}
|
|
35
76
|
function AlertDialogCancel({ className, ...props }) {
|
|
36
|
-
return
|
|
77
|
+
return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Cancel, {
|
|
78
|
+
className: cn(buttonVariants({
|
|
79
|
+
variant: "secondary"
|
|
80
|
+
}), className),
|
|
81
|
+
...props
|
|
82
|
+
});
|
|
37
83
|
}
|
|
38
|
-
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel
|
|
84
|
+
export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel };
|
|
85
|
+
|
|
39
86
|
//# sourceMappingURL=alert-dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/alert-dialog.tsx"],"sourcesContent":["import * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\nimport type * as React from \"react\";\nimport { buttonVariants } from \"#shadcn/components/ui/button\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction AlertDialog({\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n\treturn <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n\t);\n}\n\nfunction AlertDialogPortal({\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n\t);\n}\n\nfunction AlertDialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Overlay\n\t\t\tdata-slot=\"alert-dialog-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"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\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n\treturn (\n\t\t<AlertDialogPortal>\n\t\t\t<AlertDialogOverlay />\n\t\t\t<AlertDialogPrimitive.Content\n\t\t\t\tdata-slot=\"alert-dialog-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"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\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</AlertDialogPortal>\n\t);\n}\n\nfunction AlertDialogHeader({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-dialog-header\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogFooter({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-dialog-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Title\n\t\t\tdata-slot=\"alert-dialog-title\"\n\t\t\tclassName={cn(\"text-lg font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Description\n\t\t\tdata-slot=\"alert-dialog-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogAction({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Action\n\t\t\tclassName={cn(buttonVariants(), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogCancel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Cancel\n\t\t\tclassName={cn(buttonVariants({ variant: \"secondary\" }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tAlertDialog,\n\tAlertDialogPortal,\n\tAlertDialogOverlay,\n\tAlertDialogTrigger,\n\tAlertDialogContent,\n\tAlertDialogHeader,\n\tAlertDialogFooter,\n\tAlertDialogTitle,\n\tAlertDialogDescription,\n\tAlertDialogAction,\n\tAlertDialogCancel,\n};\n"],"names":["AlertDialogPrimitive","buttonVariants","cn","AlertDialog","props","Root","data-slot","AlertDialogTrigger","Trigger","AlertDialogPortal","Portal","AlertDialogOverlay","className","Overlay","AlertDialogContent","Content","AlertDialogHeader","div","AlertDialogFooter","AlertDialogTitle","Title","AlertDialogDescription","Description","AlertDialogAction","Action","AlertDialogCancel","Cancel","variant"],"mappings":";AAAA,YAAYA,0BAA0B,+BAA+B;AAErE,SAASC,cAAc,QAAQ,cAA+B;AAC9D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,YAAY,EACpB,GAAGC,OACqD;IACxD,qBAAO,KAACJ,qBAAqBK,IAAI;QAACC,aAAU;QAAgB,GAAGF,KAAK;;AACrE;AAEA,SAASG,mBAAmB,EAC3B,GAAGH,OACwD;IAC3D,qBACC,KAACJ,qBAAqBQ,OAAO;QAACF,aAAU;QAAwB,GAAGF,KAAK;;AAE1E;AAEA,SAASK,kBAAkB,EAC1B,GAAGL,OACuD;IAC1D,qBACC,KAACJ,qBAAqBU,MAAM;QAACJ,aAAU;QAAuB,GAAGF,KAAK;;AAExE;AAEA,SAASO,mBAAmB,EAC3BC,SAAS,EACT,GAAGR,OACwD;IAC3D,qBACC,KAACJ,qBAAqBa,OAAO;QAC5BP,aAAU;QACVM,WAAWV,GACV,0JACAU;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SAASU,mBAAmB,EAC3BF,SAAS,EACT,GAAGR,OACwD;IAC3D,qBACC,MAACK;;0BACA,KAACE;0BACD,KAACX,qBAAqBe,OAAO;gBAC5BT,aAAU;gBACVM,WAAWV,GACV,+WACAU;gBAEA,GAAGR,KAAK;;;;AAIb;AAEA,SAASY,kBAAkB,EAC1BJ,SAAS,EACT,GAAGR,OAC0B;IAC7B,qBACC,KAACa;QACAX,aAAU;QACVM,WAAWV,GAAG,gDAAgDU;QAC7D,GAAGR,KAAK;;AAGZ;AAEA,SAASc,kBAAkB,EAC1BN,SAAS,EACT,GAAGR,OAC0B;IAC7B,qBACC,KAACa;QACAX,aAAU;QACVM,WAAWV,GACV,0DACAU;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SAASe,iBAAiB,EACzBP,SAAS,EACT,GAAGR,OACsD;IACzD,qBACC,KAACJ,qBAAqBoB,KAAK;QAC1Bd,aAAU;QACVM,WAAWV,GAAG,yBAAyBU;QACtC,GAAGR,KAAK;;AAGZ;AAEA,SAASiB,uBAAuB,EAC/BT,SAAS,EACT,GAAGR,OAC4D;IAC/D,qBACC,KAACJ,qBAAqBsB,WAAW;QAChChB,aAAU;QACVM,WAAWV,GAAG,iCAAiCU;QAC9C,GAAGR,KAAK;;AAGZ;AAEA,SAASmB,kBAAkB,EAC1BX,SAAS,EACT,GAAGR,OACuD;IAC1D,qBACC,KAACJ,qBAAqBwB,MAAM;QAC3BZ,WAAWV,GAAGD,kBAAkBW;QAC/B,GAAGR,KAAK;;AAGZ;AAEA,SAASqB,kBAAkB,EAC1Bb,SAAS,EACT,GAAGR,OACuD;IAC1D,qBACC,KAACJ,qBAAqB0B,MAAM;QAC3Bd,WAAWV,GAAGD,eAAe;YAAE0B,SAAS;QAAY,IAAIf;QACvD,GAAGR,KAAK;;AAGZ;AAEA,SACCD,WAAW,EACXM,iBAAiB,EACjBE,kBAAkB,EAClBJ,kBAAkB,EAClBO,kBAAkB,EAClBE,iBAAiB,EACjBE,iBAAiB,EACjBC,gBAAgB,EAChBE,sBAAsB,EACtBE,iBAAiB,EACjBE,iBAAiB,GAChB"}
|
|
@@ -1,11 +1,46 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger
|
|
3
|
-
import { Button } from "
|
|
2
|
+
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "./alert-dialog.js";
|
|
3
|
+
import { Button } from "./button.js";
|
|
4
4
|
const meta = {
|
|
5
|
-
title: "Component/Alert dialog"
|
|
5
|
+
title: "Component/Alert dialog"
|
|
6
6
|
};
|
|
7
7
|
export default meta;
|
|
8
8
|
export const Demo = {
|
|
9
|
-
render: ()
|
|
9
|
+
render: ()=>/*#__PURE__*/ _jsxs(AlertDialog, {
|
|
10
|
+
children: [
|
|
11
|
+
/*#__PURE__*/ _jsx(AlertDialogTrigger, {
|
|
12
|
+
asChild: true,
|
|
13
|
+
children: /*#__PURE__*/ _jsx(Button, {
|
|
14
|
+
variant: "secondary",
|
|
15
|
+
children: "Show Dialog"
|
|
16
|
+
})
|
|
17
|
+
}),
|
|
18
|
+
/*#__PURE__*/ _jsxs(AlertDialogContent, {
|
|
19
|
+
children: [
|
|
20
|
+
/*#__PURE__*/ _jsxs(AlertDialogHeader, {
|
|
21
|
+
children: [
|
|
22
|
+
/*#__PURE__*/ _jsx(AlertDialogTitle, {
|
|
23
|
+
children: "Are you absolutely sure?"
|
|
24
|
+
}),
|
|
25
|
+
/*#__PURE__*/ _jsx(AlertDialogDescription, {
|
|
26
|
+
children: "This action cannot be undone. This will permanently delete your account and remove your data from our servers."
|
|
27
|
+
})
|
|
28
|
+
]
|
|
29
|
+
}),
|
|
30
|
+
/*#__PURE__*/ _jsxs(AlertDialogFooter, {
|
|
31
|
+
children: [
|
|
32
|
+
/*#__PURE__*/ _jsx(AlertDialogCancel, {
|
|
33
|
+
children: "Cancel"
|
|
34
|
+
}),
|
|
35
|
+
/*#__PURE__*/ _jsx(AlertDialogAction, {
|
|
36
|
+
children: "Continue"
|
|
37
|
+
})
|
|
38
|
+
]
|
|
39
|
+
})
|
|
40
|
+
]
|
|
41
|
+
})
|
|
42
|
+
]
|
|
43
|
+
})
|
|
10
44
|
};
|
|
45
|
+
|
|
11
46
|
//# sourceMappingURL=alert-dialog.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/alert-dialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tAlertDialog,\n\tAlertDialogAction,\n\tAlertDialogCancel,\n\tAlertDialogContent,\n\tAlertDialogDescription,\n\tAlertDialogFooter,\n\tAlertDialogHeader,\n\tAlertDialogTitle,\n\tAlertDialogTrigger,\n} from \"#shadcn/components/ui/alert-dialog\";\nimport { Button } from \"#shadcn/components/ui/button\";\n\nconst meta = {\n\ttitle: \"Component/Alert dialog\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<AlertDialog>\n\t\t\t<AlertDialogTrigger asChild>\n\t\t\t\t<Button variant=\"secondary\">Show Dialog</Button>\n\t\t\t</AlertDialogTrigger>\n\t\t\t<AlertDialogContent>\n\t\t\t\t<AlertDialogHeader>\n\t\t\t\t\t<AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>\n\t\t\t\t\t<AlertDialogDescription>\n\t\t\t\t\t\tThis action cannot be undone. This will permanently delete your\n\t\t\t\t\t\taccount and remove your data from our servers.\n\t\t\t\t\t</AlertDialogDescription>\n\t\t\t\t</AlertDialogHeader>\n\t\t\t\t<AlertDialogFooter>\n\t\t\t\t\t<AlertDialogCancel>Cancel</AlertDialogCancel>\n\t\t\t\t\t<AlertDialogAction>Continue</AlertDialogAction>\n\t\t\t\t</AlertDialogFooter>\n\t\t\t</AlertDialogContent>\n\t\t</AlertDialog>\n\t),\n} satisfies Story;\n"],"names":["AlertDialog","AlertDialogAction","AlertDialogCancel","AlertDialogContent","AlertDialogDescription","AlertDialogFooter","AlertDialogHeader","AlertDialogTitle","AlertDialogTrigger","Button","meta","title","Demo","render","asChild","variant"],"mappings":";AACA,SACCA,WAAW,EACXC,iBAAiB,EACjBC,iBAAiB,EACjBC,kBAAkB,EAClBC,sBAAsB,EACtBC,iBAAiB,EACjBC,iBAAiB,EACjBC,gBAAgB,EAChBC,kBAAkB,QACZ,oBAAqC;AAC5C,SAASC,MAAM,QAAQ,cAA+B;AAEtD,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACb;;8BACA,KAACQ;oBAAmBM,OAAO;8BAC1B,cAAA,KAACL;wBAAOM,SAAQ;kCAAY;;;8BAE7B,MAACZ;;sCACA,MAACG;;8CACA,KAACC;8CAAiB;;8CAClB,KAACH;8CAAuB;;;;sCAKzB,MAACC;;8CACA,KAACH;8CAAkB;;8CACnB,KAACD;8CAAkB;;;;;;;;AAKxB,EAAkB"}
|
|
@@ -1,25 +1,41 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { cva } from "class-variance-authority";
|
|
3
|
-
import { cn } from "
|
|
3
|
+
import { cn } from "../../lib/utils.js";
|
|
4
4
|
const alertVariants = 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
7
|
default: "bg-card text-card-foreground",
|
|
8
|
-
destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
|
|
9
|
-
}
|
|
8
|
+
destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
|
|
9
|
+
}
|
|
10
10
|
},
|
|
11
11
|
defaultVariants: {
|
|
12
|
-
variant: "default"
|
|
13
|
-
}
|
|
12
|
+
variant: "default"
|
|
13
|
+
}
|
|
14
14
|
});
|
|
15
15
|
function Alert({ className, variant, ...props }) {
|
|
16
|
-
return
|
|
16
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
17
|
+
"data-slot": "alert",
|
|
18
|
+
role: "alert",
|
|
19
|
+
className: cn(alertVariants({
|
|
20
|
+
variant
|
|
21
|
+
}), className),
|
|
22
|
+
...props
|
|
23
|
+
});
|
|
17
24
|
}
|
|
18
25
|
function AlertTitle({ className, ...props }) {
|
|
19
|
-
return
|
|
26
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
27
|
+
"data-slot": "alert-title",
|
|
28
|
+
className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
|
|
29
|
+
...props
|
|
30
|
+
});
|
|
20
31
|
}
|
|
21
32
|
function AlertDescription({ className, ...props }) {
|
|
22
|
-
return
|
|
33
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
34
|
+
"data-slot": "alert-description",
|
|
35
|
+
className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
|
|
36
|
+
...props
|
|
37
|
+
});
|
|
23
38
|
}
|
|
24
39
|
export { Alert, AlertTitle, AlertDescription };
|
|
40
|
+
|
|
25
41
|
//# sourceMappingURL=alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst alertVariants = cva(\n\t\"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\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-card text-card-foreground\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\nfunction Alert({\n\tclassName,\n\tvariant,\n\t...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert\"\n\t\t\trole=\"alert\"\n\t\t\tclassName={cn(alertVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-title\"\n\t\t\tclassName={cn(\n\t\t\t\t\"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-description\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Alert, AlertTitle, AlertDescription };\n"],"names":["cva","cn","alertVariants","variants","variant","default","destructive","defaultVariants","Alert","className","props","div","data-slot","role","AlertTitle","AlertDescription"],"mappings":";AAAA,SAASA,GAAG,QAA2B,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,gBAAgBF,IACrB,qOACA;IACCG,UAAU;QACTC,SAAS;YACRC,SAAS;YACTC,aACC;QACF;IACD;IACAC,iBAAiB;QAChBH,SAAS;IACV;AACD;AAGD,SAASI,MAAM,EACdC,SAAS,EACTL,OAAO,EACP,GAAGM,OAC+D;IAClE,qBACC,KAACC;QACAC,aAAU;QACVC,MAAK;QACLJ,WAAWR,GAAGC,cAAc;YAAEE;QAAQ,IAAIK;QACzC,GAAGC,KAAK;;AAGZ;AAEA,SAASI,WAAW,EAAEL,SAAS,EAAE,GAAGC,OAAoC;IACvE,qBACC,KAACC;QACAC,aAAU;QACVH,WAAWR,GACV,+DACAQ;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASK,iBAAiB,EACzBN,SAAS,EACT,GAAGC,OAC0B;IAC7B,qBACC,KAACC;QACAC,aAAU;QACVH,WAAWR,GACV,kGACAQ;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASF,KAAK,EAAEM,UAAU,EAAEC,gBAAgB,GAAG"}
|
|
@@ -1,11 +1,65 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { AlertCircleIcon, CheckCircle2Icon, PopcornIcon } from "lucide-react";
|
|
3
|
-
import { Alert, AlertDescription, AlertTitle
|
|
3
|
+
import { Alert, AlertDescription, AlertTitle } from "./alert.js";
|
|
4
4
|
const meta = {
|
|
5
|
-
title: "Component/Alert"
|
|
5
|
+
title: "Component/Alert"
|
|
6
6
|
};
|
|
7
7
|
export default meta;
|
|
8
8
|
export const Demo = {
|
|
9
|
-
render: ()
|
|
9
|
+
render: ()=>/*#__PURE__*/ _jsxs("div", {
|
|
10
|
+
className: "grid w-full max-w-xl items-start gap-4",
|
|
11
|
+
children: [
|
|
12
|
+
/*#__PURE__*/ _jsxs(Alert, {
|
|
13
|
+
children: [
|
|
14
|
+
/*#__PURE__*/ _jsx(CheckCircle2Icon, {}),
|
|
15
|
+
/*#__PURE__*/ _jsx(AlertTitle, {
|
|
16
|
+
children: "Success! Your changes have been saved"
|
|
17
|
+
}),
|
|
18
|
+
/*#__PURE__*/ _jsx(AlertDescription, {
|
|
19
|
+
children: "This is an alert with icon, title and description."
|
|
20
|
+
})
|
|
21
|
+
]
|
|
22
|
+
}),
|
|
23
|
+
/*#__PURE__*/ _jsxs(Alert, {
|
|
24
|
+
children: [
|
|
25
|
+
/*#__PURE__*/ _jsx(PopcornIcon, {}),
|
|
26
|
+
/*#__PURE__*/ _jsx(AlertTitle, {
|
|
27
|
+
children: "This Alert has a title and an icon. No description."
|
|
28
|
+
})
|
|
29
|
+
]
|
|
30
|
+
}),
|
|
31
|
+
/*#__PURE__*/ _jsxs(Alert, {
|
|
32
|
+
variant: "destructive",
|
|
33
|
+
children: [
|
|
34
|
+
/*#__PURE__*/ _jsx(AlertCircleIcon, {}),
|
|
35
|
+
/*#__PURE__*/ _jsx(AlertTitle, {
|
|
36
|
+
children: "Unable to process your payment."
|
|
37
|
+
}),
|
|
38
|
+
/*#__PURE__*/ _jsxs(AlertDescription, {
|
|
39
|
+
children: [
|
|
40
|
+
/*#__PURE__*/ _jsx("p", {
|
|
41
|
+
children: "Please verify your billing information and try again."
|
|
42
|
+
}),
|
|
43
|
+
/*#__PURE__*/ _jsxs("ul", {
|
|
44
|
+
className: "list-inside list-disc text-sm",
|
|
45
|
+
children: [
|
|
46
|
+
/*#__PURE__*/ _jsx("li", {
|
|
47
|
+
children: "Check your card details"
|
|
48
|
+
}),
|
|
49
|
+
/*#__PURE__*/ _jsx("li", {
|
|
50
|
+
children: "Ensure sufficient funds"
|
|
51
|
+
}),
|
|
52
|
+
/*#__PURE__*/ _jsx("li", {
|
|
53
|
+
children: "Verify billing address"
|
|
54
|
+
})
|
|
55
|
+
]
|
|
56
|
+
})
|
|
57
|
+
]
|
|
58
|
+
})
|
|
59
|
+
]
|
|
60
|
+
})
|
|
61
|
+
]
|
|
62
|
+
})
|
|
10
63
|
};
|
|
64
|
+
|
|
11
65
|
//# sourceMappingURL=alert.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/alert.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { AlertCircleIcon, CheckCircle2Icon, PopcornIcon } from \"lucide-react\";\nimport {\n\tAlert,\n\tAlertDescription,\n\tAlertTitle,\n} from \"#shadcn/components/ui/alert\";\n\nconst meta = {\n\ttitle: \"Component/Alert\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div className=\"grid w-full max-w-xl items-start gap-4\">\n\t\t\t<Alert>\n\t\t\t\t<CheckCircle2Icon />\n\t\t\t\t<AlertTitle>Success! Your changes have been saved</AlertTitle>\n\t\t\t\t<AlertDescription>\n\t\t\t\t\tThis is an alert with icon, title and description.\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\t\t\t<Alert>\n\t\t\t\t<PopcornIcon />\n\t\t\t\t<AlertTitle>\n\t\t\t\t\tThis Alert has a title and an icon. No description.\n\t\t\t\t</AlertTitle>\n\t\t\t</Alert>\n\t\t\t<Alert variant=\"destructive\">\n\t\t\t\t<AlertCircleIcon />\n\t\t\t\t<AlertTitle>Unable to process your payment.</AlertTitle>\n\t\t\t\t<AlertDescription>\n\t\t\t\t\t<p>Please verify your billing information and try again.</p>\n\t\t\t\t\t<ul className=\"list-inside list-disc text-sm\">\n\t\t\t\t\t\t<li>Check your card details</li>\n\t\t\t\t\t\t<li>Ensure sufficient funds</li>\n\t\t\t\t\t\t<li>Verify billing address</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["AlertCircleIcon","CheckCircle2Icon","PopcornIcon","Alert","AlertDescription","AlertTitle","meta","title","Demo","render","div","className","variant","p","ul","li"],"mappings":";AACA,SAASA,eAAe,EAAEC,gBAAgB,EAAEC,WAAW,QAAQ,eAAe;AAC9E,SACCC,KAAK,EACLC,gBAAgB,EAChBC,UAAU,QACJ,aAA8B;AAErC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACC;YAAIC,WAAU;;8BACd,MAACR;;sCACA,KAACF;sCACD,KAACI;sCAAW;;sCACZ,KAACD;sCAAiB;;;;8BAInB,MAACD;;sCACA,KAACD;sCACD,KAACG;sCAAW;;;;8BAIb,MAACF;oBAAMS,SAAQ;;sCACd,KAACZ;sCACD,KAACK;sCAAW;;sCACZ,MAACD;;8CACA,KAACS;8CAAE;;8CACH,MAACC;oCAAGH,WAAU;;sDACb,KAACI;sDAAG;;sDACJ,KAACA;sDAAG;;sDACJ,KAACA;sDAAG;;;;;;;;;;AAMV,EAAkB"}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
|
|
3
3
|
function AspectRatio({ ...props }) {
|
|
4
|
-
return _jsx(AspectRatioPrimitive.Root, {
|
|
4
|
+
return /*#__PURE__*/ _jsx(AspectRatioPrimitive.Root, {
|
|
5
|
+
"data-slot": "aspect-ratio",
|
|
6
|
+
...props
|
|
7
|
+
});
|
|
5
8
|
}
|
|
6
9
|
export { AspectRatio };
|
|
10
|
+
|
|
7
11
|
//# sourceMappingURL=aspect-ratio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/aspect-ratio.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\n\nfunction AspectRatio({\n\t...props\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n\treturn <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />;\n}\n\nexport { AspectRatio };\n"],"names":["AspectRatioPrimitive","AspectRatio","props","Root","data-slot"],"mappings":";AAAA,YAAYA,0BAA0B,+BAA+B;AAErE,SAASC,YAAY,EACpB,GAAGC,OACqD;IACxD,qBAAO,KAACF,qBAAqBG,IAAI;QAACC,aAAU;QAAgB,GAAGF,KAAK;;AACrE;AAEA,SAASD,WAAW,GAAG"}
|
|
@@ -1,10 +1,19 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { AspectRatio } from "
|
|
2
|
+
import { AspectRatio } from "./aspect-ratio.js";
|
|
3
3
|
const meta = {
|
|
4
|
-
title: "Component/Aspect ration"
|
|
4
|
+
title: "Component/Aspect ration"
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
7
|
export const Demo = {
|
|
8
|
-
render: ()
|
|
8
|
+
render: ()=>/*#__PURE__*/ _jsx(AspectRatio, {
|
|
9
|
+
ratio: 16 / 9,
|
|
10
|
+
className: "bg-muted rounded-lg",
|
|
11
|
+
children: /*#__PURE__*/ _jsx("img", {
|
|
12
|
+
src: "https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80",
|
|
13
|
+
alt: "Aspect Ration demonstraion image.",
|
|
14
|
+
className: "h-full w-full rounded-lg object-cover dark:brightness-[0.2] dark:grayscale"
|
|
15
|
+
})
|
|
16
|
+
})
|
|
9
17
|
};
|
|
18
|
+
|
|
10
19
|
//# sourceMappingURL=aspect-ratio.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/aspect-ratio.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { AspectRatio } from \"#shadcn/components/ui/aspect-ratio\";\n\nconst meta = {\n\ttitle: \"Component/Aspect ration\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<AspectRatio ratio={16 / 9} className=\"bg-muted rounded-lg\">\n\t\t\t<img\n\t\t\t\tsrc=\"https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80\"\n\t\t\t\talt=\"Aspect Ration demonstraion image.\"\n\t\t\t\tclassName=\"h-full w-full rounded-lg object-cover dark:brightness-[0.2] dark:grayscale\"\n\t\t\t/>\n\t\t</AspectRatio>\n\t),\n} satisfies Story;\n"],"names":["AspectRatio","meta","title","Demo","render","ratio","className","img","src","alt"],"mappings":";AACA,SAASA,WAAW,QAAQ,oBAAqC;AAEjE,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACJ;YAAYK,OAAO,KAAK;YAAGC,WAAU;sBACrC,cAAA,KAACC;gBACAC,KAAI;gBACJC,KAAI;gBACJH,WAAU;;;AAId,EAAkB"}
|
|
@@ -1,14 +1,27 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
3
|
-
import { cn } from "
|
|
3
|
+
import { cn } from "../../lib/utils.js";
|
|
4
4
|
function Avatar({ className, ...props }) {
|
|
5
|
-
return
|
|
5
|
+
return /*#__PURE__*/ _jsx(AvatarPrimitive.Root, {
|
|
6
|
+
"data-slot": "avatar",
|
|
7
|
+
className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
6
10
|
}
|
|
7
11
|
function AvatarImage({ className, ...props }) {
|
|
8
|
-
return
|
|
12
|
+
return /*#__PURE__*/ _jsx(AvatarPrimitive.Image, {
|
|
13
|
+
"data-slot": "avatar-image",
|
|
14
|
+
className: cn("aspect-square size-full", className),
|
|
15
|
+
...props
|
|
16
|
+
});
|
|
9
17
|
}
|
|
10
18
|
function AvatarFallback({ className, ...props }) {
|
|
11
|
-
return
|
|
19
|
+
return /*#__PURE__*/ _jsx(AvatarPrimitive.Fallback, {
|
|
20
|
+
"data-slot": "avatar-fallback",
|
|
21
|
+
className: cn("bg-muted flex size-full items-center justify-center rounded-full", className),
|
|
22
|
+
...props
|
|
23
|
+
});
|
|
12
24
|
}
|
|
13
25
|
export { Avatar, AvatarImage, AvatarFallback };
|
|
26
|
+
|
|
14
27
|
//# sourceMappingURL=avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Avatar({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n\treturn (\n\t\t<AvatarPrimitive.Root\n\t\t\tdata-slot=\"avatar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AvatarImage({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n\treturn (\n\t\t<AvatarPrimitive.Image\n\t\t\tdata-slot=\"avatar-image\"\n\t\t\tclassName={cn(\"aspect-square size-full\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AvatarFallback({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n\treturn (\n\t\t<AvatarPrimitive.Fallback\n\t\t\tdata-slot=\"avatar-fallback\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-muted flex size-full items-center justify-center rounded-full\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"names":["AvatarPrimitive","cn","Avatar","className","props","Root","data-slot","AvatarImage","Image","AvatarFallback","Fallback"],"mappings":";AAAA,YAAYA,qBAAqB,yBAAyB;AAG1D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,OAAO,EACfC,SAAS,EACT,GAAGC,OACgD;IACnD,qBACC,KAACJ,gBAAgBK,IAAI;QACpBC,aAAU;QACVH,WAAWF,GACV,8DACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASG,YAAY,EACpBJ,SAAS,EACT,GAAGC,OACiD;IACpD,qBACC,KAACJ,gBAAgBQ,KAAK;QACrBF,aAAU;QACVH,WAAWF,GAAG,2BAA2BE;QACxC,GAAGC,KAAK;;AAGZ;AAEA,SAASK,eAAe,EACvBN,SAAS,EACT,GAAGC,OACoD;IACvD,qBACC,KAACJ,gBAAgBU,QAAQ;QACxBJ,aAAU;QACVH,WAAWF,GACV,oEACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASF,MAAM,EAAEK,WAAW,EAAEE,cAAc,GAAG"}
|
|
@@ -1,10 +1,76 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Avatar, AvatarFallback, AvatarImage
|
|
2
|
+
import { Avatar, AvatarFallback, AvatarImage } from "./avatar.js";
|
|
3
3
|
const meta = {
|
|
4
|
-
title: "Component/Avatar"
|
|
4
|
+
title: "Component/Avatar"
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
7
|
export const Demo = {
|
|
8
|
-
render: ()
|
|
8
|
+
render: ()=>/*#__PURE__*/ _jsxs("div", {
|
|
9
|
+
className: "flex flex-row flex-wrap items-center gap-12",
|
|
10
|
+
children: [
|
|
11
|
+
/*#__PURE__*/ _jsxs(Avatar, {
|
|
12
|
+
children: [
|
|
13
|
+
/*#__PURE__*/ _jsx(AvatarImage, {
|
|
14
|
+
src: "https://github.com/shadcn.png",
|
|
15
|
+
alt: "@shadcn"
|
|
16
|
+
}),
|
|
17
|
+
/*#__PURE__*/ _jsx(AvatarFallback, {
|
|
18
|
+
children: "CN"
|
|
19
|
+
})
|
|
20
|
+
]
|
|
21
|
+
}),
|
|
22
|
+
/*#__PURE__*/ _jsxs(Avatar, {
|
|
23
|
+
className: "rounded-lg",
|
|
24
|
+
children: [
|
|
25
|
+
/*#__PURE__*/ _jsx(AvatarImage, {
|
|
26
|
+
src: "https://github.com/evilrabbit.png",
|
|
27
|
+
alt: "@evilrabbit"
|
|
28
|
+
}),
|
|
29
|
+
/*#__PURE__*/ _jsx(AvatarFallback, {
|
|
30
|
+
children: "ER"
|
|
31
|
+
})
|
|
32
|
+
]
|
|
33
|
+
}),
|
|
34
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
35
|
+
className: "*:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:grayscale",
|
|
36
|
+
children: [
|
|
37
|
+
/*#__PURE__*/ _jsxs(Avatar, {
|
|
38
|
+
children: [
|
|
39
|
+
/*#__PURE__*/ _jsx(AvatarImage, {
|
|
40
|
+
src: "https://github.com/shadcn.png",
|
|
41
|
+
alt: "@shadcn"
|
|
42
|
+
}),
|
|
43
|
+
/*#__PURE__*/ _jsx(AvatarFallback, {
|
|
44
|
+
children: "CN"
|
|
45
|
+
})
|
|
46
|
+
]
|
|
47
|
+
}),
|
|
48
|
+
/*#__PURE__*/ _jsxs(Avatar, {
|
|
49
|
+
children: [
|
|
50
|
+
/*#__PURE__*/ _jsx(AvatarImage, {
|
|
51
|
+
src: "https://github.com/leerob.png",
|
|
52
|
+
alt: "@leerob"
|
|
53
|
+
}),
|
|
54
|
+
/*#__PURE__*/ _jsx(AvatarFallback, {
|
|
55
|
+
children: "LR"
|
|
56
|
+
})
|
|
57
|
+
]
|
|
58
|
+
}),
|
|
59
|
+
/*#__PURE__*/ _jsxs(Avatar, {
|
|
60
|
+
children: [
|
|
61
|
+
/*#__PURE__*/ _jsx(AvatarImage, {
|
|
62
|
+
src: "https://github.com/evilrabbit.png",
|
|
63
|
+
alt: "@evilrabbit"
|
|
64
|
+
}),
|
|
65
|
+
/*#__PURE__*/ _jsx(AvatarFallback, {
|
|
66
|
+
children: "ER"
|
|
67
|
+
})
|
|
68
|
+
]
|
|
69
|
+
})
|
|
70
|
+
]
|
|
71
|
+
})
|
|
72
|
+
]
|
|
73
|
+
})
|
|
9
74
|
};
|
|
75
|
+
|
|
10
76
|
//# sourceMappingURL=avatar.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/avatar.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tAvatar,\n\tAvatarFallback,\n\tAvatarImage,\n} from \"#shadcn/components/ui/avatar\";\n\nconst meta = {\n\ttitle: \"Component/Avatar\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div className=\"flex flex-row flex-wrap items-center gap-12\">\n\t\t\t<Avatar>\n\t\t\t\t<AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n\t\t\t\t<AvatarFallback>CN</AvatarFallback>\n\t\t\t</Avatar>\n\t\t\t<Avatar className=\"rounded-lg\">\n\t\t\t\t<AvatarImage\n\t\t\t\t\tsrc=\"https://github.com/evilrabbit.png\"\n\t\t\t\t\talt=\"@evilrabbit\"\n\t\t\t\t/>\n\t\t\t\t<AvatarFallback>ER</AvatarFallback>\n\t\t\t</Avatar>\n\t\t\t<div className=\"*:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:grayscale\">\n\t\t\t\t<Avatar>\n\t\t\t\t\t<AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n\t\t\t\t\t<AvatarFallback>CN</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t\t<Avatar>\n\t\t\t\t\t<AvatarImage src=\"https://github.com/leerob.png\" alt=\"@leerob\" />\n\t\t\t\t\t<AvatarFallback>LR</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t\t<Avatar>\n\t\t\t\t\t<AvatarImage\n\t\t\t\t\t\tsrc=\"https://github.com/evilrabbit.png\"\n\t\t\t\t\t\talt=\"@evilrabbit\"\n\t\t\t\t\t/>\n\t\t\t\t\t<AvatarFallback>ER</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Avatar","AvatarFallback","AvatarImage","meta","title","Demo","render","div","className","src","alt"],"mappings":";AACA,SACCA,MAAM,EACNC,cAAc,EACdC,WAAW,QACL,cAA+B;AAEtC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACC;YAAIC,WAAU;;8BACd,MAACR;;sCACA,KAACE;4BAAYO,KAAI;4BAAgCC,KAAI;;sCACrD,KAACT;sCAAe;;;;8BAEjB,MAACD;oBAAOQ,WAAU;;sCACjB,KAACN;4BACAO,KAAI;4BACJC,KAAI;;sCAEL,KAACT;sCAAe;;;;8BAEjB,MAACM;oBAAIC,WAAU;;sCACd,MAACR;;8CACA,KAACE;oCAAYO,KAAI;oCAAgCC,KAAI;;8CACrD,KAACT;8CAAe;;;;sCAEjB,MAACD;;8CACA,KAACE;oCAAYO,KAAI;oCAAgCC,KAAI;;8CACrD,KAACT;8CAAe;;;;sCAEjB,MAACD;;8CACA,KAACE;oCACAO,KAAI;oCACJC,KAAI;;8CAEL,KAACT;8CAAe;;;;;;;;AAKrB,EAAkB"}
|
|
@@ -1,23 +1,30 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { Slot } from "@radix-ui/react-slot";
|
|
3
3
|
import { cva } from "class-variance-authority";
|
|
4
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
5
5
|
const badgeVariants = 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
6
|
variants: {
|
|
7
7
|
variant: {
|
|
8
8
|
default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
9
9
|
secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
10
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
|
-
}
|
|
11
|
+
outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
|
|
12
|
+
}
|
|
13
13
|
},
|
|
14
14
|
defaultVariants: {
|
|
15
|
-
variant: "default"
|
|
16
|
-
}
|
|
15
|
+
variant: "default"
|
|
16
|
+
}
|
|
17
17
|
});
|
|
18
18
|
function Badge({ className, variant, asChild = false, ...props }) {
|
|
19
19
|
const Comp = asChild ? Slot : "span";
|
|
20
|
-
return
|
|
20
|
+
return /*#__PURE__*/ _jsx(Comp, {
|
|
21
|
+
"data-slot": "badge",
|
|
22
|
+
className: cn(badgeVariants({
|
|
23
|
+
variant
|
|
24
|
+
}), className),
|
|
25
|
+
...props
|
|
26
|
+
});
|
|
21
27
|
}
|
|
22
28
|
export { Badge, badgeVariants };
|
|
29
|
+
|
|
23
30
|
//# sourceMappingURL=badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/badge.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst badgeVariants = cva(\n\t\"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\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault:\n\t\t\t\t\t\"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n\t\t\t\tsecondary:\n\t\t\t\t\t\"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"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\",\n\t\t\t\toutline:\n\t\t\t\t\t\"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\nfunction Badge({\n\tclassName,\n\tvariant,\n\tasChild = false,\n\t...props\n}: React.ComponentProps<\"span\"> &\n\tVariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot : \"span\";\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"badge\"\n\t\t\tclassName={cn(badgeVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Badge, badgeVariants };\n"],"names":["Slot","cva","cn","badgeVariants","variants","variant","default","secondary","destructive","outline","defaultVariants","Badge","className","asChild","props","Comp","data-slot"],"mappings":";AAAA,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,GAAG,QAA2B,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,gBAAgBF,IACrB,kZACA;IACCG,UAAU;QACTC,SAAS;YACRC,SACC;YACDC,WACC;YACDC,aACC;YACDC,SACC;QACF;IACD;IACAC,iBAAiB;QAChBL,SAAS;IACV;AACD;AAGD,SAASM,MAAM,EACdC,SAAS,EACTP,OAAO,EACPQ,UAAU,KAAK,EACf,GAAGC,OAEuD;IAC1D,MAAMC,OAAOF,UAAUb,OAAO;IAE9B,qBACC,KAACe;QACAC,aAAU;QACVJ,WAAWV,GAAGC,cAAc;YAAEE;QAAQ,IAAIO;QACzC,GAAGE,KAAK;;AAGZ;AAEA,SAASH,KAAK,EAAER,aAAa,GAAG"}
|