{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-primitives-texts-splitting-example",
  "title": "Splitting Text Demo",
  "description": "Demo showing an animated splitting text.",
  "registryDependencies": [
    "@odysseyui/primitives-texts-splitting"
  ],
  "files": [
    {
      "path": "registry/demo/primitives/texts/splitting-example/index.tsx",
      "content": "import { SplittingText } from '@/components/odyssey/primitives/texts/splitting';\n\nconst TEXT = 'Elevate your UI with fluid, animated components';\n\nexport const SplittingTextDemo = () => {\n  return (\n    <div className=\"relative max-w-[450px]\">\n      <SplittingText\n        text={TEXT}\n        aria-hidden=\"true\"\n        className=\"block text-4xl font-semibold text-center text-neutral-200 dark:text-neutral-800\"\n        disableAnimation\n      />\n      <SplittingText\n        text={TEXT}\n        className=\"block text-4xl font-semibold text-center absolute inset-0\"\n        type=\"chars\"\n        inView\n        initial={{ y: 0, opacity: 0, x: 0, filter: 'blur(10px)' }}\n        animate={{ y: 0, opacity: 1, x: 0, filter: 'blur(0px)' }}\n        transition={{ duration: 0.4, ease: 'easeOut' }}\n      />\n    </div>\n  );\n};\n",
      "type": "registry:ui",
      "target": "components/odysseyui/demo/primitives/texts/splitting-example.tsx"
    }
  ],
  "type": "registry:ui"
}