61: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 62: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/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.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"] 63:T1375,'use client'; import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip'; import { useState } from 'react'; import { cn } from '@/registry/ndeko/lib/utils'; import { AnimatedSize } from '@/registry/ndeko/ui/animated-size'; type WithClassName = Omit & { className?: string }; type TooltipHandle = TooltipPrimitive.Handle; const TOOLTIP_DELAY_MS = 400; /** Long enough for the pointer to cross the gap between two triggers of one gliding tooltip. */ const TOOLTIP_GLIDE_CLOSE_DELAY = 120; function TooltipProvider({ delay = TOOLTIP_DELAY_MS, ...props }: TooltipPrimitive.Provider.Props) { return ; } function Tooltip(props: TooltipPrimitive.Root.Props) { return ; } function TooltipTrigger( props: TooltipPrimitive.Trigger.Props ) { return ; } /** One handle per mounted component, so two copies of a demo never share an open state. */ function useTooltipHandle() { const [handle] = useState(() => TooltipPrimitive.createHandle()); return handle; } const BUBBLE = [ 'relative max-w-64 rounded-lg px-2 py-1 text-xs font-medium leading-snug text-balance text-popover-foreground', '[--tooltip-top:var(--popover)] [--tooltip-bottom:color-mix(in_oklab,var(--popover),var(--primary)_9%)]', 'bg-linear-to-b from-(--tooltip-top) to-(--tooltip-bottom) hairline-ring ring-border shadow-md shadow-black/6', 'origin-(--transform-origin) transition-[opacity,scale] duration-[125ms] ease-(--ease-out-strong)', 'data-starting-style:scale-[0.97] data-starting-style:opacity-0 data-ending-style:scale-[0.97] data-ending-style:opacity-0 data-ending-style:duration-100', 'data-instant:transition-none', ].join(' '); const ARROW = [ 'flex fill-(--tooltip-bottom) stroke-border', 'data-[side=bottom]:-top-[6px] data-[side=bottom]:fill-(--tooltip-top)', 'data-[side=top]:-bottom-[6px] data-[side=top]:rotate-180', 'data-[side=left]:-right-[9px] data-[side=left]:rotate-90', 'data-[side=right]:-left-[9px] data-[side=right]:-rotate-90', ].join(' '); /** * The first open does not glide: Base UI positions the popup while it still holds transitions * off. `data-instant` covers the provider's instant phase and cursor tracking. */ const TOOLTIP_GLIDE = [ 'transition-[top,left,right,bottom,transform] duration-200 ease-(--ease-out-strong)', 'data-closed:transition-none data-instant:transition-none', ].join(' '); /** The arrow remounts when the side changes, so it fades in on its new edge instead of jumping round a corner. */ const ARROW_GLIDE = [ 'transition-[left,top,opacity] duration-[200ms,200ms,125ms] ease-(--ease-out-strong)', 'starting:opacity-0 data-instant:transition-none', ].join(' '); /** The bubble's `max-w-64` minus its padding, so a long label still wraps inside the resizing box. */ const GLIDE_LABEL_MAX_WIDTH = 'max-w-62'; function positionerClassOf(glide: boolean) { return cn('z-50', glide && TOOLTIP_GLIDE); } function arrowClassOf(glide: boolean) { return cn(ARROW, glide && ARROW_GLIDE); } function TooltipBody({ glide, children, }: { glide: boolean; children: React.ReactNode; }) { if (!glide) { return children; } return ( {children} ); } type TooltipContentProps = WithClassName & Pick & { /** Glide to the next trigger of a shared tooltip and ease to the size of its label. */ glide?: boolean; }; function TooltipContent({ className, children, side = 'top', sideOffset = 8, align = 'center', glide = false, ...props }: TooltipContentProps) { return ( {children} ); } export { TOOLTIP_GLIDE, TOOLTIP_GLIDE_CLOSE_DELAY, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, useTooltipHandle, type TooltipHandle, }; 60:["$","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"}]]}]}]]}],["$","$L61",null,{"namespace":"@ndeko","registryDependencies":["https://ui.ndekocode.dev/r/theme.json","https://ui.ndekocode.dev/r/utils.json","https://ui.ndekocode.dev/r/animated-size.json"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"registry/ndeko/ui/tooltip.tsx","content":"$63","type":"registry:ui"}],"className":"h-[70svh] min-h-80"}]]}]