@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,54 +1,151 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as MenubarPrimitive from "@radix-ui/react-menubar";
|
|
3
3
|
import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
|
|
4
|
-
import { cn } from "
|
|
4
|
+
import { cn } from "../../lib/utils.js";
|
|
5
5
|
function Menubar({ className, ...props }) {
|
|
6
|
-
return
|
|
6
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Root, {
|
|
7
|
+
"data-slot": "menubar",
|
|
8
|
+
className: cn("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", className),
|
|
9
|
+
...props
|
|
10
|
+
});
|
|
7
11
|
}
|
|
8
12
|
function MenubarMenu({ ...props }) {
|
|
9
|
-
return _jsx(MenubarPrimitive.Menu, {
|
|
13
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Menu, {
|
|
14
|
+
"data-slot": "menubar-menu",
|
|
15
|
+
...props
|
|
16
|
+
});
|
|
10
17
|
}
|
|
11
18
|
function MenubarGroup({ ...props }) {
|
|
12
|
-
return _jsx(MenubarPrimitive.Group, {
|
|
19
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Group, {
|
|
20
|
+
"data-slot": "menubar-group",
|
|
21
|
+
...props
|
|
22
|
+
});
|
|
13
23
|
}
|
|
14
24
|
function MenubarPortal({ ...props }) {
|
|
15
|
-
return _jsx(MenubarPrimitive.Portal, {
|
|
25
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Portal, {
|
|
26
|
+
"data-slot": "menubar-portal",
|
|
27
|
+
...props
|
|
28
|
+
});
|
|
16
29
|
}
|
|
17
30
|
function MenubarRadioGroup({ ...props }) {
|
|
18
|
-
return
|
|
31
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.RadioGroup, {
|
|
32
|
+
"data-slot": "menubar-radio-group",
|
|
33
|
+
...props
|
|
34
|
+
});
|
|
19
35
|
}
|
|
20
36
|
function MenubarTrigger({ className, ...props }) {
|
|
21
|
-
return
|
|
37
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Trigger, {
|
|
38
|
+
"data-slot": "menubar-trigger",
|
|
39
|
+
className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none", className),
|
|
40
|
+
...props
|
|
41
|
+
});
|
|
22
42
|
}
|
|
23
43
|
function MenubarContent({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }) {
|
|
24
|
-
return
|
|
44
|
+
return /*#__PURE__*/ _jsx(MenubarPortal, {
|
|
45
|
+
children: /*#__PURE__*/ _jsx(MenubarPrimitive.Content, {
|
|
46
|
+
"data-slot": "menubar-content",
|
|
47
|
+
align: align,
|
|
48
|
+
alignOffset: alignOffset,
|
|
49
|
+
sideOffset: sideOffset,
|
|
50
|
+
className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in 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-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md", className),
|
|
51
|
+
...props
|
|
52
|
+
})
|
|
53
|
+
});
|
|
25
54
|
}
|
|
26
55
|
function MenubarItem({ className, inset, variant = "default", ...props }) {
|
|
27
|
-
return
|
|
56
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Item, {
|
|
57
|
+
"data-slot": "menubar-item",
|
|
58
|
+
"data-inset": inset,
|
|
59
|
+
"data-variant": variant,
|
|
60
|
+
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),
|
|
61
|
+
...props
|
|
62
|
+
});
|
|
28
63
|
}
|
|
29
64
|
function MenubarCheckboxItem({ className, children, ...props }) {
|
|
30
|
-
return
|
|
65
|
+
return /*#__PURE__*/ _jsxs(MenubarPrimitive.CheckboxItem, {
|
|
66
|
+
"data-slot": "menubar-checkbox-item",
|
|
67
|
+
className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs 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),
|
|
68
|
+
...props,
|
|
69
|
+
children: [
|
|
70
|
+
/*#__PURE__*/ _jsx("span", {
|
|
71
|
+
className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
|
|
72
|
+
children: /*#__PURE__*/ _jsx(MenubarPrimitive.ItemIndicator, {
|
|
73
|
+
children: /*#__PURE__*/ _jsx(CheckIcon, {
|
|
74
|
+
className: "size-4"
|
|
75
|
+
})
|
|
76
|
+
})
|
|
77
|
+
}),
|
|
78
|
+
children
|
|
79
|
+
]
|
|
80
|
+
});
|
|
31
81
|
}
|
|
32
82
|
function MenubarRadioItem({ className, children, ...props }) {
|
|
33
|
-
return
|
|
83
|
+
return /*#__PURE__*/ _jsxs(MenubarPrimitive.RadioItem, {
|
|
84
|
+
"data-slot": "menubar-radio-item",
|
|
85
|
+
className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs 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),
|
|
86
|
+
...props,
|
|
87
|
+
children: [
|
|
88
|
+
/*#__PURE__*/ _jsx("span", {
|
|
89
|
+
className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
|
|
90
|
+
children: /*#__PURE__*/ _jsx(MenubarPrimitive.ItemIndicator, {
|
|
91
|
+
children: /*#__PURE__*/ _jsx(CircleIcon, {
|
|
92
|
+
className: "size-2 fill-current"
|
|
93
|
+
})
|
|
94
|
+
})
|
|
95
|
+
}),
|
|
96
|
+
children
|
|
97
|
+
]
|
|
98
|
+
});
|
|
34
99
|
}
|
|
35
100
|
function MenubarLabel({ className, inset, ...props }) {
|
|
36
|
-
return
|
|
101
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Label, {
|
|
102
|
+
"data-slot": "menubar-label",
|
|
103
|
+
"data-inset": inset,
|
|
104
|
+
className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
|
|
105
|
+
...props
|
|
106
|
+
});
|
|
37
107
|
}
|
|
38
108
|
function MenubarSeparator({ className, ...props }) {
|
|
39
|
-
return
|
|
109
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Separator, {
|
|
110
|
+
"data-slot": "menubar-separator",
|
|
111
|
+
className: cn("bg-border -mx-1 my-1 h-px", className),
|
|
112
|
+
...props
|
|
113
|
+
});
|
|
40
114
|
}
|
|
41
115
|
function MenubarShortcut({ className, ...props }) {
|
|
42
|
-
return
|
|
116
|
+
return /*#__PURE__*/ _jsx("span", {
|
|
117
|
+
"data-slot": "menubar-shortcut",
|
|
118
|
+
className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
|
|
119
|
+
...props
|
|
120
|
+
});
|
|
43
121
|
}
|
|
44
122
|
function MenubarSub({ ...props }) {
|
|
45
|
-
return _jsx(MenubarPrimitive.Sub, {
|
|
123
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.Sub, {
|
|
124
|
+
"data-slot": "menubar-sub",
|
|
125
|
+
...props
|
|
126
|
+
});
|
|
46
127
|
}
|
|
47
128
|
function MenubarSubTrigger({ className, inset, children, ...props }) {
|
|
48
|
-
return
|
|
129
|
+
return /*#__PURE__*/ _jsxs(MenubarPrimitive.SubTrigger, {
|
|
130
|
+
"data-slot": "menubar-sub-trigger",
|
|
131
|
+
"data-inset": inset,
|
|
132
|
+
className: cn("focus:bg-(--color-surface-1) data-[state=open]:bg-(--color-surface-1) flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none", className),
|
|
133
|
+
...props,
|
|
134
|
+
children: [
|
|
135
|
+
children,
|
|
136
|
+
/*#__PURE__*/ _jsx(ChevronRightIcon, {
|
|
137
|
+
className: "ml-auto h-4 w-4"
|
|
138
|
+
})
|
|
139
|
+
]
|
|
140
|
+
});
|
|
49
141
|
}
|
|
50
142
|
function MenubarSubContent({ className, ...props }) {
|
|
51
|
-
return
|
|
52
|
-
|
|
53
|
-
|
|
143
|
+
return /*#__PURE__*/ _jsx(MenubarPrimitive.SubContent, {
|
|
144
|
+
"data-slot": "menubar-sub-content",
|
|
145
|
+
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-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className),
|
|
146
|
+
...props
|
|
147
|
+
});
|
|
148
|
+
}
|
|
149
|
+
export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent };
|
|
150
|
+
|
|
54
151
|
//# sourceMappingURL=menubar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menubar.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"sourcesContent":["import * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Menubar({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n\treturn (\n\t\t<MenubarPrimitive.Root\n\t\t\tdata-slot=\"menubar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarMenu({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n\treturn <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarGroup({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n\treturn <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarPortal({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n\treturn <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\nfunction MenubarRadioGroup({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n\treturn (\n\t\t<MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n\t);\n}\n\nfunction MenubarTrigger({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n\treturn (\n\t\t<MenubarPrimitive.Trigger\n\t\t\tdata-slot=\"menubar-trigger\"\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 items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarContent({\n\tclassName,\n\talign = \"start\",\n\talignOffset = -4,\n\tsideOffset = 8,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n\treturn (\n\t\t<MenubarPortal>\n\t\t\t<MenubarPrimitive.Content\n\t\t\t\tdata-slot=\"menubar-content\"\n\t\t\t\talign={align}\n\t\t\t\talignOffset={alignOffset}\n\t\t\t\tsideOffset={sideOffset}\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]: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-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden 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</MenubarPortal>\n\t);\n}\n\nfunction MenubarItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n\tinset?: boolean;\n\tvariant?: \"default\" | \"destructive\";\n}) {\n\treturn (\n\t\t<MenubarPrimitive.Item\n\t\t\tdata-slot=\"menubar-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 MenubarCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<MenubarPrimitive.CheckboxItem\n\t\t\tdata-slot=\"menubar-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-xs 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<MenubarPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenubarPrimitive.CheckboxItem>\n\t);\n}\n\nfunction MenubarRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n\treturn (\n\t\t<MenubarPrimitive.RadioItem\n\t\t\tdata-slot=\"menubar-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-xs 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<MenubarPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenubarPrimitive.RadioItem>\n\t);\n}\n\nfunction MenubarLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<MenubarPrimitive.Label\n\t\t\tdata-slot=\"menubar-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"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 MenubarSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n\treturn (\n\t\t<MenubarPrimitive.Separator\n\t\t\tdata-slot=\"menubar-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 MenubarShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"menubar-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\nfunction MenubarSub({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n\treturn <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<MenubarPrimitive.SubTrigger\n\t\t\tdata-slot=\"menubar-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-(--color-surface-1) data-[state=open]:bg-(--color-surface-1) flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none\",\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 h-4 w-4\" />\n\t\t</MenubarPrimitive.SubTrigger>\n\t);\n}\n\nfunction MenubarSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n\treturn (\n\t\t<MenubarPrimitive.SubContent\n\t\t\tdata-slot=\"menubar-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-menubar-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\nexport {\n\tMenubar,\n\tMenubarPortal,\n\tMenubarMenu,\n\tMenubarTrigger,\n\tMenubarContent,\n\tMenubarGroup,\n\tMenubarSeparator,\n\tMenubarLabel,\n\tMenubarItem,\n\tMenubarShortcut,\n\tMenubarCheckboxItem,\n\tMenubarRadioGroup,\n\tMenubarRadioItem,\n\tMenubarSub,\n\tMenubarSubTrigger,\n\tMenubarSubContent,\n};\n"],"names":["MenubarPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","cn","Menubar","className","props","Root","data-slot","MenubarMenu","Menu","MenubarGroup","Group","MenubarPortal","Portal","MenubarRadioGroup","RadioGroup","MenubarTrigger","Trigger","MenubarContent","align","alignOffset","sideOffset","Content","MenubarItem","inset","variant","Item","data-inset","data-variant","MenubarCheckboxItem","children","CheckboxItem","span","ItemIndicator","MenubarRadioItem","RadioItem","MenubarLabel","Label","MenubarSeparator","Separator","MenubarShortcut","MenubarSub","Sub","MenubarSubTrigger","SubTrigger","MenubarSubContent","SubContent"],"mappings":";AAAA,YAAYA,sBAAsB,0BAA0B;AAC5D,SAASC,SAAS,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,eAAe;AAGvE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,QAAQ,EAChBC,SAAS,EACT,GAAGC,OACiD;IACpD,qBACC,KAACP,iBAAiBQ,IAAI;QACrBC,aAAU;QACVH,WAAWF,GACV,6EACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASG,YAAY,EACpB,GAAGH,OACiD;IACpD,qBAAO,KAACP,iBAAiBW,IAAI;QAACF,aAAU;QAAgB,GAAGF,KAAK;;AACjE;AAEA,SAASK,aAAa,EACrB,GAAGL,OACkD;IACrD,qBAAO,KAACP,iBAAiBa,KAAK;QAACJ,aAAU;QAAiB,GAAGF,KAAK;;AACnE;AAEA,SAASO,cAAc,EACtB,GAAGP,OACmD;IACtD,qBAAO,KAACP,iBAAiBe,MAAM;QAACN,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASS,kBAAkB,EAC1B,GAAGT,OACuD;IAC1D,qBACC,KAACP,iBAAiBiB,UAAU;QAACR,aAAU;QAAuB,GAAGF,KAAK;;AAExE;AAEA,SAASW,eAAe,EACvBZ,SAAS,EACT,GAAGC,OACoD;IACvD,qBACC,KAACP,iBAAiBmB,OAAO;QACxBV,aAAU;QACVH,WAAWF,GACV,2MACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASa,eAAe,EACvBd,SAAS,EACTe,QAAQ,OAAO,EACfC,cAAc,CAAC,CAAC,EAChBC,aAAa,CAAC,EACd,GAAGhB,OACoD;IACvD,qBACC,KAACO;kBACA,cAAA,KAACd,iBAAiBwB,OAAO;YACxBf,aAAU;YACVY,OAAOA;YACPC,aAAaA;YACbC,YAAYA;YACZjB,WAAWF,GACV,4cACAE;YAEA,GAAGC,KAAK;;;AAIb;AAEA,SAASkB,YAAY,EACpBnB,SAAS,EACToB,KAAK,EACLC,UAAU,SAAS,EACnB,GAAGpB,OAIH;IACA,qBACC,KAACP,iBAAiB4B,IAAI;QACrBnB,aAAU;QACVoB,cAAYH;QACZI,gBAAcH;QACdrB,WAAWF,GACV,+mBACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASwB,oBAAoB,EAC5BzB,SAAS,EACT0B,QAAQ,EACR,GAAGzB,OACyD;IAC5D,qBACC,MAACP,iBAAiBiC,YAAY;QAC7BxB,aAAU;QACVH,WAAWF,GACV,gTACAE;QAEA,GAAGC,KAAK;;0BAET,KAAC2B;gBAAK5B,WAAU;0BACf,cAAA,KAACN,iBAAiBmC,aAAa;8BAC9B,cAAA,KAAClC;wBAAUK,WAAU;;;;YAGtB0B;;;AAGJ;AAEA,SAASI,iBAAiB,EACzB9B,SAAS,EACT0B,QAAQ,EACR,GAAGzB,OACsD;IACzD,qBACC,MAACP,iBAAiBqC,SAAS;QAC1B5B,aAAU;QACVH,WAAWF,GACV,gTACAE;QAEA,GAAGC,KAAK;;0BAET,KAAC2B;gBAAK5B,WAAU;0BACf,cAAA,KAACN,iBAAiBmC,aAAa;8BAC9B,cAAA,KAAChC;wBAAWG,WAAU;;;;YAGvB0B;;;AAGJ;AAEA,SAASM,aAAa,EACrBhC,SAAS,EACToB,KAAK,EACL,GAAGnB,OAGH;IACA,qBACC,KAACP,iBAAiBuC,KAAK;QACtB9B,aAAU;QACVoB,cAAYH;QACZpB,WAAWF,GACV,qDACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASiC,iBAAiB,EACzBlC,SAAS,EACT,GAAGC,OACsD;IACzD,qBACC,KAACP,iBAAiByC,SAAS;QAC1BhC,aAAU;QACVH,WAAWF,GAAG,6BAA6BE;QAC1C,GAAGC,KAAK;;AAGZ;AAEA,SAASmC,gBAAgB,EACxBpC,SAAS,EACT,GAAGC,OAC2B;IAC9B,qBACC,KAAC2B;QACAzB,aAAU;QACVH,WAAWF,GACV,yDACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASoC,WAAW,EACnB,GAAGpC,OACgD;IACnD,qBAAO,KAACP,iBAAiB4C,GAAG;QAACnC,aAAU;QAAe,GAAGF,KAAK;;AAC/D;AAEA,SAASsC,kBAAkB,EAC1BvC,SAAS,EACToB,KAAK,EACLM,QAAQ,EACR,GAAGzB,OAGH;IACA,qBACC,MAACP,iBAAiB8C,UAAU;QAC3BrC,aAAU;QACVoB,cAAYH;QACZpB,WAAWF,GACV,+JACAE;QAEA,GAAGC,KAAK;;YAERyB;0BACD,KAAC9B;gBAAiBI,WAAU;;;;AAG/B;AAEA,SAASyC,kBAAkB,EAC1BzC,SAAS,EACT,GAAGC,OACuD;IAC1D,qBACC,KAACP,iBAAiBgD,UAAU;QAC3BvC,aAAU;QACVH,WAAWF,GACV,2eACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SACCF,OAAO,EACPS,aAAa,EACbJ,WAAW,EACXQ,cAAc,EACdE,cAAc,EACdR,YAAY,EACZ4B,gBAAgB,EAChBF,YAAY,EACZb,WAAW,EACXiB,eAAe,EACfX,mBAAmB,EACnBf,iBAAiB,EACjBoB,gBAAgB,EAChBO,UAAU,EACVE,iBAAiB,EACjBE,iBAAiB,GAChB"}
|
|
@@ -1,10 +1,223 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger
|
|
2
|
+
import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./menubar.js";
|
|
3
3
|
const meta = {
|
|
4
|
-
title: "Component/Menubar"
|
|
4
|
+
title: "Component/Menubar"
|
|
5
5
|
};
|
|
6
6
|
export default meta;
|
|
7
7
|
export const Demo = {
|
|
8
|
-
render: ()
|
|
8
|
+
render: ()=>/*#__PURE__*/ _jsxs(Menubar, {
|
|
9
|
+
children: [
|
|
10
|
+
/*#__PURE__*/ _jsxs(MenubarMenu, {
|
|
11
|
+
children: [
|
|
12
|
+
/*#__PURE__*/ _jsx(MenubarTrigger, {
|
|
13
|
+
children: "File"
|
|
14
|
+
}),
|
|
15
|
+
/*#__PURE__*/ _jsxs(MenubarContent, {
|
|
16
|
+
children: [
|
|
17
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
18
|
+
children: [
|
|
19
|
+
"New Tab ",
|
|
20
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
21
|
+
children: "⌘T"
|
|
22
|
+
})
|
|
23
|
+
]
|
|
24
|
+
}),
|
|
25
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
26
|
+
children: [
|
|
27
|
+
"New Window ",
|
|
28
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
29
|
+
children: "⌘N"
|
|
30
|
+
})
|
|
31
|
+
]
|
|
32
|
+
}),
|
|
33
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
34
|
+
disabled: true,
|
|
35
|
+
children: "New Incognito Window"
|
|
36
|
+
}),
|
|
37
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
38
|
+
/*#__PURE__*/ _jsxs(MenubarSub, {
|
|
39
|
+
children: [
|
|
40
|
+
/*#__PURE__*/ _jsx(MenubarSubTrigger, {
|
|
41
|
+
children: "Share"
|
|
42
|
+
}),
|
|
43
|
+
/*#__PURE__*/ _jsxs(MenubarSubContent, {
|
|
44
|
+
children: [
|
|
45
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
46
|
+
children: "Email link"
|
|
47
|
+
}),
|
|
48
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
49
|
+
children: "Messages"
|
|
50
|
+
}),
|
|
51
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
52
|
+
children: "Notes"
|
|
53
|
+
})
|
|
54
|
+
]
|
|
55
|
+
})
|
|
56
|
+
]
|
|
57
|
+
}),
|
|
58
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
59
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
60
|
+
children: [
|
|
61
|
+
"Print... ",
|
|
62
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
63
|
+
children: "⌘P"
|
|
64
|
+
})
|
|
65
|
+
]
|
|
66
|
+
})
|
|
67
|
+
]
|
|
68
|
+
})
|
|
69
|
+
]
|
|
70
|
+
}),
|
|
71
|
+
/*#__PURE__*/ _jsxs(MenubarMenu, {
|
|
72
|
+
children: [
|
|
73
|
+
/*#__PURE__*/ _jsx(MenubarTrigger, {
|
|
74
|
+
children: "Edit"
|
|
75
|
+
}),
|
|
76
|
+
/*#__PURE__*/ _jsxs(MenubarContent, {
|
|
77
|
+
children: [
|
|
78
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
79
|
+
children: [
|
|
80
|
+
"Undo ",
|
|
81
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
82
|
+
children: "⌘Z"
|
|
83
|
+
})
|
|
84
|
+
]
|
|
85
|
+
}),
|
|
86
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
87
|
+
children: [
|
|
88
|
+
"Redo ",
|
|
89
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
90
|
+
children: "⇧⌘Z"
|
|
91
|
+
})
|
|
92
|
+
]
|
|
93
|
+
}),
|
|
94
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
95
|
+
/*#__PURE__*/ _jsxs(MenubarSub, {
|
|
96
|
+
children: [
|
|
97
|
+
/*#__PURE__*/ _jsx(MenubarSubTrigger, {
|
|
98
|
+
children: "Find"
|
|
99
|
+
}),
|
|
100
|
+
/*#__PURE__*/ _jsxs(MenubarSubContent, {
|
|
101
|
+
children: [
|
|
102
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
103
|
+
children: "Search the web"
|
|
104
|
+
}),
|
|
105
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
106
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
107
|
+
children: "Find..."
|
|
108
|
+
}),
|
|
109
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
110
|
+
children: "Find Next"
|
|
111
|
+
}),
|
|
112
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
113
|
+
children: "Find Previous"
|
|
114
|
+
})
|
|
115
|
+
]
|
|
116
|
+
})
|
|
117
|
+
]
|
|
118
|
+
}),
|
|
119
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
120
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
121
|
+
children: "Cut"
|
|
122
|
+
}),
|
|
123
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
124
|
+
children: "Copy"
|
|
125
|
+
}),
|
|
126
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
127
|
+
children: "Paste"
|
|
128
|
+
})
|
|
129
|
+
]
|
|
130
|
+
})
|
|
131
|
+
]
|
|
132
|
+
}),
|
|
133
|
+
/*#__PURE__*/ _jsxs(MenubarMenu, {
|
|
134
|
+
children: [
|
|
135
|
+
/*#__PURE__*/ _jsx(MenubarTrigger, {
|
|
136
|
+
children: "View"
|
|
137
|
+
}),
|
|
138
|
+
/*#__PURE__*/ _jsxs(MenubarContent, {
|
|
139
|
+
children: [
|
|
140
|
+
/*#__PURE__*/ _jsx(MenubarCheckboxItem, {
|
|
141
|
+
children: "Always Show Bookmarks Bar"
|
|
142
|
+
}),
|
|
143
|
+
/*#__PURE__*/ _jsx(MenubarCheckboxItem, {
|
|
144
|
+
checked: true,
|
|
145
|
+
children: "Always Show Full URLs"
|
|
146
|
+
}),
|
|
147
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
148
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
149
|
+
inset: true,
|
|
150
|
+
children: [
|
|
151
|
+
"Reload ",
|
|
152
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
153
|
+
children: "⌘R"
|
|
154
|
+
})
|
|
155
|
+
]
|
|
156
|
+
}),
|
|
157
|
+
/*#__PURE__*/ _jsxs(MenubarItem, {
|
|
158
|
+
disabled: true,
|
|
159
|
+
inset: true,
|
|
160
|
+
children: [
|
|
161
|
+
"Force Reload ",
|
|
162
|
+
/*#__PURE__*/ _jsx(MenubarShortcut, {
|
|
163
|
+
children: "⇧⌘R"
|
|
164
|
+
})
|
|
165
|
+
]
|
|
166
|
+
}),
|
|
167
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
168
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
169
|
+
inset: true,
|
|
170
|
+
children: "Toggle Fullscreen"
|
|
171
|
+
}),
|
|
172
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
173
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
174
|
+
inset: true,
|
|
175
|
+
children: "Hide Sidebar"
|
|
176
|
+
})
|
|
177
|
+
]
|
|
178
|
+
})
|
|
179
|
+
]
|
|
180
|
+
}),
|
|
181
|
+
/*#__PURE__*/ _jsxs(MenubarMenu, {
|
|
182
|
+
children: [
|
|
183
|
+
/*#__PURE__*/ _jsx(MenubarTrigger, {
|
|
184
|
+
children: "Profiles"
|
|
185
|
+
}),
|
|
186
|
+
/*#__PURE__*/ _jsxs(MenubarContent, {
|
|
187
|
+
children: [
|
|
188
|
+
/*#__PURE__*/ _jsxs(MenubarRadioGroup, {
|
|
189
|
+
value: "benoit",
|
|
190
|
+
children: [
|
|
191
|
+
/*#__PURE__*/ _jsx(MenubarRadioItem, {
|
|
192
|
+
value: "andy",
|
|
193
|
+
children: "Andy"
|
|
194
|
+
}),
|
|
195
|
+
/*#__PURE__*/ _jsx(MenubarRadioItem, {
|
|
196
|
+
value: "benoit",
|
|
197
|
+
children: "Benoit"
|
|
198
|
+
}),
|
|
199
|
+
/*#__PURE__*/ _jsx(MenubarRadioItem, {
|
|
200
|
+
value: "Luis",
|
|
201
|
+
children: "Luis"
|
|
202
|
+
})
|
|
203
|
+
]
|
|
204
|
+
}),
|
|
205
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
206
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
207
|
+
inset: true,
|
|
208
|
+
children: "Edit..."
|
|
209
|
+
}),
|
|
210
|
+
/*#__PURE__*/ _jsx(MenubarSeparator, {}),
|
|
211
|
+
/*#__PURE__*/ _jsx(MenubarItem, {
|
|
212
|
+
inset: true,
|
|
213
|
+
children: "Add Profile..."
|
|
214
|
+
})
|
|
215
|
+
]
|
|
216
|
+
})
|
|
217
|
+
]
|
|
218
|
+
})
|
|
219
|
+
]
|
|
220
|
+
})
|
|
9
221
|
};
|
|
222
|
+
|
|
10
223
|
//# sourceMappingURL=menubar.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../../../src/shadcn/components/ui/menubar.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tMenubar,\n\tMenubarCheckboxItem,\n\tMenubarContent,\n\tMenubarItem,\n\tMenubarMenu,\n\tMenubarRadioGroup,\n\tMenubarRadioItem,\n\tMenubarSeparator,\n\tMenubarShortcut,\n\tMenubarSub,\n\tMenubarSubContent,\n\tMenubarSubTrigger,\n\tMenubarTrigger,\n} from \"#shadcn/components/ui/menubar\";\n\nconst meta = {\n\ttitle: \"Component/Menubar\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Menubar>\n\t\t\t<MenubarMenu>\n\t\t\t\t<MenubarTrigger>File</MenubarTrigger>\n\t\t\t\t<MenubarContent>\n\t\t\t\t\t<MenubarItem>\n\t\t\t\t\t\tNew Tab <MenubarShortcut>⌘T</MenubarShortcut>\n\t\t\t\t\t</MenubarItem>\n\t\t\t\t\t<MenubarItem>\n\t\t\t\t\t\tNew Window <MenubarShortcut>⌘N</MenubarShortcut>\n\t\t\t\t\t</MenubarItem>\n\t\t\t\t\t<MenubarItem disabled>New Incognito Window</MenubarItem>\n\t\t\t\t\t<MenubarSeparator />\n\t\t\t\t\t<MenubarSub>\n\t\t\t\t\t\t<MenubarSubTrigger>Share</MenubarSubTrigger>\n\t\t\t\t\t\t<MenubarSubContent>\n\t\t\t\t\t\t\t<MenubarItem>Email link</MenubarItem>\n\t\t\t\t\t\t\t<MenubarItem>Messages</MenubarItem>\n\t\t\t\t\t\t\t<MenubarItem>Notes</MenubarItem>\n\t\t\t\t\t\t</MenubarSubContent>\n\t\t\t\t\t</MenubarSub>\n\t\t\t\t\t<MenubarSeparator />\n\t\t\t\t\t<MenubarItem>\n\t\t\t\t\t\tPrint... <MenubarShortcut>⌘P</MenubarShortcut>\n\t\t\t\t\t</MenubarItem>\n\t\t\t\t</MenubarContent>\n\t\t\t</MenubarMenu>\n\t\t\t<MenubarMenu>\n\t\t\t\t<MenubarTrigger>Edit</MenubarTrigger>\n\t\t\t\t<MenubarContent>\n\t\t\t\t\t<MenubarItem>\n\t\t\t\t\t\tUndo <MenubarShortcut>⌘Z</MenubarShortcut>\n\t\t\t\t\t</MenubarItem>\n\t\t\t\t\t<MenubarItem>\n\t\t\t\t\t\tRedo <MenubarShortcut>⇧⌘Z</MenubarShortcut>\n\t\t\t\t\t</MenubarItem>\n\t\t\t\t\t<MenubarSeparator />\n\t\t\t\t\t<MenubarSub>\n\t\t\t\t\t\t<MenubarSubTrigger>Find</MenubarSubTrigger>\n\t\t\t\t\t\t<MenubarSubContent>\n\t\t\t\t\t\t\t<MenubarItem>Search the web</MenubarItem>\n\t\t\t\t\t\t\t<MenubarSeparator />\n\t\t\t\t\t\t\t<MenubarItem>Find...</MenubarItem>\n\t\t\t\t\t\t\t<MenubarItem>Find Next</MenubarItem>\n\t\t\t\t\t\t\t<MenubarItem>Find Previous</MenubarItem>\n\t\t\t\t\t\t</MenubarSubContent>\n\t\t\t\t\t</MenubarSub>\n\t\t\t\t\t<MenubarSeparator />\n\t\t\t\t\t<MenubarItem>Cut</MenubarItem>\n\t\t\t\t\t<MenubarItem>Copy</MenubarItem>\n\t\t\t\t\t<MenubarItem>Paste</MenubarItem>\n\t\t\t\t</MenubarContent>\n\t\t\t</MenubarMenu>\n\t\t\t<MenubarMenu>\n\t\t\t\t<MenubarTrigger>View</MenubarTrigger>\n\t\t\t\t<MenubarContent>\n\t\t\t\t\t<MenubarCheckboxItem>Always Show Bookmarks Bar</MenubarCheckboxItem>\n\t\t\t\t\t<MenubarCheckboxItem checked>\n\t\t\t\t\t\tAlways Show Full URLs\n\t\t\t\t\t</MenubarCheckboxItem>\n\t\t\t\t\t<MenubarSeparator />\n\t\t\t\t\t<MenubarItem inset>\n\t\t\t\t\t\tReload <MenubarShortcut>⌘R</MenubarShortcut>\n\t\t\t\t\t</MenubarItem>\n\t\t\t\t\t<MenubarItem disabled inset>\n\t\t\t\t\t\tForce Reload <MenubarShortcut>⇧⌘R</MenubarShortcut>\n\t\t\t\t\t</MenubarItem>\n\t\t\t\t\t<MenubarSeparator />\n\t\t\t\t\t<MenubarItem inset>Toggle Fullscreen</MenubarItem>\n\t\t\t\t\t<MenubarSeparator />\n\t\t\t\t\t<MenubarItem inset>Hide Sidebar</MenubarItem>\n\t\t\t\t</MenubarContent>\n\t\t\t</MenubarMenu>\n\t\t\t<MenubarMenu>\n\t\t\t\t<MenubarTrigger>Profiles</MenubarTrigger>\n\t\t\t\t<MenubarContent>\n\t\t\t\t\t<MenubarRadioGroup value=\"benoit\">\n\t\t\t\t\t\t<MenubarRadioItem value=\"andy\">Andy</MenubarRadioItem>\n\t\t\t\t\t\t<MenubarRadioItem value=\"benoit\">Benoit</MenubarRadioItem>\n\t\t\t\t\t\t<MenubarRadioItem value=\"Luis\">Luis</MenubarRadioItem>\n\t\t\t\t\t</MenubarRadioGroup>\n\t\t\t\t\t<MenubarSeparator />\n\t\t\t\t\t<MenubarItem inset>Edit...</MenubarItem>\n\t\t\t\t\t<MenubarSeparator />\n\t\t\t\t\t<MenubarItem inset>Add Profile...</MenubarItem>\n\t\t\t\t</MenubarContent>\n\t\t\t</MenubarMenu>\n\t\t</Menubar>\n\t),\n} satisfies Story;\n"],"names":["Menubar","MenubarCheckboxItem","MenubarContent","MenubarItem","MenubarMenu","MenubarRadioGroup","MenubarRadioItem","MenubarSeparator","MenubarShortcut","MenubarSub","MenubarSubContent","MenubarSubTrigger","MenubarTrigger","meta","title","Demo","render","disabled","checked","inset","value"],"mappings":";AACA,SACCA,OAAO,EACPC,mBAAmB,EACnBC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,iBAAiB,EACjBC,gBAAgB,EAChBC,gBAAgB,EAChBC,eAAe,EACfC,UAAU,EACVC,iBAAiB,EACjBC,iBAAiB,EACjBC,cAAc,QACR,eAAgC;AAEvC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAAChB;;8BACA,MAACI;;sCACA,KAACQ;sCAAe;;sCAChB,MAACV;;8CACA,MAACC;;wCAAY;sDACJ,KAACK;sDAAgB;;;;8CAE1B,MAACL;;wCAAY;sDACD,KAACK;sDAAgB;;;;8CAE7B,KAACL;oCAAYc,QAAQ;8CAAC;;8CACtB,KAACV;8CACD,MAACE;;sDACA,KAACE;sDAAkB;;sDACnB,MAACD;;8DACA,KAACP;8DAAY;;8DACb,KAACA;8DAAY;;8DACb,KAACA;8DAAY;;;;;;8CAGf,KAACI;8CACD,MAACJ;;wCAAY;sDACH,KAACK;sDAAgB;;;;;;;;8BAI7B,MAACJ;;sCACA,KAACQ;sCAAe;;sCAChB,MAACV;;8CACA,MAACC;;wCAAY;sDACP,KAACK;sDAAgB;;;;8CAEvB,MAACL;;wCAAY;sDACP,KAACK;sDAAgB;;;;8CAEvB,KAACD;8CACD,MAACE;;sDACA,KAACE;sDAAkB;;sDACnB,MAACD;;8DACA,KAACP;8DAAY;;8DACb,KAACI;8DACD,KAACJ;8DAAY;;8DACb,KAACA;8DAAY;;8DACb,KAACA;8DAAY;;;;;;8CAGf,KAACI;8CACD,KAACJ;8CAAY;;8CACb,KAACA;8CAAY;;8CACb,KAACA;8CAAY;;;;;;8BAGf,MAACC;;sCACA,KAACQ;sCAAe;;sCAChB,MAACV;;8CACA,KAACD;8CAAoB;;8CACrB,KAACA;oCAAoBiB,OAAO;8CAAC;;8CAG7B,KAACX;8CACD,MAACJ;oCAAYgB,KAAK;;wCAAC;sDACX,KAACX;sDAAgB;;;;8CAEzB,MAACL;oCAAYc,QAAQ;oCAACE,KAAK;;wCAAC;sDACd,KAACX;sDAAgB;;;;8CAE/B,KAACD;8CACD,KAACJ;oCAAYgB,KAAK;8CAAC;;8CACnB,KAACZ;8CACD,KAACJ;oCAAYgB,KAAK;8CAAC;;;;;;8BAGrB,MAACf;;sCACA,KAACQ;sCAAe;;sCAChB,MAACV;;8CACA,MAACG;oCAAkBe,OAAM;;sDACxB,KAACd;4CAAiBc,OAAM;sDAAO;;sDAC/B,KAACd;4CAAiBc,OAAM;sDAAS;;sDACjC,KAACd;4CAAiBc,OAAM;sDAAO;;;;8CAEhC,KAACb;8CACD,KAACJ;oCAAYgB,KAAK;8CAAC;;8CACnB,KAACZ;8CACD,KAACJ;oCAAYgB,KAAK;8CAAC;;;;;;;;AAKxB,EAAkB"}
|
|
@@ -2,31 +2,83 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
|
|
3
3
|
import { cva } from "class-variance-authority";
|
|
4
4
|
import { ChevronDownIcon } from "lucide-react";
|
|
5
|
-
import { cn } from "
|
|
5
|
+
import { cn } from "../../lib/utils.js";
|
|
6
6
|
function NavigationMenu({ className, children, viewport = true, ...props }) {
|
|
7
|
-
return
|
|
7
|
+
return /*#__PURE__*/ _jsxs(NavigationMenuPrimitive.Root, {
|
|
8
|
+
"data-slot": "navigation-menu",
|
|
9
|
+
"data-viewport": viewport,
|
|
10
|
+
className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
|
|
11
|
+
...props,
|
|
12
|
+
children: [
|
|
13
|
+
children,
|
|
14
|
+
viewport && /*#__PURE__*/ _jsx(NavigationMenuViewport, {})
|
|
15
|
+
]
|
|
16
|
+
});
|
|
8
17
|
}
|
|
9
18
|
function NavigationMenuList({ className, ...props }) {
|
|
10
|
-
return
|
|
19
|
+
return /*#__PURE__*/ _jsx(NavigationMenuPrimitive.List, {
|
|
20
|
+
"data-slot": "navigation-menu-list",
|
|
21
|
+
className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
|
|
22
|
+
...props
|
|
23
|
+
});
|
|
11
24
|
}
|
|
12
25
|
function NavigationMenuItem({ className, ...props }) {
|
|
13
|
-
return
|
|
26
|
+
return /*#__PURE__*/ _jsx(NavigationMenuPrimitive.Item, {
|
|
27
|
+
"data-slot": "navigation-menu-item",
|
|
28
|
+
className: cn("relative", className),
|
|
29
|
+
...props
|
|
30
|
+
});
|
|
14
31
|
}
|
|
15
32
|
const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");
|
|
16
33
|
function NavigationMenuTrigger({ className, children, ...props }) {
|
|
17
|
-
return
|
|
34
|
+
return /*#__PURE__*/ _jsxs(NavigationMenuPrimitive.Trigger, {
|
|
35
|
+
"data-slot": "navigation-menu-trigger",
|
|
36
|
+
className: cn(navigationMenuTriggerStyle(), "group", className),
|
|
37
|
+
...props,
|
|
38
|
+
children: [
|
|
39
|
+
children,
|
|
40
|
+
" ",
|
|
41
|
+
/*#__PURE__*/ _jsx(ChevronDownIcon, {
|
|
42
|
+
className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
|
|
43
|
+
"aria-hidden": "true"
|
|
44
|
+
})
|
|
45
|
+
]
|
|
46
|
+
});
|
|
18
47
|
}
|
|
19
48
|
function NavigationMenuContent({ className, ...props }) {
|
|
20
|
-
return
|
|
49
|
+
return /*#__PURE__*/ _jsx(NavigationMenuPrimitive.Content, {
|
|
50
|
+
"data-slot": "navigation-menu-content",
|
|
51
|
+
className: cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", className),
|
|
52
|
+
...props
|
|
53
|
+
});
|
|
21
54
|
}
|
|
22
55
|
function NavigationMenuViewport({ className, ...props }) {
|
|
23
|
-
return
|
|
56
|
+
return /*#__PURE__*/ _jsx("div", {
|
|
57
|
+
className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
|
|
58
|
+
children: /*#__PURE__*/ _jsx(NavigationMenuPrimitive.Viewport, {
|
|
59
|
+
"data-slot": "navigation-menu-viewport",
|
|
60
|
+
className: cn("origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]", className),
|
|
61
|
+
...props
|
|
62
|
+
})
|
|
63
|
+
});
|
|
24
64
|
}
|
|
25
65
|
function NavigationMenuLink({ className, ...props }) {
|
|
26
|
-
return
|
|
66
|
+
return /*#__PURE__*/ _jsx(NavigationMenuPrimitive.Link, {
|
|
67
|
+
"data-slot": "navigation-menu-link",
|
|
68
|
+
className: cn("data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4", className),
|
|
69
|
+
...props
|
|
70
|
+
});
|
|
27
71
|
}
|
|
28
72
|
function NavigationMenuIndicator({ className, ...props }) {
|
|
29
|
-
return
|
|
73
|
+
return /*#__PURE__*/ _jsx(NavigationMenuPrimitive.Indicator, {
|
|
74
|
+
"data-slot": "navigation-menu-indicator",
|
|
75
|
+
className: cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", className),
|
|
76
|
+
...props,
|
|
77
|
+
children: /*#__PURE__*/ _jsx("div", {
|
|
78
|
+
className: "bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md"
|
|
79
|
+
})
|
|
80
|
+
});
|
|
30
81
|
}
|
|
31
|
-
export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle
|
|
82
|
+
export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle };
|
|
83
|
+
|
|
32
84
|
//# sourceMappingURL=navigation-menu.js.map
|