@rynx-ai/ui 0.1.11-beta.4 → 0.1.11-beta.5
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.
|
@@ -6,3 +6,8 @@ export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<D
|
|
|
6
6
|
export declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
|
|
7
7
|
variant?: "default" | "destructive";
|
|
8
8
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
9
|
+
export declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
+
export declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
11
|
+
export declare function DropdownMenuSub(props: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
|
|
12
|
+
export declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { cn } from "../lib/utils.js";
|
|
@@ -12,3 +12,14 @@ DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
|
12
12
|
export const DropdownMenuItem = React.forwardRef(({ className, variant = "default", ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, "data-slot": "dropdown-menu-item", "data-variant": variant, className: cn("relative flex cursor-default items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", variant === "destructive" &&
|
|
13
13
|
"text-destructive focus:bg-destructive/10 focus:text-destructive dark:focus:bg-destructive/20", className), ...props })));
|
|
14
14
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
15
|
+
export const DropdownMenuLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { ref: ref, "data-slot": "dropdown-menu-label", className: cn("px-2 py-1.5 text-xs font-medium text-muted-foreground", className), ...props })));
|
|
16
|
+
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
17
|
+
export const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Separator, { ref: ref, "data-slot": "dropdown-menu-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props })));
|
|
18
|
+
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
19
|
+
export function DropdownMenuSub(props) {
|
|
20
|
+
return _jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
|
|
21
|
+
}
|
|
22
|
+
export const DropdownMenuSubTrigger = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, "data-slot": "dropdown-menu-sub-trigger", className: cn("flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden focus:bg-accent data-[state=open]:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [children, _jsx("span", { className: "ml-auto text-muted-foreground", "aria-hidden": "true", children: "\u203A" })] })));
|
|
23
|
+
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
24
|
+
export const DropdownMenuSubContent = React.forwardRef(({ className, sideOffset = 6, collisionPadding = 8, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.SubContent, { ref: ref, "data-slot": "dropdown-menu-sub-content", sideOffset: sideOffset, collisionPadding: collisionPadding, className: cn("cn-menu-translucent z-50 min-w-48 overflow-hidden rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", className), ...props }) })));
|
|
25
|
+
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
package/package.json
CHANGED
|
@@ -55,3 +55,72 @@ export const DropdownMenuItem = React.forwardRef<
|
|
|
55
55
|
/>
|
|
56
56
|
));
|
|
57
57
|
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
58
|
+
|
|
59
|
+
export const DropdownMenuLabel = React.forwardRef<
|
|
60
|
+
React.ElementRef<typeof DropdownMenuPrimitive.Label>,
|
|
61
|
+
React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>
|
|
62
|
+
>(({ className, ...props }, ref) => (
|
|
63
|
+
<DropdownMenuPrimitive.Label
|
|
64
|
+
ref={ref}
|
|
65
|
+
data-slot="dropdown-menu-label"
|
|
66
|
+
className={cn("px-2 py-1.5 text-xs font-medium text-muted-foreground", className)}
|
|
67
|
+
{...props}
|
|
68
|
+
/>
|
|
69
|
+
));
|
|
70
|
+
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
71
|
+
|
|
72
|
+
export const DropdownMenuSeparator = React.forwardRef<
|
|
73
|
+
React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
|
|
74
|
+
React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
|
|
75
|
+
>(({ className, ...props }, ref) => (
|
|
76
|
+
<DropdownMenuPrimitive.Separator
|
|
77
|
+
ref={ref}
|
|
78
|
+
data-slot="dropdown-menu-separator"
|
|
79
|
+
className={cn("-mx-1 my-1 h-px bg-border", className)}
|
|
80
|
+
{...props}
|
|
81
|
+
/>
|
|
82
|
+
));
|
|
83
|
+
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
84
|
+
|
|
85
|
+
export function DropdownMenuSub(props: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
|
|
86
|
+
return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
export const DropdownMenuSubTrigger = React.forwardRef<
|
|
90
|
+
React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
|
|
91
|
+
React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger>
|
|
92
|
+
>(({ className, children, ...props }, ref) => (
|
|
93
|
+
<DropdownMenuPrimitive.SubTrigger
|
|
94
|
+
ref={ref}
|
|
95
|
+
data-slot="dropdown-menu-sub-trigger"
|
|
96
|
+
className={cn(
|
|
97
|
+
"flex cursor-default select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-hidden focus:bg-accent data-[state=open]:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
98
|
+
className,
|
|
99
|
+
)}
|
|
100
|
+
{...props}
|
|
101
|
+
>
|
|
102
|
+
{children}
|
|
103
|
+
<span className="ml-auto text-muted-foreground" aria-hidden="true">›</span>
|
|
104
|
+
</DropdownMenuPrimitive.SubTrigger>
|
|
105
|
+
));
|
|
106
|
+
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
107
|
+
|
|
108
|
+
export const DropdownMenuSubContent = React.forwardRef<
|
|
109
|
+
React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
|
|
110
|
+
React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
|
|
111
|
+
>(({ className, sideOffset = 6, collisionPadding = 8, ...props }, ref) => (
|
|
112
|
+
<DropdownMenuPrimitive.Portal>
|
|
113
|
+
<DropdownMenuPrimitive.SubContent
|
|
114
|
+
ref={ref}
|
|
115
|
+
data-slot="dropdown-menu-sub-content"
|
|
116
|
+
sideOffset={sideOffset}
|
|
117
|
+
collisionPadding={collisionPadding}
|
|
118
|
+
className={cn(
|
|
119
|
+
"cn-menu-translucent z-50 min-w-48 overflow-hidden rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
|
|
120
|
+
className,
|
|
121
|
+
)}
|
|
122
|
+
{...props}
|
|
123
|
+
/>
|
|
124
|
+
</DropdownMenuPrimitive.Portal>
|
|
125
|
+
));
|
|
126
|
+
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|