{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "text-enhanced",
  "type": "registry:block",
  "title": "Text enhanced",
  "description": "Text enhanced",
  "files": [
    {
      "path": "components/usages/textenhancedusage.tsx",
      "content": "\"use client\";\n\nimport React from \"react\";\n\nimport TextEnhanced from \"@/registry/open-source/text-enhanced\";\n\nexport default function Usage() {\n\treturn (\n\t\t<div className=\"h-screen w-full flex items-center justify-center relative overflow-hidden bg-background\">\n\t\t\t<TextEnhanced />\n\t\t</div>\n\t);\n}\n",
      "type": "registry:block",
      "target": "~/example.tsx"
    },
    {
      "path": "components/usages/textenhancedusage.tsx",
      "content": "\"use client\";\n\nimport React from \"react\";\n\nimport TextEnhanced from \"@/registry/open-source/text-enhanced\";\n\nexport default function Usage() {\n\treturn (\n\t\t<div className=\"h-screen w-full flex items-center justify-center relative overflow-hidden bg-background\">\n\t\t\t<TextEnhanced />\n\t\t</div>\n\t);\n}\n",
      "type": "registry:ui"
    },
    {
      "path": "registry/open-source/text-enhanced.tsx",
      "content": "\"use client\";\r\n\r\nimport { cn } from \"@/registry/utilities/cn\";\r\nimport { motion } from \"motion/react\";\r\n\r\n// Credit:\r\n// https://kokonutui.com/docs/components/text#text---enhanced\r\n\r\ninterface AnimatedTextProps {\r\n\ttext?: string;\r\n\tclassName?: string;\r\n\tshadowColors?: {\r\n\t\tfirst?: string;\r\n\t\tsecond?: string;\r\n\t\tthird?: string;\r\n\t\tfourth?: string;\r\n\t\tglow?: string;\r\n\t};\r\n}\r\n\r\nexport default function TextEnhanced({\r\n\ttext = \"DRIVE\",\r\n\tclassName = \"\",\r\n\tshadowColors = {\r\n\t\tfirst: \"#07bccc\",\r\n\t\tsecond: \"#e601c0\",\r\n\t\tthird: \"#e9019a\",\r\n\t\tfourth: \"#f40468\",\r\n\t\tglow: \"#f40468\",\r\n\t},\r\n}: AnimatedTextProps) {\r\n\tconst textShadowStyle = {\r\n\t\ttextShadow: `10px 10px 0px ${shadowColors.first}, \r\n                     15px 15px 0px ${shadowColors.second}, \r\n                     20px 20px 0px ${shadowColors.third}, \r\n                     25px 25px 0px ${shadowColors.fourth}, \r\n                     45px 45px 10px ${shadowColors.glow}`,\r\n\t};\r\n\r\n\tconst noShadowStyle = {\r\n\t\ttextShadow: \"none\",\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className=\"w-full text-center\">\r\n\t\t\t<motion.div\r\n\t\t\t\tclassName={cn(\r\n\t\t\t\t\t\"w-full text-center cursor-pointer text-3xl font-bold\",\r\n\t\t\t\t\t\"transition-all duration-200 ease-in-out tracking-widest\",\r\n\t\t\t\t\t\"text-foreground dark:text-foreground italic\",\r\n\t\t\t\t\t\"stroke-[#d6f4f4]\",\r\n\t\t\t\t\tclassName\r\n\t\t\t\t)}\r\n\t\t\t\tstyle={textShadowStyle}\r\n\t\t\t\twhileHover={noShadowStyle}\r\n\t\t\t>\r\n\t\t\t\t{text}\r\n\t\t\t</motion.div>\r\n\t\t</div>\r\n\t);\r\n}\r\n",
      "type": "registry:ui"
    },
    {
      "path": "registry/utilities/cn.ts",
      "content": "import { ClassValue, clsx } from \"clsx\";\r\nimport { twMerge } from \"tailwind-merge\";\r\n\r\nexport function cn(...inputs: ClassValue[]) {\r\n\treturn twMerge(clsx(inputs));\r\n}\r\n",
      "type": "registry:ui"
    }
  ]
}