{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "z-hover",
  "title": "Z Hover",
  "dependencies": [],
  "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-hover/z-hover.tsx",
      "content": "\"use client\";\nimport { cn } from \"../../../lib/ui-utils\";\ntype Props = {\n    children?: React.ReactNode;\n    active?: boolean;\n    background?: string;\n    borderRadius?: string;\n    hoverScale?: string;\n    activeScale?: string;\n    inactiveScale?: string;\n    interactive?: boolean;\n    duration?: string;\n    className?: string;\n} & React.HTMLAttributes<HTMLDivElement>;\nexport default function ZHover({ children, active = false, background = 'bg-neutral-subtle', borderRadius = 'rounded-[10px]', hoverScale = 'group-hover/zhover:inset-0', activeScale = 'inset-0', inactiveScale = 'inset-1', interactive = true, className, ...props }: Props) {\n    return (<div {...props} className=\"text-neutral text-copy group/zhover relative z-0 flex items-center outline-none\">\n      <div className={cn('absolute inset-0 transition-transform group-hover/zhover:opacity-100', background, borderRadius, hoverScale, inactiveScale, 'opacity-0 group-data-[highlighted]/zhover:opacity-100', 'group-data-[highlighted]/zhover:inset-0', active && `opacity-100 ${activeScale}`, interactive && 'group-active/zhover:!inset-0.5')}/>\n      <div className={cn('relative z-2 flex w-full items-center gap-2', className)}>{children}</div>\n    </div>);\n}\n",
      "type": "registry:ui",
      "target": "@ui/orchid/spectrum/atoms/z-hover/z-hover.tsx"
    }
  ],
  "type": "registry:ui"
}