{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "slide-up-letters",
  "title": "Slide Up Letters",
  "description": "Slide up letters component with customizable animation. | カスタマイズ可能なアニメーションを備えたスライドアップ文字コンポーネント。",
  "dependencies": [
    "motion"
  ],
  "files": [
    {
      "path": "components/text/slide-up-letters.tsx",
      "content": "\"use client\";\n\nimport * as motion from \"motion/react-client\";\nimport { Variants } from \"motion/react\";\nimport { cn } from \"@/lib/utils\";\n\nexport default function SlideUpLetters({\n  text,\n  className,\n}: {\n  text: string;\n  className?: string;\n}) {\n  return (\n    <motion.div\n      initial=\"hidden\"\n      animate=\"visible\"\n      className={cn(\"flex justify-center items-center\", className)}\n    >\n      {text.split(\"\").map((letter, index) => (\n        <motion.div key={index} variants={variants} custom={index}>\n          {letter}\n        </motion.div>\n      ))}\n    </motion.div>\n  );\n}\n\nconst variants: Variants = {\n  hidden: { opacity: 0, y: 20, filter: \"blur(4px)\" },\n  visible: (i: number) => {\n    const delay = i * 0.1; // 遅延時間の設定\n    return {\n      opacity: 1,\n      y: 0,\n      filter: \"blur(0px)\",\n      transition: { delay, type: \"spring\", duration: 0.8, bounce: 0.4 },\n    };\n  },\n};\n",
      "type": "registry:ui"
    }
  ],
  "type": "registry:ui"
}