TypeScript 97.4%
SQL 1%
JavaScript 0.9%
CSS 0.6%
1"use client";2import * as React from "react";3import * as PopoverPrimitive from "@radix-ui/react-popover";4import { cn } from "@/lib/utils";56export const Popover = PopoverPrimitive.Root;7export const PopoverTrigger = PopoverPrimitive.Trigger;8export const PopoverAnchor = PopoverPrimitive.Anchor;9export const PopoverClose = PopoverPrimitive.Close;1011export const PopoverContent = React.forwardRef<React.ElementRef<typeof PopoverPrimitive.Content>, React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>>(12 function PopoverContent({ className, align = "center", sideOffset = 6, ...props }, ref) {13 return (14 <PopoverPrimitive.Portal>15 <PopoverPrimitive.Content ref={ref} align={align} sideOffset={sideOffset} className={cn("z-50 w-72 rounded-lg border border-border bg-bg-elevated p-3 shadow-lg outline-none animate-scale-in", className)} {...props} />16 </PopoverPrimitive.Portal>17 );18 },19);20