@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,10 +1,108 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger
|
|
2
|
+
import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./context-menu.js";
|
|
3
3
|
const meta = {
|
|
4
|
-
title: "Component/Context menu"
|
|
4
|
+
title: "Component/Context menu"
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
7
|
export const Demo = {
|
|
8
|
-
render: ()
|
|
8
|
+
render: ()=>/*#__PURE__*/ _jsxs(ContextMenu, {
|
|
9
|
+
children: [
|
|
10
|
+
/*#__PURE__*/ _jsx(ContextMenuTrigger, {
|
|
11
|
+
className: "flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm",
|
|
12
|
+
children: "Right click here"
|
|
13
|
+
}),
|
|
14
|
+
/*#__PURE__*/ _jsxs(ContextMenuContent, {
|
|
15
|
+
className: "w-52",
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsxs(ContextMenuItem, {
|
|
18
|
+
inset: true,
|
|
19
|
+
children: [
|
|
20
|
+
"Back",
|
|
21
|
+
/*#__PURE__*/ _jsx(ContextMenuShortcut, {
|
|
22
|
+
children: "⌘["
|
|
23
|
+
})
|
|
24
|
+
]
|
|
25
|
+
}),
|
|
26
|
+
/*#__PURE__*/ _jsxs(ContextMenuItem, {
|
|
27
|
+
inset: true,
|
|
28
|
+
disabled: true,
|
|
29
|
+
children: [
|
|
30
|
+
"Forward",
|
|
31
|
+
/*#__PURE__*/ _jsx(ContextMenuShortcut, {
|
|
32
|
+
children: "⌘]"
|
|
33
|
+
})
|
|
34
|
+
]
|
|
35
|
+
}),
|
|
36
|
+
/*#__PURE__*/ _jsxs(ContextMenuItem, {
|
|
37
|
+
inset: true,
|
|
38
|
+
children: [
|
|
39
|
+
"Reload",
|
|
40
|
+
/*#__PURE__*/ _jsx(ContextMenuShortcut, {
|
|
41
|
+
children: "⌘R"
|
|
42
|
+
})
|
|
43
|
+
]
|
|
44
|
+
}),
|
|
45
|
+
/*#__PURE__*/ _jsxs(ContextMenuSub, {
|
|
46
|
+
children: [
|
|
47
|
+
/*#__PURE__*/ _jsx(ContextMenuSubTrigger, {
|
|
48
|
+
inset: true,
|
|
49
|
+
children: "More Tools"
|
|
50
|
+
}),
|
|
51
|
+
/*#__PURE__*/ _jsxs(ContextMenuSubContent, {
|
|
52
|
+
className: "w-44",
|
|
53
|
+
children: [
|
|
54
|
+
/*#__PURE__*/ _jsx(ContextMenuItem, {
|
|
55
|
+
children: "Save Page..."
|
|
56
|
+
}),
|
|
57
|
+
/*#__PURE__*/ _jsx(ContextMenuItem, {
|
|
58
|
+
children: "Create Shortcut..."
|
|
59
|
+
}),
|
|
60
|
+
/*#__PURE__*/ _jsx(ContextMenuItem, {
|
|
61
|
+
children: "Name Window..."
|
|
62
|
+
}),
|
|
63
|
+
/*#__PURE__*/ _jsx(ContextMenuSeparator, {}),
|
|
64
|
+
/*#__PURE__*/ _jsx(ContextMenuItem, {
|
|
65
|
+
children: "Developer Tools"
|
|
66
|
+
}),
|
|
67
|
+
/*#__PURE__*/ _jsx(ContextMenuSeparator, {}),
|
|
68
|
+
/*#__PURE__*/ _jsx(ContextMenuItem, {
|
|
69
|
+
variant: "destructive",
|
|
70
|
+
children: "Delete"
|
|
71
|
+
})
|
|
72
|
+
]
|
|
73
|
+
})
|
|
74
|
+
]
|
|
75
|
+
}),
|
|
76
|
+
/*#__PURE__*/ _jsx(ContextMenuSeparator, {}),
|
|
77
|
+
/*#__PURE__*/ _jsx(ContextMenuCheckboxItem, {
|
|
78
|
+
checked: true,
|
|
79
|
+
children: "Show Bookmarks"
|
|
80
|
+
}),
|
|
81
|
+
/*#__PURE__*/ _jsx(ContextMenuCheckboxItem, {
|
|
82
|
+
children: "Show Full URLs"
|
|
83
|
+
}),
|
|
84
|
+
/*#__PURE__*/ _jsx(ContextMenuSeparator, {}),
|
|
85
|
+
/*#__PURE__*/ _jsxs(ContextMenuRadioGroup, {
|
|
86
|
+
value: "pedro",
|
|
87
|
+
children: [
|
|
88
|
+
/*#__PURE__*/ _jsx(ContextMenuLabel, {
|
|
89
|
+
inset: true,
|
|
90
|
+
children: "People"
|
|
91
|
+
}),
|
|
92
|
+
/*#__PURE__*/ _jsx(ContextMenuRadioItem, {
|
|
93
|
+
value: "pedro",
|
|
94
|
+
children: "Pedro Duarte"
|
|
95
|
+
}),
|
|
96
|
+
/*#__PURE__*/ _jsx(ContextMenuRadioItem, {
|
|
97
|
+
value: "colm",
|
|
98
|
+
children: "Colm Tuite"
|
|
99
|
+
})
|
|
100
|
+
]
|
|
101
|
+
})
|
|
102
|
+
]
|
|
103
|
+
})
|
|
104
|
+
]
|
|
105
|
+
})
|
|
9
106
|
};
|
|
107
|
+
|
|
10
108
|
//# sourceMappingURL=context-menu.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/context-menu.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tContextMenu,\n\tContextMenuCheckboxItem,\n\tContextMenuContent,\n\tContextMenuItem,\n\tContextMenuLabel,\n\tContextMenuRadioGroup,\n\tContextMenuRadioItem,\n\tContextMenuSeparator,\n\tContextMenuShortcut,\n\tContextMenuSub,\n\tContextMenuSubContent,\n\tContextMenuSubTrigger,\n\tContextMenuTrigger,\n} from \"#shadcn/components/ui/context-menu\";\n\nconst meta = {\n\ttitle: \"Component/Context menu\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<ContextMenu>\n\t\t\t<ContextMenuTrigger className=\"flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm\">\n\t\t\t\tRight click here\n\t\t\t</ContextMenuTrigger>\n\t\t\t<ContextMenuContent className=\"w-52\">\n\t\t\t\t<ContextMenuItem inset>\n\t\t\t\t\tBack\n\t\t\t\t\t<ContextMenuShortcut>⌘[</ContextMenuShortcut>\n\t\t\t\t</ContextMenuItem>\n\t\t\t\t<ContextMenuItem inset disabled>\n\t\t\t\t\tForward\n\t\t\t\t\t<ContextMenuShortcut>⌘]</ContextMenuShortcut>\n\t\t\t\t</ContextMenuItem>\n\t\t\t\t<ContextMenuItem inset>\n\t\t\t\t\tReload\n\t\t\t\t\t<ContextMenuShortcut>⌘R</ContextMenuShortcut>\n\t\t\t\t</ContextMenuItem>\n\t\t\t\t<ContextMenuSub>\n\t\t\t\t\t<ContextMenuSubTrigger inset>More Tools</ContextMenuSubTrigger>\n\t\t\t\t\t<ContextMenuSubContent className=\"w-44\">\n\t\t\t\t\t\t<ContextMenuItem>Save Page...</ContextMenuItem>\n\t\t\t\t\t\t<ContextMenuItem>Create Shortcut...</ContextMenuItem>\n\t\t\t\t\t\t<ContextMenuItem>Name Window...</ContextMenuItem>\n\t\t\t\t\t\t<ContextMenuSeparator />\n\t\t\t\t\t\t<ContextMenuItem>Developer Tools</ContextMenuItem>\n\t\t\t\t\t\t<ContextMenuSeparator />\n\t\t\t\t\t\t<ContextMenuItem variant=\"destructive\">Delete</ContextMenuItem>\n\t\t\t\t\t</ContextMenuSubContent>\n\t\t\t\t</ContextMenuSub>\n\t\t\t\t<ContextMenuSeparator />\n\t\t\t\t<ContextMenuCheckboxItem checked>\n\t\t\t\t\tShow Bookmarks\n\t\t\t\t</ContextMenuCheckboxItem>\n\t\t\t\t<ContextMenuCheckboxItem>Show Full URLs</ContextMenuCheckboxItem>\n\t\t\t\t<ContextMenuSeparator />\n\t\t\t\t<ContextMenuRadioGroup value=\"pedro\">\n\t\t\t\t\t<ContextMenuLabel inset>People</ContextMenuLabel>\n\t\t\t\t\t<ContextMenuRadioItem value=\"pedro\">\n\t\t\t\t\t\tPedro Duarte\n\t\t\t\t\t</ContextMenuRadioItem>\n\t\t\t\t\t<ContextMenuRadioItem value=\"colm\">Colm Tuite</ContextMenuRadioItem>\n\t\t\t\t</ContextMenuRadioGroup>\n\t\t\t</ContextMenuContent>\n\t\t</ContextMenu>\n\t),\n} satisfies Story;\n"],"names":["ContextMenu","ContextMenuCheckboxItem","ContextMenuContent","ContextMenuItem","ContextMenuLabel","ContextMenuRadioGroup","ContextMenuRadioItem","ContextMenuSeparator","ContextMenuShortcut","ContextMenuSub","ContextMenuSubContent","ContextMenuSubTrigger","ContextMenuTrigger","meta","title","Demo","render","className","inset","disabled","variant","checked","value"],"mappings":";AACA,SACCA,WAAW,EACXC,uBAAuB,EACvBC,kBAAkB,EAClBC,eAAe,EACfC,gBAAgB,EAChBC,qBAAqB,EACrBC,oBAAoB,EACpBC,oBAAoB,EACpBC,mBAAmB,EACnBC,cAAc,EACdC,qBAAqB,EACrBC,qBAAqB,EACrBC,kBAAkB,QACZ,oBAAqC;AAE5C,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAAChB;;8BACA,KAACY;oBAAmBK,WAAU;8BAA+F;;8BAG7H,MAACf;oBAAmBe,WAAU;;sCAC7B,MAACd;4BAAgBe,KAAK;;gCAAC;8CAEtB,KAACV;8CAAoB;;;;sCAEtB,MAACL;4BAAgBe,KAAK;4BAACC,QAAQ;;gCAAC;8CAE/B,KAACX;8CAAoB;;;;sCAEtB,MAACL;4BAAgBe,KAAK;;gCAAC;8CAEtB,KAACV;8CAAoB;;;;sCAEtB,MAACC;;8CACA,KAACE;oCAAsBO,KAAK;8CAAC;;8CAC7B,MAACR;oCAAsBO,WAAU;;sDAChC,KAACd;sDAAgB;;sDACjB,KAACA;sDAAgB;;sDACjB,KAACA;sDAAgB;;sDACjB,KAACI;sDACD,KAACJ;sDAAgB;;sDACjB,KAACI;sDACD,KAACJ;4CAAgBiB,SAAQ;sDAAc;;;;;;sCAGzC,KAACb;sCACD,KAACN;4BAAwBoB,OAAO;sCAAC;;sCAGjC,KAACpB;sCAAwB;;sCACzB,KAACM;sCACD,MAACF;4BAAsBiB,OAAM;;8CAC5B,KAAClB;oCAAiBc,KAAK;8CAAC;;8CACxB,KAACZ;oCAAqBgB,OAAM;8CAAQ;;8CAGpC,KAAChB;oCAAqBgB,OAAM;8CAAO;;;;;;;;AAKxC,EAAkB"}
|
|
@@ -1,36 +1,93 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as DialogPrimitive from "@radix-ui/react-dialog";
|
|
3
3
|
import { XIcon } from "lucide-react";
|
|
4
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
5
5
|
function Dialog({ ...props }) {
|
|
6
|
-
return _jsx(DialogPrimitive.Root, {
|
|
6
|
+
return /*#__PURE__*/ _jsx(DialogPrimitive.Root, {
|
|
7
|
+
"data-slot": "dialog",
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
7
10
|
}
|
|
8
11
|
function DialogTrigger({ ...props }) {
|
|
9
|
-
return _jsx(DialogPrimitive.Trigger, {
|
|
12
|
+
return /*#__PURE__*/ _jsx(DialogPrimitive.Trigger, {
|
|
13
|
+
"data-slot": "dialog-trigger",
|
|
14
|
+
...props
|
|
15
|
+
});
|
|
10
16
|
}
|
|
11
17
|
function DialogPortal({ ...props }) {
|
|
12
|
-
return _jsx(DialogPrimitive.Portal, {
|
|
18
|
+
return /*#__PURE__*/ _jsx(DialogPrimitive.Portal, {
|
|
19
|
+
"data-slot": "dialog-portal",
|
|
20
|
+
...props
|
|
21
|
+
});
|
|
13
22
|
}
|
|
14
23
|
function DialogClose({ ...props }) {
|
|
15
|
-
return _jsx(DialogPrimitive.Close, {
|
|
24
|
+
return /*#__PURE__*/ _jsx(DialogPrimitive.Close, {
|
|
25
|
+
"data-slot": "dialog-close",
|
|
26
|
+
...props
|
|
27
|
+
});
|
|
16
28
|
}
|
|
17
29
|
function DialogOverlay({ className, ...props }) {
|
|
18
|
-
return
|
|
30
|
+
return /*#__PURE__*/ _jsx(DialogPrimitive.Overlay, {
|
|
31
|
+
"data-slot": "dialog-overlay",
|
|
32
|
+
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),
|
|
33
|
+
...props
|
|
34
|
+
});
|
|
19
35
|
}
|
|
20
36
|
function DialogContent({ className, children, showCloseButton = true, ...props }) {
|
|
21
|
-
return
|
|
37
|
+
return /*#__PURE__*/ _jsxs(DialogPortal, {
|
|
38
|
+
"data-slot": "dialog-portal",
|
|
39
|
+
children: [
|
|
40
|
+
/*#__PURE__*/ _jsx(DialogOverlay, {}),
|
|
41
|
+
/*#__PURE__*/ _jsxs(DialogPrimitive.Content, {
|
|
42
|
+
"data-slot": "dialog-content",
|
|
43
|
+
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),
|
|
44
|
+
...props,
|
|
45
|
+
children: [
|
|
46
|
+
children,
|
|
47
|
+
showCloseButton && /*#__PURE__*/ _jsxs(DialogPrimitive.Close, {
|
|
48
|
+
"data-slot": "dialog-close",
|
|
49
|
+
className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
50
|
+
children: [
|
|
51
|
+
/*#__PURE__*/ _jsx(XIcon, {}),
|
|
52
|
+
/*#__PURE__*/ _jsx("span", {
|
|
53
|
+
className: "sr-only",
|
|
54
|
+
children: "Close"
|
|
55
|
+
})
|
|
56
|
+
]
|
|
57
|
+
})
|
|
58
|
+
]
|
|
59
|
+
})
|
|
60
|
+
]
|
|
61
|
+
});
|
|
22
62
|
}
|
|
23
63
|
function DialogHeader({ className, ...props }) {
|
|
24
|
-
return
|
|
64
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
65
|
+
"data-slot": "dialog-header",
|
|
66
|
+
className: cn("flex flex-col gap-2 text-center sm:text-left", className),
|
|
67
|
+
...props
|
|
68
|
+
});
|
|
25
69
|
}
|
|
26
70
|
function DialogFooter({ className, ...props }) {
|
|
27
|
-
return
|
|
71
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
72
|
+
"data-slot": "dialog-footer",
|
|
73
|
+
className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
|
|
74
|
+
...props
|
|
75
|
+
});
|
|
28
76
|
}
|
|
29
77
|
function DialogTitle({ className, ...props }) {
|
|
30
|
-
return
|
|
78
|
+
return /*#__PURE__*/ _jsx(DialogPrimitive.Title, {
|
|
79
|
+
"data-slot": "dialog-title",
|
|
80
|
+
className: cn("text-lg leading-none font-semibold", className),
|
|
81
|
+
...props
|
|
82
|
+
});
|
|
31
83
|
}
|
|
32
84
|
function DialogDescription({ className, ...props }) {
|
|
33
|
-
return
|
|
85
|
+
return /*#__PURE__*/ _jsx(DialogPrimitive.Description, {
|
|
86
|
+
"data-slot": "dialog-description",
|
|
87
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
88
|
+
...props
|
|
89
|
+
});
|
|
34
90
|
}
|
|
35
|
-
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger
|
|
91
|
+
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
|
|
92
|
+
|
|
36
93
|
//# sourceMappingURL=dialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Dialog({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n\treturn <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n\treturn <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n\treturn <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n\treturn <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n\treturn (\n\t\t<DialogPrimitive.Overlay\n\t\t\tdata-slot=\"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 DialogContent({\n\tclassName,\n\tchildren,\n\tshowCloseButton = true,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n\tshowCloseButton?: boolean;\n}) {\n\treturn (\n\t\t<DialogPortal data-slot=\"dialog-portal\">\n\t\t\t<DialogOverlay />\n\t\t\t<DialogPrimitive.Content\n\t\t\t\tdata-slot=\"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\t\t{children}\n\t\t\t\t{showCloseButton && (\n\t\t\t\t\t<DialogPrimitive.Close\n\t\t\t\t\t\tdata-slot=\"dialog-close\"\n\t\t\t\t\t\tclassName=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<XIcon />\n\t\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t\t</DialogPrimitive.Close>\n\t\t\t\t)}\n\t\t\t</DialogPrimitive.Content>\n\t\t</DialogPortal>\n\t);\n}\n\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"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 DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"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 DialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n\treturn (\n\t\t<DialogPrimitive.Title\n\t\t\tdata-slot=\"dialog-title\"\n\t\t\tclassName={cn(\"text-lg leading-none font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n\treturn (\n\t\t<DialogPrimitive.Description\n\t\t\tdata-slot=\"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\nexport {\n\tDialog,\n\tDialogClose,\n\tDialogContent,\n\tDialogDescription,\n\tDialogFooter,\n\tDialogHeader,\n\tDialogOverlay,\n\tDialogPortal,\n\tDialogTitle,\n\tDialogTrigger,\n};\n"],"names":["DialogPrimitive","XIcon","cn","Dialog","props","Root","data-slot","DialogTrigger","Trigger","DialogPortal","Portal","DialogClose","Close","DialogOverlay","className","Overlay","DialogContent","children","showCloseButton","Content","span","DialogHeader","div","DialogFooter","DialogTitle","Title","DialogDescription","Description"],"mappings":";AAAA,YAAYA,qBAAqB,yBAAyB;AAC1D,SAASC,KAAK,QAAQ,eAAe;AAGrC,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,OAAO,EACf,GAAGC,OACgD;IACnD,qBAAO,KAACJ,gBAAgBK,IAAI;QAACC,aAAU;QAAU,GAAGF,KAAK;;AAC1D;AAEA,SAASG,cAAc,EACtB,GAAGH,OACmD;IACtD,qBAAO,KAACJ,gBAAgBQ,OAAO;QAACF,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASK,aAAa,EACrB,GAAGL,OACkD;IACrD,qBAAO,KAACJ,gBAAgBU,MAAM;QAACJ,aAAU;QAAiB,GAAGF,KAAK;;AACnE;AAEA,SAASO,YAAY,EACpB,GAAGP,OACiD;IACpD,qBAAO,KAACJ,gBAAgBY,KAAK;QAACN,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASS,cAAc,EACtBC,SAAS,EACT,GAAGV,OACmD;IACtD,qBACC,KAACJ,gBAAgBe,OAAO;QACvBT,aAAU;QACVQ,WAAWZ,GACV,0JACAY;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASY,cAAc,EACtBF,SAAS,EACTG,QAAQ,EACRC,kBAAkB,IAAI,EACtB,GAAGd,OAGH;IACA,qBACC,MAACK;QAAaH,aAAU;;0BACvB,KAACO;0BACD,MAACb,gBAAgBmB,OAAO;gBACvBb,aAAU;gBACVQ,WAAWZ,GACV,+WACAY;gBAEA,GAAGV,KAAK;;oBAERa;oBACAC,iCACA,MAAClB,gBAAgBY,KAAK;wBACrBN,aAAU;wBACVQ,WAAU;;0CAEV,KAACb;0CACD,KAACmB;gCAAKN,WAAU;0CAAU;;;;;;;;AAMhC;AAEA,SAASO,aAAa,EAAEP,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACkB;QACAhB,aAAU;QACVQ,WAAWZ,GAAG,gDAAgDY;QAC7D,GAAGV,KAAK;;AAGZ;AAEA,SAASmB,aAAa,EAAET,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACkB;QACAhB,aAAU;QACVQ,WAAWZ,GACV,0DACAY;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASoB,YAAY,EACpBV,SAAS,EACT,GAAGV,OACiD;IACpD,qBACC,KAACJ,gBAAgByB,KAAK;QACrBnB,aAAU;QACVQ,WAAWZ,GAAG,sCAAsCY;QACnD,GAAGV,KAAK;;AAGZ;AAEA,SAASsB,kBAAkB,EAC1BZ,SAAS,EACT,GAAGV,OACuD;IAC1D,qBACC,KAACJ,gBAAgB2B,WAAW;QAC3BrB,aAAU;QACVQ,WAAWZ,GAAG,iCAAiCY;QAC9C,GAAGV,KAAK;;AAGZ;AAEA,SACCD,MAAM,EACNQ,WAAW,EACXK,aAAa,EACbU,iBAAiB,EACjBH,YAAY,EACZF,YAAY,EACZR,aAAa,EACbJ,YAAY,EACZe,WAAW,EACXjB,aAAa,GACZ"}
|
|
@@ -1,13 +1,89 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button } from "
|
|
3
|
-
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger
|
|
4
|
-
import { Input } from "
|
|
5
|
-
import { Label } from "
|
|
2
|
+
import { Button } from "./button.js";
|
|
3
|
+
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "./dialog.js";
|
|
4
|
+
import { Input } from "./input.js";
|
|
5
|
+
import { Label } from "./label.js";
|
|
6
6
|
const meta = {
|
|
7
|
-
title: "Component/Dialog"
|
|
7
|
+
title: "Component/Dialog"
|
|
8
8
|
};
|
|
9
9
|
export default meta;
|
|
10
10
|
export const Demo = {
|
|
11
|
-
render: ()
|
|
11
|
+
render: ()=>/*#__PURE__*/ _jsx(Dialog, {
|
|
12
|
+
children: /*#__PURE__*/ _jsxs("form", {
|
|
13
|
+
children: [
|
|
14
|
+
/*#__PURE__*/ _jsx(DialogTrigger, {
|
|
15
|
+
asChild: true,
|
|
16
|
+
children: /*#__PURE__*/ _jsx(Button, {
|
|
17
|
+
variant: "secondary",
|
|
18
|
+
children: "Open Dialog"
|
|
19
|
+
})
|
|
20
|
+
}),
|
|
21
|
+
/*#__PURE__*/ _jsxs(DialogContent, {
|
|
22
|
+
className: "sm:max-w-[425px]",
|
|
23
|
+
children: [
|
|
24
|
+
/*#__PURE__*/ _jsxs(DialogHeader, {
|
|
25
|
+
children: [
|
|
26
|
+
/*#__PURE__*/ _jsx(DialogTitle, {
|
|
27
|
+
children: "Edit profile"
|
|
28
|
+
}),
|
|
29
|
+
/*#__PURE__*/ _jsx(DialogDescription, {
|
|
30
|
+
children: "Make changes to your profile here. Click save when you're done."
|
|
31
|
+
})
|
|
32
|
+
]
|
|
33
|
+
}),
|
|
34
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
35
|
+
className: "grid gap-4",
|
|
36
|
+
children: [
|
|
37
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
38
|
+
className: "grid gap-3",
|
|
39
|
+
children: [
|
|
40
|
+
/*#__PURE__*/ _jsx(Label, {
|
|
41
|
+
htmlFor: "name-1",
|
|
42
|
+
children: "Name"
|
|
43
|
+
}),
|
|
44
|
+
/*#__PURE__*/ _jsx(Input, {
|
|
45
|
+
id: "name-1",
|
|
46
|
+
name: "name",
|
|
47
|
+
defaultValue: "Pedro Duarte"
|
|
48
|
+
})
|
|
49
|
+
]
|
|
50
|
+
}),
|
|
51
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
52
|
+
className: "grid gap-3",
|
|
53
|
+
children: [
|
|
54
|
+
/*#__PURE__*/ _jsx(Label, {
|
|
55
|
+
htmlFor: "username-1",
|
|
56
|
+
children: "Username"
|
|
57
|
+
}),
|
|
58
|
+
/*#__PURE__*/ _jsx(Input, {
|
|
59
|
+
id: "username-1",
|
|
60
|
+
name: "username",
|
|
61
|
+
defaultValue: "@peduarte"
|
|
62
|
+
})
|
|
63
|
+
]
|
|
64
|
+
})
|
|
65
|
+
]
|
|
66
|
+
}),
|
|
67
|
+
/*#__PURE__*/ _jsxs(DialogFooter, {
|
|
68
|
+
children: [
|
|
69
|
+
/*#__PURE__*/ _jsx(DialogClose, {
|
|
70
|
+
asChild: true,
|
|
71
|
+
children: /*#__PURE__*/ _jsx(Button, {
|
|
72
|
+
variant: "secondary",
|
|
73
|
+
children: "Cancel"
|
|
74
|
+
})
|
|
75
|
+
}),
|
|
76
|
+
/*#__PURE__*/ _jsx(Button, {
|
|
77
|
+
type: "submit",
|
|
78
|
+
children: "Save changes"
|
|
79
|
+
})
|
|
80
|
+
]
|
|
81
|
+
})
|
|
82
|
+
]
|
|
83
|
+
})
|
|
84
|
+
]
|
|
85
|
+
})
|
|
86
|
+
})
|
|
12
87
|
};
|
|
88
|
+
|
|
13
89
|
//# sourceMappingURL=dialog.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/dialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tDialog,\n\tDialogClose,\n\tDialogContent,\n\tDialogDescription,\n\tDialogFooter,\n\tDialogHeader,\n\tDialogTitle,\n\tDialogTrigger,\n} from \"#shadcn/components/ui/dialog\";\nimport { Input } from \"#shadcn/components/ui/input\";\nimport { Label } from \"#shadcn/components/ui/label\";\n\nconst meta = {\n\ttitle: \"Component/Dialog\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Dialog>\n\t\t\t<form>\n\t\t\t\t<DialogTrigger asChild>\n\t\t\t\t\t<Button variant=\"secondary\">Open Dialog</Button>\n\t\t\t\t</DialogTrigger>\n\t\t\t\t<DialogContent className=\"sm:max-w-[425px]\">\n\t\t\t\t\t<DialogHeader>\n\t\t\t\t\t\t<DialogTitle>Edit profile</DialogTitle>\n\t\t\t\t\t\t<DialogDescription>\n\t\t\t\t\t\t\tMake changes to your profile here. Click save when you're\n\t\t\t\t\t\t\tdone.\n\t\t\t\t\t\t</DialogDescription>\n\t\t\t\t\t</DialogHeader>\n\t\t\t\t\t<div className=\"grid gap-4\">\n\t\t\t\t\t\t<div className=\"grid gap-3\">\n\t\t\t\t\t\t\t<Label htmlFor=\"name-1\">Name</Label>\n\t\t\t\t\t\t\t<Input id=\"name-1\" name=\"name\" defaultValue=\"Pedro Duarte\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div className=\"grid gap-3\">\n\t\t\t\t\t\t\t<Label htmlFor=\"username-1\">Username</Label>\n\t\t\t\t\t\t\t<Input id=\"username-1\" name=\"username\" defaultValue=\"@peduarte\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<DialogFooter>\n\t\t\t\t\t\t<DialogClose asChild>\n\t\t\t\t\t\t\t<Button variant=\"secondary\">Cancel</Button>\n\t\t\t\t\t\t</DialogClose>\n\t\t\t\t\t\t<Button type=\"submit\">Save changes</Button>\n\t\t\t\t\t</DialogFooter>\n\t\t\t\t</DialogContent>\n\t\t\t</form>\n\t\t</Dialog>\n\t),\n} satisfies Story;\n"],"names":["Button","Dialog","DialogClose","DialogContent","DialogDescription","DialogFooter","DialogHeader","DialogTitle","DialogTrigger","Input","Label","meta","title","Demo","render","form","asChild","variant","className","div","htmlFor","id","name","defaultValue","type"],"mappings":";AACA,SAASA,MAAM,QAAQ,cAA+B;AACtD,SACCC,MAAM,EACNC,WAAW,EACXC,aAAa,EACbC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,aAAa,QACP,cAA+B;AACtC,SAASC,KAAK,QAAQ,aAA8B;AACpD,SAASC,KAAK,QAAQ,aAA8B;AAEpD,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACb;sBACA,cAAA,MAACc;;kCACA,KAACP;wBAAcQ,OAAO;kCACrB,cAAA,KAAChB;4BAAOiB,SAAQ;sCAAY;;;kCAE7B,MAACd;wBAAce,WAAU;;0CACxB,MAACZ;;kDACA,KAACC;kDAAY;;kDACb,KAACH;kDAAkB;;;;0CAKpB,MAACe;gCAAID,WAAU;;kDACd,MAACC;wCAAID,WAAU;;0DACd,KAACR;gDAAMU,SAAQ;0DAAS;;0DACxB,KAACX;gDAAMY,IAAG;gDAASC,MAAK;gDAAOC,cAAa;;;;kDAE7C,MAACJ;wCAAID,WAAU;;0DACd,KAACR;gDAAMU,SAAQ;0DAAa;;0DAC5B,KAACX;gDAAMY,IAAG;gDAAaC,MAAK;gDAAWC,cAAa;;;;;;0CAGtD,MAAClB;;kDACA,KAACH;wCAAYc,OAAO;kDACnB,cAAA,KAAChB;4CAAOiB,SAAQ;sDAAY;;;kDAE7B,KAACjB;wCAAOwB,MAAK;kDAAS;;;;;;;;;AAM5B,EAAkB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,MAAM,CAAC;AAIjD,iBAAS,MAAM,CAAC,EACf,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAEnD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAEtD;AAED,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,2CAErD;AAED,iBAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAEpD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAWtD;AAED,iBAAS,aAAa,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAqBtD;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWzE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQzE;AAED,iBAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,2CAQ1D;AAED,OAAO,EACN,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GACjB,CAAC"}
|
|
@@ -1,35 +1,85 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
3
|
import { Drawer as DrawerPrimitive } from "vaul";
|
|
3
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
4
5
|
function Drawer({ ...props }) {
|
|
5
|
-
return _jsx(DrawerPrimitive.Root, {
|
|
6
|
+
return /*#__PURE__*/ _jsx(DrawerPrimitive.Root, {
|
|
7
|
+
"data-slot": "drawer",
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
6
10
|
}
|
|
7
11
|
function DrawerTrigger({ ...props }) {
|
|
8
|
-
return _jsx(DrawerPrimitive.Trigger, {
|
|
12
|
+
return /*#__PURE__*/ _jsx(DrawerPrimitive.Trigger, {
|
|
13
|
+
"data-slot": "drawer-trigger",
|
|
14
|
+
...props
|
|
15
|
+
});
|
|
9
16
|
}
|
|
10
17
|
function DrawerPortal({ ...props }) {
|
|
11
|
-
return _jsx(DrawerPrimitive.Portal, {
|
|
18
|
+
return /*#__PURE__*/ _jsx(DrawerPrimitive.Portal, {
|
|
19
|
+
"data-slot": "drawer-portal",
|
|
20
|
+
...props
|
|
21
|
+
});
|
|
12
22
|
}
|
|
13
23
|
function DrawerClose({ ...props }) {
|
|
14
|
-
return _jsx(DrawerPrimitive.Close, {
|
|
24
|
+
return /*#__PURE__*/ _jsx(DrawerPrimitive.Close, {
|
|
25
|
+
"data-slot": "drawer-close",
|
|
26
|
+
...props
|
|
27
|
+
});
|
|
15
28
|
}
|
|
16
29
|
function DrawerOverlay({ className, ...props }) {
|
|
17
|
-
return
|
|
30
|
+
return /*#__PURE__*/ _jsx(DrawerPrimitive.Overlay, {
|
|
31
|
+
"data-slot": "drawer-overlay",
|
|
32
|
+
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),
|
|
33
|
+
...props
|
|
34
|
+
});
|
|
18
35
|
}
|
|
19
36
|
function DrawerContent({ className, children, ...props }) {
|
|
20
|
-
return
|
|
37
|
+
return /*#__PURE__*/ _jsxs(DrawerPortal, {
|
|
38
|
+
"data-slot": "drawer-portal",
|
|
39
|
+
children: [
|
|
40
|
+
/*#__PURE__*/ _jsx(DrawerOverlay, {}),
|
|
41
|
+
/*#__PURE__*/ _jsxs(DrawerPrimitive.Content, {
|
|
42
|
+
"data-slot": "drawer-content",
|
|
43
|
+
className: cn("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", className),
|
|
44
|
+
...props,
|
|
45
|
+
children: [
|
|
46
|
+
/*#__PURE__*/ _jsx("div", {
|
|
47
|
+
className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block"
|
|
48
|
+
}),
|
|
49
|
+
children
|
|
50
|
+
]
|
|
51
|
+
})
|
|
52
|
+
]
|
|
53
|
+
});
|
|
21
54
|
}
|
|
22
55
|
function DrawerHeader({ className, ...props }) {
|
|
23
|
-
return
|
|
56
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
57
|
+
"data-slot": "drawer-header",
|
|
58
|
+
className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className),
|
|
59
|
+
...props
|
|
60
|
+
});
|
|
24
61
|
}
|
|
25
62
|
function DrawerFooter({ className, ...props }) {
|
|
26
|
-
return
|
|
63
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
64
|
+
"data-slot": "drawer-footer",
|
|
65
|
+
className: cn("mt-auto flex flex-col gap-2 p-4", className),
|
|
66
|
+
...props
|
|
67
|
+
});
|
|
27
68
|
}
|
|
28
69
|
function DrawerTitle({ className, ...props }) {
|
|
29
|
-
return
|
|
70
|
+
return /*#__PURE__*/ _jsx(DrawerPrimitive.Title, {
|
|
71
|
+
"data-slot": "drawer-title",
|
|
72
|
+
className: cn("text-foreground font-semibold", className),
|
|
73
|
+
...props
|
|
74
|
+
});
|
|
30
75
|
}
|
|
31
76
|
function DrawerDescription({ className, ...props }) {
|
|
32
|
-
return
|
|
77
|
+
return /*#__PURE__*/ _jsx(DrawerPrimitive.Description, {
|
|
78
|
+
"data-slot": "drawer-description",
|
|
79
|
+
className: cn("text-muted-foreground text-sm", className),
|
|
80
|
+
...props
|
|
81
|
+
});
|
|
33
82
|
}
|
|
34
|
-
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription
|
|
83
|
+
export { Drawer, DrawerPortal, DrawerOverlay, DrawerTrigger, DrawerClose, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription };
|
|
84
|
+
|
|
35
85
|
//# sourceMappingURL=drawer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/drawer.tsx"],"sourcesContent":["\"use client\";\nimport type * as React from \"react\";\nimport { Drawer as DrawerPrimitive } from \"vaul\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Drawer({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n\treturn <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n\treturn <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n\treturn <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n\treturn <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n\treturn (\n\t\t<DrawerPrimitive.Overlay\n\t\t\tdata-slot=\"drawer-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 DrawerContent({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n\treturn (\n\t\t<DrawerPortal data-slot=\"drawer-portal\">\n\t\t\t<DrawerOverlay />\n\t\t\t<DrawerPrimitive.Content\n\t\t\t\tdata-slot=\"drawer-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"group/drawer-content bg-background fixed z-50 flex h-auto flex-col\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n\t\t\t\t\t\"data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<div className=\"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n\t\t\t\t{children}\n\t\t\t</DrawerPrimitive.Content>\n\t\t</DrawerPortal>\n\t);\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"drawer-header\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"drawer-footer\"\n\t\t\tclassName={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n\treturn (\n\t\t<DrawerPrimitive.Title\n\t\t\tdata-slot=\"drawer-title\"\n\t\t\tclassName={cn(\"text-foreground font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DrawerDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n\treturn (\n\t\t<DrawerPrimitive.Description\n\t\t\tdata-slot=\"drawer-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDrawer,\n\tDrawerPortal,\n\tDrawerOverlay,\n\tDrawerTrigger,\n\tDrawerClose,\n\tDrawerContent,\n\tDrawerHeader,\n\tDrawerFooter,\n\tDrawerTitle,\n\tDrawerDescription,\n};\n"],"names":["Drawer","DrawerPrimitive","cn","props","Root","data-slot","DrawerTrigger","Trigger","DrawerPortal","Portal","DrawerClose","Close","DrawerOverlay","className","Overlay","DrawerContent","children","Content","div","DrawerHeader","DrawerFooter","DrawerTitle","Title","DrawerDescription","Description"],"mappings":"AAAA;;AAEA,SAASA,UAAUC,eAAe,QAAQ,OAAO;AAEjD,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASF,OAAO,EACf,GAAGG,OACgD;IACnD,qBAAO,KAACF,gBAAgBG,IAAI;QAACC,aAAU;QAAU,GAAGF,KAAK;;AAC1D;AAEA,SAASG,cAAc,EACtB,GAAGH,OACmD;IACtD,qBAAO,KAACF,gBAAgBM,OAAO;QAACF,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASK,aAAa,EACrB,GAAGL,OACkD;IACrD,qBAAO,KAACF,gBAAgBQ,MAAM;QAACJ,aAAU;QAAiB,GAAGF,KAAK;;AACnE;AAEA,SAASO,YAAY,EACpB,GAAGP,OACiD;IACpD,qBAAO,KAACF,gBAAgBU,KAAK;QAACN,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASS,cAAc,EACtBC,SAAS,EACT,GAAGV,OACmD;IACtD,qBACC,KAACF,gBAAgBa,OAAO;QACvBT,aAAU;QACVQ,WAAWX,GACV,0JACAW;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASY,cAAc,EACtBF,SAAS,EACTG,QAAQ,EACR,GAAGb,OACmD;IACtD,qBACC,MAACK;QAAaH,aAAU;;0BACvB,KAACO;0BACD,MAACX,gBAAgBgB,OAAO;gBACvBZ,aAAU;gBACVQ,WAAWX,GACV,sEACA,kQACA,uRACA,+NACA,yNACAW;gBAEA,GAAGV,KAAK;;kCAET,KAACe;wBAAIL,WAAU;;oBACdG;;;;;AAIL;AAEA,SAASG,aAAa,EAAEN,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACe;QACAb,aAAU;QACVQ,WAAWX,GACV,4LACAW;QAEA,GAAGV,KAAK;;AAGZ;AAEA,SAASiB,aAAa,EAAEP,SAAS,EAAE,GAAGV,OAAoC;IACzE,qBACC,KAACe;QACAb,aAAU;QACVQ,WAAWX,GAAG,mCAAmCW;QAChD,GAAGV,KAAK;;AAGZ;AAEA,SAASkB,YAAY,EACpBR,SAAS,EACT,GAAGV,OACiD;IACpD,qBACC,KAACF,gBAAgBqB,KAAK;QACrBjB,aAAU;QACVQ,WAAWX,GAAG,iCAAiCW;QAC9C,GAAGV,KAAK;;AAGZ;AAEA,SAASoB,kBAAkB,EAC1BV,SAAS,EACT,GAAGV,OACuD;IAC1D,qBACC,KAACF,gBAAgBuB,WAAW;QAC3BnB,aAAU;QACVQ,WAAWX,GAAG,iCAAiCW;QAC9C,GAAGV,KAAK;;AAGZ;AAEA,SACCH,MAAM,EACNQ,YAAY,EACZI,aAAa,EACbN,aAAa,EACbI,WAAW,EACXK,aAAa,EACbI,YAAY,EACZC,YAAY,EACZC,WAAW,EACXE,iBAAiB,GAChB"}
|