@health-samurai/react-components 0.0.0-alpha.1 → 0.0.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.css +100 -7
- package/dist/src/components/code-editor/index.js +53 -29
- package/dist/src/components/code-editor/index.js.map +1 -1
- package/dist/src/components/code-editor.stories.js +22 -7
- package/dist/src/components/code-editor.stories.js.map +1 -1
- package/dist/src/components/copy-icon.js +11 -4
- package/dist/src/components/copy-icon.js.map +1 -1
- package/dist/src/components/request-line-editor.js +56 -14
- package/dist/src/components/request-line-editor.js.map +1 -1
- package/dist/src/components/request-line-editor.stories.js +71 -22
- package/dist/src/components/request-line-editor.stories.js.map +1 -1
- package/dist/src/global.d.js +2 -0
- package/dist/src/global.d.js.map +1 -0
- package/dist/src/index.css +6 -0
- package/dist/src/index.d.ts +1 -0
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/index.js +52 -50
- package/dist/src/index.js.map +1 -1
- package/dist/src/index.stories.js +8 -5
- package/dist/src/index.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/accordion.js +34 -5
- package/dist/src/shadcn/components/ui/accordion.js.map +1 -1
- package/dist/src/shadcn/components/ui/accordion.stories.js +68 -3
- package/dist/src/shadcn/components/ui/accordion.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert-dialog.js +61 -14
- package/dist/src/shadcn/components/ui/alert-dialog.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert-dialog.stories.js +39 -4
- package/dist/src/shadcn/components/ui/alert-dialog.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert.js +24 -8
- package/dist/src/shadcn/components/ui/alert.js.map +1 -1
- package/dist/src/shadcn/components/ui/alert.stories.js +57 -3
- package/dist/src/shadcn/components/ui/alert.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/aspect-ratio.js +5 -1
- package/dist/src/shadcn/components/ui/aspect-ratio.js.map +1 -1
- package/dist/src/shadcn/components/ui/aspect-ratio.stories.js +12 -3
- package/dist/src/shadcn/components/ui/aspect-ratio.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/avatar.js +17 -4
- package/dist/src/shadcn/components/ui/avatar.js.map +1 -1
- package/dist/src/shadcn/components/ui/avatar.stories.js +69 -3
- package/dist/src/shadcn/components/ui/avatar.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/badge.js +13 -6
- package/dist/src/shadcn/components/ui/badge.js.map +1 -1
- package/dist/src/shadcn/components/ui/badge.stories.js +55 -3
- package/dist/src/shadcn/components/ui/badge.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/breadcrumb.js +56 -11
- package/dist/src/shadcn/components/ui/breadcrumb.js.map +1 -1
- package/dist/src/shadcn/components/ui/breadcrumb.stories.js +69 -4
- package/dist/src/shadcn/components/ui/breadcrumb.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/button.js +23 -13
- package/dist/src/shadcn/components/ui/button.js.map +1 -1
- package/dist/src/shadcn/components/ui/button.stories.js +190 -10
- package/dist/src/shadcn/components/ui/button.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/calendar.js +75 -33
- package/dist/src/shadcn/components/ui/calendar.js.map +1 -1
- package/dist/src/shadcn/components/ui/calendar.stories.js +12 -5
- package/dist/src/shadcn/components/ui/calendar.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/card.js +38 -9
- package/dist/src/shadcn/components/ui/card.js.map +1 -1
- package/dist/src/shadcn/components/ui/card.stories.js +91 -6
- package/dist/src/shadcn/components/ui/card.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/carousel.js +99 -39
- package/dist/src/shadcn/components/ui/carousel.js.map +1 -1
- package/dist/src/shadcn/components/ui/carousel.stories.js +30 -6
- package/dist/src/shadcn/components/ui/carousel.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/chart.js +118 -55
- package/dist/src/shadcn/components/ui/chart.js.map +1 -1
- package/dist/src/shadcn/components/ui/chart.stories.js +72 -12
- package/dist/src/shadcn/components/ui/chart.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.js +14 -2
- package/dist/src/shadcn/components/ui/checkbox.js.map +1 -1
- package/dist/src/shadcn/components/ui/checkbox.stories.js +79 -4
- package/dist/src/shadcn/components/ui/checkbox.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/collapsible.js +13 -3
- package/dist/src/shadcn/components/ui/collapsible.js.map +1 -1
- package/dist/src/shadcn/components/ui/collapsible.stories.js +54 -6
- package/dist/src/shadcn/components/ui/collapsible.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/command.js +77 -12
- package/dist/src/shadcn/components/ui/command.js.map +1 -1
- package/dist/src/shadcn/components/ui/command.stories.js +88 -4
- package/dist/src/shadcn/components/ui/command.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/context-menu.js +106 -17
- package/dist/src/shadcn/components/ui/context-menu.js.map +1 -1
- package/dist/src/shadcn/components/ui/context-menu.stories.js +101 -3
- package/dist/src/shadcn/components/ui/context-menu.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/dialog.js +69 -12
- package/dist/src/shadcn/components/ui/dialog.js.map +1 -1
- package/dist/src/shadcn/components/ui/dialog.stories.js +82 -6
- package/dist/src/shadcn/components/ui/dialog.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/drawer.js +61 -12
- package/dist/src/shadcn/components/ui/drawer.js.map +1 -1
- package/dist/src/shadcn/components/ui/drawer.stories.js +154 -21
- package/dist/src/shadcn/components/ui/drawer.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/dropdown-menu.js +107 -17
- package/dist/src/shadcn/components/ui/dropdown-menu.js.map +1 -1
- package/dist/src/shadcn/components/ui/dropdown-menu.stories.js +119 -4
- package/dist/src/shadcn/components/ui/dropdown-menu.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/form.js +58 -18
- package/dist/src/shadcn/components/ui/form.js.map +1 -1
- package/dist/src/shadcn/components/ui/form.stories.js +45 -11
- package/dist/src/shadcn/components/ui/form.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/hover-card.js +20 -4
- package/dist/src/shadcn/components/ui/hover-card.js.map +1 -1
- package/dist/src/shadcn/components/ui/hover-card.stories.js +51 -5
- package/dist/src/shadcn/components/ui/hover-card.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/input-otp.js +35 -7
- package/dist/src/shadcn/components/ui/input-otp.js.map +1 -1
- package/dist/src/shadcn/components/ui/input-otp.stories.js +35 -3
- package/dist/src/shadcn/components/ui/input-otp.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/input.js +59 -40
- package/dist/src/shadcn/components/ui/input.js.map +1 -1
- package/dist/src/shadcn/components/ui/input.stories.js +391 -23
- package/dist/src/shadcn/components/ui/input.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/label.js +7 -2
- package/dist/src/shadcn/components/ui/label.js.map +1 -1
- package/dist/src/shadcn/components/ui/label.stories.js +18 -4
- package/dist/src/shadcn/components/ui/label.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/menubar.js +116 -19
- package/dist/src/shadcn/components/ui/menubar.js.map +1 -1
- package/dist/src/shadcn/components/ui/menubar.stories.js +216 -3
- package/dist/src/shadcn/components/ui/menubar.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/navigation-menu.js +62 -10
- package/dist/src/shadcn/components/ui/navigation-menu.js.map +1 -1
- package/dist/src/shadcn/components/ui/navigation-menu.stories.js +263 -11
- package/dist/src/shadcn/components/ui/navigation-menu.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/pagination.js +73 -16
- package/dist/src/shadcn/components/ui/pagination.js.map +1 -1
- package/dist/src/shadcn/components/ui/pagination.stories.js +41 -3
- package/dist/src/shadcn/components/ui/pagination.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/popover.js +23 -5
- package/dist/src/shadcn/components/ui/popover.js.map +1 -1
- package/dist/src/shadcn/components/ui/popover.stories.js +99 -6
- package/dist/src/shadcn/components/ui/popover.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/progress.js +14 -2
- package/dist/src/shadcn/components/ui/progress.js.map +1 -1
- package/dist/src/shadcn/components/ui/progress.stories.js +12 -8
- package/dist/src/shadcn/components/ui/progress.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.js +19 -3
- package/dist/src/shadcn/components/ui/radio-group.js.map +1 -1
- package/dist/src/shadcn/components/ui/radio-group.stories.js +48 -4
- package/dist/src/shadcn/components/ui/radio-group.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/resizable.js +22 -4
- package/dist/src/shadcn/components/ui/resizable.js.map +1 -1
- package/dist/src/shadcn/components/ui/resizable.stories.js +49 -3
- package/dist/src/shadcn/components/ui/resizable.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/scroll-area.js +26 -5
- package/dist/src/shadcn/components/ui/scroll-area.js.map +1 -1
- package/dist/src/shadcn/components/ui/scroll-area.stories.js +30 -5
- package/dist/src/shadcn/components/ui/scroll-area.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/select.js +98 -19
- package/dist/src/shadcn/components/ui/select.js.map +1 -1
- package/dist/src/shadcn/components/ui/select.stories.js +84 -5
- package/dist/src/shadcn/components/ui/select.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/separator.js +9 -2
- package/dist/src/shadcn/components/ui/separator.js.map +1 -1
- package/dist/src/shadcn/components/ui/separator.stories.js +43 -3
- package/dist/src/shadcn/components/ui/separator.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/sheet.js +69 -16
- package/dist/src/shadcn/components/ui/sheet.js.map +1 -1
- package/dist/src/shadcn/components/ui/sheet.stories.js +77 -6
- package/dist/src/shadcn/components/ui/sheet.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/sidebar.js +304 -79
- package/dist/src/shadcn/components/ui/sidebar.js.map +1 -1
- package/dist/src/shadcn/components/ui/sidebar.stories.js +321 -59
- package/dist/src/shadcn/components/ui/sidebar.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/skeleton.js +7 -2
- package/dist/src/shadcn/components/ui/skeleton.js.map +1 -1
- package/dist/src/shadcn/components/ui/skeleton.stories.js +22 -3
- package/dist/src/shadcn/components/ui/skeleton.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/slider.js +40 -7
- package/dist/src/shadcn/components/ui/slider.js.map +1 -1
- package/dist/src/shadcn/components/ui/slider.stories.js +11 -3
- package/dist/src/shadcn/components/ui/slider.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.js +10 -4
- package/dist/src/shadcn/components/ui/sonner.js.map +1 -1
- package/dist/src/shadcn/components/ui/sonner.stories.js +14 -9
- package/dist/src/shadcn/components/ui/sonner.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/switch.js +11 -2
- package/dist/src/shadcn/components/ui/switch.js.map +1 -1
- package/dist/src/shadcn/components/ui/switch.stories.js +16 -4
- package/dist/src/shadcn/components/ui/switch.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/table.js +47 -10
- package/dist/src/shadcn/components/ui/table.js.map +1 -1
- package/dist/src/shadcn/components/ui/table.stories.js +72 -11
- package/dist/src/shadcn/components/ui/table.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.d.ts +9 -5
- package/dist/src/shadcn/components/ui/tabs.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.js +75 -18
- package/dist/src/shadcn/components/ui/tabs.js.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.stories.d.ts +6 -0
- package/dist/src/shadcn/components/ui/tabs.stories.d.ts.map +1 -1
- package/dist/src/shadcn/components/ui/tabs.stories.js +221 -10
- package/dist/src/shadcn/components/ui/tabs.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/textarea.js +7 -2
- package/dist/src/shadcn/components/ui/textarea.js.map +1 -1
- package/dist/src/shadcn/components/ui/textarea.stories.js +6 -3
- package/dist/src/shadcn/components/ui/textarea.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle-group.js +29 -8
- package/dist/src/shadcn/components/ui/toggle-group.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle-group.stories.js +30 -3
- package/dist/src/shadcn/components/ui/toggle-group.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle.js +16 -7
- package/dist/src/shadcn/components/ui/toggle.js.map +1 -1
- package/dist/src/shadcn/components/ui/toggle.stories.js +9 -3
- package/dist/src/shadcn/components/ui/toggle.stories.js.map +1 -1
- package/dist/src/shadcn/components/ui/tooltip.js +26 -5
- package/dist/src/shadcn/components/ui/tooltip.js.map +1 -1
- package/dist/src/shadcn/components/ui/tooltip.stories.js +20 -4
- package/dist/src/shadcn/components/ui/tooltip.stories.js.map +1 -1
- package/dist/src/shadcn/hooks/use-mobile.js +4 -3
- package/dist/src/shadcn/hooks/use-mobile.js.map +1 -1
- package/dist/src/shadcn/lib/utils.js +1 -0
- package/dist/src/shadcn/lib/utils.js.map +1 -1
- package/package.json +8 -4
- package/src/index.css +6 -0
- package/src/index.tsx +1 -0
- package/src/shadcn/components/ui/tabs.stories.tsx +57 -0
- package/src/shadcn/components/ui/tabs.tsx +76 -26
|
@@ -1,11 +1,95 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Calculator, Calendar, CreditCard, Settings, Smile, User
|
|
3
|
-
import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut
|
|
2
|
+
import { Calculator, Calendar, CreditCard, Settings, Smile, User } from "lucide-react";
|
|
3
|
+
import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./command.js";
|
|
4
4
|
const meta = {
|
|
5
|
-
title: "Component/Command"
|
|
5
|
+
title: "Component/Command"
|
|
6
6
|
};
|
|
7
7
|
export default meta;
|
|
8
8
|
export const Demo = {
|
|
9
|
-
render: ()
|
|
9
|
+
render: ()=>/*#__PURE__*/ _jsxs(Command, {
|
|
10
|
+
className: "rounded-lg border shadow-md md:min-w-[450px]",
|
|
11
|
+
children: [
|
|
12
|
+
/*#__PURE__*/ _jsx(CommandInput, {
|
|
13
|
+
placeholder: "Type a command or search..."
|
|
14
|
+
}),
|
|
15
|
+
/*#__PURE__*/ _jsxs(CommandList, {
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsx(CommandEmpty, {
|
|
18
|
+
children: "No results found."
|
|
19
|
+
}),
|
|
20
|
+
/*#__PURE__*/ _jsxs(CommandGroup, {
|
|
21
|
+
heading: "Suggestions",
|
|
22
|
+
children: [
|
|
23
|
+
/*#__PURE__*/ _jsxs(CommandItem, {
|
|
24
|
+
children: [
|
|
25
|
+
/*#__PURE__*/ _jsx(Calendar, {}),
|
|
26
|
+
/*#__PURE__*/ _jsx("span", {
|
|
27
|
+
children: "Calendar"
|
|
28
|
+
})
|
|
29
|
+
]
|
|
30
|
+
}),
|
|
31
|
+
/*#__PURE__*/ _jsxs(CommandItem, {
|
|
32
|
+
children: [
|
|
33
|
+
/*#__PURE__*/ _jsx(Smile, {}),
|
|
34
|
+
/*#__PURE__*/ _jsx("span", {
|
|
35
|
+
children: "Search Emoji"
|
|
36
|
+
})
|
|
37
|
+
]
|
|
38
|
+
}),
|
|
39
|
+
/*#__PURE__*/ _jsxs(CommandItem, {
|
|
40
|
+
disabled: true,
|
|
41
|
+
children: [
|
|
42
|
+
/*#__PURE__*/ _jsx(Calculator, {}),
|
|
43
|
+
/*#__PURE__*/ _jsx("span", {
|
|
44
|
+
children: "Calculator"
|
|
45
|
+
})
|
|
46
|
+
]
|
|
47
|
+
})
|
|
48
|
+
]
|
|
49
|
+
}),
|
|
50
|
+
/*#__PURE__*/ _jsx(CommandSeparator, {}),
|
|
51
|
+
/*#__PURE__*/ _jsxs(CommandGroup, {
|
|
52
|
+
heading: "Settings",
|
|
53
|
+
children: [
|
|
54
|
+
/*#__PURE__*/ _jsxs(CommandItem, {
|
|
55
|
+
children: [
|
|
56
|
+
/*#__PURE__*/ _jsx(User, {}),
|
|
57
|
+
/*#__PURE__*/ _jsx("span", {
|
|
58
|
+
children: "Profile"
|
|
59
|
+
}),
|
|
60
|
+
/*#__PURE__*/ _jsx(CommandShortcut, {
|
|
61
|
+
children: "⌘P"
|
|
62
|
+
})
|
|
63
|
+
]
|
|
64
|
+
}),
|
|
65
|
+
/*#__PURE__*/ _jsxs(CommandItem, {
|
|
66
|
+
children: [
|
|
67
|
+
/*#__PURE__*/ _jsx(CreditCard, {}),
|
|
68
|
+
/*#__PURE__*/ _jsx("span", {
|
|
69
|
+
children: "Billing"
|
|
70
|
+
}),
|
|
71
|
+
/*#__PURE__*/ _jsx(CommandShortcut, {
|
|
72
|
+
children: "⌘B"
|
|
73
|
+
})
|
|
74
|
+
]
|
|
75
|
+
}),
|
|
76
|
+
/*#__PURE__*/ _jsxs(CommandItem, {
|
|
77
|
+
children: [
|
|
78
|
+
/*#__PURE__*/ _jsx(Settings, {}),
|
|
79
|
+
/*#__PURE__*/ _jsx("span", {
|
|
80
|
+
children: "Settings"
|
|
81
|
+
}),
|
|
82
|
+
/*#__PURE__*/ _jsx(CommandShortcut, {
|
|
83
|
+
children: "⌘S"
|
|
84
|
+
})
|
|
85
|
+
]
|
|
86
|
+
})
|
|
87
|
+
]
|
|
88
|
+
})
|
|
89
|
+
]
|
|
90
|
+
})
|
|
91
|
+
]
|
|
92
|
+
})
|
|
10
93
|
};
|
|
94
|
+
|
|
11
95
|
//# sourceMappingURL=command.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/command.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tCalculator,\n\tCalendar,\n\tCreditCard,\n\tSettings,\n\tSmile,\n\tUser,\n} from \"lucide-react\";\nimport {\n\tCommand,\n\tCommandEmpty,\n\tCommandGroup,\n\tCommandInput,\n\tCommandItem,\n\tCommandList,\n\tCommandSeparator,\n\tCommandShortcut,\n} from \"#shadcn/components/ui/command\";\n\nconst meta = {\n\ttitle: \"Component/Command\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Command className=\"rounded-lg border shadow-md md:min-w-[450px]\">\n\t\t\t<CommandInput placeholder=\"Type a command or search...\" />\n\t\t\t<CommandList>\n\t\t\t\t<CommandEmpty>No results found.</CommandEmpty>\n\t\t\t\t<CommandGroup heading=\"Suggestions\">\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<Calendar />\n\t\t\t\t\t\t<span>Calendar</span>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<Smile />\n\t\t\t\t\t\t<span>Search Emoji</span>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t\t<CommandItem disabled>\n\t\t\t\t\t\t<Calculator />\n\t\t\t\t\t\t<span>Calculator</span>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t</CommandGroup>\n\t\t\t\t<CommandSeparator />\n\t\t\t\t<CommandGroup heading=\"Settings\">\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<User />\n\t\t\t\t\t\t<span>Profile</span>\n\t\t\t\t\t\t<CommandShortcut>⌘P</CommandShortcut>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<CreditCard />\n\t\t\t\t\t\t<span>Billing</span>\n\t\t\t\t\t\t<CommandShortcut>⌘B</CommandShortcut>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t\t<CommandItem>\n\t\t\t\t\t\t<Settings />\n\t\t\t\t\t\t<span>Settings</span>\n\t\t\t\t\t\t<CommandShortcut>⌘S</CommandShortcut>\n\t\t\t\t\t</CommandItem>\n\t\t\t\t</CommandGroup>\n\t\t\t</CommandList>\n\t\t</Command>\n\t),\n} satisfies Story;\n"],"names":["Calculator","Calendar","CreditCard","Settings","Smile","User","Command","CommandEmpty","CommandGroup","CommandInput","CommandItem","CommandList","CommandSeparator","CommandShortcut","meta","title","Demo","render","className","placeholder","heading","span","disabled"],"mappings":";AACA,SACCA,UAAU,EACVC,QAAQ,EACRC,UAAU,EACVC,QAAQ,EACRC,KAAK,EACLC,IAAI,QACE,eAAe;AACtB,SACCC,OAAO,EACPC,YAAY,EACZC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,WAAW,EACXC,gBAAgB,EAChBC,eAAe,QACT,eAAgC;AAEvC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACX;YAAQY,WAAU;;8BAClB,KAACT;oBAAaU,aAAY;;8BAC1B,MAACR;;sCACA,KAACJ;sCAAa;;sCACd,MAACC;4BAAaY,SAAQ;;8CACrB,MAACV;;sDACA,KAACT;sDACD,KAACoB;sDAAK;;;;8CAEP,MAACX;;sDACA,KAACN;sDACD,KAACiB;sDAAK;;;;8CAEP,MAACX;oCAAYY,QAAQ;;sDACpB,KAACtB;sDACD,KAACqB;sDAAK;;;;;;sCAGR,KAACT;sCACD,MAACJ;4BAAaY,SAAQ;;8CACrB,MAACV;;sDACA,KAACL;sDACD,KAACgB;sDAAK;;sDACN,KAACR;sDAAgB;;;;8CAElB,MAACH;;sDACA,KAACR;sDACD,KAACmB;sDAAK;;sDACN,KAACR;sDAAgB;;;;8CAElB,MAACH;;sDACA,KAACP;sDACD,KAACkB;sDAAK;;sDACN,KAACR;sDAAgB;;;;;;;;;;AAMvB,EAAkB"}
|
|
@@ -1,51 +1,140 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
|
|
3
3
|
import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
|
|
4
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
5
5
|
function ContextMenu({ ...props }) {
|
|
6
|
-
return _jsx(ContextMenuPrimitive.Root, {
|
|
6
|
+
return /*#__PURE__*/ _jsx(ContextMenuPrimitive.Root, {
|
|
7
|
+
"data-slot": "context-menu",
|
|
8
|
+
...props
|
|
9
|
+
});
|
|
7
10
|
}
|
|
8
11
|
function ContextMenuTrigger({ ...props }) {
|
|
9
|
-
return
|
|
12
|
+
return /*#__PURE__*/ _jsx(ContextMenuPrimitive.Trigger, {
|
|
13
|
+
"data-slot": "context-menu-trigger",
|
|
14
|
+
...props
|
|
15
|
+
});
|
|
10
16
|
}
|
|
11
17
|
function ContextMenuGroup({ ...props }) {
|
|
12
|
-
return
|
|
18
|
+
return /*#__PURE__*/ _jsx(ContextMenuPrimitive.Group, {
|
|
19
|
+
"data-slot": "context-menu-group",
|
|
20
|
+
...props
|
|
21
|
+
});
|
|
13
22
|
}
|
|
14
23
|
function ContextMenuPortal({ ...props }) {
|
|
15
|
-
return
|
|
24
|
+
return /*#__PURE__*/ _jsx(ContextMenuPrimitive.Portal, {
|
|
25
|
+
"data-slot": "context-menu-portal",
|
|
26
|
+
...props
|
|
27
|
+
});
|
|
16
28
|
}
|
|
17
29
|
function ContextMenuSub({ ...props }) {
|
|
18
|
-
return _jsx(ContextMenuPrimitive.Sub, {
|
|
30
|
+
return /*#__PURE__*/ _jsx(ContextMenuPrimitive.Sub, {
|
|
31
|
+
"data-slot": "context-menu-sub",
|
|
32
|
+
...props
|
|
33
|
+
});
|
|
19
34
|
}
|
|
20
35
|
function ContextMenuRadioGroup({ ...props }) {
|
|
21
|
-
return
|
|
36
|
+
return /*#__PURE__*/ _jsx(ContextMenuPrimitive.RadioGroup, {
|
|
37
|
+
"data-slot": "context-menu-radio-group",
|
|
38
|
+
...props
|
|
39
|
+
});
|
|
22
40
|
}
|
|
23
41
|
function ContextMenuSubTrigger({ className, inset, children, ...props }) {
|
|
24
|
-
return
|
|
42
|
+
return /*#__PURE__*/ _jsxs(ContextMenuPrimitive.SubTrigger, {
|
|
43
|
+
"data-slot": "context-menu-sub-trigger",
|
|
44
|
+
"data-inset": inset,
|
|
45
|
+
className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
46
|
+
...props,
|
|
47
|
+
children: [
|
|
48
|
+
children,
|
|
49
|
+
/*#__PURE__*/ _jsx(ChevronRightIcon, {
|
|
50
|
+
className: "ml-auto"
|
|
51
|
+
})
|
|
52
|
+
]
|
|
53
|
+
});
|
|
25
54
|
}
|
|
26
55
|
function ContextMenuSubContent({ className, ...props }) {
|
|
27
|
-
return
|
|
56
|
+
return /*#__PURE__*/ _jsx(ContextMenuPrimitive.SubContent, {
|
|
57
|
+
"data-slot": "context-menu-sub-content",
|
|
58
|
+
className: cn("bg-popover text-popover-foreground 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-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className),
|
|
59
|
+
...props
|
|
60
|
+
});
|
|
28
61
|
}
|
|
29
62
|
function ContextMenuContent({ className, ...props }) {
|
|
30
|
-
return
|
|
63
|
+
return /*#__PURE__*/ _jsx(ContextMenuPrimitive.Portal, {
|
|
64
|
+
children: /*#__PURE__*/ _jsx(ContextMenuPrimitive.Content, {
|
|
65
|
+
"data-slot": "context-menu-content",
|
|
66
|
+
className: cn("bg-popover text-popover-foreground 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-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
|
|
67
|
+
...props
|
|
68
|
+
})
|
|
69
|
+
});
|
|
31
70
|
}
|
|
32
71
|
function ContextMenuItem({ className, inset, variant = "default", ...props }) {
|
|
33
|
-
return
|
|
72
|
+
return /*#__PURE__*/ _jsx(ContextMenuPrimitive.Item, {
|
|
73
|
+
"data-slot": "context-menu-item",
|
|
74
|
+
"data-inset": inset,
|
|
75
|
+
"data-variant": variant,
|
|
76
|
+
className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none 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),
|
|
77
|
+
...props
|
|
78
|
+
});
|
|
34
79
|
}
|
|
35
80
|
function ContextMenuCheckboxItem({ className, children, ...props }) {
|
|
36
|
-
return
|
|
81
|
+
return /*#__PURE__*/ _jsxs(ContextMenuPrimitive.CheckboxItem, {
|
|
82
|
+
"data-slot": "context-menu-checkbox-item",
|
|
83
|
+
className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm 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", className),
|
|
84
|
+
...props,
|
|
85
|
+
children: [
|
|
86
|
+
/*#__PURE__*/ _jsx("span", {
|
|
87
|
+
className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
|
|
88
|
+
children: /*#__PURE__*/ _jsx(ContextMenuPrimitive.ItemIndicator, {
|
|
89
|
+
children: /*#__PURE__*/ _jsx(CheckIcon, {
|
|
90
|
+
className: "size-4"
|
|
91
|
+
})
|
|
92
|
+
})
|
|
93
|
+
}),
|
|
94
|
+
children
|
|
95
|
+
]
|
|
96
|
+
});
|
|
37
97
|
}
|
|
38
98
|
function ContextMenuRadioItem({ className, children, ...props }) {
|
|
39
|
-
return
|
|
99
|
+
return /*#__PURE__*/ _jsxs(ContextMenuPrimitive.RadioItem, {
|
|
100
|
+
"data-slot": "context-menu-radio-item",
|
|
101
|
+
className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm 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", className),
|
|
102
|
+
...props,
|
|
103
|
+
children: [
|
|
104
|
+
/*#__PURE__*/ _jsx("span", {
|
|
105
|
+
className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
|
|
106
|
+
children: /*#__PURE__*/ _jsx(ContextMenuPrimitive.ItemIndicator, {
|
|
107
|
+
children: /*#__PURE__*/ _jsx(CircleIcon, {
|
|
108
|
+
className: "size-2 fill-current"
|
|
109
|
+
})
|
|
110
|
+
})
|
|
111
|
+
}),
|
|
112
|
+
children
|
|
113
|
+
]
|
|
114
|
+
});
|
|
40
115
|
}
|
|
41
116
|
function ContextMenuLabel({ className, inset, ...props }) {
|
|
42
|
-
return
|
|
117
|
+
return /*#__PURE__*/ _jsx(ContextMenuPrimitive.Label, {
|
|
118
|
+
"data-slot": "context-menu-label",
|
|
119
|
+
"data-inset": inset,
|
|
120
|
+
className: cn("text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
|
|
121
|
+
...props
|
|
122
|
+
});
|
|
43
123
|
}
|
|
44
124
|
function ContextMenuSeparator({ className, ...props }) {
|
|
45
|
-
return
|
|
125
|
+
return /*#__PURE__*/ _jsx(ContextMenuPrimitive.Separator, {
|
|
126
|
+
"data-slot": "context-menu-separator",
|
|
127
|
+
className: cn("bg-border -mx-1 my-1 h-px", className),
|
|
128
|
+
...props
|
|
129
|
+
});
|
|
46
130
|
}
|
|
47
131
|
function ContextMenuShortcut({ className, ...props }) {
|
|
48
|
-
return
|
|
132
|
+
return /*#__PURE__*/ _jsx("span", {
|
|
133
|
+
"data-slot": "context-menu-shortcut",
|
|
134
|
+
className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
|
|
135
|
+
...props
|
|
136
|
+
});
|
|
49
137
|
}
|
|
50
|
-
export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup
|
|
138
|
+
export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup };
|
|
139
|
+
|
|
51
140
|
//# sourceMappingURL=context-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context-menu.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/context-menu.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/context-menu.tsx"],"sourcesContent":["import * as ContextMenuPrimitive from \"@radix-ui/react-context-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction ContextMenu({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {\n\treturn <ContextMenuPrimitive.Root data-slot=\"context-menu\" {...props} />;\n}\n\nfunction ContextMenuTrigger({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Trigger data-slot=\"context-menu-trigger\" {...props} />\n\t);\n}\n\nfunction ContextMenuGroup({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Group data-slot=\"context-menu-group\" {...props} />\n\t);\n}\n\nfunction ContextMenuPortal({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Portal data-slot=\"context-menu-portal\" {...props} />\n\t);\n}\n\nfunction ContextMenuSub({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {\n\treturn <ContextMenuPrimitive.Sub data-slot=\"context-menu-sub\" {...props} />;\n}\n\nfunction ContextMenuRadioGroup({\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {\n\treturn (\n\t\t<ContextMenuPrimitive.RadioGroup\n\t\t\tdata-slot=\"context-menu-radio-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<ContextMenuPrimitive.SubTrigger\n\t\t\tdata-slot=\"context-menu-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_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\t\t{children}\n\t\t\t<ChevronRightIcon className=\"ml-auto\" />\n\t\t</ContextMenuPrimitive.SubTrigger>\n\t);\n}\n\nfunction ContextMenuSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {\n\treturn (\n\t\t<ContextMenuPrimitive.SubContent\n\t\t\tdata-slot=\"context-menu-sub-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-popover text-popover-foreground 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-context-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Portal>\n\t\t\t<ContextMenuPrimitive.Content\n\t\t\t\tdata-slot=\"context-menu-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-popover text-popover-foreground 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-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</ContextMenuPrimitive.Portal>\n\t);\n}\n\nfunction ContextMenuItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {\n\tinset?: boolean;\n\tvariant?: \"default\" | \"destructive\";\n}) {\n\treturn (\n\t\t<ContextMenuPrimitive.Item\n\t\t\tdata-slot=\"context-menu-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none 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\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<ContextMenuPrimitive.CheckboxItem\n\t\t\tdata-slot=\"context-menu-checkbox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm 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\",\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<ContextMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</ContextMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</ContextMenuPrimitive.CheckboxItem>\n\t);\n}\n\nfunction ContextMenuRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {\n\treturn (\n\t\t<ContextMenuPrimitive.RadioItem\n\t\t\tdata-slot=\"context-menu-radio-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm 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\",\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<ContextMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</ContextMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</ContextMenuPrimitive.RadioItem>\n\t);\n}\n\nfunction ContextMenuLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<ContextMenuPrimitive.Label\n\t\t\tdata-slot=\"context-menu-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {\n\treturn (\n\t\t<ContextMenuPrimitive.Separator\n\t\t\tdata-slot=\"context-menu-separator\"\n\t\t\tclassName={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ContextMenuShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"context-menu-shortcut\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground 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\nexport {\n\tContextMenu,\n\tContextMenuTrigger,\n\tContextMenuContent,\n\tContextMenuItem,\n\tContextMenuCheckboxItem,\n\tContextMenuRadioItem,\n\tContextMenuLabel,\n\tContextMenuSeparator,\n\tContextMenuShortcut,\n\tContextMenuGroup,\n\tContextMenuPortal,\n\tContextMenuSub,\n\tContextMenuSubContent,\n\tContextMenuSubTrigger,\n\tContextMenuRadioGroup,\n};\n"],"names":["ContextMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","cn","ContextMenu","props","Root","data-slot","ContextMenuTrigger","Trigger","ContextMenuGroup","Group","ContextMenuPortal","Portal","ContextMenuSub","Sub","ContextMenuRadioGroup","RadioGroup","ContextMenuSubTrigger","className","inset","children","SubTrigger","data-inset","ContextMenuSubContent","SubContent","ContextMenuContent","Content","ContextMenuItem","variant","Item","data-variant","ContextMenuCheckboxItem","CheckboxItem","span","ItemIndicator","ContextMenuRadioItem","RadioItem","ContextMenuLabel","Label","ContextMenuSeparator","Separator","ContextMenuShortcut"],"mappings":"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"}
|
|
@@ -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"}
|