4d: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4e: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/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4f:T195b,import { useCallback, useEffect, useRef, useState, type ComponentProps, type ReactNode } from "react" import { Popover as PopoverPrimitive } from "@base-ui/react/popover" import { cn } from "@/lib/utils" import { RichTooltipContext, useRichTooltip } from "./rich-tooltip-context" type RichTooltipProps = { children?: ReactNode defaultOpen?: boolean onOpenChange?: (open: boolean) => void open?: boolean } function RichTooltip({ defaultOpen = false, onOpenChange, open: openProp, children, }: RichTooltipProps) { const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen) const timerRef = useRef | null>(null) const open = openProp ?? uncontrolledOpen const triggerRef = useRef(null) const focusSessionRef = useRef(false) const restoringFocusRef = useRef(false) const wasOpenRef = useRef(open) const setOpen = useCallback((next: boolean) => { if (openProp === undefined) setUncontrolledOpen(next) onOpenChange?.(next) }, [onOpenChange, openProp]) const cancelClose = useCallback(() => { if (timerRef.current) clearTimeout(timerRef.current) timerRef.current = null }, []) const openNow = useCallback(() => { if (restoringFocusRef.current) return cancelClose() setOpen(true) }, [cancelClose, setOpen]) const closeSoon = useCallback(() => { cancelClose() timerRef.current = setTimeout(() => setOpen(false), 120) }, [cancelClose, setOpen]) const noteFocus = useCallback(() => { focusSessionRef.current = true }, []) const setTriggerNode = useCallback((node: HTMLButtonElement | null) => { triggerRef.current = node }, []) useEffect(() => cancelClose, [cancelClose]) useEffect(() => { if (!open && wasOpenRef.current && focusSessionRef.current) { const frame = requestAnimationFrame(() => { restoringFocusRef.current = true triggerRef.current?.focus() restoringFocusRef.current = false }) focusSessionRef.current = false wasOpenRef.current = open return () => cancelAnimationFrame(frame) } wasOpenRef.current = open }, [open]) return ( { if (openProp === undefined) setUncontrolledOpen(nextOpen) onOpenChange?.(nextOpen) }} > {children} ) } function RichTooltipTrigger({ onBlur, onFocus, onPointerEnter, onPointerLeave, ref, ...props }: PopoverPrimitive.Trigger.Props) { const context = useRichTooltip() return ( { context.setTriggerNode(node) if (typeof ref === "function") ref(node) else if (ref) ref.current = node }} data-slot="rich-tooltip-trigger" onPointerEnter={(event) => { onPointerEnter?.(event) if (!event.defaultPrevented) context.openNow() }} onPointerLeave={(event) => { onPointerLeave?.(event) if (!event.defaultPrevented) context.closeSoon() }} onFocus={(event) => { onFocus?.(event) if (!event.defaultPrevented) { context.noteFocus() context.openNow() } }} onBlur={(event) => { onBlur?.(event) if (!event.defaultPrevented) context.closeSoon() }} /> ) } function RichTooltipContent({ align = "center", alignOffset = 0, children, className, onBlur, onFocus, onPointerEnter, onPointerLeave, side = "top", sideOffset = 8, ...props }: PopoverPrimitive.Popup.Props & Pick) { const context = useRichTooltip() return ( { onPointerEnter?.(event) if (!event.defaultPrevented) context.cancelClose() }} onPointerLeave={(event) => { onPointerLeave?.(event) if (!event.defaultPrevented) context.closeSoon() }} onFocus={(event) => { onFocus?.(event) if (!event.defaultPrevented) { context.noteFocus() context.cancelClose() } }} onBlur={(event) => { onBlur?.(event) if (!event.defaultPrevented) context.closeSoon() }} > {children} ) } function RichTooltipTitle({ className, ...props }: PopoverPrimitive.Title.Props) { return } function RichTooltipDescription({ className, ...props }: PopoverPrimitive.Description.Props) { return } function RichTooltipActions({ className, ...props }: ComponentProps<"div">) { return

} export { RichTooltip, RichTooltipActions, RichTooltipContent, RichTooltipDescription, RichTooltipTitle, RichTooltipTrigger, type RichTooltipProps, } 4c:["$","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","@base-ui/react@^1.7.0",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40base-ui%2Freact","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":"@base-ui/react@^1.7.0"}]]}]}]]}],["$","$L4d",null,{"namespace":"@materialcn","registryDependencies":["https://guillermo-rebolledo.github.io/materialcn/r/materialcn-theme.json","https://guillermo-rebolledo.github.io/materialcn/r/utils.json"]}]]}],null]}],["$","$L4e",null,{"files":[{"path":"src/components/ui/rich-tooltip.tsx","content":"$4f","type":"registry:ui"},{"path":"src/components/ui/rich-tooltip-context.ts","content":"import { createContext, useContext } from \"react\"\n\ntype RichTooltipContextValue = {\n cancelClose: () => void\n closeSoon: () => void\n noteFocus: () => void\n openNow: () => void\n setTriggerNode: (node: HTMLButtonElement | null) => void\n}\n\nconst RichTooltipContext = createContext(null)\n\nfunction useRichTooltip() {\n const context = useContext(RichTooltipContext)\n if (!context) throw new Error(\"RichTooltip components must be used within RichTooltip\")\n return context\n}\n\nexport { RichTooltipContext, useRichTooltip }\n","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]