@health-samurai/react-components 0.0.0-alpha.1 → 0.0.0-alpha.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/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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/aspect-ratio.js +6 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/calendar.js +76 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/chart.js +119 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.js +15 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/context-menu.js +107 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/drawer.js +62 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/form.js +59 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/hover-card.js +21 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/label.js +8 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/popover.js +24 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.js +20 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/scroll-area.js +27 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/separator.js +10 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/sidebar.js +305 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/slider.js +41 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/switch.js +12 -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 +76 -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.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tooltip.js +27 -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/aspect-ratio.tsx +1 -0
- package/src/shadcn/components/ui/calendar.tsx +1 -0
- package/src/shadcn/components/ui/chart.tsx +1 -0
- package/src/shadcn/components/ui/checkbox.tsx +1 -0
- package/src/shadcn/components/ui/context-menu.tsx +1 -0
- package/src/shadcn/components/ui/drawer.tsx +1 -0
- package/src/shadcn/components/ui/form.tsx +1 -0
- package/src/shadcn/components/ui/hover-card.tsx +1 -0
- package/src/shadcn/components/ui/label.tsx +1 -0
- package/src/shadcn/components/ui/popover.tsx +1 -0
- package/src/shadcn/components/ui/radio-group.tsx +1 -0
- package/src/shadcn/components/ui/scroll-area.tsx +1 -0
- package/src/shadcn/components/ui/separator.tsx +1 -0
- package/src/shadcn/components/ui/sidebar.tsx +1 -0
- package/src/shadcn/components/ui/slider.tsx +1 -0
- package/src/shadcn/components/ui/switch.tsx +1 -0
- package/src/shadcn/components/ui/tabs.stories.tsx +57 -0
- package/src/shadcn/components/ui/tabs.tsx +77 -26
- package/src/shadcn/components/ui/tooltip.tsx +1 -0
|
@@ -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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/aspect-ratio.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/aspect-ratio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
3
|
import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
|
|
3
4
|
function AspectRatio({ ...props }) {
|
|
4
|
-
return _jsx(AspectRatioPrimitive.Root, {
|
|
5
|
+
return /*#__PURE__*/ _jsx(AspectRatioPrimitive.Root, {
|
|
6
|
+
"data-slot": "aspect-ratio",
|
|
7
|
+
...props
|
|
8
|
+
});
|
|
5
9
|
}
|
|
6
10
|
export { AspectRatio };
|
|
11
|
+
|
|
7
12
|
//# sourceMappingURL=aspect-ratio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/aspect-ratio.tsx"],"sourcesContent":["\"use client\";\nimport * 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;;AACA,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
|