{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"marketing-icon-sections-icons-with-tooltips","type":"registry:block","title":"Icons With Tooltips","files":[{"path":"components/blocks/marketing/icon-sections/icons-with-tooltips.tsx","content":"import { Badge } from '@/components/ui/badge';\nimport { Button } from '@/components/ui/button';\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from '@/components/ui/tooltip';\nimport { cn } from '@/lib/utils';\nimport { useEffect, useState } from 'react';\n\nimport {\n  Activity,\n  AlertTriangle,\n  ArrowRight,\n  BellRing,\n  BookOpen,\n  Building2,\n  CheckCircle2,\n  CloudCog,\n  Code2,\n  Cog,\n  Computer,\n  Database,\n  Fingerprint,\n  Gauge,\n  Highlighter,\n  Image,\n  Layers,\n  LineChart,\n  Lock,\n  Microscope,\n  Network,\n  Palette,\n  RefreshCcw,\n  Rocket,\n  Search,\n  Shield,\n  Smartphone,\n  Stars,\n  Tablet,\n  Upload,\n  Users,\n  Wand2,\n  Zap,\n} from 'lucide-react';\n\ninterface IconFeature {\n  id: string;\n  name: string;\n  icon: React.ReactNode;\n  description: string;\n  highlight?: string;\n  info?: string[];\n  color: string;\n}\n\nexport default function IconsWithTooltips() {\n  const setMounted = useState(false)[1];\n\n  // Ensure tooltips work only on client side\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n\n  const iconFeatures: IconFeature[] = [\n    {\n      id: 'security',\n      name: 'Enterprise Security',\n      icon: <Shield className=\"h-6 w-6\" />,\n      description: 'Military-grade protection for your most sensitive data',\n      highlight: 'SOC 2 Type II and GDPR compliant',\n      info: [\n        'End-to-end encryption for all data',\n        'Advanced threat detection',\n        'Regular security audits and penetration testing',\n        'Role-based access controls',\n      ],\n      color: 'red',\n    },\n    {\n      id: 'performance',\n      name: 'Lightning Fast',\n      icon: <Zap className=\"h-6 w-6\" />,\n      description: 'Blazing fast performance with optimized algorithms',\n      highlight: '100ms average response time',\n      info: [\n        'Global edge network for minimal latency',\n        'Automatic caching mechanisms',\n        'Optimized database queries',\n        'Performance monitoring and alerts',\n      ],\n      color: 'amber',\n    },\n    {\n      id: 'responsive',\n      name: 'Fully Responsive',\n      icon: <Smartphone className=\"h-6 w-6\" />,\n      description: 'Perfect user experiences across all devices',\n      highlight: 'Mobile-first design approach',\n      info: [\n        'Adaptive layouts for any screen size',\n        'Touch-optimized interactions',\n        'Responsive images and media',\n        'Consistent performance on all devices',\n      ],\n      color: 'blue',\n    },\n    {\n      id: 'analytics',\n      name: 'Advanced Analytics',\n      icon: <LineChart className=\"h-6 w-6\" />,\n      description: 'Gain deep insights into your business performance',\n      highlight: 'Real-time data visualization',\n      info: [\n        'Custom dashboard creation',\n        'Predictive analytics powered by AI',\n        'Goal tracking and conversion funnels',\n        'Exportable reports in multiple formats',\n      ],\n      color: 'violet',\n    },\n    {\n      id: 'payments',\n      name: 'Secure Payments',\n      icon: <Lock className=\"h-6 w-6\" />,\n      description: 'Accept payments securely with our payment gateway',\n      highlight: 'PCI DSS Level 1 compliance',\n      info: [\n        'Support for 50+ payment methods',\n        'Anti-fraud detection systems',\n        'Subscription billing management',\n        'Split payments and marketplace capabilities',\n      ],\n      color: 'green',\n    },\n    {\n      id: 'uploads',\n      name: 'Fast File Uploads',\n      icon: <Upload className=\"h-6 w-6\" />,\n      description: 'Upload and process files with ease',\n      highlight: 'Drag-and-drop interface',\n      info: [\n        'Multi-file upload support',\n        'Auto-compression for images',\n        'Progress tracking and resumable uploads',\n        'Virus scanning and file validation',\n      ],\n      color: 'cyan',\n    },\n    {\n      id: 'search',\n      name: 'Intelligent Search',\n      icon: <Search className=\"h-6 w-6\" />,\n      description: 'Find what you need with our powerful search engine',\n      highlight: 'Natural language processing',\n      info: [\n        'Typo-tolerant search algorithm',\n        'Contextual result ranking',\n        'Faceted search with filters',\n        'Search analytics to improve results',\n      ],\n      color: 'purple',\n    },\n    {\n      id: 'scaling',\n      name: 'Infinite Scaling',\n      icon: <Layers className=\"h-6 w-6\" />,\n      description: 'Scale seamlessly as your business grows',\n      highlight: 'Horizontal and vertical scaling',\n      info: [\n        'Auto-scaling infrastructure',\n        'Load balancing across regions',\n        'Database sharding for high volume',\n        'Performance maintained at any scale',\n      ],\n      color: 'indigo',\n    },\n    {\n      id: 'notifications',\n      name: 'Smart Alerts',\n      icon: <BellRing className=\"h-6 w-6\" />,\n      description: 'Stay informed with intelligent notifications',\n      highlight: 'Customizable alert preferences',\n      info: [\n        'Real-time notifications across devices',\n        'Priority-based alert system',\n        'Scheduled and digest notifications',\n        'In-app and email delivery options',\n      ],\n      color: 'pink',\n    },\n    {\n      id: 'collaboration',\n      name: 'Team Collaboration',\n      icon: <Users className=\"h-6 w-6\" />,\n      description: 'Work together seamlessly with your team',\n      highlight: 'Real-time document editing',\n      info: [\n        'Comment and feedback tools',\n        'Task assignment and tracking',\n        'Version history and change logs',\n        'Team activity dashboard',\n      ],\n      color: 'blue',\n    },\n    {\n      id: 'monitoring',\n      name: 'System Monitoring',\n      icon: <Activity className=\"h-6 w-6\" />,\n      description: \"Keep track of your system's health and performance\",\n      highlight: '24/7 automated monitoring',\n      info: [\n        'Custom alert thresholds',\n        'Incident response automation',\n        'Historical performance data',\n        'Root cause analysis tools',\n      ],\n      color: 'emerald',\n    },\n    {\n      id: 'biometric',\n      name: 'Biometric Auth',\n      icon: <Fingerprint className=\"h-6 w-6\" />,\n      description: 'Secure access with advanced biometric authentication',\n      highlight: 'Facial and fingerprint recognition',\n      info: [\n        'Multi-factor authentication options',\n        'Liveness detection to prevent spoofing',\n        'Secure biometric data storage',\n        'Fallback authentication methods',\n      ],\n      color: 'orange',\n    },\n    {\n      id: 'ai',\n      name: 'AI-Powered',\n      icon: <Microscope className=\"h-6 w-6\" />,\n      description: 'Leverage artificial intelligence throughout the platform',\n      highlight: 'Machine learning models',\n      info: [\n        'Predictive text and suggestions',\n        'Content moderation and filtering',\n        'Automated data categorization',\n        'Personalized user experiences',\n      ],\n      color: 'fuchsia',\n    },\n    {\n      id: 'customization',\n      name: 'Deep Customization',\n      icon: <Cog className=\"h-6 w-6\" />,\n      description: 'Tailor the platform to your specific needs',\n      highlight: 'No-code customization tools',\n      info: [\n        'Custom fields and data models',\n        'Workflow and automation builder',\n        'White-label branding options',\n        'Custom CSS and styling support',\n      ],\n      color: 'slate',\n    },\n    {\n      id: 'integrations',\n      name: 'Seamless Integration',\n      icon: <RefreshCcw className=\"h-6 w-6\" />,\n      description: 'Connect with your favorite tools and services',\n      highlight: '200+ pre-built integrations',\n      info: [\n        'Open API and webhook support',\n        'OAuth and SSO capabilities',\n        'Data sync across platforms',\n        'Custom integration development',\n      ],\n      color: 'sky',\n    },\n    {\n      id: 'backup',\n      name: 'Automated Backups',\n      icon: <Database className=\"h-6 w-6\" />,\n      description: 'Never lose your data with automatic backups',\n      highlight: 'Point-in-time recovery',\n      info: [\n        'Daily automated backups',\n        'Geo-redundant storage',\n        'Encrypted backup files',\n        'One-click restoration process',\n      ],\n      color: 'rose',\n    },\n    {\n      id: 'documentation',\n      name: 'Comprehensive Docs',\n      icon: <BookOpen className=\"h-6 w-6\" />,\n      description: 'Detailed documentation for all features',\n      highlight: 'Interactive code examples',\n      info: [\n        'Step-by-step tutorials',\n        'Searchable knowledge base',\n        'API reference documentation',\n        'Video walkthroughs and demos',\n      ],\n      color: 'yellow',\n    },\n    {\n      id: 'media',\n      name: 'Rich Media Support',\n      icon: <img className=\"h-6 w-6\" />,\n      description: 'Handle images, videos, and other media with ease',\n      highlight: 'Automatic optimization',\n      info: [\n        'Image cropping and resizing',\n        'Video transcoding and streaming',\n        'Media CDN for fast delivery',\n        'Audio processing and captioning',\n      ],\n      color: 'lime',\n    },\n    {\n      id: 'speed',\n      name: 'Performance Metrics',\n      icon: <Gauge className=\"h-6 w-6\" />,\n      description: \"Monitor and optimize your site's performance\",\n      highlight: 'Core Web Vitals tracking',\n      info: [\n        'Page load speed analysis',\n        'Resource utilization monitoring',\n        'Performance improvement suggestions',\n        'Lighthouse score integration',\n      ],\n      color: 'red',\n    },\n    {\n      id: 'multiplatform',\n      name: 'Cross-Platform',\n      icon: <Tablet className=\"h-6 w-6\" />,\n      description: 'Use on any device or operating system',\n      highlight: 'Native apps for all platforms',\n      info: [\n        'iOS and Android mobile apps',\n        'Desktop applications',\n        'Progressive web app support',\n        'Offline functionality',\n      ],\n      color: 'teal',\n    },\n    {\n      id: 'seo',\n      name: 'SEO Optimization',\n      icon: <Highlighter className=\"h-6 w-6\" />,\n      description: 'Improve your search engine rankings',\n      highlight: 'Automated SEO suggestions',\n      info: [\n        'Metadata and schema markup',\n        'Semantic HTML structure',\n        'Performance optimization for ranking',\n        'SEO audit and reporting tools',\n      ],\n      color: 'blue',\n    },\n    {\n      id: 'support',\n      name: '24/7 Support',\n      icon: <Rocket className=\"h-6 w-6\" />,\n      description: 'Get help when you need it from our expert team',\n      highlight: '10 minute average response time',\n      info: [\n        'Chat, email, and phone support',\n        'Dedicated customer success manager',\n        'Priority support for enterprise plans',\n        'Comprehensive help center',\n      ],\n      color: 'green',\n    },\n    {\n      id: 'designtools',\n      name: 'Design Tools',\n      icon: <Palette className=\"h-6 w-6\" />,\n      description: 'Create beautiful interfaces with our design tools',\n      highlight: 'Built-in design system',\n      info: [\n        'Component library and templates',\n        'Visual design editor',\n        'Theme customization',\n        'Accessibility compliance tools',\n      ],\n      color: 'pink',\n    },\n    {\n      id: 'devtools',\n      name: 'Developer Tools',\n      icon: <Code2 className=\"h-6 w-6\" />,\n      description: 'Powerful tools for developers to extend functionality',\n      highlight: 'Comprehensive API access',\n      info: [\n        'SDK for multiple languages',\n        'CLI for automation tasks',\n        'Webhook management',\n        'Custom plugin development',\n      ],\n      color: 'indigo',\n    },\n    {\n      id: 'cloud',\n      name: 'Cloud Infrastructure',\n      icon: <CloudCog className=\"h-6 w-6\" />,\n      description: 'Reliable and secure cloud hosting for your applications',\n      highlight: '99.99% uptime guarantee',\n      info: [\n        'Distributed infrastructure',\n        'Automatic failover systems',\n        'Regional data compliance',\n        'Scalable compute resources',\n      ],\n      color: 'cyan',\n    },\n    {\n      id: 'errors',\n      name: 'Error Monitoring',\n      icon: <AlertTriangle className=\"h-6 w-6\" />,\n      description: 'Catch and fix errors before they impact users',\n      highlight: 'Real-time error tracking',\n      info: [\n        'Detailed error context',\n        'Error grouping and prioritization',\n        'Performance impact analysis',\n        'Integration with issue trackers',\n      ],\n      color: 'amber',\n    },\n    {\n      id: 'enterprise',\n      name: 'Enterprise Ready',\n      icon: <Building2 className=\"h-6 w-6\" />,\n      description: 'Features designed for large organization needs',\n      highlight: 'SSO and SCIM provisioning',\n      info: [\n        'Enterprise legal agreements',\n        'Compliance certifications',\n        'Custom SLAs and support plans',\n        'Dedicated environment options',\n      ],\n      color: 'slate',\n    },\n    {\n      id: 'network',\n      name: 'Global Network',\n      icon: <Network className=\"h-6 w-6\" />,\n      description: 'Worldwide infrastructure for optimal performance',\n      highlight: '30+ data centers globally',\n      info: [\n        'Regional routing optimization',\n        'DDoS protection included',\n        'Anycast DNS infrastructure',\n        'Low-latency global connectivity',\n      ],\n      color: 'violet',\n    },\n    {\n      id: 'automation',\n      name: 'Workflow Automation',\n      icon: <Wand2 className=\"h-6 w-6\" />,\n      description: 'Automate routine tasks and business processes',\n      highlight: 'Visual workflow builder',\n      info: [\n        'Trigger-based automation',\n        'Conditional logic and branching',\n        'Scheduled tasks and batching',\n        'Integration with external services',\n      ],\n      color: 'purple',\n    },\n    {\n      id: 'certified',\n      name: 'Certified Quality',\n      icon: <CheckCircle2 className=\"h-6 w-6\" />,\n      description: 'Industry-recognized quality and reliability',\n      highlight: 'ISO 27001 certified',\n      info: [\n        'Regular quality audits',\n        'Comprehensive test coverage',\n        'Release quality metrics',\n        'Strict quality standards',\n      ],\n      color: 'green',\n    },\n    {\n      id: 'compatibility',\n      name: 'Browser Compatibility',\n      icon: <Computer className=\"h-6 w-6\" />,\n      description: 'Works flawlessly across all modern browsers',\n      highlight: 'IE11+ and all modern browsers',\n      info: [\n        'Cross-browser testing',\n        'Degradation graceful handling',\n        'Performance optimization for each browser',\n        'Mobile browser support',\n      ],\n      color: 'blue',\n    },\n    {\n      id: 'aifeatures',\n      name: 'AI Features',\n      icon: <Stars className=\"h-6 w-6\" />,\n      description: 'Cutting-edge AI capabilities throughout the platform',\n      highlight: 'GPT-4 powered assistance',\n      info: [\n        'Natural language processing',\n        'Image recognition and analysis',\n        'Predictive analytics',\n        'Automated content generation',\n      ],\n      color: 'fuchsia',\n    },\n  ];\n\n  return (\n    <section className=\"bg-background w-full py-12 md:py-24\">\n      <div className=\"container mx-auto px-4 md:px-6 2xl:max-w-[1400px]\">\n        <div className=\"mb-12 flex flex-col items-center justify-center space-y-4 text-center\">\n          <Badge className=\"px-3.5 py-1.5\">Features</Badge>\n          <h2 className=\"text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl\">\n            Powerful Capabilities at Your Fingertips\n          </h2>\n          <p className=\"text-muted-foreground max-w-[700px] md:text-lg\">\n            Discover all the features that make our platform stand out from the\n            competition\n          </p>\n        </div>\n\n        <TooltipProvider delayDuration={300}>\n          <div className=\"grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-4 md:gap-6 lg:grid-cols-6\">\n            {iconFeatures.map((feature) => (\n              <Tooltip key={feature.id}>\n                <TooltipTrigger asChild>\n                  <div\n                    className={cn(\n                      'flex flex-col items-center rounded-lg p-4 text-center transition-all duration-200',\n                      'hover:bg-muted cursor-pointer'\n                    )}\n                  >\n                    <div\n                      className={cn(\n                        'mb-3 flex h-14 w-14 items-center justify-center rounded-full',\n                        `bg-${feature.color}-100`,\n                        `text-${feature.color}-600`\n                      )}\n                    >\n                      {feature.icon}\n                    </div>\n                    <h3 className=\"text-sm font-medium\">{feature.name}</h3>\n                  </div>\n                </TooltipTrigger>\n                <TooltipContent\n                  side=\"top\"\n                  className=\"max-w-[250px] space-y-2 p-4\"\n                >\n                  <div className=\"space-y-1.5\">\n                    <h4 className=\"font-semibold\">{feature.name}</h4>\n                    <p className=\"text-muted-foreground text-sm\">\n                      {feature.description}\n                    </p>\n                    {feature.highlight && (\n                      <p className=\"text-primary text-xs font-medium\">\n                        {feature.highlight}\n                      </p>\n                    )}\n                  </div>\n                  {feature.info && feature.info.length > 0 && (\n                    <div className=\"border-border border-t pt-2\">\n                      <ul className=\"space-y-1 text-xs\">\n                        {feature.info.map((item, index) => (\n                          <li key={index} className=\"flex items-start gap-1.5\">\n                            <CheckCircle2 className=\"mt-0.5 h-3 w-3 shrink-0 text-green-500\" />\n                            <span>{item}</span>\n                          </li>\n                        ))}\n                      </ul>\n                    </div>\n                  )}\n                </TooltipContent>\n              </Tooltip>\n            ))}\n          </div>\n        </TooltipProvider>\n\n        <div className=\"mt-16 flex flex-col justify-center gap-4 sm:flex-row\">\n          <Button size=\"lg\" className=\"group\" asChild>\n            <a href=\"#\">\n              Explore all features in detail\n              <ArrowRight className=\"ml-2 h-4 w-4 transition-transform group-hover:translate-x-1\" />\n            </a>\n          </Button>\n          <Button variant=\"outline\" size=\"lg\" asChild>\n            <a href=\"#\">\n              Schedule a demo\n              <ArrowRight className=\"ml-2 h-4 w-4\" />\n            </a>\n          </Button>\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:component","target":"components/blocks/marketing/icon-sections/icons-with-tooltips.tsx"},{"path":"components/ui/badge.tsx","content":"import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst badgeVariants = cva(\n  \"group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>svg]:size-3!\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n        secondary:\n          \"bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80\",\n        destructive:\n          \"bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20\",\n        outline:\n          \"border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction Badge({\n  className,\n  variant = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot.Root : \"span\"\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      data-variant={variant}\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Badge, badgeVariants }\n","type":"registry:ui","target":"components/ui/badge.tsx"},{"path":"components/ui/button.tsx","content":"import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst buttonVariants = cva(\n  \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n        outline:\n          \"border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n        ghost:\n          \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n        destructive:\n          \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default:\n          \"h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\",\n        lg: \"h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n        icon: \"size-9\",\n        \"icon-xs\":\n          \"size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\":\n          \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","type":"registry:ui","target":"components/ui/button.tsx"},{"path":"components/ui/tooltip.tsx","content":"\"use client\"\n\nimport * as React from \"react\"\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 inline-flex w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n","type":"registry:ui","target":"components/ui/tooltip.tsx"}],"description":"A row of icons that reveal a short tooltip on hover. Packs many features into a small space while keeping extra detail one cursor away.","dependencies":["class-variance-authority","lucide-react","radix-ui"]}