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/1o6_421saitt-.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/1o6_421saitt-.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:T4a1e,"use client"; import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip"; import { cn } from "cn"; import { useMemo, type ComponentProps } from "react"; type TooltipAnimationPreset = | "none" | "scale" | "fade" | "slideOutside" | "slideInside" | "motion" | "motionBlur"; type TooltipTransitionPreset = | "inExpo" | "outExpo" | "inOutExpo" | "anticipate" | "quickOut" | "overshootOut" | "swiftOut" | "snappyOut" | "in" | "out" | "inOut" | "outIn" | "inQuad" | "outQuad" | "inOutQuad" | "inCubic" | "outCubic" | "inOutCubic" | "inQuart" | "outQuart" | "inOutQuart" | "inQuint" | "outQuint" | "inOutQuint" | "inCirc" | "outCirc" | "inOutCirc" | "inOutBase" | "none"; const animationPresets: Record = { none: "transition-none", scale: "[transition-property:scale,opacity] data-starting-style:scale-80 data-starting-style:opacity-0 data-ending-style:opacity-0 data-ending-style:scale-80", fade: "[transition-property:opacity,scale] data-starting-style:scale-98 data-starting-style:opacity-0 data-ending-style:opacity-0 data-ending-style:scale-98", slideOutside: "[transition-property:translate,opacity] data-[side=bottom]:data-starting-style:translate-y-[10px] data-[side=bottom]:data-starting-style:opacity-0 data-[side=bottom]:data-ending-style:translate-y-[10px] data-[side=bottom]:data-ending-style:opacity-0 data-[side=top]:data-starting-style:translate-y-[-10px] data-[side=top]:data-starting-style:opacity-0 data-[side=top]:data-ending-style:translate-y-[-10px] data-[side=top]:data-ending-style:opacity-0 data-[side=left]:data-starting-style:translate-x-[-10px] data-[side=left]:data-starting-style:opacity-0 data-[side=left]:data-ending-style:translate-x-[-10px] data-[side=left]:data-ending-style:opacity-0 data-[side=right]:data-starting-style:translate-x-[10px] data-[side=right]:data-starting-style:opacity-0 data-[side=right]:data-ending-style:translate-x-[10px] data-[side=right]:data-ending-style:opacity-0 data-[side=inline-start]:data-starting-style:translate-x-[-10px] data-[side=inline-start]:data-starting-style:opacity-0 data-[side=inline-start]:data-ending-style:translate-x-[-10px] data-[side=inline-start]:data-ending-style:opacity-0 data-[side=inline-end]:data-starting-style:translate-x-[10px] data-[side=inline-end]:data-starting-style:opacity-0 data-[side=inline-end]:data-ending-style:translate-x-[10px] data-[side=inline-end]:data-ending-style:opacity-0", slideInside: "[transition-property:translate,opacity] data-[side=bottom]:data-starting-style:translate-y-[-10px] data-[side=bottom]:data-starting-style:opacity-0 data-[side=bottom]:data-ending-style:translate-y-[-10px] data-[side=bottom]:data-ending-style:opacity-0 data-[side=top]:data-starting-style:translate-y-[10px] data-[side=top]:data-starting-style:opacity-0 data-[side=top]:data-ending-style:translate-y-[10px] data-[side=top]:data-ending-style:opacity-0 data-[side=left]:data-starting-style:translate-x-[10px] data-[side=left]:data-starting-style:opacity-0 data-[side=left]:data-ending-style:translate-x-[10px] data-[side=left]:data-ending-style:opacity-0 data-[side=right]:data-starting-style:translate-x-[-10px] data-[side=right]:data-starting-style:opacity-0 data-[side=right]:data-ending-style:translate-x-[-10px] data-[side=right]:data-ending-style:opacity-0 data-[side=inline-start]:data-starting-style:translate-x-[10px] data-[side=inline-start]:data-starting-style:opacity-0 data-[side=inline-start]:data-ending-style:translate-x-[10px] data-[side=inline-start]:data-ending-style:opacity-0 data-[side=inline-end]:data-starting-style:translate-x-[-10px] data-[side=inline-end]:data-starting-style:opacity-0 data-[side=inline-end]:data-ending-style:translate-x-[-10px] data-[side=inline-end]:data-ending-style:opacity-0", motion: "[transition-property:translate,scale,opacity,rotateX,rotateY,transform] [will-change:translate,scale,opacity,rotateX,rotateY,transform] motion-reduce:transition-none motion-reduce:transform-none [transform:perspective(1000px)] data-[side=bottom]:data-starting-style:translate-y-[7px] data-[side=bottom]:data-starting-style:opacity-0 data-[side=bottom]:data-starting-style:scale-[0.26] data-[side=bottom]:data-starting-style:rotate-x-[70deg] data-[side=bottom]:data-ending-style:translate-y-[7px] data-[side=bottom]:data-ending-style:opacity-0 data-[side=bottom]:data-ending-style:scale-[0.26] data-[side=bottom]:data-ending-style:rotate-x-[70deg] data-[side=top]:data-starting-style:translate-y-[7px] data-[side=top]:data-starting-style:opacity-0 data-[side=top]:data-starting-style:scale-[0.26] data-[side=top]:data-starting-style:rotate-x-[70deg] data-[side=top]:data-ending-style:translate-y-[7px] data-[side=top]:data-ending-style:opacity-0 data-[side=top]:data-ending-style:scale-[0.26] data-[side=top]:data-ending-style:rotate-x-[70deg] data-[side=left]:data-starting-style:translate-x-[-7px] data-[side=left]:data-starting-style:opacity-0 data-[side=left]:data-starting-style:scale-[0.26] data-[side=left]:data-starting-style:rotate-y-[-40deg] data-[side=left]:data-ending-style:translate-x-[-7px] data-[side=left]:data-ending-style:opacity-0 data-[side=left]:data-ending-style:scale-[0.26] data-[side=left]:data-ending-style:rotate-y-[-40deg] data-[side=right]:data-starting-style:translate-x-[7px] data-[side=right]:data-starting-style:opacity-0 data-[side=right]:data-starting-style:scale-[0.26] data-[side=right]:data-starting-style:rotate-y-[40deg] data-[side=right]:data-ending-style:translate-x-[7px] data-[side=right]:data-ending-style:opacity-0 data-[side=right]:data-ending-style:scale-[0.26] data-[side=right]:data-ending-style:rotate-y-[40deg] data-[side=inline-start]:data-starting-style:translate-x-[-7px] data-[side=inline-start]:data-starting-style:opacity-0 data-[side=inline-start]:data-starting-style:scale-[0.26] data-[side=inline-start]:data-starting-style:rotate-y-[-40deg] data-[side=inline-start]:data-ending-style:translate-x-[-7px] data-[side=inline-start]:data-ending-style:opacity-0 data-[side=inline-start]:data-ending-style:scale-[0.26] data-[side=inline-start]:data-ending-style:rotate-y-[-40deg] data-[side=inline-end]:data-starting-style:translate-x-[7px] data-[side=inline-end]:data-starting-style:opacity-0 data-[side=inline-end]:data-starting-style:scale-[0.26] data-[side=inline-end]:data-starting-style:rotate-y-[40deg] data-[side=inline-end]:data-ending-style:translate-x-[7px] data-[side=inline-end]:data-ending-style:opacity-0 data-[side=inline-end]:data-ending-style:scale-[0.26] data-[side=inline-end]:data-ending-style:rotate-y-[40deg]", motionBlur: "[transition-property:translate,scale,opacity,rotateX,rotateY,transform,filter] [will-change:translate,scale,opacity,rotateX,rotateY,transform,filter] motion-reduce:transition-none motion-reduce:transform-none motion-reduce:filter-none [transform:perspective(1000px)] data-starting-style:blur-[9px] data-ending-style:blur-[9px] data-[side=bottom]:data-starting-style:translate-y-[7px] data-[side=bottom]:data-starting-style:opacity-0 data-[side=bottom]:data-starting-style:scale-[0.26] data-[side=bottom]:data-starting-style:rotate-x-[70deg] data-[side=bottom]:data-ending-style:translate-y-[7px] data-[side=bottom]:data-ending-style:opacity-0 data-[side=bottom]:data-ending-style:scale-[0.26] data-[side=bottom]:data-ending-style:rotate-x-[70deg] data-[side=top]:data-starting-style:translate-y-[7px] data-[side=top]:data-starting-style:opacity-0 data-[side=top]:data-starting-style:scale-[0.26] data-[side=top]:data-starting-style:rotate-x-[70deg] data-[side=top]:data-ending-style:translate-y-[7px] data-[side=top]:data-ending-style:opacity-0 data-[side=top]:data-ending-style:scale-[0.26] data-[side=top]:data-ending-style:rotate-x-[70deg] data-[side=left]:data-starting-style:translate-x-[-7px] data-[side=left]:data-starting-style:opacity-0 data-[side=left]:data-starting-style:scale-[0.26] data-[side=left]:data-starting-style:rotate-y-[-40deg] data-[side=left]:data-ending-style:translate-x-[-7px] data-[side=left]:data-ending-style:opacity-0 data-[side=left]:data-ending-style:scale-[0.26] data-[side=left]:data-ending-style:rotate-y-[-40deg] data-[side=right]:data-starting-style:translate-x-[7px] data-[side=right]:data-starting-style:opacity-0 data-[side=right]:data-starting-style:scale-[0.26] data-[side=right]:data-starting-style:rotate-y-[40deg] data-[side=right]:data-ending-style:translate-x-[7px] data-[side=right]:data-ending-style:opacity-0 data-[side=right]:data-ending-style:scale-[0.26] data-[side=right]:data-ending-style:rotate-y-[40deg] data-[side=inline-start]:data-starting-style:translate-x-[-7px] data-[side=inline-start]:data-starting-style:opacity-0 data-[side=inline-start]:data-starting-style:scale-[0.26] data-[side=inline-start]:data-starting-style:rotate-y-[-40deg] data-[side=inline-start]:data-ending-style:translate-x-[-7px] data-[side=inline-start]:data-ending-style:opacity-0 data-[side=inline-start]:data-ending-style:scale-[0.26] data-[side=inline-start]:data-ending-style:rotate-y-[-40deg] data-[side=inline-end]:data-starting-style:translate-x-[7px] data-[side=inline-end]:data-starting-style:opacity-0 data-[side=inline-end]:data-starting-style:scale-[0.26] data-[side=inline-end]:data-starting-style:rotate-y-[40deg] data-[side=inline-end]:data-ending-style:translate-x-[7px] data-[side=inline-end]:data-ending-style:opacity-0 data-[side=inline-end]:data-ending-style:scale-[0.26] data-[side=inline-end]:data-ending-style:rotate-y-[40deg]", }; const motionReduceClasses = "motion-reduce:transition-none motion-reduce:transform-none motion-reduce:[translate:none] motion-reduce:[scale:1] motion-reduce:[rotate:none] motion-reduce:filter-none"; const transitionPresets: Record = { inExpo: "duration-[0.25s] ease-[cubic-bezier(0.95,0.05,0.795,0.035)]", outExpo: "duration-[0.25s] ease-[cubic-bezier(0.19,1,0.22,1)]", inOutExpo: "duration-[0.25s] ease-[cubic-bezier(1,0,0,1)]", anticipate: "duration-[0.25s] ease-[cubic-bezier(1,-0.4,0.35,0.95)]", quickOut: "duration-[0.25s] ease-out", overshootOut: "duration-[0.25s] ease-[cubic-bezier(0.175,0.885,0.32,1.275)]", swiftOut: "duration-[0.25s] ease-[cubic-bezier(0.175,0.885,0.32,1.1)]", snappyOut: "duration-[0.25s] ease-[cubic-bezier(0.19,1,0.22,1)]", in: "duration-[0.25s] ease-[cubic-bezier(0.42,0,1,1)]", out: "duration-[0.25s] ease-[cubic-bezier(0,0,0.58,1)]", inOut: "duration-[0.25s] ease-[cubic-bezier(0.42,0,0.58,1)]", outIn: "duration-[0.25s] ease-[cubic-bezier(0.1,0.7,0.9,0.5)]", inQuad: "duration-[0.25s] ease-[cubic-bezier(0.55,0.085,0.68,0.53)]", outQuad: "duration-[0.25s] ease-[cubic-bezier(0.25,0.46,0.45,0.94)]", inOutQuad: "duration-[0.32s] ease-[cubic-bezier(0.455,0.03,0.515,0.955)]", inCubic: "duration-[0.25s] ease-[cubic-bezier(0.55,0.055,0.675,0.19)]", outCubic: "duration-[0.25s] ease-[cubic-bezier(0.215,0.61,0.355,1)]", inOutCubic: "duration-[0.25s] ease-[cubic-bezier(0.645,0.045,0.355,1)]", inQuart: "duration-[0.25s] ease-[cubic-bezier(0.895,0.03,0.685,0.22)]", outQuart: "duration-[0.25s] ease-[cubic-bezier(0.165,0.84,0.44,1)]", inOutQuart: "duration-[0.25s] ease-[cubic-bezier(0.77,0,0.175,1)]", inQuint: "duration-[0.25s] ease-[cubic-bezier(0.755,0.05,0.855,0.06)]", outQuint: "duration-[0.25s] ease-[cubic-bezier(0.23,1,0.32,1)]", inOutQuint: "duration-[0.25s] ease-[cubic-bezier(0.86,0,0.07,1)]", inCirc: "duration-[0.25s] ease-[cubic-bezier(0.6,0.04,0.98,0.335)]", outCirc: "duration-[0.25s] ease-[cubic-bezier(0.075,0.82,0.165,1)]", inOutCirc: "duration-[0.25s] ease-[cubic-bezier(0.785,0.135,0.15,0.86)]", inOutBase: "duration-[0.25s] ease-[cubic-bezier(0.25,0.1,0.25,1)]", none: "duration-0 ease-none", }; const tooltipSurfaceStyles = "[--radius:10px] [--overlay-border:color-mix(in_oklab,var(--border)_96%,var(--popover-foreground)_4%)] rounded-(--radius) border [border-color:var(--overlay-border)] bg-popover text-[13px] text-balance shadow-xs dark:[--overlay-border:color-mix(in_oklab,var(--border)_94%,var(--popover-foreground)_6%)]"; function TooltipSurface({ className, ...props }: ComponentProps<"div">) { return (

); } function TooltipProvider({ delay = 300, ...props }: TooltipPrimitive.Provider.Props) { return ( ); } const Tooltip = Object.assign( function Tooltip(props: TooltipPrimitive.Root.Props) { return ; }, { createHandle: TooltipPrimitive.createHandle } ); function TooltipTrigger(props: TooltipPrimitive.Trigger.Props) { return ; } function TooltipPortal(props: TooltipPrimitive.Portal.Props) { return ; } function TooltipPositioner({ className, side = "top", ...props }: TooltipPrimitive.Positioner.Props) { return ( ); } function TooltipPopup({ className, animationPreset = "scale", transitionPreset = "outQuint", reduceMotion = false, showArrow = false, side = "top", sideOffset = 4, align = "center", alignOffset = 0, children, ...props }: TooltipPrimitive.Popup.Props & Pick< TooltipPrimitive.Positioner.Props, "side" | "sideOffset" | "align" | "alignOffset" > & { animationPreset?: | "none" | "scale" | "fade" | "slideOutside" | "slideInside" | "motion" | "motionBlur"; transitionPreset?: | "inExpo" | "outExpo" | "inOutExpo" | "anticipate" | "quickOut" | "overshootOut" | "swiftOut" | "snappyOut" | "in" | "out" | "inOut" | "outIn" | "inQuad" | "outQuad" | "inOutQuad" | "inCubic" | "outCubic" | "inOutCubic" | "inQuart" | "outQuart" | "inOutQuart" | "inQuint" | "outQuint" | "inOutQuint" | "inCirc" | "outCirc" | "inOutCirc" | "inOutBase" | "none"; reduceMotion?: boolean; showArrow?: boolean; }) { const animation = useMemo( () => cn( reduceMotion ? animationPresets.none : animationPresets[animationPreset], motionReduceClasses ), [animationPreset, reduceMotion] ); const transition = useMemo( () => reduceMotion ? transitionPresets.none : transitionPresets[transitionPreset], [reduceMotion, transitionPreset] ); const groupTransition = reduceMotion || animationPreset === "none" ? "" : "transition-[width,height,opacity,transform,scale,translate,filter] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)]"; return ( {showArrow ? ( ) : null} {children} ); } const TooltipContent = TooltipPopup; export { Tooltip, TooltipContent, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipSurface, TooltipTrigger, }; 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",{"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"}]]}]}],["$","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":"@iandefined","registryDependencies":[]}]]}],null]}],["$","$L51",null,{"files":[{"path":"src/registry/base/tooltip.tsx","content":"$52","type":"registry:ui","target":"components/ui/tooltip.tsx"}],"className":"h-[70svh] min-h-80"}]]}]