{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-scramble-text",
  "title": "Scramble Text Demo",
  "description": "Interactive demo cycling through phrases with a character-scramble reveal animation.",
  "registryDependencies": [
    "@unlumen-ui/scramble-text"
  ],
  "files": [
    {
      "path": "registry/demo/components/unlumen/scramble-text/index.tsx",
      "content": "\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\n\nimport {\n  ScrambleText,\n  ScrambleTextHandle,\n} from \"@/components/unlumen-ui/primitives/scramble-text\";\n\nconst CHAOS_VERBS = [\n  \"Asking the rubber duck\",\n  \"Flipping the table\",\n  \"Yelling into the void\",\n  \"Performing dark rituals\",\n  \"Sacrificing a semicolon\",\n  \"Consulting the Magic 8-Ball\",\n  \"Rolling for initiative\",\n  \"Blaming cosmic rays\",\n  \"Summoning Cthulhu\",\n  \"Dividing by zero\",\n  \"Feeding the chaos monkey\",\n  \"Releasing the kraken\",\n  \"Rearranging deck chairs on the Titanic\",\n  \"Poking the bear\",\n  \"Opening Pandora's box\",\n  \"Unplugging and plugging back in\",\n  \"Smashing the keyboard\",\n  \"Consulting the ouija board\",\n  \"Generating random numbers by rolling dice\",\n  \"Letting the intrusive thoughts win\",\n  \"Stack-overflowing the stack overflow\",\n  \"Applying percussive maintenance\",\n  \"Crossing the streams\",\n  \"Playing Russian roulette with git force push\",\n  \"Turning the chaos up to eleven\",\n  \"Invoking Murphy's Law\",\n  \"Ignoring all the red flags\",\n  \"Vibing with the segfault\",\n  \"Tempting fate\",\n  \"Gazing upon forbidden knowledge\",\n  \"Questioning all life choices\",\n  \"Embracing the entropy\",\n  \"Hitting random buttons\",\n  \"Trusting the process (blindly)\",\n  \"Entering the danger zone\",\n];\n\nexport function ScrambleTextDemo() {\n  const [currentIndex, setCurrentIndex] = useState(0);\n  const [key, setKey] = useState(0);\n  const ref = useRef<ScrambleTextHandle>(null);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setCurrentIndex((prev) => (prev + 1) % CHAOS_VERBS.length);\n      setKey((k) => k + 1);\n    }, 2000);\n\n    return () => clearInterval(interval);\n  }, []);\n\n  return (\n    <div className=\"flex items-center justify-center py-12 px-4\">\n      <div className=\"text-center\">\n        <p className=\"text-xl font-mono  tracking-tight\">\n          <ScrambleText\n            key={key}\n            ref={ref}\n            text={CHAOS_VERBS[currentIndex]}\n            scrambledClassName=\"text-[#E07947]\"\n            scrambleSpeed={30}\n          />\n        </p>\n      </div>\n    </div>\n  );\n}\n",
      "type": "registry:example"
    }
  ],
  "type": "registry:example"
}