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:T32fe,"use client" import * as React from "react" import { DirectionProvider, useDirection, type TextDirection, } from "@base-ui/react/direction-provider" import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip" import { cn } from "cn" type ClassName = string | ((state: State) => string | undefined) | undefined function mergeClassName(base: string, className: ClassName) { return typeof className === "function" ? (state: State) => cn(base, className(state)) : cn(base, className) } function readDirection(element: Element | null | undefined) { if (!element || !element.isConnected) { return undefined } return getComputedStyle(element).direction === "rtl" ? "rtl" : "ltr" } const TooltipProviderContext = React.createContext(false) const TooltipGroupContext = React.createContext | null>(null) const TooltipTriggerContext = React.createContext | null>(null) function TooltipProvider({ delay = 300, closeDelay = 0, timeout = 400, ...props }: TooltipPrimitive.Provider.Props) { return ( ) } function Tooltip({ onOpenChange, children, ...props }: TooltipPrimitive.Root.Props) { const hasProvider = React.useContext(TooltipProviderContext) const inherited = useDirection() const triggerRef = React.useRef(null) const [triggerDirection, setTriggerDirection] = React.useState() const direction = triggerDirection === "rtl" ? "rtl" : inherited const root = ( { onOpenChange?.(open, eventDetails) if (open && !eventDetails.isCanceled && eventDetails.trigger) { triggerRef.current = eventDetails.trigger setTriggerDirection(readDirection(eventDetails.trigger)) } }} {...props} > {children} ) return hasProvider ? root : {root} } type TooltipTriggerProps = Omit< TooltipPrimitive.Trigger.Props, "content" > & { content?: React.ReactNode } function TooltipTrigger({ ref, render, type, delay, handle, payload, content, ...props }: TooltipTriggerProps) { const hasProvider = React.useContext(TooltipProviderContext) const triggerRef = React.useContext(TooltipTriggerContext) const groupHandle = React.useContext(TooltipGroupContext) const grouped = handle === undefined && groupHandle !== null const setRef = React.useCallback( (node: HTMLButtonElement | null) => { if (triggerRef && node) { triggerRef.current ??= node } if (typeof ref === "function") { ref(node) } else if (ref) { ref.current = node } }, [ref, triggerRef] ) return ( ) : handle } payload={grouped ? (content as Payload) : payload} {...props} /> ) } function TooltipPortal(props: TooltipPrimitive.Portal.Props) { return } type TooltipContentProps = TooltipPrimitive.Popup.Props & Pick< TooltipPrimitive.Positioner.Props, | "side" | "align" | "sideOffset" | "alignOffset" | "anchor" | "arrowPadding" | "collisionPadding" | "collisionAvoidance" | "collisionBoundary" | "sticky" | "positionMethod" | "disableAnchorTracking" > & { portalProps?: Omit arrow?: boolean } function TooltipContent({ className, children, side = "top", align = "center", arrow = false, sideOffset = arrow ? 8 : 6, alignOffset = 0, anchor, arrowPadding = 8, collisionPadding = 8, collisionAvoidance, collisionBoundary, sticky, positionMethod, disableAnchorTracking, portalProps, dir, ...props }: TooltipContentProps) { const direction = useDirection() const triggerRef = React.useContext(TooltipTriggerContext) const setPositioner = React.useCallback( (positioner: HTMLDivElement | null) => { if (!positioner || dir !== undefined || direction === "rtl") { return } if (readDirection(triggerRef?.current) === "rtl") { positioner.setAttribute("dir", "rtl") } }, [dir, direction, triggerRef] ) return ( {children} {arrow && } ) } const viewport = "relative size-full overflow-clip rounded-[inherit] [&>*]:flex [&>*]:items-center [&>*]:justify-between [&>*]:gap-2 [&>*]:px-2 [&>*]:py-1 [&>*:has(>[data-slot=kbd-group])]:pe-1 [&>*:has(>[data-slot=kbd])]:pe-1 [&>[data-current]]:w-(--popup-width) [&>[data-previous]]:top-0 [&>[data-previous]]:start-0 [&>[data-current]]:transition-[translate,opacity,filter] [&>[data-previous]]:transition-[translate,opacity,filter] [&>[data-current]]:duration-250 [&>[data-previous]]:duration-150 [&>[data-current]]:ease-out-quint [&>[data-previous]]:ease-out-quint [&>[data-current][data-starting-style]]:opacity-0 [&>[data-previous][data-ending-style]]:opacity-0 motion-safe:[&>[data-current][data-starting-style]]:blur-[1px] motion-safe:[&>[data-previous][data-ending-style]]:blur-[1px] motion-safe:data-[activation-direction~=right]:[&>[data-current][data-starting-style]]:translate-x-4 motion-safe:data-[activation-direction~=right]:[&>[data-previous][data-ending-style]]:-translate-x-4 motion-safe:data-[activation-direction~=left]:[&>[data-current][data-starting-style]]:-translate-x-4 motion-safe:data-[activation-direction~=left]:[&>[data-previous][data-ending-style]]:translate-x-4 motion-safe:data-[activation-direction~=down]:[&>[data-current][data-starting-style]]:translate-y-2 motion-safe:data-[activation-direction~=down]:[&>[data-previous][data-ending-style]]:-translate-y-2 motion-safe:data-[activation-direction~=up]:[&>[data-current][data-starting-style]]:-translate-y-2 motion-safe:data-[activation-direction~=up]:[&>[data-previous][data-ending-style]]:translate-y-2 motion-reduce:[&>*]:transition-opacity data-instant:[&>*]:transition-none" function freezeOutgoingWidth(viewport: HTMLDivElement | null) { if (!viewport || typeof MutationObserver === "undefined") { return } let currentWidth = 0 const sizes = typeof ResizeObserver === "undefined" ? null : new ResizeObserver((entries) => { for (const entry of entries) { if ((entry.target as HTMLElement).hasAttribute("data-current")) { currentWidth = entry.borderBoxSize?.[0]?.inlineSize ?? entry.contentRect.width } } }) const sync = () => { for (const child of Array.from(viewport.children)) { const element = child as HTMLElement sizes?.observe(element) if (!element.hasAttribute("data-previous")) { element.style.removeProperty("width") delete element.dataset.frozen continue } const key = element.textContent ?? "" if (element.dataset.frozen !== key) { element.dataset.frozen = key const width = currentWidth || viewport.getBoundingClientRect().width element.style.width = `${width}px` } } } sync() const observer = new MutationObserver(sync) observer.observe(viewport, { childList: true, subtree: true, characterData: true, attributes: true, attributeFilter: ["data-current", "data-previous"], }) return () => { observer.disconnect() sizes?.disconnect() } } function TooltipArrow({ className, ...props }: TooltipPrimitive.Arrow.Props) { return ( ) } type TooltipGroupProps = TooltipPrimitive.Provider.Props & Omit & { children?: React.ReactNode } function TooltipGroup({ delay, closeDelay = 100, timeout, children, ...contentProps }: TooltipGroupProps) { const [handle] = React.useState(() => TooltipPrimitive.createHandle() ) return ( {children} {({ payload }) => ( {payload as React.ReactNode} )} ) } const createTooltipHandle = TooltipPrimitive.createHandle export { TooltipProvider, Tooltip, TooltipGroup, TooltipTrigger, TooltipPortal, TooltipContent, TooltipArrow, createTooltipHandle, } export type { TooltipContentProps, TooltipGroupProps, TooltipTriggerProps } 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","@base-ui/react@^1.8.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.8.0"}]]}]}],["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","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":"cn"}]]}]}]]}],["$","$L50",null,{"namespace":"@hextaui","registryDependencies":["https://hextaui.com/r/theme.json"]}]]}],null]}],["$","$L51",null,{"files":[{"path":"components/ui/tooltip.tsx","content":"$52","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]