@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
|
@@ -2,37 +2,170 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { Minus, Plus } from "lucide-react";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { Bar, BarChart, ResponsiveContainer } from "recharts";
|
|
5
|
-
import { Button } from "
|
|
6
|
-
import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger
|
|
5
|
+
import { Button } from "./button.js";
|
|
6
|
+
import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from "./drawer.js";
|
|
7
7
|
const data = [
|
|
8
|
-
{
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
{
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
{
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
{
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
{
|
|
8
|
+
{
|
|
9
|
+
goal: 400
|
|
10
|
+
},
|
|
11
|
+
{
|
|
12
|
+
goal: 300
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
goal: 200
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
goal: 300
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
goal: 200
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
goal: 278
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
goal: 189
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
goal: 239
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
goal: 300
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
goal: 200
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
goal: 278
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
goal: 189
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
goal: 349
|
|
46
|
+
}
|
|
21
47
|
];
|
|
22
48
|
const meta = {
|
|
23
|
-
title: "Component/Drawer"
|
|
49
|
+
title: "Component/Drawer"
|
|
24
50
|
};
|
|
25
51
|
export default meta;
|
|
26
52
|
export const Demo = {
|
|
27
|
-
render: ()
|
|
53
|
+
render: ()=>{
|
|
28
54
|
const [goal, setGoal] = React.useState(350);
|
|
29
55
|
function onClick(adjustment) {
|
|
30
56
|
setGoal(Math.max(200, Math.min(400, goal + adjustment)));
|
|
31
57
|
}
|
|
32
|
-
return
|
|
58
|
+
return /*#__PURE__*/ _jsxs(Drawer, {
|
|
59
|
+
children: [
|
|
60
|
+
/*#__PURE__*/ _jsx(DrawerTrigger, {
|
|
61
|
+
asChild: true,
|
|
62
|
+
children: /*#__PURE__*/ _jsx(Button, {
|
|
63
|
+
variant: "secondary",
|
|
64
|
+
children: "Open Drawer"
|
|
65
|
+
})
|
|
66
|
+
}),
|
|
67
|
+
/*#__PURE__*/ _jsx(DrawerContent, {
|
|
68
|
+
children: /*#__PURE__*/ _jsxs("div", {
|
|
69
|
+
className: "mx-auto w-full max-w-sm",
|
|
70
|
+
children: [
|
|
71
|
+
/*#__PURE__*/ _jsxs(DrawerHeader, {
|
|
72
|
+
children: [
|
|
73
|
+
/*#__PURE__*/ _jsx(DrawerTitle, {
|
|
74
|
+
children: "Move Goal"
|
|
75
|
+
}),
|
|
76
|
+
/*#__PURE__*/ _jsx(DrawerDescription, {
|
|
77
|
+
children: "Set your daily activity goal."
|
|
78
|
+
})
|
|
79
|
+
]
|
|
80
|
+
}),
|
|
81
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
82
|
+
className: "p-4 pb-0",
|
|
83
|
+
children: [
|
|
84
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
85
|
+
className: "flex items-center justify-center space-x-2",
|
|
86
|
+
children: [
|
|
87
|
+
/*#__PURE__*/ _jsxs(Button, {
|
|
88
|
+
variant: "secondary",
|
|
89
|
+
size: "small",
|
|
90
|
+
className: "h-8 w-8 shrink-0 rounded-full",
|
|
91
|
+
onClick: ()=>onClick(-10),
|
|
92
|
+
disabled: goal <= 200,
|
|
93
|
+
children: [
|
|
94
|
+
/*#__PURE__*/ _jsx(Minus, {}),
|
|
95
|
+
/*#__PURE__*/ _jsx("span", {
|
|
96
|
+
className: "sr-only",
|
|
97
|
+
children: "Decrease"
|
|
98
|
+
})
|
|
99
|
+
]
|
|
100
|
+
}),
|
|
101
|
+
/*#__PURE__*/ _jsxs("div", {
|
|
102
|
+
className: "flex-1 text-center",
|
|
103
|
+
children: [
|
|
104
|
+
/*#__PURE__*/ _jsx("div", {
|
|
105
|
+
className: "text-7xl font-bold tracking-tighter",
|
|
106
|
+
children: goal
|
|
107
|
+
}),
|
|
108
|
+
/*#__PURE__*/ _jsx("div", {
|
|
109
|
+
className: "text-muted-foreground text-[0.70rem] uppercase",
|
|
110
|
+
children: "Calories/day"
|
|
111
|
+
})
|
|
112
|
+
]
|
|
113
|
+
}),
|
|
114
|
+
/*#__PURE__*/ _jsxs(Button, {
|
|
115
|
+
variant: "secondary",
|
|
116
|
+
size: "small",
|
|
117
|
+
className: "h-8 w-8 shrink-0 rounded-full",
|
|
118
|
+
onClick: ()=>onClick(10),
|
|
119
|
+
disabled: goal >= 400,
|
|
120
|
+
children: [
|
|
121
|
+
/*#__PURE__*/ _jsx(Plus, {}),
|
|
122
|
+
/*#__PURE__*/ _jsx("span", {
|
|
123
|
+
className: "sr-only",
|
|
124
|
+
children: "Increase"
|
|
125
|
+
})
|
|
126
|
+
]
|
|
127
|
+
})
|
|
128
|
+
]
|
|
129
|
+
}),
|
|
130
|
+
/*#__PURE__*/ _jsx("div", {
|
|
131
|
+
className: "mt-3 h-[120px]",
|
|
132
|
+
children: /*#__PURE__*/ _jsx(ResponsiveContainer, {
|
|
133
|
+
width: "100%",
|
|
134
|
+
height: "100%",
|
|
135
|
+
children: /*#__PURE__*/ _jsx(BarChart, {
|
|
136
|
+
data: data,
|
|
137
|
+
children: /*#__PURE__*/ _jsx(Bar, {
|
|
138
|
+
dataKey: "goal",
|
|
139
|
+
style: {
|
|
33
140
|
fill: "hsl(var(--foreground))",
|
|
34
|
-
opacity: 0.9
|
|
35
|
-
}
|
|
36
|
-
|
|
141
|
+
opacity: 0.9
|
|
142
|
+
}
|
|
143
|
+
})
|
|
144
|
+
})
|
|
145
|
+
})
|
|
146
|
+
})
|
|
147
|
+
]
|
|
148
|
+
}),
|
|
149
|
+
/*#__PURE__*/ _jsxs(DrawerFooter, {
|
|
150
|
+
children: [
|
|
151
|
+
/*#__PURE__*/ _jsx(Button, {
|
|
152
|
+
children: "Submit"
|
|
153
|
+
}),
|
|
154
|
+
/*#__PURE__*/ _jsx(DrawerClose, {
|
|
155
|
+
asChild: true,
|
|
156
|
+
children: /*#__PURE__*/ _jsx(Button, {
|
|
157
|
+
variant: "secondary",
|
|
158
|
+
children: "Cancel"
|
|
159
|
+
})
|
|
160
|
+
})
|
|
161
|
+
]
|
|
162
|
+
})
|
|
163
|
+
]
|
|
164
|
+
})
|
|
165
|
+
})
|
|
166
|
+
]
|
|
167
|
+
});
|
|
168
|
+
}
|
|
37
169
|
};
|
|
170
|
+
|
|
38
171
|
//# sourceMappingURL=drawer.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/drawer.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Minus, Plus } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Bar, BarChart, ResponsiveContainer } from \"recharts\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tDrawer,\n\tDrawerClose,\n\tDrawerContent,\n\tDrawerDescription,\n\tDrawerFooter,\n\tDrawerHeader,\n\tDrawerTitle,\n\tDrawerTrigger,\n} from \"#shadcn/components/ui/drawer\";\n\nconst data = [\n\t{ goal: 400 },\n\t{ goal: 300 },\n\t{ goal: 200 },\n\t{ goal: 300 },\n\t{ goal: 200 },\n\t{ goal: 278 },\n\t{ goal: 189 },\n\t{ goal: 239 },\n\t{ goal: 300 },\n\t{ goal: 200 },\n\t{ goal: 278 },\n\t{ goal: 189 },\n\t{ goal: 349 },\n];\n\nconst meta = {\n\ttitle: \"Component/Drawer\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => {\n\t\tconst [goal, setGoal] = React.useState(350);\n\n\t\tfunction onClick(adjustment: number) {\n\t\t\tsetGoal(Math.max(200, Math.min(400, goal + adjustment)));\n\t\t}\n\n\t\treturn (\n\t\t\t<Drawer>\n\t\t\t\t<DrawerTrigger asChild>\n\t\t\t\t\t<Button variant=\"secondary\">Open Drawer</Button>\n\t\t\t\t</DrawerTrigger>\n\t\t\t\t<DrawerContent>\n\t\t\t\t\t<div className=\"mx-auto w-full max-w-sm\">\n\t\t\t\t\t\t<DrawerHeader>\n\t\t\t\t\t\t\t<DrawerTitle>Move Goal</DrawerTitle>\n\t\t\t\t\t\t\t<DrawerDescription>\n\t\t\t\t\t\t\t\tSet your daily activity goal.\n\t\t\t\t\t\t\t</DrawerDescription>\n\t\t\t\t\t\t</DrawerHeader>\n\t\t\t\t\t\t<div className=\"p-4 pb-0\">\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-center space-x-2\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tclassName=\"h-8 w-8 shrink-0 rounded-full\"\n\t\t\t\t\t\t\t\t\tonClick={() => onClick(-10)}\n\t\t\t\t\t\t\t\t\tdisabled={goal <= 200}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Minus />\n\t\t\t\t\t\t\t\t\t<span className=\"sr-only\">Decrease</span>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t<div className=\"flex-1 text-center\">\n\t\t\t\t\t\t\t\t\t<div className=\"text-7xl font-bold tracking-tighter\">\n\t\t\t\t\t\t\t\t\t\t{goal}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"text-muted-foreground text-[0.70rem] uppercase\">\n\t\t\t\t\t\t\t\t\t\tCalories/day\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tclassName=\"h-8 w-8 shrink-0 rounded-full\"\n\t\t\t\t\t\t\t\t\tonClick={() => onClick(10)}\n\t\t\t\t\t\t\t\t\tdisabled={goal >= 400}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Plus />\n\t\t\t\t\t\t\t\t\t<span className=\"sr-only\">Increase</span>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"mt-3 h-[120px]\">\n\t\t\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t<BarChart data={data}>\n\t\t\t\t\t\t\t\t\t\t<Bar\n\t\t\t\t\t\t\t\t\t\t\tdataKey=\"goal\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill: \"hsl(var(--foreground))\",\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: 0.9,\n\t\t\t\t\t\t\t\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</BarChart>\n\t\t\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<DrawerFooter>\n\t\t\t\t\t\t\t<Button>Submit</Button>\n\t\t\t\t\t\t\t<DrawerClose asChild>\n\t\t\t\t\t\t\t\t<Button variant=\"secondary\">Cancel</Button>\n\t\t\t\t\t\t\t</DrawerClose>\n\t\t\t\t\t\t</DrawerFooter>\n\t\t\t\t\t</div>\n\t\t\t\t</DrawerContent>\n\t\t\t</Drawer>\n\t\t);\n\t},\n} satisfies Story;\n"],"names":["Minus","Plus","React","Bar","BarChart","ResponsiveContainer","Button","Drawer","DrawerClose","DrawerContent","DrawerDescription","DrawerFooter","DrawerHeader","DrawerTitle","DrawerTrigger","data","goal","meta","title","Demo","render","setGoal","useState","onClick","adjustment","Math","max","min","asChild","variant","div","className","size","disabled","span","width","height","dataKey","style","fill","opacity"],"mappings":";AACA,SAASA,KAAK,EAAEC,IAAI,QAAQ,eAAe;AAC3C,YAAYC,WAAW,QAAQ;AAC/B,SAASC,GAAG,EAAEC,QAAQ,EAAEC,mBAAmB,QAAQ,WAAW;AAC9D,SAASC,MAAM,QAAQ,cAA+B;AACtD,SACCC,MAAM,EACNC,WAAW,EACXC,aAAa,EACbC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,aAAa,QACP,cAA+B;AAEtC,MAAMC,OAAO;IACZ;QAAEC,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;CACZ;AAED,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ;QACP,MAAM,CAACJ,MAAMK,QAAQ,GAAGnB,MAAMoB,QAAQ,CAAC;QAEvC,SAASC,QAAQC,UAAkB;YAClCH,QAAQI,KAAKC,GAAG,CAAC,KAAKD,KAAKE,GAAG,CAAC,KAAKX,OAAOQ;QAC5C;QAEA,qBACC,MAACjB;;8BACA,KAACO;oBAAcc,OAAO;8BACrB,cAAA,KAACtB;wBAAOuB,SAAQ;kCAAY;;;8BAE7B,KAACpB;8BACA,cAAA,MAACqB;wBAAIC,WAAU;;0CACd,MAACnB;;kDACA,KAACC;kDAAY;;kDACb,KAACH;kDAAkB;;;;0CAIpB,MAACoB;gCAAIC,WAAU;;kDACd,MAACD;wCAAIC,WAAU;;0DACd,MAACzB;gDACAuB,SAAQ;gDACRG,MAAK;gDACLD,WAAU;gDACVR,SAAS,IAAMA,QAAQ,CAAC;gDACxBU,UAAUjB,QAAQ;;kEAElB,KAAChB;kEACD,KAACkC;wDAAKH,WAAU;kEAAU;;;;0DAE3B,MAACD;gDAAIC,WAAU;;kEACd,KAACD;wDAAIC,WAAU;kEACbf;;kEAEF,KAACc;wDAAIC,WAAU;kEAAiD;;;;0DAIjE,MAACzB;gDACAuB,SAAQ;gDACRG,MAAK;gDACLD,WAAU;gDACVR,SAAS,IAAMA,QAAQ;gDACvBU,UAAUjB,QAAQ;;kEAElB,KAACf;kEACD,KAACiC;wDAAKH,WAAU;kEAAU;;;;;;kDAG5B,KAACD;wCAAIC,WAAU;kDACd,cAAA,KAAC1B;4CAAoB8B,OAAM;4CAAOC,QAAO;sDACxC,cAAA,KAAChC;gDAASW,MAAMA;0DACf,cAAA,KAACZ;oDACAkC,SAAQ;oDACRC,OACC;wDACCC,MAAM;wDACNC,SAAS;oDACV;;;;;;;0CAON,MAAC7B;;kDACA,KAACL;kDAAO;;kDACR,KAACE;wCAAYoB,OAAO;kDACnB,cAAA,KAACtB;4CAAOuB,SAAQ;sDAAY;;;;;;;;;;IAOnC;AACD,EAAkB"}
|
|
@@ -1,51 +1,141 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
3
3
|
import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
|
|
4
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
5
5
|
function DropdownMenu({ ...props }) {
|
|
6
|
-
return _jsx(DropdownMenuPrimitive.Root, {
|
|
6
|
+
return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Root, {
|
|
7
|
+
"data-slot": "dropdown-menu",
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
7
10
|
}
|
|
8
11
|
function DropdownMenuPortal({ ...props }) {
|
|
9
|
-
return
|
|
12
|
+
return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Portal, {
|
|
13
|
+
"data-slot": "dropdown-menu-portal",
|
|
14
|
+
...props
|
|
15
|
+
});
|
|
10
16
|
}
|
|
11
17
|
function DropdownMenuTrigger({ ...props }) {
|
|
12
|
-
return
|
|
18
|
+
return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Trigger, {
|
|
19
|
+
"data-slot": "dropdown-menu-trigger",
|
|
20
|
+
...props
|
|
21
|
+
});
|
|
13
22
|
}
|
|
14
23
|
function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
|
|
15
|
-
return
|
|
24
|
+
return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Portal, {
|
|
25
|
+
children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Content, {
|
|
26
|
+
"data-slot": "dropdown-menu-content",
|
|
27
|
+
sideOffset: sideOffset,
|
|
28
|
+
className: cn("bg-bg-primary 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", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height)", "min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)", "overflow-x-hidden overflow-y-auto rounded-md border border-border-separator px-2 py-3 shadow-lg space-y-0.5", className),
|
|
29
|
+
...props
|
|
30
|
+
})
|
|
31
|
+
});
|
|
16
32
|
}
|
|
17
33
|
function DropdownMenuGroup({ ...props }) {
|
|
18
|
-
return
|
|
34
|
+
return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Group, {
|
|
35
|
+
"data-slot": "dropdown-menu-group",
|
|
36
|
+
...props
|
|
37
|
+
});
|
|
19
38
|
}
|
|
20
39
|
function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
|
|
21
|
-
return
|
|
40
|
+
return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Item, {
|
|
41
|
+
"data-slot": "dropdown-menu-item",
|
|
42
|
+
"data-inset": inset,
|
|
43
|
+
"data-variant": variant,
|
|
44
|
+
className: cn("cursor-pointer items-center flex gap-2 h-8 px-3 py-1.5 relativerounded-md", "outline-hidden select-none typo-body text-text-secondary", "focus:bg-bg-secondary focus:text-text-primary", "data-[variant=destructive]:text-text-error-primary", "data-[variant=destructive]:focus:bg-bg-error-tertiary", "dark:data-[variant=destructive]:focus:bg-bg-error-tertiary", "data-[variant=destructive]:focus:text-text-error-primary", "data-[variant=destructive]:*:[svg]:!text-text-error-primary", "[&_svg:not([class*='text-'])]:fg-fg-secondary", "data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", "data-[inset]:pl-8", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className),
|
|
45
|
+
...props
|
|
46
|
+
});
|
|
22
47
|
}
|
|
23
48
|
function DropdownMenuCheckboxItem({ className, children, ...props }) {
|
|
24
|
-
return
|
|
49
|
+
return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.CheckboxItem, {
|
|
50
|
+
"data-slot": "dropdown-menu-checkbox-item",
|
|
51
|
+
className: cn("focus:bg-bg-secondary focus:text-text-primary relative flex cursor-default items-center gap-2 rounded-lg py-1 pr-2 pl-9", "outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg]:text-text-link h-8 typo-body text-text-secondary", className),
|
|
52
|
+
...props,
|
|
53
|
+
children: [
|
|
54
|
+
/*#__PURE__*/ _jsx("span", {
|
|
55
|
+
className: "pointer-events-none absolute left-3 flex size-3.5 items-center justify-center",
|
|
56
|
+
children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.ItemIndicator, {
|
|
57
|
+
children: /*#__PURE__*/ _jsx(CheckIcon, {
|
|
58
|
+
className: "size-4"
|
|
59
|
+
})
|
|
60
|
+
})
|
|
61
|
+
}),
|
|
62
|
+
children
|
|
63
|
+
]
|
|
64
|
+
});
|
|
25
65
|
}
|
|
26
66
|
function DropdownMenuRadioGroup({ ...props }) {
|
|
27
|
-
return
|
|
67
|
+
return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.RadioGroup, {
|
|
68
|
+
"data-slot": "dropdown-menu-radio-group",
|
|
69
|
+
...props
|
|
70
|
+
});
|
|
28
71
|
}
|
|
29
72
|
function DropdownMenuRadioItem({ className, children, ...props }) {
|
|
30
|
-
return
|
|
73
|
+
return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.RadioItem, {
|
|
74
|
+
"data-slot": "dropdown-menu-radio-item",
|
|
75
|
+
className: cn("focus:bg-bg-secondary focus:text-text-primary relative flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-2", "outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 h-8 typo-body text-text-secondary", className),
|
|
76
|
+
...props,
|
|
77
|
+
children: [
|
|
78
|
+
/*#__PURE__*/ _jsx("span", {
|
|
79
|
+
className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
|
|
80
|
+
children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.ItemIndicator, {
|
|
81
|
+
children: /*#__PURE__*/ _jsx(CircleIcon, {
|
|
82
|
+
className: "size-2 fill-current"
|
|
83
|
+
})
|
|
84
|
+
})
|
|
85
|
+
}),
|
|
86
|
+
children
|
|
87
|
+
]
|
|
88
|
+
});
|
|
31
89
|
}
|
|
32
90
|
function DropdownMenuLabel({ className, inset, ...props }) {
|
|
33
|
-
return
|
|
91
|
+
return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Label, {
|
|
92
|
+
"data-slot": "dropdown-menu-label",
|
|
93
|
+
"data-inset": inset,
|
|
94
|
+
className: cn("px-3 py-1.5 data-[inset]:pl-10 typo-body text-text-secondary", className),
|
|
95
|
+
...props
|
|
96
|
+
});
|
|
34
97
|
}
|
|
35
98
|
function DropdownMenuSeparator({ className, ...props }) {
|
|
36
|
-
return
|
|
99
|
+
return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Separator, {
|
|
100
|
+
"data-slot": "dropdown-menu-separator",
|
|
101
|
+
className: cn("bg-bg-quaternary -mx-1 my-1 h-px", className),
|
|
102
|
+
...props
|
|
103
|
+
});
|
|
37
104
|
}
|
|
38
105
|
function DropdownMenuShortcut({ className, ...props }) {
|
|
39
|
-
return
|
|
106
|
+
return /*#__PURE__*/ _jsx("span", {
|
|
107
|
+
"data-slot": "dropdown-menu-shortcut",
|
|
108
|
+
className: cn("text-text-secondary ml-auto text-xs tracking-widest", className),
|
|
109
|
+
...props
|
|
110
|
+
});
|
|
40
111
|
}
|
|
41
112
|
function DropdownMenuSub({ ...props }) {
|
|
42
|
-
return _jsx(DropdownMenuPrimitive.Sub, {
|
|
113
|
+
return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Sub, {
|
|
114
|
+
"data-slot": "dropdown-menu-sub",
|
|
115
|
+
...props
|
|
116
|
+
});
|
|
43
117
|
}
|
|
44
118
|
function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
|
|
45
|
-
return
|
|
119
|
+
return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.SubTrigger, {
|
|
120
|
+
"data-slot": "dropdown-menu-sub-trigger",
|
|
121
|
+
"data-inset": inset,
|
|
122
|
+
className: cn("focus:bg-bg-secondary focus:text-text-primary data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex", "cursor-default items-center rounded-md px-3 py-1.5 outline-hidden select-none data-[inset]:pl-8 h-8 typo-body text-text-secondary", className),
|
|
123
|
+
...props,
|
|
124
|
+
children: [
|
|
125
|
+
children,
|
|
126
|
+
/*#__PURE__*/ _jsx(ChevronRightIcon, {
|
|
127
|
+
className: "ml-auto size-4"
|
|
128
|
+
})
|
|
129
|
+
]
|
|
130
|
+
});
|
|
46
131
|
}
|
|
47
132
|
function DropdownMenuSubContent({ className, ...props }) {
|
|
48
|
-
return
|
|
133
|
+
return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.SubContent, {
|
|
134
|
+
"data-slot": "dropdown-menu-sub-content",
|
|
135
|
+
className: cn("bg-bg-primary text-text-primary 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 data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50", "min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border-separator", "p-2 shadow-lg", className),
|
|
136
|
+
...props
|
|
137
|
+
});
|
|
49
138
|
}
|
|
50
|
-
export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent
|
|
139
|
+
export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent };
|
|
140
|
+
|
|
51
141
|
//# sourceMappingURL=dropdown-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction DropdownMenu({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n\treturn <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n\t);\n}\n\nfunction DropdownMenuTrigger({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Trigger\n\t\t\tdata-slot=\"dropdown-menu-trigger\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuContent({\n\tclassName,\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal>\n\t\t\t<DropdownMenuPrimitive.Content\n\t\t\t\tdata-slot=\"dropdown-menu-content\"\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n\t\t\t\t\t\"data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n\t\t\t\t\t\"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\",\n\t\t\t\t\t\"data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height)\",\n\t\t\t\t\t\"min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)\",\n\t\t\t\t\t\"overflow-x-hidden overflow-y-auto rounded-md border border-border-separator px-2 py-3 shadow-lg space-y-0.5\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</DropdownMenuPrimitive.Portal>\n\t);\n}\n\nfunction DropdownMenuGroup({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n\t);\n}\n\nfunction DropdownMenuItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n\tinset?: boolean;\n\tvariant?: \"default\" | \"destructive\";\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Item\n\t\t\tdata-slot=\"dropdown-menu-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\n\t\t\t\t\"cursor-pointer items-center flex gap-2 h-8 px-3 py-1.5 relativerounded-md\",\n\t\t\t\t\"outline-hidden select-none typo-body text-text-secondary\",\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary\",\n\t\t\t\t\"data-[variant=destructive]:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]:focus:bg-bg-error-tertiary\",\n\t\t\t\t\"dark:data-[variant=destructive]:focus:bg-bg-error-tertiary\",\n\t\t\t\t\"data-[variant=destructive]:focus:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]:*:[svg]:!text-text-error-primary\",\n\t\t\t\t\"[&_svg:not([class*='text-'])]:fg-fg-secondary\",\n\t\t\t\t\"data-[disabled]:pointer-events-none\",\n\t\t\t\t\"data-[disabled]:opacity-50\",\n\t\t\t\t\"data-[inset]:pl-8\",\n\t\t\t\t\"[&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0\",\n\t\t\t\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.CheckboxItem\n\t\t\tdata-slot=\"dropdown-menu-checkbox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary relative flex cursor-default items-center gap-2 rounded-lg py-1 pr-2 pl-9\",\n\t\t\t\t\"outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg]:text-text-link h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-3 flex size-3.5 items-center justify-center\">\n\t\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.CheckboxItem>\n\t);\n}\n\nfunction DropdownMenuRadioGroup({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioGroup\n\t\t\tdata-slot=\"dropdown-menu-radio-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioItem\n\t\t\tdata-slot=\"dropdown-menu-radio-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary relative flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-2\",\n\t\t\t\t\"outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.RadioItem>\n\t);\n}\n\nfunction DropdownMenuLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Label\n\t\t\tdata-slot=\"dropdown-menu-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"px-3 py-1.5 data-[inset]:pl-10 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Separator\n\t\t\tdata-slot=\"dropdown-menu-separator\"\n\t\t\tclassName={cn(\"bg-bg-quaternary -mx-1 my-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"dropdown-menu-shortcut\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-text-secondary ml-auto text-xs tracking-widest\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuSub({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n\treturn <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubTrigger\n\t\t\tdata-slot=\"dropdown-menu-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex\",\n\t\t\t\t\"cursor-default items-center rounded-md px-3 py-1.5 outline-hidden select-none data-[inset]:pl-8 h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRightIcon className=\"ml-auto size-4\" />\n\t\t</DropdownMenuPrimitive.SubTrigger>\n\t);\n}\n\nfunction DropdownMenuSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubContent\n\t\t\tdata-slot=\"dropdown-menu-sub-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-bg-primary text-text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n\t\t\t\t\"data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2\",\n\t\t\t\t\"data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50\",\n\t\t\t\t\"min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border-separator\",\n\t\t\t\t\"p-2 shadow-lg\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDropdownMenu,\n\tDropdownMenuPortal,\n\tDropdownMenuTrigger,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuLabel,\n\tDropdownMenuItem,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\tDropdownMenuSub,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuSubContent,\n};\n"],"names":["DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","cn","DropdownMenu","props","Root","data-slot","DropdownMenuPortal","Portal","DropdownMenuTrigger","Trigger","DropdownMenuContent","className","sideOffset","Content","DropdownMenuGroup","Group","DropdownMenuItem","inset","variant","Item","data-inset","data-variant","DropdownMenuCheckboxItem","children","CheckboxItem","span","ItemIndicator","DropdownMenuRadioGroup","RadioGroup","DropdownMenuRadioItem","RadioItem","DropdownMenuLabel","Label","DropdownMenuSeparator","Separator","DropdownMenuShortcut","DropdownMenuSub","Sub","DropdownMenuSubTrigger","SubTrigger","DropdownMenuSubContent","SubContent"],"mappings":"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"}
|
|
@@ -1,11 +1,126 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button } from "
|
|
3
|
-
import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger
|
|
2
|
+
import { Button } from "./button.js";
|
|
3
|
+
import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
|
|
4
4
|
const meta = {
|
|
5
|
-
title: "Component/Dropdown menu"
|
|
5
|
+
title: "Component/Dropdown menu"
|
|
6
6
|
};
|
|
7
7
|
export default meta;
|
|
8
8
|
export const Demo = {
|
|
9
|
-
render: ()
|
|
9
|
+
render: ()=>/*#__PURE__*/ _jsxs(DropdownMenu, {
|
|
10
|
+
children: [
|
|
11
|
+
/*#__PURE__*/ _jsx(DropdownMenuTrigger, {
|
|
12
|
+
asChild: true,
|
|
13
|
+
children: /*#__PURE__*/ _jsx(Button, {
|
|
14
|
+
variant: "secondary",
|
|
15
|
+
children: "Open"
|
|
16
|
+
})
|
|
17
|
+
}),
|
|
18
|
+
/*#__PURE__*/ _jsxs(DropdownMenuContent, {
|
|
19
|
+
className: "w-56",
|
|
20
|
+
align: "start",
|
|
21
|
+
children: [
|
|
22
|
+
/*#__PURE__*/ _jsx(DropdownMenuLabel, {
|
|
23
|
+
children: "My Account"
|
|
24
|
+
}),
|
|
25
|
+
/*#__PURE__*/ _jsxs(DropdownMenuGroup, {
|
|
26
|
+
children: [
|
|
27
|
+
/*#__PURE__*/ _jsxs(DropdownMenuItem, {
|
|
28
|
+
children: [
|
|
29
|
+
"Profile",
|
|
30
|
+
/*#__PURE__*/ _jsx(DropdownMenuShortcut, {
|
|
31
|
+
children: "⇧⌘P"
|
|
32
|
+
})
|
|
33
|
+
]
|
|
34
|
+
}),
|
|
35
|
+
/*#__PURE__*/ _jsxs(DropdownMenuItem, {
|
|
36
|
+
children: [
|
|
37
|
+
"Billing",
|
|
38
|
+
/*#__PURE__*/ _jsx(DropdownMenuShortcut, {
|
|
39
|
+
children: "⌘B"
|
|
40
|
+
})
|
|
41
|
+
]
|
|
42
|
+
}),
|
|
43
|
+
/*#__PURE__*/ _jsxs(DropdownMenuItem, {
|
|
44
|
+
children: [
|
|
45
|
+
"Settings",
|
|
46
|
+
/*#__PURE__*/ _jsx(DropdownMenuShortcut, {
|
|
47
|
+
children: "⌘S"
|
|
48
|
+
})
|
|
49
|
+
]
|
|
50
|
+
}),
|
|
51
|
+
/*#__PURE__*/ _jsxs(DropdownMenuItem, {
|
|
52
|
+
children: [
|
|
53
|
+
"Keyboard shortcuts",
|
|
54
|
+
/*#__PURE__*/ _jsx(DropdownMenuShortcut, {
|
|
55
|
+
children: "⌘K"
|
|
56
|
+
})
|
|
57
|
+
]
|
|
58
|
+
})
|
|
59
|
+
]
|
|
60
|
+
}),
|
|
61
|
+
/*#__PURE__*/ _jsx(DropdownMenuSeparator, {}),
|
|
62
|
+
/*#__PURE__*/ _jsxs(DropdownMenuGroup, {
|
|
63
|
+
children: [
|
|
64
|
+
/*#__PURE__*/ _jsx(DropdownMenuItem, {
|
|
65
|
+
children: "Team"
|
|
66
|
+
}),
|
|
67
|
+
/*#__PURE__*/ _jsxs(DropdownMenuSub, {
|
|
68
|
+
children: [
|
|
69
|
+
/*#__PURE__*/ _jsx(DropdownMenuSubTrigger, {
|
|
70
|
+
children: "Invite users"
|
|
71
|
+
}),
|
|
72
|
+
/*#__PURE__*/ _jsx(DropdownMenuPortal, {
|
|
73
|
+
children: /*#__PURE__*/ _jsxs(DropdownMenuSubContent, {
|
|
74
|
+
children: [
|
|
75
|
+
/*#__PURE__*/ _jsx(DropdownMenuItem, {
|
|
76
|
+
children: "Email"
|
|
77
|
+
}),
|
|
78
|
+
/*#__PURE__*/ _jsx(DropdownMenuItem, {
|
|
79
|
+
children: "Message"
|
|
80
|
+
}),
|
|
81
|
+
/*#__PURE__*/ _jsx(DropdownMenuSeparator, {}),
|
|
82
|
+
/*#__PURE__*/ _jsx(DropdownMenuItem, {
|
|
83
|
+
children: "More..."
|
|
84
|
+
})
|
|
85
|
+
]
|
|
86
|
+
})
|
|
87
|
+
})
|
|
88
|
+
]
|
|
89
|
+
}),
|
|
90
|
+
/*#__PURE__*/ _jsxs(DropdownMenuItem, {
|
|
91
|
+
children: [
|
|
92
|
+
"New Team",
|
|
93
|
+
/*#__PURE__*/ _jsx(DropdownMenuShortcut, {
|
|
94
|
+
children: "⌘+T"
|
|
95
|
+
})
|
|
96
|
+
]
|
|
97
|
+
})
|
|
98
|
+
]
|
|
99
|
+
}),
|
|
100
|
+
/*#__PURE__*/ _jsx(DropdownMenuSeparator, {}),
|
|
101
|
+
/*#__PURE__*/ _jsx(DropdownMenuItem, {
|
|
102
|
+
children: "GitHub"
|
|
103
|
+
}),
|
|
104
|
+
/*#__PURE__*/ _jsx(DropdownMenuItem, {
|
|
105
|
+
children: "Support"
|
|
106
|
+
}),
|
|
107
|
+
/*#__PURE__*/ _jsx(DropdownMenuItem, {
|
|
108
|
+
disabled: true,
|
|
109
|
+
children: "API"
|
|
110
|
+
}),
|
|
111
|
+
/*#__PURE__*/ _jsx(DropdownMenuSeparator, {}),
|
|
112
|
+
/*#__PURE__*/ _jsxs(DropdownMenuItem, {
|
|
113
|
+
children: [
|
|
114
|
+
"Log out",
|
|
115
|
+
/*#__PURE__*/ _jsx(DropdownMenuShortcut, {
|
|
116
|
+
children: "⇧⌘Q"
|
|
117
|
+
})
|
|
118
|
+
]
|
|
119
|
+
})
|
|
120
|
+
]
|
|
121
|
+
})
|
|
122
|
+
]
|
|
123
|
+
})
|
|
10
124
|
};
|
|
125
|
+
|
|
11
126
|
//# sourceMappingURL=dropdown-menu.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/dropdown-menu.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuPortal,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\tDropdownMenuSub,\n\tDropdownMenuSubContent,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuTrigger,\n} from \"#shadcn/components/ui/dropdown-menu\";\n\nconst meta = {\n\ttitle: \"Component/Dropdown menu\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button variant=\"secondary\">Open</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent className=\"w-56\" align=\"start\">\n\t\t\t\t<DropdownMenuLabel>My Account</DropdownMenuLabel>\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tProfile\n\t\t\t\t\t\t<DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tBilling\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘B</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tSettings\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘S</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tKeyboard shortcuts\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘K</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t<DropdownMenuItem>Team</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuSub>\n\t\t\t\t\t\t<DropdownMenuSubTrigger>Invite users</DropdownMenuSubTrigger>\n\t\t\t\t\t\t<DropdownMenuPortal>\n\t\t\t\t\t\t\t<DropdownMenuSubContent>\n\t\t\t\t\t\t\t\t<DropdownMenuItem>Email</DropdownMenuItem>\n\t\t\t\t\t\t\t\t<DropdownMenuItem>Message</DropdownMenuItem>\n\t\t\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t\t\t<DropdownMenuItem>More...</DropdownMenuItem>\n\t\t\t\t\t\t\t</DropdownMenuSubContent>\n\t\t\t\t\t\t</DropdownMenuPortal>\n\t\t\t\t\t</DropdownMenuSub>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tNew Team\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuItem>GitHub</DropdownMenuItem>\n\t\t\t\t<DropdownMenuItem>Support</DropdownMenuItem>\n\t\t\t\t<DropdownMenuItem disabled>API</DropdownMenuItem>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\tLog out\n\t\t\t\t\t<DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>\n\t\t\t\t</DropdownMenuItem>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t),\n} satisfies Story;\n"],"names":["Button","DropdownMenu","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuPortal","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger","meta","title","Demo","render","asChild","variant","className","align","disabled"],"mappings":";AACA,SAASA,MAAM,QAAQ,cAA+B;AACtD,SACCC,YAAY,EACZC,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,qBAAqB,EACrBC,oBAAoB,EACpBC,eAAe,EACfC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,QACb,qBAAsC;AAE7C,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACf;;8BACA,KAACW;oBAAoBK,OAAO;8BAC3B,cAAA,KAACjB;wBAAOkB,SAAQ;kCAAY;;;8BAE7B,MAAChB;oBAAoBiB,WAAU;oBAAOC,OAAM;;sCAC3C,KAACf;sCAAkB;;sCACnB,MAACF;;8CACA,MAACC;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;8CAEvB,MAACJ;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;8CAEvB,MAACJ;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;8CAEvB,MAACJ;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;;;sCAGxB,KAACD;sCACD,MAACJ;;8CACA,KAACC;8CAAiB;;8CAClB,MAACK;;sDACA,KAACE;sDAAuB;;sDACxB,KAACL;sDACA,cAAA,MAACI;;kEACA,KAACN;kEAAiB;;kEAClB,KAACA;kEAAiB;;kEAClB,KAACG;kEACD,KAACH;kEAAiB;;;;;;;8CAIrB,MAACA;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;;;sCAGxB,KAACD;sCACD,KAACH;sCAAiB;;sCAClB,KAACA;sCAAiB;;sCAClB,KAACA;4BAAiBiB,QAAQ;sCAAC;;sCAC3B,KAACd;sCACD,MAACH;;gCAAiB;8CAEjB,KAACI;8CAAqB;;;;;;;;AAK3B,EAAkB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIhB,MAAM,iBAAiB,CAAC;AAIzB,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACd,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC9D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYrE;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAYlD;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAiBnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,kDAkBtE;AAED,OAAO,EACN,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACT,CAAC"}
|