{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-tooltip",
  "title": "Z Tooltip",
  "dependencies": [
    "@base-ui-components/react@1.0.0-beta.3"
  ],
  "devDependencies": [],
  "registryDependencies": [
    "https://ui.orchid.ai/r/orchid-foundation.json",
    "https://ui.orchid.ai/r/orchid-theme.json"
  ],
  "files": [
    {
      "path": "registry/ui/orchid/spectrum/atoms/z-tooltip/z-tooltip.tsx",
      "content": "\"use client\";\nimport { Tooltip } from '@base-ui-components/react/tooltip';\nimport { cn } from \"../../../lib/ui-utils\";\ntype ProviderProps = {\n    children: React.ReactNode;\n    delay?: number;\n};\nexport function ZTooltipProvider({ children, delay = 700 }: ProviderProps) {\n    return <Tooltip.Provider delay={delay}>{children}</Tooltip.Provider>;\n}\ntype Props = {\n    children: React.ReactNode;\n    content: React.ReactNode;\n    delay?: number;\n    side?: 'top' | 'right' | 'bottom' | 'left';\n    align?: 'start' | 'center' | 'end';\n    sideOffset?: number;\n    alignOffset?: number;\n    skipProvider?: boolean;\n};\nexport default function ZTooltip({ children, content, delay = 700, side = 'top', align = 'center', sideOffset = 4, alignOffset = 0, skipProvider = false, }: Props) {\n    const tooltipContent = (<Tooltip.Root>\n      <Tooltip.Trigger render={(props) => (<div {...(props as React.HTMLAttributes<HTMLDivElement>)}>{children}</div>)}/>\n      <Tooltip.Portal>\n        <Tooltip.Positioner side={side} align={align} sideOffset={sideOffset} alignOffset={alignOffset} className=\"z-[9999]\">\n          <Tooltip.Popup className={cn('bg-surface border-neutral text-neutral text-copy-sm origin-[var(--transform-origin)] rounded-lg border px-3 py-1.5 shadow-sm', 'transition-[transform,scale,opacity] duration-150 ease-out data-[starting-style]:scale-90 data-[starting-style]:opacity-0', 'data-[ending-style]:scale-90 data-[ending-style]:opacity-0 data-[instant]:duration-0')}>\n            {content}\n            <Tooltip.Arrow className={cn('fill-surface-strong stroke-neutral', 'h-1.5 w-3 stroke-1')}/>\n          </Tooltip.Popup>\n        </Tooltip.Positioner>\n      </Tooltip.Portal>\n    </Tooltip.Root>);\n    if (skipProvider) {\n        return tooltipContent;\n    }\n    return <Tooltip.Provider delay={delay}>{tooltipContent}</Tooltip.Provider>;\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/atoms/z-tooltip/z-tooltip.tsx"
    }
  ],
  "type": "registry:ui"
}