@codefast/ui 0.3.15 → 0.3.16-canary.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/CHANGELOG.md +7 -0
- package/dist/components/accordion.d.mts +30 -0
- package/dist/components/accordion.mjs +15 -0
- package/dist/components/alert-dialog.d.mts +60 -0
- package/dist/components/alert-dialog.mjs +30 -0
- package/dist/components/alert.d.mts +21 -0
- package/dist/components/alert.mjs +12 -0
- package/dist/components/aspect-ratio.d.mts +6 -0
- package/dist/components/aspect-ratio.mjs +3 -0
- package/dist/components/avatar.d.mts +18 -0
- package/dist/components/avatar.mjs +9 -0
- package/dist/components/badge.d.mts +9 -0
- package/dist/components/badge.mjs +6 -0
- package/dist/components/breadcrumb.d.mts +42 -0
- package/dist/components/breadcrumb.mjs +21 -0
- package/dist/components/button-group.d.mts +21 -0
- package/dist/components/button-group.mjs +12 -0
- package/dist/components/button.d.mts +9 -0
- package/dist/components/button.mjs +6 -0
- package/dist/components/calendar.d.mts +12 -0
- package/dist/components/calendar.mjs +6 -0
- package/dist/components/card.d.mts +42 -0
- package/dist/components/card.mjs +21 -0
- package/dist/components/carousel.d.mts +33 -0
- package/dist/components/carousel.mjs +15 -0
- package/dist/components/chart.d.mts +39 -0
- package/dist/components/chart.mjs +18 -0
- package/dist/components/checkbox-cards.d.mts +12 -0
- package/dist/components/checkbox-cards.mjs +6 -0
- package/dist/components/checkbox-group.d.mts +12 -0
- package/dist/components/checkbox-group.mjs +6 -0
- package/dist/components/checkbox.d.mts +6 -0
- package/dist/components/checkbox.mjs +3 -0
- package/dist/components/collapsible.d.mts +18 -0
- package/dist/components/collapsible.mjs +9 -0
- package/dist/components/command.d.mts +60 -0
- package/dist/components/command.mjs +30 -0
- package/dist/components/context-menu.d.mts +90 -0
- package/dist/components/context-menu.mjs +45 -0
- package/dist/components/dialog.d.mts +54 -0
- package/dist/components/dialog.mjs +27 -0
- package/dist/components/drawer.d.mts +54 -0
- package/dist/components/drawer.mjs +27 -0
- package/dist/components/dropdown-menu.d.mts +90 -0
- package/dist/components/dropdown-menu.mjs +45 -0
- package/dist/components/empty.d.mts +39 -0
- package/dist/components/empty.mjs +21 -0
- package/dist/components/field.d.mts +63 -0
- package/dist/components/field.mjs +33 -0
- package/dist/components/form.d.mts +42 -0
- package/dist/components/form.mjs +21 -0
- package/dist/components/hover-card.d.mts +24 -0
- package/dist/components/hover-card.mjs +12 -0
- package/dist/components/input-group.d.mts +45 -0
- package/dist/components/input-group.mjs +27 -0
- package/dist/components/input-number.d.mts +6 -0
- package/dist/components/input-number.mjs +3 -0
- package/dist/components/input-otp.d.mts +24 -0
- package/dist/components/input-otp.mjs +12 -0
- package/dist/components/input-password.d.mts +6 -0
- package/dist/components/input-password.mjs +3 -0
- package/dist/components/input-search.d.mts +6 -0
- package/dist/components/input-search.mjs +3 -0
- package/dist/components/input.d.mts +6 -0
- package/dist/components/input.mjs +3 -0
- package/dist/components/item.d.mts +66 -0
- package/dist/components/item.mjs +36 -0
- package/dist/components/kbd.d.mts +12 -0
- package/dist/components/kbd.mjs +6 -0
- package/dist/components/label.d.mts +6 -0
- package/dist/components/label.mjs +3 -0
- package/dist/components/menubar.d.mts +96 -0
- package/dist/components/menubar.mjs +48 -0
- package/dist/components/native-select.d.mts +18 -0
- package/dist/components/native-select.mjs +9 -0
- package/dist/components/navigation-menu.d.mts +39 -0
- package/dist/components/navigation-menu.mjs +21 -0
- package/dist/components/pagination.d.mts +42 -0
- package/dist/components/pagination.mjs +21 -0
- package/dist/components/popover.d.mts +30 -0
- package/dist/components/popover.mjs +15 -0
- package/dist/components/progress-circle.d.mts +9 -0
- package/dist/components/progress-circle.mjs +6 -0
- package/dist/components/progress.d.mts +6 -0
- package/dist/components/progress.mjs +3 -0
- package/dist/components/radio-cards.d.mts +12 -0
- package/dist/components/radio-cards.mjs +6 -0
- package/dist/components/radio-group.d.mts +12 -0
- package/dist/components/radio-group.mjs +6 -0
- package/dist/components/radio.d.mts +6 -0
- package/dist/components/radio.mjs +3 -0
- package/dist/components/resizable.d.mts +18 -0
- package/dist/components/resizable.mjs +9 -0
- package/dist/components/scroll-area.d.mts +15 -0
- package/dist/components/scroll-area.mjs +9 -0
- package/dist/components/select.d.mts +60 -0
- package/dist/components/select.mjs +30 -0
- package/dist/components/separator.d.mts +15 -0
- package/dist/components/separator.mjs +9 -0
- package/dist/components/sheet.d.mts +57 -0
- package/dist/components/sheet.mjs +30 -0
- package/dist/components/sidebar.d.mts +141 -0
- package/dist/components/sidebar.mjs +72 -0
- package/dist/components/skeleton.d.mts +6 -0
- package/dist/components/skeleton.mjs +3 -0
- package/dist/components/slider.d.mts +6 -0
- package/dist/components/slider.mjs +3 -0
- package/dist/components/sonner.d.mts +6 -0
- package/dist/components/sonner.mjs +3 -0
- package/dist/components/spinner.d.mts +6 -0
- package/dist/components/spinner.mjs +3 -0
- package/dist/components/switch.d.mts +6 -0
- package/dist/components/switch.mjs +3 -0
- package/dist/components/table.d.mts +48 -0
- package/dist/components/table.mjs +24 -0
- package/dist/components/tabs.d.mts +24 -0
- package/dist/components/tabs.mjs +12 -0
- package/dist/components/textarea.d.mts +6 -0
- package/dist/components/textarea.mjs +3 -0
- package/dist/components/toggle-group.d.mts +12 -0
- package/dist/components/toggle-group.mjs +6 -0
- package/dist/components/toggle.d.mts +12 -0
- package/dist/components/toggle.mjs +6 -0
- package/dist/components/tooltip.d.mts +30 -0
- package/dist/components/tooltip.mjs +15 -0
- package/dist/hooks/use-animated-value.d.mts +2 -0
- package/dist/hooks/use-animated-value.mjs +5 -3
- package/dist/hooks/use-copy-to-clipboard.d.mts +2 -0
- package/dist/hooks/use-copy-to-clipboard.mjs +5 -3
- package/dist/hooks/use-is-mobile.d.mts +2 -0
- package/dist/hooks/use-is-mobile.mjs +5 -3
- package/dist/hooks/use-media-query.d.mts +2 -0
- package/dist/hooks/use-media-query.mjs +5 -3
- package/dist/hooks/use-mutation-observer.d.mts +2 -0
- package/dist/hooks/use-mutation-observer.mjs +5 -3
- package/dist/hooks/use-pagination.d.mts +7 -0
- package/dist/hooks/use-pagination.mjs +7 -3
- package/dist/primitives/checkbox-group.d.mts +12 -0
- package/dist/primitives/checkbox-group.mjs +6 -0
- package/dist/primitives/input-number.d.mts +22 -0
- package/dist/primitives/input-number.mjs +12 -0
- package/dist/primitives/input.d.mts +10 -0
- package/dist/primitives/input.mjs +6 -0
- package/dist/primitives/progress-circle.d.mts +30 -0
- package/dist/primitives/progress-circle.mjs +19 -7
- package/package.json +4 -4
|
@@ -5,12 +5,18 @@ import { CheckboxGroup, CheckboxGroupIndicator, CheckboxGroupItem } from "../pri
|
|
|
5
5
|
import { CheckIcon } from "lucide-react";
|
|
6
6
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
7
7
|
//#region src/components/checkbox-cards.tsx
|
|
8
|
+
/**
|
|
9
|
+
* @since 0.3.16-canary.0
|
|
10
|
+
*/
|
|
8
11
|
function CheckboxCards(props) {
|
|
9
12
|
return /* @__PURE__ */ jsx(CheckboxGroup, {
|
|
10
13
|
"data-slot": "checkbox-cards",
|
|
11
14
|
...props
|
|
12
15
|
});
|
|
13
16
|
}
|
|
17
|
+
/**
|
|
18
|
+
* @since 0.3.16-canary.0
|
|
19
|
+
*/
|
|
14
20
|
function CheckboxCardsItem({ checkboxClassName, children, className, ...props }) {
|
|
15
21
|
return /* @__PURE__ */ jsxs(Label, {
|
|
16
22
|
className: cn("flex items-start gap-3", "p-3", "rounded-lg border border-input", "transition", "hover:not-has-disabled:not-has-aria-checked:bg-secondary", "has-focus-visible:border-ring", "has-disabled:opacity-50", "has-aria-checked:border-primary has-aria-checked:bg-primary/10", className),
|
|
@@ -2,12 +2,24 @@ import { CheckboxGroup as CheckboxGroup$1, CheckboxGroupItem as CheckboxGroupIte
|
|
|
2
2
|
import { ComponentProps, JSX } from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/components/checkbox-group.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* @since 0.3.16-canary.0
|
|
7
|
+
*/
|
|
5
8
|
type CheckboxGroupProps = ComponentProps<typeof CheckboxGroup$1>;
|
|
9
|
+
/**
|
|
10
|
+
* @since 0.3.16-canary.0
|
|
11
|
+
*/
|
|
6
12
|
declare function CheckboxGroup({
|
|
7
13
|
className,
|
|
8
14
|
...props
|
|
9
15
|
}: CheckboxGroupProps): JSX.Element;
|
|
16
|
+
/**
|
|
17
|
+
* @since 0.3.16-canary.0
|
|
18
|
+
*/
|
|
10
19
|
type CheckboxGroupItemProps = ComponentProps<typeof CheckboxGroupItem$1>;
|
|
20
|
+
/**
|
|
21
|
+
* @since 0.3.16-canary.0
|
|
22
|
+
*/
|
|
11
23
|
declare function CheckboxGroupItem({
|
|
12
24
|
className,
|
|
13
25
|
...props
|
|
@@ -4,6 +4,9 @@ import { CheckboxGroup as CheckboxGroup$1, CheckboxGroupIndicator, CheckboxGroup
|
|
|
4
4
|
import { CheckIcon } from "lucide-react";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
6
|
//#region src/components/checkbox-group.tsx
|
|
7
|
+
/**
|
|
8
|
+
* @since 0.3.16-canary.0
|
|
9
|
+
*/
|
|
7
10
|
function CheckboxGroup({ className, ...props }) {
|
|
8
11
|
return /* @__PURE__ */ jsx(CheckboxGroup$1, {
|
|
9
12
|
className: cn("grid gap-2", className),
|
|
@@ -11,6 +14,9 @@ function CheckboxGroup({ className, ...props }) {
|
|
|
11
14
|
...props
|
|
12
15
|
});
|
|
13
16
|
}
|
|
17
|
+
/**
|
|
18
|
+
* @since 0.3.16-canary.0
|
|
19
|
+
*/
|
|
14
20
|
function CheckboxGroupItem({ className, ...props }) {
|
|
15
21
|
return /* @__PURE__ */ jsx(CheckboxGroupItem$1, {
|
|
16
22
|
className: cn("peer flex size-4 shrink-0 items-center justify-center", "rounded-sm border border-input shadow-xs outline-hidden", "text-primary-foreground", "transition", "hover:not-disabled:not-aria-checked:border-ring/60", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "aria-checked:border-primary aria-checked:bg-primary", "focus-visible:aria-checked:ring-primary/20", "aria-invalid:border-destructive aria-invalid:ring-destructive/20", "hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60", "aria-checked:aria-invalid:bg-destructive", "dark:bg-input/30", "dark:focus-visible:aria-checked:ring-primary/40", "dark:aria-invalid:ring-destructive/40", className),
|
|
@@ -2,7 +2,13 @@ import { ComponentProps, JSX } from "react";
|
|
|
2
2
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
3
3
|
|
|
4
4
|
//#region src/components/checkbox.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* @since 0.3.16-canary.0
|
|
7
|
+
*/
|
|
5
8
|
type CheckboxProps = ComponentProps<typeof CheckboxPrimitive.Root>;
|
|
9
|
+
/**
|
|
10
|
+
* @since 0.3.16-canary.0
|
|
11
|
+
*/
|
|
6
12
|
declare function Checkbox({
|
|
7
13
|
className,
|
|
8
14
|
...props
|
|
@@ -4,6 +4,9 @@ import { CheckIcon } from "lucide-react";
|
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
6
6
|
//#region src/components/checkbox.tsx
|
|
7
|
+
/**
|
|
8
|
+
* @since 0.3.16-canary.0
|
|
9
|
+
*/
|
|
7
10
|
function Checkbox({ className, ...props }) {
|
|
8
11
|
return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
|
|
9
12
|
className: cn("peer flex size-4 shrink-0 items-center justify-center", "rounded-sm border border-input shadow-xs outline-hidden", "text-primary-foreground", "transition", "hover:not-disabled:not-aria-checked:border-ring/60", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50", "disabled:opacity-50", "aria-checked:border-primary aria-checked:bg-primary", "aria-checked:focus-visible:ring-primary/20", "aria-invalid:border-destructive aria-invalid:ring-destructive/20", "hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60", "aria-checked:aria-invalid:bg-destructive", "dark:bg-input/30", "dark:aria-checked:focus-visible:ring-primary/40", "dark:aria-invalid:ring-destructive/40", className),
|
|
@@ -2,15 +2,33 @@ import { ComponentProps, JSX } from "react";
|
|
|
2
2
|
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
3
3
|
|
|
4
4
|
//#region src/components/collapsible.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* @since 0.3.16-canary.0
|
|
7
|
+
*/
|
|
5
8
|
type CollapsibleProps = ComponentProps<typeof CollapsiblePrimitive.Root>;
|
|
9
|
+
/**
|
|
10
|
+
* @since 0.3.16-canary.0
|
|
11
|
+
*/
|
|
6
12
|
declare function Collapsible({
|
|
7
13
|
...props
|
|
8
14
|
}: CollapsibleProps): JSX.Element;
|
|
15
|
+
/**
|
|
16
|
+
* @since 0.3.16-canary.0
|
|
17
|
+
*/
|
|
9
18
|
type CollapsibleTriggerProps = ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>;
|
|
19
|
+
/**
|
|
20
|
+
* @since 0.3.16-canary.0
|
|
21
|
+
*/
|
|
10
22
|
declare function CollapsibleTrigger({
|
|
11
23
|
...props
|
|
12
24
|
}: CollapsibleTriggerProps): JSX.Element;
|
|
25
|
+
/**
|
|
26
|
+
* @since 0.3.16-canary.0
|
|
27
|
+
*/
|
|
13
28
|
type CollapsibleContentProps = ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>;
|
|
29
|
+
/**
|
|
30
|
+
* @since 0.3.16-canary.0
|
|
31
|
+
*/
|
|
14
32
|
declare function CollapsibleContent({
|
|
15
33
|
...props
|
|
16
34
|
}: CollapsibleContentProps): JSX.Element;
|
|
@@ -2,18 +2,27 @@
|
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
|
|
4
4
|
//#region src/components/collapsible.tsx
|
|
5
|
+
/**
|
|
6
|
+
* @since 0.3.16-canary.0
|
|
7
|
+
*/
|
|
5
8
|
function Collapsible({ ...props }) {
|
|
6
9
|
return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, {
|
|
7
10
|
"data-slot": "collapsible",
|
|
8
11
|
...props
|
|
9
12
|
});
|
|
10
13
|
}
|
|
14
|
+
/**
|
|
15
|
+
* @since 0.3.16-canary.0
|
|
16
|
+
*/
|
|
11
17
|
function CollapsibleTrigger({ ...props }) {
|
|
12
18
|
return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleTrigger, {
|
|
13
19
|
"data-slot": "collapsible-trigger",
|
|
14
20
|
...props
|
|
15
21
|
});
|
|
16
22
|
}
|
|
23
|
+
/**
|
|
24
|
+
* @since 0.3.16-canary.0
|
|
25
|
+
*/
|
|
17
26
|
function CollapsibleContent({ ...props }) {
|
|
18
27
|
return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, {
|
|
19
28
|
"data-slot": "collapsible-content",
|
|
@@ -3,52 +3,112 @@ import { ComponentProps, JSX } from "react";
|
|
|
3
3
|
import { Command as Command$1 } from "cmdk";
|
|
4
4
|
|
|
5
5
|
//#region src/components/command.d.ts
|
|
6
|
+
/**
|
|
7
|
+
* @since 0.3.16-canary.0
|
|
8
|
+
*/
|
|
6
9
|
type CommandProps = ComponentProps<typeof Command$1>;
|
|
10
|
+
/**
|
|
11
|
+
* @since 0.3.16-canary.0
|
|
12
|
+
*/
|
|
7
13
|
declare function Command({
|
|
8
14
|
className,
|
|
9
15
|
...props
|
|
10
16
|
}: CommandProps): JSX.Element;
|
|
17
|
+
/**
|
|
18
|
+
* @since 0.3.16-canary.0
|
|
19
|
+
*/
|
|
11
20
|
type CommandDialogProps = ComponentProps<typeof Dialog>;
|
|
21
|
+
/**
|
|
22
|
+
* @since 0.3.16-canary.0
|
|
23
|
+
*/
|
|
12
24
|
declare function CommandDialog({
|
|
13
25
|
children,
|
|
14
26
|
...props
|
|
15
27
|
}: CommandDialogProps): JSX.Element;
|
|
28
|
+
/**
|
|
29
|
+
* @since 0.3.16-canary.0
|
|
30
|
+
*/
|
|
16
31
|
type CommandInputProps = ComponentProps<typeof Command$1.Input>;
|
|
32
|
+
/**
|
|
33
|
+
* @since 0.3.16-canary.0
|
|
34
|
+
*/
|
|
17
35
|
declare function CommandInput({
|
|
18
36
|
className,
|
|
19
37
|
...props
|
|
20
38
|
}: CommandInputProps): JSX.Element;
|
|
39
|
+
/**
|
|
40
|
+
* @since 0.3.16-canary.0
|
|
41
|
+
*/
|
|
21
42
|
type CommandListProps = ComponentProps<typeof Command$1.List>;
|
|
43
|
+
/**
|
|
44
|
+
* @since 0.3.16-canary.0
|
|
45
|
+
*/
|
|
22
46
|
declare function CommandList({
|
|
23
47
|
className,
|
|
24
48
|
...props
|
|
25
49
|
}: CommandListProps): JSX.Element;
|
|
50
|
+
/**
|
|
51
|
+
* @since 0.3.16-canary.0
|
|
52
|
+
*/
|
|
26
53
|
type CommandEmptyProps = ComponentProps<typeof Command$1.Empty>;
|
|
54
|
+
/**
|
|
55
|
+
* @since 0.3.16-canary.0
|
|
56
|
+
*/
|
|
27
57
|
declare function CommandEmpty({
|
|
28
58
|
className,
|
|
29
59
|
...props
|
|
30
60
|
}: CommandEmptyProps): JSX.Element;
|
|
61
|
+
/**
|
|
62
|
+
* @since 0.3.16-canary.0
|
|
63
|
+
*/
|
|
31
64
|
type CommandGroupProps = ComponentProps<typeof Command$1.Group>;
|
|
65
|
+
/**
|
|
66
|
+
* @since 0.3.16-canary.0
|
|
67
|
+
*/
|
|
32
68
|
declare function CommandGroup({
|
|
33
69
|
className,
|
|
34
70
|
...props
|
|
35
71
|
}: CommandGroupProps): JSX.Element;
|
|
72
|
+
/**
|
|
73
|
+
* @since 0.3.16-canary.0
|
|
74
|
+
*/
|
|
36
75
|
type CommandSeparatorProps = ComponentProps<typeof Command$1.Separator>;
|
|
76
|
+
/**
|
|
77
|
+
* @since 0.3.16-canary.0
|
|
78
|
+
*/
|
|
37
79
|
declare function CommandSeparator({
|
|
38
80
|
className,
|
|
39
81
|
...props
|
|
40
82
|
}: CommandSeparatorProps): JSX.Element;
|
|
83
|
+
/**
|
|
84
|
+
* @since 0.3.16-canary.0
|
|
85
|
+
*/
|
|
41
86
|
type CommandItemProps = ComponentProps<typeof Command$1.Item>;
|
|
87
|
+
/**
|
|
88
|
+
* @since 0.3.16-canary.0
|
|
89
|
+
*/
|
|
42
90
|
declare function CommandItem({
|
|
43
91
|
className,
|
|
44
92
|
...props
|
|
45
93
|
}: CommandItemProps): JSX.Element;
|
|
94
|
+
/**
|
|
95
|
+
* @since 0.3.16-canary.0
|
|
96
|
+
*/
|
|
46
97
|
type CommandLoadingProps = ComponentProps<typeof Command$1.Loading>;
|
|
98
|
+
/**
|
|
99
|
+
* @since 0.3.16-canary.0
|
|
100
|
+
*/
|
|
47
101
|
declare function CommandLoading({
|
|
48
102
|
className,
|
|
49
103
|
...props
|
|
50
104
|
}: CommandLoadingProps): JSX.Element;
|
|
105
|
+
/**
|
|
106
|
+
* @since 0.3.16-canary.0
|
|
107
|
+
*/
|
|
51
108
|
type CommandShortcutProps = ComponentProps<"span">;
|
|
109
|
+
/**
|
|
110
|
+
* @since 0.3.16-canary.0
|
|
111
|
+
*/
|
|
52
112
|
declare function CommandShortcut({
|
|
53
113
|
className,
|
|
54
114
|
...props
|
|
@@ -6,6 +6,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
6
6
|
import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
|
|
7
7
|
import { Command as Command$1 } from "cmdk";
|
|
8
8
|
//#region src/components/command.tsx
|
|
9
|
+
/**
|
|
10
|
+
* @since 0.3.16-canary.0
|
|
11
|
+
*/
|
|
9
12
|
function Command({ className, ...props }) {
|
|
10
13
|
return /* @__PURE__ */ jsx(Command$1, {
|
|
11
14
|
className: cn("flex flex-col overflow-hidden", "rounded-[inherit]", "bg-popover text-popover-foreground outline-hidden", className),
|
|
@@ -13,6 +16,9 @@ function Command({ className, ...props }) {
|
|
|
13
16
|
...props
|
|
14
17
|
});
|
|
15
18
|
}
|
|
19
|
+
/**
|
|
20
|
+
* @since 0.3.16-canary.0
|
|
21
|
+
*/
|
|
16
22
|
function CommandDialog({ children, ...props }) {
|
|
17
23
|
return /* @__PURE__ */ jsx(Dialog, {
|
|
18
24
|
"data-slot": "command-dialog",
|
|
@@ -27,6 +33,9 @@ function CommandDialog({ children, ...props }) {
|
|
|
27
33
|
})
|
|
28
34
|
});
|
|
29
35
|
}
|
|
36
|
+
/**
|
|
37
|
+
* @since 0.3.16-canary.0
|
|
38
|
+
*/
|
|
30
39
|
function CommandInput({ className, ...props }) {
|
|
31
40
|
return /* @__PURE__ */ jsxs("div", {
|
|
32
41
|
"cmdk-input-wrapper": true,
|
|
@@ -39,6 +48,9 @@ function CommandInput({ className, ...props }) {
|
|
|
39
48
|
})]
|
|
40
49
|
});
|
|
41
50
|
}
|
|
51
|
+
/**
|
|
52
|
+
* @since 0.3.16-canary.0
|
|
53
|
+
*/
|
|
42
54
|
function CommandList({ className, ...props }) {
|
|
43
55
|
return /* @__PURE__ */ jsx(Command$1.List, {
|
|
44
56
|
className: cn("max-h-75 overflow-x-hidden overflow-y-auto", className),
|
|
@@ -46,6 +58,9 @@ function CommandList({ className, ...props }) {
|
|
|
46
58
|
...props
|
|
47
59
|
});
|
|
48
60
|
}
|
|
61
|
+
/**
|
|
62
|
+
* @since 0.3.16-canary.0
|
|
63
|
+
*/
|
|
49
64
|
function CommandEmpty({ className, ...props }) {
|
|
50
65
|
return /* @__PURE__ */ jsx(Command$1.Empty, {
|
|
51
66
|
className: cn("py-6", "text-center text-sm", className),
|
|
@@ -53,6 +68,9 @@ function CommandEmpty({ className, ...props }) {
|
|
|
53
68
|
...props
|
|
54
69
|
});
|
|
55
70
|
}
|
|
71
|
+
/**
|
|
72
|
+
* @since 0.3.16-canary.0
|
|
73
|
+
*/
|
|
56
74
|
function CommandGroup({ className, ...props }) {
|
|
57
75
|
return /* @__PURE__ */ jsx(Command$1.Group, {
|
|
58
76
|
className: cn("overflow-hidden p-1 text-foreground", "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", className),
|
|
@@ -60,6 +78,9 @@ function CommandGroup({ className, ...props }) {
|
|
|
60
78
|
...props
|
|
61
79
|
});
|
|
62
80
|
}
|
|
81
|
+
/**
|
|
82
|
+
* @since 0.3.16-canary.0
|
|
83
|
+
*/
|
|
63
84
|
function CommandSeparator({ className, ...props }) {
|
|
64
85
|
return /* @__PURE__ */ jsx(Command$1.Separator, {
|
|
65
86
|
className: cn("-mx-1 h-px", "bg-border", className),
|
|
@@ -67,6 +88,9 @@ function CommandSeparator({ className, ...props }) {
|
|
|
67
88
|
...props
|
|
68
89
|
});
|
|
69
90
|
}
|
|
91
|
+
/**
|
|
92
|
+
* @since 0.3.16-canary.0
|
|
93
|
+
*/
|
|
70
94
|
function CommandItem({ className, ...props }) {
|
|
71
95
|
return /* @__PURE__ */ jsx(Command$1.Item, {
|
|
72
96
|
className: cn("group/command-item relative flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "aria-disabled:opacity-50", "aria-selected:bg-accent aria-selected:text-accent-foreground", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", className),
|
|
@@ -74,6 +98,9 @@ function CommandItem({ className, ...props }) {
|
|
|
74
98
|
...props
|
|
75
99
|
});
|
|
76
100
|
}
|
|
101
|
+
/**
|
|
102
|
+
* @since 0.3.16-canary.0
|
|
103
|
+
*/
|
|
77
104
|
function CommandLoading({ className, ...props }) {
|
|
78
105
|
return /* @__PURE__ */ jsx(Command$1.Loading, {
|
|
79
106
|
className: cn("flex justify-center", "p-2", className),
|
|
@@ -81,6 +108,9 @@ function CommandLoading({ className, ...props }) {
|
|
|
81
108
|
...props
|
|
82
109
|
});
|
|
83
110
|
}
|
|
111
|
+
/**
|
|
112
|
+
* @since 0.3.16-canary.0
|
|
113
|
+
*/
|
|
84
114
|
function CommandShortcut({ className, ...props }) {
|
|
85
115
|
return /* @__PURE__ */ jsx("span", {
|
|
86
116
|
className: cn("ml-auto", "text-xs tracking-widest text-muted-foreground", className),
|
|
@@ -2,87 +2,177 @@ import { ComponentProps, JSX } from "react";
|
|
|
2
2
|
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
|
|
3
3
|
|
|
4
4
|
//#region src/components/context-menu.d.ts
|
|
5
|
+
/**
|
|
6
|
+
* @since 0.3.16-canary.0
|
|
7
|
+
*/
|
|
5
8
|
type ContextMenuProps = ComponentProps<typeof ContextMenuPrimitive.Root>;
|
|
9
|
+
/**
|
|
10
|
+
* @since 0.3.16-canary.0
|
|
11
|
+
*/
|
|
6
12
|
declare function ContextMenu({
|
|
7
13
|
...props
|
|
8
14
|
}: ContextMenuProps): JSX.Element;
|
|
15
|
+
/**
|
|
16
|
+
* @since 0.3.16-canary.0
|
|
17
|
+
*/
|
|
9
18
|
type ContextMenuTriggerProps = ComponentProps<typeof ContextMenuPrimitive.Trigger>;
|
|
19
|
+
/**
|
|
20
|
+
* @since 0.3.16-canary.0
|
|
21
|
+
*/
|
|
10
22
|
declare function ContextMenuTrigger({
|
|
11
23
|
...props
|
|
12
24
|
}: ContextMenuTriggerProps): JSX.Element;
|
|
25
|
+
/**
|
|
26
|
+
* @since 0.3.16-canary.0
|
|
27
|
+
*/
|
|
13
28
|
type ContextMenuGroupProps = ComponentProps<typeof ContextMenuPrimitive.Group>;
|
|
29
|
+
/**
|
|
30
|
+
* @since 0.3.16-canary.0
|
|
31
|
+
*/
|
|
14
32
|
declare function ContextMenuGroup({
|
|
15
33
|
...props
|
|
16
34
|
}: ContextMenuGroupProps): JSX.Element;
|
|
35
|
+
/**
|
|
36
|
+
* @since 0.3.16-canary.0
|
|
37
|
+
*/
|
|
17
38
|
type ContextMenuSubProps = ComponentProps<typeof ContextMenuPrimitive.Sub>;
|
|
39
|
+
/**
|
|
40
|
+
* @since 0.3.16-canary.0
|
|
41
|
+
*/
|
|
18
42
|
declare function ContextMenuSub({
|
|
19
43
|
...props
|
|
20
44
|
}: ContextMenuSubProps): JSX.Element;
|
|
45
|
+
/**
|
|
46
|
+
* @since 0.3.16-canary.0
|
|
47
|
+
*/
|
|
21
48
|
type ContextMenuRadioGroupProps = ComponentProps<typeof ContextMenuPrimitive.RadioGroup>;
|
|
49
|
+
/**
|
|
50
|
+
* @since 0.3.16-canary.0
|
|
51
|
+
*/
|
|
22
52
|
declare function ContextMenuRadioGroup({
|
|
23
53
|
...props
|
|
24
54
|
}: ContextMenuRadioGroupProps): JSX.Element;
|
|
55
|
+
/**
|
|
56
|
+
* @since 0.3.16-canary.0
|
|
57
|
+
*/
|
|
25
58
|
interface ContextMenuSubTriggerProps extends ComponentProps<typeof ContextMenuPrimitive.SubTrigger> {
|
|
26
59
|
inset?: boolean;
|
|
27
60
|
}
|
|
61
|
+
/**
|
|
62
|
+
* @since 0.3.16-canary.0
|
|
63
|
+
*/
|
|
28
64
|
declare function ContextMenuSubTrigger({
|
|
29
65
|
children,
|
|
30
66
|
className,
|
|
31
67
|
inset,
|
|
32
68
|
...props
|
|
33
69
|
}: ContextMenuSubTriggerProps): JSX.Element;
|
|
70
|
+
/**
|
|
71
|
+
* @since 0.3.16-canary.0
|
|
72
|
+
*/
|
|
34
73
|
type ContextMenuSubContentProps = ComponentProps<typeof ContextMenuPrimitive.SubContent>;
|
|
74
|
+
/**
|
|
75
|
+
* @since 0.3.16-canary.0
|
|
76
|
+
*/
|
|
35
77
|
declare function ContextMenuSubContent({
|
|
36
78
|
className,
|
|
37
79
|
...props
|
|
38
80
|
}: ContextMenuSubContentProps): JSX.Element;
|
|
81
|
+
/**
|
|
82
|
+
* @since 0.3.16-canary.0
|
|
83
|
+
*/
|
|
39
84
|
type ContextMenuContentProps = ComponentProps<typeof ContextMenuPrimitive.Content>;
|
|
85
|
+
/**
|
|
86
|
+
* @since 0.3.16-canary.0
|
|
87
|
+
*/
|
|
40
88
|
declare function ContextMenuContent({
|
|
41
89
|
className,
|
|
42
90
|
...props
|
|
43
91
|
}: ContextMenuContentProps): JSX.Element;
|
|
92
|
+
/**
|
|
93
|
+
* @since 0.3.16-canary.0
|
|
94
|
+
*/
|
|
44
95
|
interface ContextMenuItemProps extends ComponentProps<typeof ContextMenuPrimitive.Item> {
|
|
45
96
|
inset?: boolean;
|
|
46
97
|
variant?: "default" | "destructive";
|
|
47
98
|
}
|
|
99
|
+
/**
|
|
100
|
+
* @since 0.3.16-canary.0
|
|
101
|
+
*/
|
|
48
102
|
declare function ContextMenuItem({
|
|
49
103
|
className,
|
|
50
104
|
inset,
|
|
51
105
|
variant,
|
|
52
106
|
...props
|
|
53
107
|
}: ContextMenuItemProps): JSX.Element;
|
|
108
|
+
/**
|
|
109
|
+
* @since 0.3.16-canary.0
|
|
110
|
+
*/
|
|
54
111
|
type ContextMenuCheckboxItemProps = ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>;
|
|
112
|
+
/**
|
|
113
|
+
* @since 0.3.16-canary.0
|
|
114
|
+
*/
|
|
55
115
|
declare function ContextMenuCheckboxItem({
|
|
56
116
|
checked,
|
|
57
117
|
children,
|
|
58
118
|
className,
|
|
59
119
|
...props
|
|
60
120
|
}: ContextMenuCheckboxItemProps): JSX.Element;
|
|
121
|
+
/**
|
|
122
|
+
* @since 0.3.16-canary.0
|
|
123
|
+
*/
|
|
61
124
|
type ContextMenuRadioItemProps = ComponentProps<typeof ContextMenuPrimitive.RadioItem>;
|
|
125
|
+
/**
|
|
126
|
+
* @since 0.3.16-canary.0
|
|
127
|
+
*/
|
|
62
128
|
declare function ContextMenuRadioItem({
|
|
63
129
|
children,
|
|
64
130
|
className,
|
|
65
131
|
...props
|
|
66
132
|
}: ContextMenuRadioItemProps): JSX.Element;
|
|
133
|
+
/**
|
|
134
|
+
* @since 0.3.16-canary.0
|
|
135
|
+
*/
|
|
67
136
|
interface ContextMenuLabelProps extends ComponentProps<typeof ContextMenuPrimitive.Label> {
|
|
68
137
|
inset?: boolean;
|
|
69
138
|
}
|
|
139
|
+
/**
|
|
140
|
+
* @since 0.3.16-canary.0
|
|
141
|
+
*/
|
|
70
142
|
declare function ContextMenuLabel({
|
|
71
143
|
className,
|
|
72
144
|
inset,
|
|
73
145
|
...props
|
|
74
146
|
}: ContextMenuLabelProps): JSX.Element;
|
|
147
|
+
/**
|
|
148
|
+
* @since 0.3.16-canary.0
|
|
149
|
+
*/
|
|
75
150
|
type ContextMenuSeparatorProps = ComponentProps<typeof ContextMenuPrimitive.Separator>;
|
|
151
|
+
/**
|
|
152
|
+
* @since 0.3.16-canary.0
|
|
153
|
+
*/
|
|
76
154
|
declare function ContextMenuSeparator({
|
|
77
155
|
className,
|
|
78
156
|
...props
|
|
79
157
|
}: ContextMenuSeparatorProps): JSX.Element;
|
|
158
|
+
/**
|
|
159
|
+
* @since 0.3.16-canary.0
|
|
160
|
+
*/
|
|
80
161
|
type ContextMenuShortcutProps = ComponentProps<"span">;
|
|
162
|
+
/**
|
|
163
|
+
* @since 0.3.16-canary.0
|
|
164
|
+
*/
|
|
81
165
|
declare function ContextMenuShortcut({
|
|
82
166
|
className,
|
|
83
167
|
...props
|
|
84
168
|
}: ContextMenuShortcutProps): JSX.Element;
|
|
169
|
+
/**
|
|
170
|
+
* @since 0.3.16-canary.0
|
|
171
|
+
*/
|
|
85
172
|
type ContextMenuArrowProps = ComponentProps<typeof ContextMenuPrimitive.Arrow>;
|
|
173
|
+
/**
|
|
174
|
+
* @since 0.3.16-canary.0
|
|
175
|
+
*/
|
|
86
176
|
declare function ContextMenuArrow({
|
|
87
177
|
className,
|
|
88
178
|
...props
|
|
@@ -4,36 +4,54 @@ import { CheckIcon, ChevronRightIcon, DotIcon } from "lucide-react";
|
|
|
4
4
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
5
|
import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
|
|
6
6
|
//#region src/components/context-menu.tsx
|
|
7
|
+
/**
|
|
8
|
+
* @since 0.3.16-canary.0
|
|
9
|
+
*/
|
|
7
10
|
function ContextMenu({ ...props }) {
|
|
8
11
|
return /* @__PURE__ */ jsx(ContextMenuPrimitive.Root, {
|
|
9
12
|
"data-slot": "context-menu",
|
|
10
13
|
...props
|
|
11
14
|
});
|
|
12
15
|
}
|
|
16
|
+
/**
|
|
17
|
+
* @since 0.3.16-canary.0
|
|
18
|
+
*/
|
|
13
19
|
function ContextMenuTrigger({ ...props }) {
|
|
14
20
|
return /* @__PURE__ */ jsx(ContextMenuPrimitive.Trigger, {
|
|
15
21
|
"data-slot": "context-menu-trigger",
|
|
16
22
|
...props
|
|
17
23
|
});
|
|
18
24
|
}
|
|
25
|
+
/**
|
|
26
|
+
* @since 0.3.16-canary.0
|
|
27
|
+
*/
|
|
19
28
|
function ContextMenuGroup({ ...props }) {
|
|
20
29
|
return /* @__PURE__ */ jsx(ContextMenuPrimitive.Group, {
|
|
21
30
|
"data-slot": "context-menu-group",
|
|
22
31
|
...props
|
|
23
32
|
});
|
|
24
33
|
}
|
|
34
|
+
/**
|
|
35
|
+
* @since 0.3.16-canary.0
|
|
36
|
+
*/
|
|
25
37
|
function ContextMenuSub({ ...props }) {
|
|
26
38
|
return /* @__PURE__ */ jsx(ContextMenuPrimitive.Sub, {
|
|
27
39
|
"data-slot": "context-menu-sub",
|
|
28
40
|
...props
|
|
29
41
|
});
|
|
30
42
|
}
|
|
43
|
+
/**
|
|
44
|
+
* @since 0.3.16-canary.0
|
|
45
|
+
*/
|
|
31
46
|
function ContextMenuRadioGroup({ ...props }) {
|
|
32
47
|
return /* @__PURE__ */ jsx(ContextMenuPrimitive.RadioGroup, {
|
|
33
48
|
"data-slot": "context-menu-radio-group",
|
|
34
49
|
...props
|
|
35
50
|
});
|
|
36
51
|
}
|
|
52
|
+
/**
|
|
53
|
+
* @since 0.3.16-canary.0
|
|
54
|
+
*/
|
|
37
55
|
function ContextMenuSubTrigger({ children, className, inset, ...props }) {
|
|
38
56
|
return /* @__PURE__ */ jsxs(ContextMenuPrimitive.SubTrigger, {
|
|
39
57
|
className: cn("flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "data-inset:pl-8", "data-open:bg-accent data-open:text-accent-foreground", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
@@ -43,6 +61,9 @@ function ContextMenuSubTrigger({ children, className, inset, ...props }) {
|
|
|
43
61
|
children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: cn("size-4", "ml-auto") })]
|
|
44
62
|
});
|
|
45
63
|
}
|
|
64
|
+
/**
|
|
65
|
+
* @since 0.3.16-canary.0
|
|
66
|
+
*/
|
|
46
67
|
function ContextMenuSubContent({ className, ...props }) {
|
|
47
68
|
return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.SubContent, {
|
|
48
69
|
className: cn("z-50", "min-w-32 overflow-hidden p-1", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-closed:data-side-top:slide-out-to-bottom-2", "data-closed:data-side-right:slide-out-to-left-2", "data-closed:data-side-bottom:slide-out-to-top-2", "data-closed:data-side-left:slide-out-to-right-2", "origin-(--radix-context-menu-content-transform-origin)", className),
|
|
@@ -50,6 +71,9 @@ function ContextMenuSubContent({ className, ...props }) {
|
|
|
50
71
|
...props
|
|
51
72
|
}) });
|
|
52
73
|
}
|
|
74
|
+
/**
|
|
75
|
+
* @since 0.3.16-canary.0
|
|
76
|
+
*/
|
|
53
77
|
function ContextMenuContent({ className, ...props }) {
|
|
54
78
|
return /* @__PURE__ */ jsx(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(ContextMenuPrimitive.Content, {
|
|
55
79
|
className: cn("z-50", "max-h-(--radix-context-menu-content-available-height) min-w-32 overflow-x-hidden overflow-y-auto p-1", "rounded-lg border", "bg-popover text-popover-foreground shadow-lg", "ease-ui data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", "data-open:data-side-top:slide-in-from-bottom-2", "data-open:data-side-right:slide-in-from-left-2", "data-open:data-side-bottom:slide-in-from-top-2", "data-open:data-side-left:slide-in-from-right-2", "origin-(--radix-context-menu-content-transform-origin)", className),
|
|
@@ -57,6 +81,9 @@ function ContextMenuContent({ className, ...props }) {
|
|
|
57
81
|
...props
|
|
58
82
|
}) });
|
|
59
83
|
}
|
|
84
|
+
/**
|
|
85
|
+
* @since 0.3.16-canary.0
|
|
86
|
+
*/
|
|
60
87
|
function ContextMenuItem({ className, inset, variant, ...props }) {
|
|
61
88
|
return /* @__PURE__ */ jsx(ContextMenuPrimitive.Item, {
|
|
62
89
|
className: cn("group/context-menu-item relative flex items-center gap-x-2", "px-2 py-1.5", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "data-inset:pl-8", "data-[variant=destructive]:text-destructive", "data-[variant=destructive]:focus:bg-destructive/10", "dark:data-[variant=destructive]:focus:bg-destructive/20", "data-[variant=destructive]:[&_svg:not([class*='text-'])]:text-destructive/80", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-muted-foreground", className),
|
|
@@ -66,6 +93,9 @@ function ContextMenuItem({ className, inset, variant, ...props }) {
|
|
|
66
93
|
...props
|
|
67
94
|
});
|
|
68
95
|
}
|
|
96
|
+
/**
|
|
97
|
+
* @since 0.3.16-canary.0
|
|
98
|
+
*/
|
|
69
99
|
function ContextMenuCheckboxItem({ checked, children, className, ...props }) {
|
|
70
100
|
return /* @__PURE__ */ jsxs(ContextMenuPrimitive.CheckboxItem, {
|
|
71
101
|
checked,
|
|
@@ -78,6 +108,9 @@ function ContextMenuCheckboxItem({ checked, children, className, ...props }) {
|
|
|
78
108
|
}), children]
|
|
79
109
|
});
|
|
80
110
|
}
|
|
111
|
+
/**
|
|
112
|
+
* @since 0.3.16-canary.0
|
|
113
|
+
*/
|
|
81
114
|
function ContextMenuRadioItem({ children, className, ...props }) {
|
|
82
115
|
return /* @__PURE__ */ jsxs(ContextMenuPrimitive.RadioItem, {
|
|
83
116
|
className: cn("group/context-menu-item relative flex items-center gap-x-2", "py-1.5 pr-2 pl-8", "rounded-sm outline-hidden", "text-sm", "cursor-default select-none", "focus:bg-accent focus:text-accent-foreground", "aria-disabled:opacity-50", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
|
|
@@ -89,6 +122,9 @@ function ContextMenuRadioItem({ children, className, ...props }) {
|
|
|
89
122
|
}), children]
|
|
90
123
|
});
|
|
91
124
|
}
|
|
125
|
+
/**
|
|
126
|
+
* @since 0.3.16-canary.0
|
|
127
|
+
*/
|
|
92
128
|
function ContextMenuLabel({ className, inset, ...props }) {
|
|
93
129
|
return /* @__PURE__ */ jsx(ContextMenuPrimitive.Label, {
|
|
94
130
|
className: cn("flex items-center gap-x-2", "px-2 py-1.5", "text-sm font-semibold", "data-inset:pl-8", className),
|
|
@@ -97,6 +133,9 @@ function ContextMenuLabel({ className, inset, ...props }) {
|
|
|
97
133
|
...props
|
|
98
134
|
});
|
|
99
135
|
}
|
|
136
|
+
/**
|
|
137
|
+
* @since 0.3.16-canary.0
|
|
138
|
+
*/
|
|
100
139
|
function ContextMenuSeparator({ className, ...props }) {
|
|
101
140
|
return /* @__PURE__ */ jsx(ContextMenuPrimitive.Separator, {
|
|
102
141
|
className: cn("mx-2 my-1 h-px", "bg-border", className),
|
|
@@ -104,6 +143,9 @@ function ContextMenuSeparator({ className, ...props }) {
|
|
|
104
143
|
...props
|
|
105
144
|
});
|
|
106
145
|
}
|
|
146
|
+
/**
|
|
147
|
+
* @since 0.3.16-canary.0
|
|
148
|
+
*/
|
|
107
149
|
function ContextMenuShortcut({ className, ...props }) {
|
|
108
150
|
return /* @__PURE__ */ jsx("span", {
|
|
109
151
|
className: cn("ml-auto", "text-xs tracking-widest text-muted-foreground", "group-data-[variant=destructive]/context-menu-item:text-destructive/80", className),
|
|
@@ -111,6 +153,9 @@ function ContextMenuShortcut({ className, ...props }) {
|
|
|
111
153
|
...props
|
|
112
154
|
});
|
|
113
155
|
}
|
|
156
|
+
/**
|
|
157
|
+
* @since 0.3.16-canary.0
|
|
158
|
+
*/
|
|
114
159
|
function ContextMenuArrow({ className, ...props }) {
|
|
115
160
|
return /* @__PURE__ */ jsx(ContextMenuPrimitive.Arrow, {
|
|
116
161
|
className: cn("fill-popover", className),
|