{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "text-shimmer",
  "title": "Text Shimmer",
  "description": "A light sweeping through muted text: the \"working\" status.",
  "dependencies": [],
  "registryDependencies": [
    "utils",
    "https://ui.cuelark.com/r/theme.json"
  ],
  "files": [
    {
      "path": "src/registry/cuelark/ui/text-shimmer.tsx",
      "content": "import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\n/** A soft highlight sweeping through text: the \"working on it\" status for agents. Reads normally at rest; CSS only, still for reduced motion. */\nfunction TextShimmer({ className, duration = 1.6, style, ...props }: React.ComponentProps<\"span\"> & { duration?: number }) {\n  return (\n    <span\n      data-slot=\"text-shimmer\"\n      className={cn(\n        \"inline bg-[linear-gradient(90deg,color-mix(in_oklch,var(--foreground)_62%,transparent)_40%,var(--foreground)_50%,color-mix(in_oklch,var(--foreground)_62%,transparent)_60%)] bg-[length:250%_100%] bg-clip-text text-transparent [-webkit-box-decoration-break:clone] [box-decoration-break:clone] motion-safe:animate-[cue-text-shimmer_var(--shimmer-duration)_linear_infinite] motion-reduce:bg-none motion-reduce:text-foreground/70\",\n        className,\n      )}\n      style={{ \"--shimmer-duration\": `${duration}s`, ...style } as React.CSSProperties}\n      {...props}\n    />\n  );\n}\n\nexport { TextShimmer };\n",
      "type": "registry:ui"
    }
  ],
  "docs": "Docs and examples: https://ui.cuelark.com/components/text-shimmer",
  "categories": [
    "agents"
  ],
  "type": "registry:ui"
}