72 lines
4.5 KiB
JavaScript
72 lines
4.5 KiB
JavaScript
"use client";
|
|
|
|
import { cn } from "../../lib/utils.mjs";
|
|
import "react";
|
|
import { ChevronRightIcon } from "lucide-react";
|
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
|
|
//#region src/components/ui/dropdown-menu.tsx
|
|
function DropdownMenu({ ...props }) {
|
|
return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, {
|
|
"data-slot": "dropdown-menu",
|
|
...props
|
|
});
|
|
}
|
|
function DropdownMenuTrigger({ ...props }) {
|
|
return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, {
|
|
"data-slot": "dropdown-menu-trigger",
|
|
...props
|
|
});
|
|
}
|
|
function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
|
|
return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
|
|
"data-copilotkit": true,
|
|
"data-slot": "dropdown-menu-content",
|
|
sideOffset,
|
|
className: cn("cpk:bg-popover cpk:text-popover-foreground cpk:data-[state=open]:animate-in cpk:data-[state=closed]:animate-out cpk:data-[state=closed]:fade-out-0 cpk:data-[state=open]:fade-in-0 cpk:data-[state=closed]:zoom-out-95 cpk:data-[state=open]:zoom-in-95 cpk:data-[side=bottom]:slide-in-from-top-2 cpk:data-[side=left]:slide-in-from-right-2 cpk:data-[side=right]:slide-in-from-left-2 cpk:data-[side=top]:slide-in-from-bottom-2 cpk:z-50 cpk:max-h-(--radix-dropdown-menu-content-available-height) cpk:min-w-[8rem] cpk:origin-(--radix-dropdown-menu-content-transform-origin) cpk:overflow-x-hidden cpk:overflow-y-auto cpk:rounded-md cpk:border cpk:p-1 cpk:shadow-md", className),
|
|
...props
|
|
}) });
|
|
}
|
|
function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
|
|
return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
|
|
"data-slot": "dropdown-menu-item",
|
|
"data-inset": inset,
|
|
"data-variant": variant,
|
|
className: cn("cpk:focus:bg-accent cpk:focus:text-accent-foreground cpk:data-[variant=destructive]:text-destructive cpk:data-[variant=destructive]:focus:bg-destructive/10 cpk:dark:data-[variant=destructive]:focus:bg-destructive/20 cpk:data-[variant=destructive]:focus:text-destructive cpk:data-[variant=destructive]:*:[svg]:!text-destructive cpk:[&_svg:not([class*='text-'])]:text-muted-foreground cpk:relative cpk:flex cpk:cursor-default cpk:items-center cpk:gap-2 cpk:rounded-sm cpk:px-2 cpk:py-1.5 cpk:text-sm cpk:outline-hidden cpk:select-none cpk:data-[disabled]:pointer-events-none cpk:data-[disabled]:opacity-50 cpk:data-[inset]:pl-8 cpk:[&_svg]:pointer-events-none cpk:[&_svg]:shrink-0 cpk:[&_svg:not([class*='size-'])]:size-4", className),
|
|
...props
|
|
});
|
|
}
|
|
function DropdownMenuSeparator({ className, ...props }) {
|
|
return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
|
|
"data-slot": "dropdown-menu-separator",
|
|
className: cn("cpk:bg-border cpk:-mx-1 cpk:my-1 cpk:h-px", className),
|
|
...props
|
|
});
|
|
}
|
|
function DropdownMenuSub({ ...props }) {
|
|
return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, {
|
|
"data-slot": "dropdown-menu-sub",
|
|
...props
|
|
});
|
|
}
|
|
function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
|
|
return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
|
|
"data-slot": "dropdown-menu-sub-trigger",
|
|
"data-inset": inset,
|
|
className: cn("cpk:focus:bg-accent cpk:focus:text-accent-foreground cpk:data-[state=open]:bg-accent cpk:data-[state=open]:text-accent-foreground cpk:flex cpk:cursor-default cpk:items-center cpk:rounded-sm cpk:px-2 cpk:py-1.5 cpk:text-sm cpk:outline-hidden cpk:select-none cpk:data-[inset]:pl-8", className),
|
|
...props,
|
|
children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "cpk:ml-auto cpk:size-4" })]
|
|
});
|
|
}
|
|
function DropdownMenuSubContent({ className, ...props }) {
|
|
return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
|
|
"data-slot": "dropdown-menu-sub-content",
|
|
className: cn("cpk:bg-popover cpk:text-popover-foreground cpk:data-[state=open]:animate-in cpk:data-[state=closed]:animate-out cpk:data-[state=closed]:fade-out-0 cpk:data-[state=open]:fade-in-0 cpk:data-[state=closed]:zoom-out-95 cpk:data-[state=open]:zoom-in-95 cpk:data-[side=bottom]:slide-in-from-top-2 cpk:data-[side=left]:slide-in-from-right-2 cpk:data-[side=right]:slide-in-from-left-2 cpk:data-[side=top]:slide-in-from-bottom-2 cpk:z-50 cpk:min-w-[8rem] cpk:origin-(--radix-dropdown-menu-content-transform-origin) cpk:overflow-hidden cpk:rounded-md cpk:border cpk:p-1 cpk:shadow-lg", className),
|
|
...props
|
|
});
|
|
}
|
|
|
|
//#endregion
|
|
export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
|
|
//# sourceMappingURL=dropdown-menu.mjs.map
|