{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-fog-text-reveal",
  "title": "Fog Text Reveal Demo",
  "description": "Inline text that materializes through a WebGL fog mask and cycles through messages, inheriting the surrounding font and color.",
  "registryDependencies": ["@soralabs/fog-text-reveal"],
  "files": [
    {
      "path": "registry/demo/primitives/texts/fog-text-reveal/index.tsx",
      "content": "\"use client\";\n\nimport {\n  FogTextReveal,\n  type FogTextRevealProps,\n} from \"@/components/sora-ui/texts/fog-text-reveal\";\n\nexport default function FogTextRevealExample({\n  loop = true,\n  startOnView = true,\n  holdDuration = 320,\n  maxBlur = 16,\n}: Partial<FogTextRevealProps>) {\n  return (\n    <div className=\"flex w-full items-center justify-center px-6 py-16\">\n      <p className=\"max-w-xl text-left font-serif text-4xl leading-tight tracking-tight\">\n        Type can move like{\" \"}\n        <FogTextReveal\n          holdDuration={holdDuration}\n          loop={loop}\n          maxBlur={maxBlur}\n          startOnView={startOnView}\n          text={[\"weather.\", \"fog.\", \"breath.\"]}\n        />\n      </p>\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/sora-ui/demo/texts/fog-text-reveal.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "FogTextRevealExample": {
        "loop": {
          "value": true
        },
        "startOnView": {
          "value": true
        },
        "holdDuration": {
          "value": 320,
          "min": 0,
          "max": 2000,
          "step": 20
        },
        "maxBlur": {
          "value": 16,
          "min": 0,
          "max": 40,
          "step": 1
        }
      }
    }
  },
  "type": "registry:ui"
}