{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "demo-text-reveal-mask",
  "title": "Text Reveal (Mask) Demo",
  "description": "Scroll-triggered masked text reveal with rich text emphasis.",
  "registryDependencies": ["@soralabs/text-reveal-mask"],
  "files": [
    {
      "path": "registry/demo/primitives/texts/text-reveal-mask/index.tsx",
      "content": "\"use client\";\n\nimport {\n  MaskedTextReveal,\n  type MaskedTextRevealProps,\n} from \"@/components/sora-ui/texts/text-reveal-mask\";\n\nexport default function MaskedTextRevealExample({\n  splitBy = \"lines\",\n  stagger = 0.1,\n  duration,\n  yPercent = 110,\n  delay = 0,\n  viewportMargin = \"0px 0px -20% 0px\",\n  className = \"mx-auto max-w-3xl text-center font-normal text-xl leading-snug tracking-[-0.02em] text-foreground/75 [&_strong]:font-medium [&_strong]:text-foreground\",\n}: MaskedTextRevealProps) {\n  return (\n    <div className=\"w-full\">\n      <MaskedTextReveal\n        as=\"h2\"\n        className={className}\n        delay={delay}\n        duration={duration}\n        splitBy={splitBy}\n        stagger={stagger}\n        viewportMargin={viewportMargin}\n        yPercent={yPercent}\n      >\n        Every stride is a statement. Every finish line a new beginning. We build\n        gear for athletes who refuse to settle for{\" \"}\n        <strong>yesterday&apos;s pace</strong>. Push beyond limits. Outrun\n        expectations. This is where <strong>champions are made</strong>.\n      </MaskedTextReveal>\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/sora-ui/demo/texts/text-reveal-mask.tsx"
    }
  ],
  "meta": {
    "demoProps": {
      "MaskedTextRevealExample": {
        "splitBy": {
          "value": "lines",
          "options": {
            "Lines": "lines",
            "Words": "words",
            "Characters": "chars"
          }
        },
        "stagger": {
          "value": 0.1,
          "min": 0.01,
          "max": 0.5,
          "step": 0.01
        },
        "duration": {
          "value": 0.8,
          "min": 0.1,
          "max": 2,
          "step": 0.1
        },
        "yPercent": {
          "value": 110,
          "min": 50,
          "max": 200,
          "step": 5
        },
        "delay": {
          "value": 0,
          "min": 0,
          "max": 2,
          "step": 0.1
        },
        "viewportMargin": {
          "value": "0px 0px -20% 0px"
        }
      }
    }
  },
  "type": "registry:ui"
}