@lglab/compose-ui 0.28.0 → 0.29.0
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/accordion.d.ts +49 -40
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +47 -45
- package/dist/accordion.js.map +1 -0
- package/dist/alert-dialog.d.ts +93 -87
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +94 -111
- package/dist/alert-dialog.js.map +1 -0
- package/dist/autocomplete.d.ts +99 -96
- package/dist/autocomplete.d.ts.map +1 -0
- package/dist/autocomplete.js +92 -116
- package/dist/autocomplete.js.map +1 -0
- package/dist/avatar.d.ts +56 -47
- package/dist/avatar.d.ts.map +1 -0
- package/dist/avatar.js +66 -79
- package/dist/avatar.js.map +1 -0
- package/dist/badge.d.ts +48 -42
- package/dist/badge.d.ts.map +1 -0
- package/dist/badge.js +195 -202
- package/dist/badge.js.map +1 -0
- package/dist/button.d.ts +26 -21
- package/dist/button.d.ts.map +1 -0
- package/dist/button.js +24 -24
- package/dist/button.js.map +1 -0
- package/dist/card.d.ts +105 -99
- package/dist/card.d.ts.map +1 -0
- package/dist/card.js +105 -66
- package/dist/card.js.map +1 -0
- package/dist/checkbox-group.d.ts +16 -12
- package/dist/checkbox-group.d.ts.map +1 -0
- package/dist/checkbox-group.js +18 -14
- package/dist/checkbox-group.js.map +1 -0
- package/dist/checkbox.d.ts +25 -19
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +26 -32
- package/dist/checkbox.js.map +1 -0
- package/dist/collapsible.d.ts +32 -26
- package/dist/collapsible.d.ts.map +1 -0
- package/dist/collapsible.js +32 -32
- package/dist/collapsible.js.map +1 -0
- package/dist/combobox.d.ts +191 -182
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +176 -250
- package/dist/combobox.js.map +1 -0
- package/dist/context-menu.d.ts +151 -138
- package/dist/context-menu.d.ts.map +1 -0
- package/dist/context-menu.js +151 -173
- package/dist/context-menu.js.map +1 -0
- package/dist/dialog.d.ts +101 -92
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +101 -105
- package/dist/dialog.js.map +1 -0
- package/dist/drawer.d.ts +109 -99
- package/dist/drawer.d.ts.map +1 -0
- package/dist/drawer.js +120 -111
- package/dist/drawer.js.map +1 -0
- package/dist/field.d.ts +61 -54
- package/dist/field.d.ts.map +1 -0
- package/dist/field.js +58 -27
- package/dist/field.js.map +1 -0
- package/dist/fieldset.d.ts +24 -19
- package/dist/fieldset.d.ts.map +1 -0
- package/dist/fieldset.js +26 -18
- package/dist/fieldset.js.map +1 -0
- package/dist/form.d.ts +16 -12
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +18 -8
- package/dist/form.js.map +1 -0
- package/dist/index.d.ts +44 -2115
- package/dist/index.js +44 -318
- package/dist/input.d.ts +16 -12
- package/dist/input.d.ts.map +1 -0
- package/dist/input.js +19 -9
- package/dist/input.js.map +1 -0
- package/dist/lib/arrow-svg.js +28 -0
- package/dist/lib/arrow-svg.js.map +1 -0
- package/dist/lib/button-variants.d.ts +6 -0
- package/dist/lib/button-variants.d.ts.map +1 -0
- package/dist/lib/button-variants.js +31 -0
- package/dist/lib/button-variants.js.map +1 -0
- package/dist/lib/control-variants.d.ts +6 -0
- package/dist/lib/control-variants.d.ts.map +1 -0
- package/dist/lib/control-variants.js +37 -0
- package/dist/lib/control-variants.js.map +1 -0
- package/dist/lib/form-variants.js +11 -0
- package/dist/lib/form-variants.js.map +1 -0
- package/dist/lib/tooltip-variants.d.ts +5 -0
- package/dist/lib/tooltip-variants.d.ts.map +1 -0
- package/dist/lib/tooltip-variants.js +36 -0
- package/dist/lib/tooltip-variants.js.map +1 -0
- package/dist/lib/utils.js +11 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/menu.d.ts +151 -138
- package/dist/menu.d.ts.map +1 -0
- package/dist/menu.js +151 -146
- package/dist/menu.js.map +1 -0
- package/dist/menubar.d.ts +168 -155
- package/dist/menubar.d.ts.map +1 -0
- package/dist/menubar.js +163 -169
- package/dist/menubar.js.map +1 -0
- package/dist/meter.d.ts +53 -43
- package/dist/meter.d.ts.map +1 -0
- package/dist/meter.js +59 -64
- package/dist/meter.js.map +1 -0
- package/dist/navigation-menu.d.ts +111 -96
- package/dist/navigation-menu.d.ts.map +1 -0
- package/dist/navigation-menu.js +117 -175
- package/dist/navigation-menu.js.map +1 -0
- package/dist/number-field.d.ts +64 -54
- package/dist/number-field.d.ts.map +1 -0
- package/dist/number-field.js +61 -69
- package/dist/number-field.js.map +1 -0
- package/dist/popover.d.ts +90 -82
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +85 -94
- package/dist/popover.js.map +1 -0
- package/dist/preview-card.d.ts +58 -54
- package/dist/preview-card.d.ts.map +1 -0
- package/dist/preview-card.js +57 -81
- package/dist/preview-card.js.map +1 -0
- package/dist/progress.d.ts +48 -40
- package/dist/progress.d.ts.map +1 -0
- package/dist/progress.js +46 -50
- package/dist/progress.js.map +1 -0
- package/dist/radio-group.d.ts +16 -12
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +18 -14
- package/dist/radio-group.js.map +1 -0
- package/dist/radio.d.ts +24 -19
- package/dist/radio.d.ts.map +1 -0
- package/dist/radio.js +25 -34
- package/dist/radio.js.map +1 -0
- package/dist/scroll-area.d.ts +57 -47
- package/dist/scroll-area.d.ts.map +1 -0
- package/dist/scroll-area.js +54 -56
- package/dist/scroll-area.js.map +1 -0
- package/dist/select.d.ts +146 -133
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +133 -167
- package/dist/select.js.map +1 -0
- package/dist/separator.d.ts +17 -12
- package/dist/separator.d.ts.map +1 -0
- package/dist/separator.js +19 -23
- package/dist/separator.js.map +1 -0
- package/dist/skeleton.d.ts +20 -0
- package/dist/skeleton.d.ts.map +1 -0
- package/dist/skeleton.js +27 -0
- package/dist/skeleton.js.map +1 -0
- package/dist/slider.d.ts +56 -47
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +53 -62
- package/dist/slider.js.map +1 -0
- package/dist/styles/default.css +14 -0
- package/dist/switch.d.ts +24 -19
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +23 -39
- package/dist/switch.js.map +1 -0
- package/dist/tabs.d.ts +60 -49
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +76 -84
- package/dist/tabs.js.map +1 -0
- package/dist/textarea.d.ts +15 -11
- package/dist/textarea.d.ts.map +1 -0
- package/dist/textarea.js +18 -14
- package/dist/textarea.js.map +1 -0
- package/dist/toast.d.ts +87 -81
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +79 -150
- package/dist/toast.js.map +1 -0
- package/dist/toggle-group.d.ts +34 -29
- package/dist/toggle-group.d.ts.map +1 -0
- package/dist/toggle-group.js +31 -34
- package/dist/toggle-group.js.map +1 -0
- package/dist/toggle.d.ts +24 -21
- package/dist/toggle.d.ts.map +1 -0
- package/dist/toggle.js +22 -15
- package/dist/toggle.js.map +1 -0
- package/dist/toolbar.d.ts +64 -56
- package/dist/toolbar.d.ts.map +1 -0
- package/dist/toolbar.js +57 -68
- package/dist/toolbar.js.map +1 -0
- package/dist/tooltip.d.ts +67 -62
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +65 -90
- package/dist/tooltip.js.map +1 -0
- package/package.json +8 -8
- package/dist/arrow-svg-C6zQTvgS.js +0 -40
- package/dist/button-variants-CbFMPwc8.js +0 -33
- package/dist/control-variants-Bwep4n0y.js +0 -37
- package/dist/form-variants-LJ8gIbk0.js +0 -9
- package/dist/utils-B6yFEsav.js +0 -8
package/dist/context-menu.d.ts
CHANGED
|
@@ -1,138 +1,151 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
};
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
};
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime23 from "react/jsx-runtime";
|
|
3
|
+
import { ContextMenu } from "@base-ui/react/context-menu";
|
|
4
|
+
|
|
5
|
+
//#region src/components/context-menu.d.ts
|
|
6
|
+
type ContextMenuRootProps = React.ComponentProps<typeof ContextMenu.Root>;
|
|
7
|
+
declare const ContextMenuRoot: {
|
|
8
|
+
(props: ContextMenuRootProps): react_jsx_runtime23.JSX.Element;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
type ContextMenuTriggerProps = React.ComponentProps<typeof ContextMenu.Trigger>;
|
|
12
|
+
declare const ContextMenuTrigger: {
|
|
13
|
+
({
|
|
14
|
+
className,
|
|
15
|
+
...props
|
|
16
|
+
}: ContextMenuTriggerProps): react_jsx_runtime23.JSX.Element;
|
|
17
|
+
displayName: string;
|
|
18
|
+
};
|
|
19
|
+
type ContextMenuPortalProps = React.ComponentProps<typeof ContextMenu.Portal>;
|
|
20
|
+
declare const ContextMenuPortal: {
|
|
21
|
+
(props: ContextMenuPortalProps): react_jsx_runtime23.JSX.Element;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
24
|
+
type ContextMenuPositionerProps = React.ComponentProps<typeof ContextMenu.Positioner>;
|
|
25
|
+
declare const ContextMenuPositioner: {
|
|
26
|
+
({
|
|
27
|
+
className,
|
|
28
|
+
...props
|
|
29
|
+
}: ContextMenuPositionerProps): react_jsx_runtime23.JSX.Element;
|
|
30
|
+
displayName: string;
|
|
31
|
+
};
|
|
32
|
+
type ContextMenuPopupProps = React.ComponentProps<typeof ContextMenu.Popup>;
|
|
33
|
+
declare const ContextMenuPopup: {
|
|
34
|
+
({
|
|
35
|
+
className,
|
|
36
|
+
...props
|
|
37
|
+
}: ContextMenuPopupProps): react_jsx_runtime23.JSX.Element;
|
|
38
|
+
displayName: string;
|
|
39
|
+
};
|
|
40
|
+
type ContextMenuArrowProps = React.ComponentProps<typeof ContextMenu.Arrow>;
|
|
41
|
+
declare const ContextMenuArrow: {
|
|
42
|
+
({
|
|
43
|
+
className,
|
|
44
|
+
...props
|
|
45
|
+
}: ContextMenuArrowProps): react_jsx_runtime23.JSX.Element;
|
|
46
|
+
displayName: string;
|
|
47
|
+
};
|
|
48
|
+
type ContextMenuItemProps = React.ComponentProps<typeof ContextMenu.Item>;
|
|
49
|
+
declare const ContextMenuItem: {
|
|
50
|
+
({
|
|
51
|
+
className,
|
|
52
|
+
...props
|
|
53
|
+
}: ContextMenuItemProps): react_jsx_runtime23.JSX.Element;
|
|
54
|
+
displayName: string;
|
|
55
|
+
};
|
|
56
|
+
type ContextMenuSeparatorProps = React.ComponentProps<typeof ContextMenu.Separator>;
|
|
57
|
+
declare const ContextMenuSeparator: {
|
|
58
|
+
({
|
|
59
|
+
className,
|
|
60
|
+
...props
|
|
61
|
+
}: ContextMenuSeparatorProps): react_jsx_runtime23.JSX.Element;
|
|
62
|
+
displayName: string;
|
|
63
|
+
};
|
|
64
|
+
type ContextMenuGroupProps = React.ComponentProps<typeof ContextMenu.Group>;
|
|
65
|
+
declare const ContextMenuGroup: {
|
|
66
|
+
({
|
|
67
|
+
className,
|
|
68
|
+
...props
|
|
69
|
+
}: ContextMenuGroupProps): react_jsx_runtime23.JSX.Element;
|
|
70
|
+
displayName: string;
|
|
71
|
+
};
|
|
72
|
+
type ContextMenuGroupLabelProps = React.ComponentProps<typeof ContextMenu.GroupLabel>;
|
|
73
|
+
declare const ContextMenuGroupLabel: {
|
|
74
|
+
({
|
|
75
|
+
className,
|
|
76
|
+
...props
|
|
77
|
+
}: ContextMenuGroupLabelProps): react_jsx_runtime23.JSX.Element;
|
|
78
|
+
displayName: string;
|
|
79
|
+
};
|
|
80
|
+
type ContextMenuRadioGroupProps = React.ComponentProps<typeof ContextMenu.RadioGroup>;
|
|
81
|
+
declare const ContextMenuRadioGroup: {
|
|
82
|
+
({
|
|
83
|
+
className,
|
|
84
|
+
...props
|
|
85
|
+
}: ContextMenuRadioGroupProps): react_jsx_runtime23.JSX.Element;
|
|
86
|
+
displayName: string;
|
|
87
|
+
};
|
|
88
|
+
type ContextMenuRadioItemProps = React.ComponentProps<typeof ContextMenu.RadioItem>;
|
|
89
|
+
declare const ContextMenuRadioItem: {
|
|
90
|
+
({
|
|
91
|
+
className,
|
|
92
|
+
...props
|
|
93
|
+
}: ContextMenuRadioItemProps): react_jsx_runtime23.JSX.Element;
|
|
94
|
+
displayName: string;
|
|
95
|
+
};
|
|
96
|
+
type ContextMenuCheckboxItemProps = React.ComponentProps<typeof ContextMenu.CheckboxItem>;
|
|
97
|
+
declare const ContextMenuCheckboxItem: {
|
|
98
|
+
({
|
|
99
|
+
className,
|
|
100
|
+
...props
|
|
101
|
+
}: ContextMenuCheckboxItemProps): react_jsx_runtime23.JSX.Element;
|
|
102
|
+
displayName: string;
|
|
103
|
+
};
|
|
104
|
+
type ContextMenuRadioItemIndicatorProps = React.ComponentProps<typeof ContextMenu.RadioItemIndicator>;
|
|
105
|
+
declare const ContextMenuRadioItemIndicator: {
|
|
106
|
+
({
|
|
107
|
+
className,
|
|
108
|
+
...props
|
|
109
|
+
}: ContextMenuRadioItemIndicatorProps): react_jsx_runtime23.JSX.Element;
|
|
110
|
+
displayName: string;
|
|
111
|
+
};
|
|
112
|
+
type ContextMenuCheckboxItemIndicatorProps = React.ComponentProps<typeof ContextMenu.CheckboxItemIndicator>;
|
|
113
|
+
declare const ContextMenuCheckboxItemIndicator: {
|
|
114
|
+
({
|
|
115
|
+
className,
|
|
116
|
+
...props
|
|
117
|
+
}: ContextMenuCheckboxItemIndicatorProps): react_jsx_runtime23.JSX.Element;
|
|
118
|
+
displayName: string;
|
|
119
|
+
};
|
|
120
|
+
type ContextMenuCheckboxItemLabelProps = React.ComponentProps<'span'>;
|
|
121
|
+
declare const ContextMenuCheckboxItemLabel: {
|
|
122
|
+
({
|
|
123
|
+
className,
|
|
124
|
+
...props
|
|
125
|
+
}: ContextMenuCheckboxItemLabelProps): react_jsx_runtime23.JSX.Element;
|
|
126
|
+
displayName: string;
|
|
127
|
+
};
|
|
128
|
+
type ContextMenuRadioItemLabelProps = React.ComponentProps<'span'>;
|
|
129
|
+
declare const ContextMenuRadioItemLabel: {
|
|
130
|
+
({
|
|
131
|
+
className,
|
|
132
|
+
...props
|
|
133
|
+
}: ContextMenuRadioItemLabelProps): react_jsx_runtime23.JSX.Element;
|
|
134
|
+
displayName: string;
|
|
135
|
+
};
|
|
136
|
+
type ContextMenuSubmenuTriggerProps = React.ComponentProps<typeof ContextMenu.SubmenuTrigger>;
|
|
137
|
+
declare const ContextMenuSubmenuTrigger: {
|
|
138
|
+
({
|
|
139
|
+
className,
|
|
140
|
+
...props
|
|
141
|
+
}: ContextMenuSubmenuTriggerProps): react_jsx_runtime23.JSX.Element;
|
|
142
|
+
displayName: string;
|
|
143
|
+
};
|
|
144
|
+
type ContextMenuSubmenuRootProps = React.ComponentProps<typeof ContextMenu.SubmenuRoot>;
|
|
145
|
+
declare const ContextMenuSubmenuRoot: {
|
|
146
|
+
(props: ContextMenuSubmenuRootProps): react_jsx_runtime23.JSX.Element;
|
|
147
|
+
displayName: string;
|
|
148
|
+
};
|
|
149
|
+
//#endregion
|
|
150
|
+
export { ContextMenuArrow, type ContextMenuArrowProps, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, type ContextMenuCheckboxItemIndicatorProps, ContextMenuCheckboxItemLabel, type ContextMenuCheckboxItemLabelProps, type ContextMenuCheckboxItemProps, ContextMenuGroup, ContextMenuGroupLabel, type ContextMenuGroupLabelProps, type ContextMenuGroupProps, ContextMenuItem, type ContextMenuItemProps, ContextMenuPopup, type ContextMenuPopupProps, ContextMenuPortal, type ContextMenuPortalProps, ContextMenuPositioner, type ContextMenuPositionerProps, ContextMenuRadioGroup, type ContextMenuRadioGroupProps, ContextMenuRadioItem, ContextMenuRadioItemIndicator, type ContextMenuRadioItemIndicatorProps, ContextMenuRadioItemLabel, type ContextMenuRadioItemLabelProps, type ContextMenuRadioItemProps, ContextMenuRoot, type ContextMenuRootProps, ContextMenuSeparator, type ContextMenuSeparatorProps, ContextMenuSubmenuRoot, type ContextMenuSubmenuRootProps, ContextMenuSubmenuTrigger, type ContextMenuSubmenuTriggerProps, ContextMenuTrigger, type ContextMenuTriggerProps };
|
|
151
|
+
//# sourceMappingURL=context-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context-menu.d.ts","names":[],"sources":["../src/components/context-menu.tsx"],"sourcesContent":[],"mappings":"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"}
|
package/dist/context-menu.js
CHANGED
|
@@ -1,174 +1,152 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
const
|
|
12
|
-
|
|
13
|
-
const d = ({ className: t, ...e }) => /* @__PURE__ */ o(
|
|
14
|
-
a.Positioner,
|
|
15
|
-
{
|
|
16
|
-
className: n("z-50 outline-none", t),
|
|
17
|
-
sideOffset: 3,
|
|
18
|
-
...e
|
|
19
|
-
}
|
|
20
|
-
);
|
|
21
|
-
d.displayName = "ContextMenuPositioner";
|
|
22
|
-
const l = ({ className: t, ...e }) => /* @__PURE__ */ o(
|
|
23
|
-
a.Popup,
|
|
24
|
-
{
|
|
25
|
-
className: n(
|
|
26
|
-
"rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none",
|
|
27
|
-
"min-w-[8rem]",
|
|
28
|
-
t
|
|
29
|
-
),
|
|
30
|
-
...e
|
|
31
|
-
}
|
|
32
|
-
);
|
|
33
|
-
l.displayName = "ContextMenuPopup";
|
|
34
|
-
const c = ({ className: t, ...e }) => /* @__PURE__ */ o(
|
|
35
|
-
a.Arrow,
|
|
36
|
-
{
|
|
37
|
-
className: n(
|
|
38
|
-
"flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
|
|
39
|
-
t
|
|
40
|
-
),
|
|
41
|
-
...e,
|
|
42
|
-
children: /* @__PURE__ */ o(s, {})
|
|
43
|
-
}
|
|
44
|
-
);
|
|
45
|
-
c.displayName = "ContextMenuArrow";
|
|
46
|
-
const p = ({ className: t, ...e }) => /* @__PURE__ */ o(
|
|
47
|
-
a.Item,
|
|
48
|
-
{
|
|
49
|
-
className: n(
|
|
50
|
-
r({ variant: "ghost", size: "sm" }),
|
|
51
|
-
"flex justify-start",
|
|
52
|
-
t
|
|
53
|
-
),
|
|
54
|
-
...e
|
|
55
|
-
}
|
|
56
|
-
);
|
|
57
|
-
p.displayName = "ContextMenuItem";
|
|
58
|
-
const x = ({ className: t, ...e }) => /* @__PURE__ */ o(
|
|
59
|
-
a.Separator,
|
|
60
|
-
{
|
|
61
|
-
className: n("-mx-1 my-1 h-px bg-border", t),
|
|
62
|
-
...e
|
|
63
|
-
}
|
|
64
|
-
);
|
|
65
|
-
x.displayName = "ContextMenuSeparator";
|
|
66
|
-
const C = ({ className: t, ...e }) => /* @__PURE__ */ o(a.Group, { className: n(t), ...e });
|
|
67
|
-
C.displayName = "ContextMenuGroup";
|
|
68
|
-
const M = ({ className: t, ...e }) => /* @__PURE__ */ o(
|
|
69
|
-
a.GroupLabel,
|
|
70
|
-
{
|
|
71
|
-
className: n("px-3 py-1.5 text-sm font-semibold", t),
|
|
72
|
-
...e
|
|
73
|
-
}
|
|
74
|
-
);
|
|
75
|
-
M.displayName = "ContextMenuGroupLabel";
|
|
76
|
-
const N = ({ className: t, ...e }) => /* @__PURE__ */ o(a.RadioGroup, { className: n(t), ...e });
|
|
77
|
-
N.displayName = "ContextMenuRadioGroup";
|
|
78
|
-
const b = ({ className: t, ...e }) => /* @__PURE__ */ o(
|
|
79
|
-
a.RadioItem,
|
|
80
|
-
{
|
|
81
|
-
className: n(
|
|
82
|
-
r({ variant: "ghost", size: "sm" }),
|
|
83
|
-
"grid grid-cols-[0.75rem_1fr] gap-2",
|
|
84
|
-
t
|
|
85
|
-
),
|
|
86
|
-
...e
|
|
87
|
-
}
|
|
88
|
-
);
|
|
89
|
-
b.displayName = "ContextMenuRadioItem";
|
|
90
|
-
const g = ({
|
|
91
|
-
className: t,
|
|
92
|
-
...e
|
|
93
|
-
}) => /* @__PURE__ */ o(
|
|
94
|
-
a.CheckboxItem,
|
|
95
|
-
{
|
|
96
|
-
className: n(
|
|
97
|
-
r({ variant: "ghost", size: "sm" }),
|
|
98
|
-
"grid grid-cols-[0.75rem_1fr] gap-2",
|
|
99
|
-
t
|
|
100
|
-
),
|
|
101
|
-
...e
|
|
102
|
-
}
|
|
103
|
-
);
|
|
104
|
-
g.displayName = "ContextMenuCheckboxItem";
|
|
105
|
-
const y = ({
|
|
106
|
-
className: t,
|
|
107
|
-
...e
|
|
108
|
-
}) => /* @__PURE__ */ o(
|
|
109
|
-
a.RadioItemIndicator,
|
|
110
|
-
{
|
|
111
|
-
className: n("col-start-1", t),
|
|
112
|
-
...e
|
|
113
|
-
}
|
|
114
|
-
);
|
|
115
|
-
y.displayName = "ContextMenuRadioItemIndicator";
|
|
116
|
-
const I = ({
|
|
117
|
-
className: t,
|
|
118
|
-
...e
|
|
119
|
-
}) => /* @__PURE__ */ o(
|
|
120
|
-
a.CheckboxItemIndicator,
|
|
121
|
-
{
|
|
122
|
-
className: n("col-start-1", t),
|
|
123
|
-
...e
|
|
124
|
-
}
|
|
125
|
-
);
|
|
126
|
-
I.displayName = "ContextMenuCheckboxItemIndicator";
|
|
127
|
-
const f = ({
|
|
128
|
-
className: t,
|
|
129
|
-
...e
|
|
130
|
-
}) => /* @__PURE__ */ o("span", { className: n("col-start-2", t), ...e });
|
|
131
|
-
f.displayName = "ContextMenuCheckboxItemLabel";
|
|
132
|
-
const h = ({
|
|
133
|
-
className: t,
|
|
134
|
-
...e
|
|
135
|
-
}) => /* @__PURE__ */ o("span", { className: n("col-start-2", t), ...e });
|
|
136
|
-
h.displayName = "ContextMenuRadioItemLabel";
|
|
137
|
-
const R = ({
|
|
138
|
-
className: t,
|
|
139
|
-
...e
|
|
140
|
-
}) => /* @__PURE__ */ o(
|
|
141
|
-
a.SubmenuTrigger,
|
|
142
|
-
{
|
|
143
|
-
className: n(
|
|
144
|
-
r({ variant: "ghost", size: "sm" }),
|
|
145
|
-
"flex justify-between",
|
|
146
|
-
t
|
|
147
|
-
),
|
|
148
|
-
...e
|
|
149
|
-
}
|
|
150
|
-
);
|
|
151
|
-
R.displayName = "ContextMenuSubmenuTrigger";
|
|
152
|
-
const k = (t) => /* @__PURE__ */ o(a.SubmenuRoot, { ...t });
|
|
153
|
-
k.displayName = "ContextMenuSubmenuRoot";
|
|
154
|
-
export {
|
|
155
|
-
c as ContextMenuArrow,
|
|
156
|
-
g as ContextMenuCheckboxItem,
|
|
157
|
-
I as ContextMenuCheckboxItemIndicator,
|
|
158
|
-
f as ContextMenuCheckboxItemLabel,
|
|
159
|
-
C as ContextMenuGroup,
|
|
160
|
-
M as ContextMenuGroupLabel,
|
|
161
|
-
p as ContextMenuItem,
|
|
162
|
-
l as ContextMenuPopup,
|
|
163
|
-
m as ContextMenuPortal,
|
|
164
|
-
d as ContextMenuPositioner,
|
|
165
|
-
N as ContextMenuRadioGroup,
|
|
166
|
-
b as ContextMenuRadioItem,
|
|
167
|
-
y as ContextMenuRadioItemIndicator,
|
|
168
|
-
h as ContextMenuRadioItemLabel,
|
|
169
|
-
i as ContextMenuRoot,
|
|
170
|
-
x as ContextMenuSeparator,
|
|
171
|
-
k as ContextMenuSubmenuRoot,
|
|
172
|
-
R as ContextMenuSubmenuTrigger,
|
|
173
|
-
u as ContextMenuTrigger
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { buttonVariants } from "./lib/button-variants.js";
|
|
4
|
+
import { cn } from "./lib/utils.js";
|
|
5
|
+
import { ArrowSvg } from "./lib/arrow-svg.js";
|
|
6
|
+
import "react";
|
|
7
|
+
import { jsx } from "react/jsx-runtime";
|
|
8
|
+
import { ContextMenu } from "@base-ui/react/context-menu";
|
|
9
|
+
|
|
10
|
+
//#region src/components/context-menu.tsx
|
|
11
|
+
const ContextMenuRoot = (props) => {
|
|
12
|
+
return /* @__PURE__ */ jsx(ContextMenu.Root, { ...props });
|
|
174
13
|
};
|
|
14
|
+
ContextMenuRoot.displayName = "ContextMenuRoot";
|
|
15
|
+
const ContextMenuTrigger = ({ className, ...props }) => {
|
|
16
|
+
return /* @__PURE__ */ jsx(ContextMenu.Trigger, {
|
|
17
|
+
className: cn(className),
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
20
|
+
};
|
|
21
|
+
ContextMenuTrigger.displayName = "ContextMenuTrigger";
|
|
22
|
+
const ContextMenuPortal = (props) => {
|
|
23
|
+
return /* @__PURE__ */ jsx(ContextMenu.Portal, { ...props });
|
|
24
|
+
};
|
|
25
|
+
ContextMenuPortal.displayName = "ContextMenuPortal";
|
|
26
|
+
const ContextMenuPositioner = ({ className, ...props }) => {
|
|
27
|
+
return /* @__PURE__ */ jsx(ContextMenu.Positioner, {
|
|
28
|
+
className: cn("z-50 outline-none", className),
|
|
29
|
+
sideOffset: 3,
|
|
30
|
+
...props
|
|
31
|
+
});
|
|
32
|
+
};
|
|
33
|
+
ContextMenuPositioner.displayName = "ContextMenuPositioner";
|
|
34
|
+
const ContextMenuPopup = ({ className, ...props }) => {
|
|
35
|
+
return /* @__PURE__ */ jsx(ContextMenu.Popup, {
|
|
36
|
+
className: cn("rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none", "min-w-[8rem]", className),
|
|
37
|
+
...props
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
ContextMenuPopup.displayName = "ContextMenuPopup";
|
|
41
|
+
const ContextMenuArrow = ({ className, ...props }) => {
|
|
42
|
+
return /* @__PURE__ */ jsx(ContextMenu.Arrow, {
|
|
43
|
+
className: cn("flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180", className),
|
|
44
|
+
...props,
|
|
45
|
+
children: /* @__PURE__ */ jsx(ArrowSvg, {})
|
|
46
|
+
});
|
|
47
|
+
};
|
|
48
|
+
ContextMenuArrow.displayName = "ContextMenuArrow";
|
|
49
|
+
const ContextMenuItem = ({ className, ...props }) => {
|
|
50
|
+
return /* @__PURE__ */ jsx(ContextMenu.Item, {
|
|
51
|
+
className: cn(buttonVariants({
|
|
52
|
+
variant: "ghost",
|
|
53
|
+
size: "sm"
|
|
54
|
+
}), "flex justify-start", className),
|
|
55
|
+
...props
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
ContextMenuItem.displayName = "ContextMenuItem";
|
|
59
|
+
const ContextMenuSeparator = ({ className, ...props }) => {
|
|
60
|
+
return /* @__PURE__ */ jsx(ContextMenu.Separator, {
|
|
61
|
+
className: cn("-mx-1 my-1 h-px bg-border", className),
|
|
62
|
+
...props
|
|
63
|
+
});
|
|
64
|
+
};
|
|
65
|
+
ContextMenuSeparator.displayName = "ContextMenuSeparator";
|
|
66
|
+
const ContextMenuGroup = ({ className, ...props }) => {
|
|
67
|
+
return /* @__PURE__ */ jsx(ContextMenu.Group, {
|
|
68
|
+
className: cn(className),
|
|
69
|
+
...props
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
ContextMenuGroup.displayName = "ContextMenuGroup";
|
|
73
|
+
const ContextMenuGroupLabel = ({ className, ...props }) => {
|
|
74
|
+
return /* @__PURE__ */ jsx(ContextMenu.GroupLabel, {
|
|
75
|
+
className: cn("px-3 py-1.5 text-sm font-semibold", className),
|
|
76
|
+
...props
|
|
77
|
+
});
|
|
78
|
+
};
|
|
79
|
+
ContextMenuGroupLabel.displayName = "ContextMenuGroupLabel";
|
|
80
|
+
const ContextMenuRadioGroup = ({ className, ...props }) => {
|
|
81
|
+
return /* @__PURE__ */ jsx(ContextMenu.RadioGroup, {
|
|
82
|
+
className: cn(className),
|
|
83
|
+
...props
|
|
84
|
+
});
|
|
85
|
+
};
|
|
86
|
+
ContextMenuRadioGroup.displayName = "ContextMenuRadioGroup";
|
|
87
|
+
const ContextMenuRadioItem = ({ className, ...props }) => {
|
|
88
|
+
return /* @__PURE__ */ jsx(ContextMenu.RadioItem, {
|
|
89
|
+
className: cn(buttonVariants({
|
|
90
|
+
variant: "ghost",
|
|
91
|
+
size: "sm"
|
|
92
|
+
}), "grid grid-cols-[0.75rem_1fr] gap-2", className),
|
|
93
|
+
...props
|
|
94
|
+
});
|
|
95
|
+
};
|
|
96
|
+
ContextMenuRadioItem.displayName = "ContextMenuRadioItem";
|
|
97
|
+
const ContextMenuCheckboxItem = ({ className, ...props }) => {
|
|
98
|
+
return /* @__PURE__ */ jsx(ContextMenu.CheckboxItem, {
|
|
99
|
+
className: cn(buttonVariants({
|
|
100
|
+
variant: "ghost",
|
|
101
|
+
size: "sm"
|
|
102
|
+
}), "grid grid-cols-[0.75rem_1fr] gap-2", className),
|
|
103
|
+
...props
|
|
104
|
+
});
|
|
105
|
+
};
|
|
106
|
+
ContextMenuCheckboxItem.displayName = "ContextMenuCheckboxItem";
|
|
107
|
+
const ContextMenuRadioItemIndicator = ({ className, ...props }) => {
|
|
108
|
+
return /* @__PURE__ */ jsx(ContextMenu.RadioItemIndicator, {
|
|
109
|
+
className: cn("col-start-1", className),
|
|
110
|
+
...props
|
|
111
|
+
});
|
|
112
|
+
};
|
|
113
|
+
ContextMenuRadioItemIndicator.displayName = "ContextMenuRadioItemIndicator";
|
|
114
|
+
const ContextMenuCheckboxItemIndicator = ({ className, ...props }) => {
|
|
115
|
+
return /* @__PURE__ */ jsx(ContextMenu.CheckboxItemIndicator, {
|
|
116
|
+
className: cn("col-start-1", className),
|
|
117
|
+
...props
|
|
118
|
+
});
|
|
119
|
+
};
|
|
120
|
+
ContextMenuCheckboxItemIndicator.displayName = "ContextMenuCheckboxItemIndicator";
|
|
121
|
+
const ContextMenuCheckboxItemLabel = ({ className, ...props }) => {
|
|
122
|
+
return /* @__PURE__ */ jsx("span", {
|
|
123
|
+
className: cn("col-start-2", className),
|
|
124
|
+
...props
|
|
125
|
+
});
|
|
126
|
+
};
|
|
127
|
+
ContextMenuCheckboxItemLabel.displayName = "ContextMenuCheckboxItemLabel";
|
|
128
|
+
const ContextMenuRadioItemLabel = ({ className, ...props }) => {
|
|
129
|
+
return /* @__PURE__ */ jsx("span", {
|
|
130
|
+
className: cn("col-start-2", className),
|
|
131
|
+
...props
|
|
132
|
+
});
|
|
133
|
+
};
|
|
134
|
+
ContextMenuRadioItemLabel.displayName = "ContextMenuRadioItemLabel";
|
|
135
|
+
const ContextMenuSubmenuTrigger = ({ className, ...props }) => {
|
|
136
|
+
return /* @__PURE__ */ jsx(ContextMenu.SubmenuTrigger, {
|
|
137
|
+
className: cn(buttonVariants({
|
|
138
|
+
variant: "ghost",
|
|
139
|
+
size: "sm"
|
|
140
|
+
}), "flex justify-between", className),
|
|
141
|
+
...props
|
|
142
|
+
});
|
|
143
|
+
};
|
|
144
|
+
ContextMenuSubmenuTrigger.displayName = "ContextMenuSubmenuTrigger";
|
|
145
|
+
const ContextMenuSubmenuRoot = (props) => {
|
|
146
|
+
return /* @__PURE__ */ jsx(ContextMenu.SubmenuRoot, { ...props });
|
|
147
|
+
};
|
|
148
|
+
ContextMenuSubmenuRoot.displayName = "ContextMenuSubmenuRoot";
|
|
149
|
+
|
|
150
|
+
//#endregion
|
|
151
|
+
export { ContextMenuArrow, ContextMenuCheckboxItem, ContextMenuCheckboxItemIndicator, ContextMenuCheckboxItemLabel, ContextMenuGroup, ContextMenuGroupLabel, ContextMenuItem, ContextMenuPopup, ContextMenuPortal, ContextMenuPositioner, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuRadioItemIndicator, ContextMenuRadioItemLabel, ContextMenuRoot, ContextMenuSeparator, ContextMenuSubmenuRoot, ContextMenuSubmenuTrigger, ContextMenuTrigger };
|
|
152
|
+
//# sourceMappingURL=context-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"context-menu.js","names":["BaseContextMenu"],"sources":["../src/components/context-menu.tsx"],"sourcesContent":["'use client'\n\nimport { ContextMenu as BaseContextMenu } from '@base-ui/react/context-menu'\nimport * as React from 'react'\n\nimport { ArrowSvg } from '../lib/arrow-svg'\nimport { buttonVariants } from '../lib/button-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// ContextMenuRoot\n// ============================================================================\n\ntype ContextMenuRootProps = React.ComponentProps<typeof BaseContextMenu.Root>\n\nconst ContextMenuRoot = (props: ContextMenuRootProps) => {\n return <BaseContextMenu.Root {...props} />\n}\n\nContextMenuRoot.displayName = 'ContextMenuRoot'\n\n// ============================================================================\n// ContextMenuTrigger\n// ============================================================================\n\ntype ContextMenuTriggerProps = React.ComponentProps<typeof BaseContextMenu.Trigger>\n\nconst ContextMenuTrigger = ({ className, ...props }: ContextMenuTriggerProps) => {\n return <BaseContextMenu.Trigger className={cn(className)} {...props} />\n}\n\nContextMenuTrigger.displayName = 'ContextMenuTrigger'\n\n// ============================================================================\n// ContextMenuPortal\n// ============================================================================\n\ntype ContextMenuPortalProps = React.ComponentProps<typeof BaseContextMenu.Portal>\n\nconst ContextMenuPortal = (props: ContextMenuPortalProps) => {\n return <BaseContextMenu.Portal {...props} />\n}\n\nContextMenuPortal.displayName = 'ContextMenuPortal'\n\n// ============================================================================\n// ContextMenuPositioner\n// ============================================================================\n\ntype ContextMenuPositionerProps = React.ComponentProps<typeof BaseContextMenu.Positioner>\n\nconst ContextMenuPositioner = ({ className, ...props }: ContextMenuPositionerProps) => {\n return (\n <BaseContextMenu.Positioner\n className={cn('z-50 outline-none', className)}\n sideOffset={3}\n {...props}\n />\n )\n}\n\nContextMenuPositioner.displayName = 'ContextMenuPositioner'\n\n// ============================================================================\n// ContextMenuPopup\n// ============================================================================\n\ntype ContextMenuPopupProps = React.ComponentProps<typeof BaseContextMenu.Popup>\n\nconst ContextMenuPopup = ({ className, ...props }: ContextMenuPopupProps) => {\n return (\n <BaseContextMenu.Popup\n className={cn(\n 'rounded-md bg-background p-1 text-foreground shadow-sm border border-border transition-[transform,scale,opacity] data-ending-style:scale-90 data-ending-style:opacity-0 data-starting-style:scale-0 data-starting-style:opacity-0 dark:shadow-none',\n 'min-w-[8rem]',\n className,\n )}\n {...props}\n />\n )\n}\n\nContextMenuPopup.displayName = 'ContextMenuPopup'\n\n// ============================================================================\n// ContextMenuArrow\n// ============================================================================\n\ntype ContextMenuArrowProps = React.ComponentProps<typeof BaseContextMenu.Arrow>\n\nconst ContextMenuArrow = ({ className, ...props }: ContextMenuArrowProps) => {\n return (\n <BaseContextMenu.Arrow\n className={cn(\n 'flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180',\n className,\n )}\n {...props}\n >\n <ArrowSvg />\n </BaseContextMenu.Arrow>\n )\n}\n\nContextMenuArrow.displayName = 'ContextMenuArrow'\n\n// ============================================================================\n// ContextMenuItem\n// ============================================================================\n\ntype ContextMenuItemProps = React.ComponentProps<typeof BaseContextMenu.Item>\n\nconst ContextMenuItem = ({ className, ...props }: ContextMenuItemProps) => {\n return (\n <BaseContextMenu.Item\n className={cn(\n buttonVariants({ variant: 'ghost', size: 'sm' }),\n 'flex justify-start',\n className,\n )}\n {...props}\n />\n )\n}\n\nContextMenuItem.displayName = 'ContextMenuItem'\n\n// ============================================================================\n// ContextMenuSeparator\n// ============================================================================\n\ntype ContextMenuSeparatorProps = React.ComponentProps<typeof BaseContextMenu.Separator>\n\nconst ContextMenuSeparator = ({ className, ...props }: ContextMenuSeparatorProps) => {\n return (\n <BaseContextMenu.Separator\n className={cn('-mx-1 my-1 h-px bg-border', className)}\n {...props}\n />\n )\n}\n\nContextMenuSeparator.displayName = 'ContextMenuSeparator'\n\n// ============================================================================\n// ContextMenuGroup\n// ============================================================================\n\ntype ContextMenuGroupProps = React.ComponentProps<typeof BaseContextMenu.Group>\n\nconst ContextMenuGroup = ({ className, ...props }: ContextMenuGroupProps) => {\n return <BaseContextMenu.Group className={cn(className)} {...props} />\n}\n\nContextMenuGroup.displayName = 'ContextMenuGroup'\n\n// ============================================================================\n// ContextMenuGroupLabel\n// ============================================================================\n\ntype ContextMenuGroupLabelProps = React.ComponentProps<typeof BaseContextMenu.GroupLabel>\n\nconst ContextMenuGroupLabel = ({ className, ...props }: ContextMenuGroupLabelProps) => {\n return (\n <BaseContextMenu.GroupLabel\n className={cn('px-3 py-1.5 text-sm font-semibold', className)}\n {...props}\n />\n )\n}\n\nContextMenuGroupLabel.displayName = 'ContextMenuGroupLabel'\n\n// ============================================================================\n// ContextMenuRadioGroup\n// ============================================================================\n\ntype ContextMenuRadioGroupProps = React.ComponentProps<typeof BaseContextMenu.RadioGroup>\n\nconst ContextMenuRadioGroup = ({ className, ...props }: ContextMenuRadioGroupProps) => {\n return <BaseContextMenu.RadioGroup className={cn(className)} {...props} />\n}\n\nContextMenuRadioGroup.displayName = 'ContextMenuRadioGroup'\n\n// ============================================================================\n// ContextMenuRadioItem\n// ============================================================================\n\ntype ContextMenuRadioItemProps = React.ComponentProps<typeof BaseContextMenu.RadioItem>\n\nconst ContextMenuRadioItem = ({ className, ...props }: ContextMenuRadioItemProps) => {\n return (\n <BaseContextMenu.RadioItem\n className={cn(\n buttonVariants({ variant: 'ghost', size: 'sm' }),\n 'grid grid-cols-[0.75rem_1fr] gap-2',\n className,\n )}\n {...props}\n />\n )\n}\n\nContextMenuRadioItem.displayName = 'ContextMenuRadioItem'\n\n// ============================================================================\n// ContextMenuCheckboxItem\n// ============================================================================\n\ntype ContextMenuCheckboxItemProps = React.ComponentProps<\n typeof BaseContextMenu.CheckboxItem\n>\n\nconst ContextMenuCheckboxItem = ({\n className,\n ...props\n}: ContextMenuCheckboxItemProps) => {\n return (\n <BaseContextMenu.CheckboxItem\n className={cn(\n buttonVariants({ variant: 'ghost', size: 'sm' }),\n 'grid grid-cols-[0.75rem_1fr] gap-2',\n className,\n )}\n {...props}\n />\n )\n}\n\nContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem'\n\n// ============================================================================\n// ContextMenuRadioItemIndicator\n// ============================================================================\n\ntype ContextMenuRadioItemIndicatorProps = React.ComponentProps<\n typeof BaseContextMenu.RadioItemIndicator\n>\n\nconst ContextMenuRadioItemIndicator = ({\n className,\n ...props\n}: ContextMenuRadioItemIndicatorProps) => {\n return (\n <BaseContextMenu.RadioItemIndicator\n className={cn('col-start-1', className)}\n {...props}\n />\n )\n}\n\nContextMenuRadioItemIndicator.displayName = 'ContextMenuRadioItemIndicator'\n\n// ============================================================================\n// ContextMenuCheckboxItemIndicator\n// ============================================================================\n\ntype ContextMenuCheckboxItemIndicatorProps = React.ComponentProps<\n typeof BaseContextMenu.CheckboxItemIndicator\n>\n\nconst ContextMenuCheckboxItemIndicator = ({\n className,\n ...props\n}: ContextMenuCheckboxItemIndicatorProps) => {\n return (\n <BaseContextMenu.CheckboxItemIndicator\n className={cn('col-start-1', className)}\n {...props}\n />\n )\n}\n\nContextMenuCheckboxItemIndicator.displayName = 'ContextMenuCheckboxItemIndicator'\n\n// ============================================================================\n// ContextMenuCheckboxItemLabel\n// ============================================================================\n\ntype ContextMenuCheckboxItemLabelProps = React.ComponentProps<'span'>\n\nconst ContextMenuCheckboxItemLabel = ({\n className,\n ...props\n}: ContextMenuCheckboxItemLabelProps) => {\n return <span className={cn('col-start-2', className)} {...props} />\n}\n\nContextMenuCheckboxItemLabel.displayName = 'ContextMenuCheckboxItemLabel'\n\n// ============================================================================\n// ContextMenuRadioItemLabel\n// ============================================================================\n\ntype ContextMenuRadioItemLabelProps = React.ComponentProps<'span'>\n\nconst ContextMenuRadioItemLabel = ({\n className,\n ...props\n}: ContextMenuRadioItemLabelProps) => {\n return <span className={cn('col-start-2', className)} {...props} />\n}\n\nContextMenuRadioItemLabel.displayName = 'ContextMenuRadioItemLabel'\n\n// ============================================================================\n// ContextMenuSubmenuTrigger\n// ============================================================================\n\ntype ContextMenuSubmenuTriggerProps = React.ComponentProps<\n typeof BaseContextMenu.SubmenuTrigger\n>\n\nconst ContextMenuSubmenuTrigger = ({\n className,\n ...props\n}: ContextMenuSubmenuTriggerProps) => {\n return (\n <BaseContextMenu.SubmenuTrigger\n className={cn(\n buttonVariants({ variant: 'ghost', size: 'sm' }),\n 'flex justify-between',\n className,\n )}\n {...props}\n />\n )\n}\n\nContextMenuSubmenuTrigger.displayName = 'ContextMenuSubmenuTrigger'\n\n// ============================================================================\n// ContextMenuSubmenuRoot\n// ============================================================================\n\ntype ContextMenuSubmenuRootProps = React.ComponentProps<\n typeof BaseContextMenu.SubmenuRoot\n>\n\nconst ContextMenuSubmenuRoot = (props: ContextMenuSubmenuRootProps) => {\n return <BaseContextMenu.SubmenuRoot {...props} />\n}\n\nContextMenuSubmenuRoot.displayName = 'ContextMenuSubmenuRoot'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n ContextMenuRoot,\n ContextMenuTrigger,\n ContextMenuPortal,\n ContextMenuPositioner,\n ContextMenuPopup,\n ContextMenuArrow,\n ContextMenuItem,\n ContextMenuSeparator,\n ContextMenuGroup,\n ContextMenuGroupLabel,\n ContextMenuRadioGroup,\n ContextMenuRadioItem,\n ContextMenuRadioItemIndicator,\n ContextMenuRadioItemLabel,\n ContextMenuCheckboxItem,\n ContextMenuCheckboxItemIndicator,\n ContextMenuCheckboxItemLabel,\n ContextMenuSubmenuTrigger,\n ContextMenuSubmenuRoot,\n}\n\nexport type {\n ContextMenuRootProps,\n ContextMenuTriggerProps,\n ContextMenuPortalProps,\n ContextMenuPositionerProps,\n ContextMenuPopupProps,\n ContextMenuArrowProps,\n ContextMenuItemProps,\n ContextMenuSeparatorProps,\n ContextMenuGroupProps,\n ContextMenuGroupLabelProps,\n ContextMenuRadioGroupProps,\n ContextMenuRadioItemProps,\n ContextMenuRadioItemIndicatorProps,\n ContextMenuRadioItemLabelProps,\n ContextMenuCheckboxItemProps,\n ContextMenuCheckboxItemIndicatorProps,\n ContextMenuCheckboxItemLabelProps,\n ContextMenuSubmenuTriggerProps,\n ContextMenuSubmenuRootProps,\n}\n"],"mappings":"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"}
|