50:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 51:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 52:T198d,"use client"; import * as PopoverPrimitive from "@radix-ui/react-popover"; import { AnimatePresence, motion } from "motion/react"; import * as React from "react"; import { cn } from "@/lib/utils"; const controlCornerClassName = "rounded-lg supports-[corner-shape:squircle]:corner-squircle supports-[corner-shape:squircle]:rounded-[11px]"; const surfaceCornerClassName = "rounded-lg supports-[corner-shape:squircle]:corner-squircle supports-[corner-shape:squircle]:rounded-[12px]"; const popoverThemeClassName = "[--po-surface:#ffffff] [--po-foreground:#111111] [--po-border:#e3e7ec] [--po-ring:rgba(17,17,17,0.16)] dark:[--po-surface:#111111] dark:[--po-foreground:#f6f3ec] dark:[--po-border:#2b2a25] dark:[--po-ring:rgba(246,243,236,0.18)]"; const popoverPanelClassName = cn( surfaceCornerClassName, "z-50 w-72 transform-gpu border border-[color:var(--po-border)] bg-[color:var(--po-surface)] p-4 text-[color:var(--po-foreground)] shadow-lg outline-none will-change-[transform,opacity,filter]" ); const popoverTriggerClassName = cn( controlCornerClassName, "inline-flex min-h-11 min-w-11 touch-manipulation items-center justify-center focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[color:color-mix(in_oklch,var(--po-ring),transparent_50%)] focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--po-surface)]" ); type Side = "top" | "right" | "bottom" | "left"; type PopoverContextValue = { open: boolean; }; const PopoverContext = React.createContext(null); const initialOffset: Record = { top: { x: 0, y: 10 }, right: { x: -10, y: 0 }, bottom: { x: 0, y: -10 }, left: { x: 10, y: 0 }, }; const PANEL_SPRING = { type: "spring", stiffness: 240, damping: 22, mass: 0.78, } as const; const usePopover = () => { const context = React.useContext(PopoverContext); if (!context) { throw new Error("Popover components must be used inside Popover"); } return context; }; type PopoverProps = React.ComponentPropsWithoutRef< typeof PopoverPrimitive.Root >; const Popover = ({ children, defaultOpen = false, onOpenChange, open: openProp, ...props }: PopoverProps) => { const isControlled = openProp !== undefined; const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen); const open = isControlled ? openProp : uncontrolledOpen; const handleOpenChange = React.useCallback( (nextOpen: boolean) => { if (!isControlled) { setUncontrolledOpen(nextOpen); } onOpenChange?.(nextOpen); }, [isControlled, onOpenChange] ); return ( {children} ); }; Popover.displayName = "Popover"; type PopoverTriggerProps = React.ComponentPropsWithoutRef< typeof PopoverPrimitive.Trigger >; const PopoverTrigger = React.forwardRef< React.ElementRef, PopoverTriggerProps >(({ asChild, className, ...props }, ref) => { return ( ); }); PopoverTrigger.displayName = "PopoverTrigger"; const PopoverAnchor = PopoverPrimitive.Anchor; type PopoverContentProps = React.ComponentPropsWithoutRef< typeof PopoverPrimitive.Content > & { open?: boolean; }; type PopoverContentPanelProps = React.ComponentPropsWithoutRef< typeof motion.div > & { "data-side"?: Side; }; const PopoverContentPanel = React.forwardRef< HTMLDivElement, PopoverContentPanelProps >(({ children, className, style, "data-side": dataSide, ...props }, ref) => { const resolvedSide = dataSide ?? "bottom"; return ( {children} ); }); PopoverContentPanel.displayName = "PopoverContentPanel"; /** * Internal content body — uses Radix's placement data for direction-aware * motion and lets Motion smoothly animate size changes while content updates. */ const PopoverContentBody = React.forwardRef< React.ElementRef, PopoverContentProps >( ( { align = "center", avoidCollisions = true, children, className, collisionPadding = 12, side = "bottom", sideOffset = 8, ...props }, ref ) => { return ( {children} ); } ); PopoverContentBody.displayName = "PopoverContentBody"; /** * Wrap PopoverContent with AnimatePresence so exit animations play. * Presence follows the nearest Popover root state. * `open` is accepted for backwards compatibility but is no longer required. */ const PopoverContent = React.forwardRef< React.ElementRef, PopoverContentProps >(({ open: _open, ...props }, ref) => { const { open: contextOpen } = usePopover(); return ( {contextOpen ? ( ) : null} ); }); PopoverContent.displayName = "PopoverContent"; export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }; 4f:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","@radix-ui/react-popover",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-popover","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"@radix-ui/react-popover"}]]}]}],["$","li","motion",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"motion"}]]}]}]]}],["$","$L50",null,{"namespace":"@iconiq","registryDependencies":[]}]]}],null]}],["$","$L51",null,{"files":[{"path":"popover.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]