{
	"$schema": "https://shadcn-svelte.com/schema/registry-item.json",
	"name": "animated-shiny-text",
	"title": "Animated Shiny Text",
	"type": "registry:block",
	"description": "A shimmering text effect component that creates a moving shine animation across text.",
	"css": {
		"@keyframes shiny-text": {
			"0%, 90%, 100%": {
				"background-position": "calc(-100% - var(--shiny-width)) 0"
			},
			"30%, 60%": {
				"background-position": "calc(100% + var(--shiny-width)) 0"
			}
		}
	},
	"cssVars": {
		"theme": {
			"animate-shiny-text": "shiny-text 8s infinite"
		}
	},
	"files": [
		{
			"content": "<script lang=\"ts\">\n\timport { cn } from \"$UTILS$\";\n\tinterface Props {\n\t\tchildren?: import(\"svelte\").Snippet;\n\t\tclass?: string;\n\t\tshimmerWidth?: number;\n\t\tduration?: number;\n\t\t[key: string]: any;\n\t}\n\n\tlet {\n\t\tchildren,\n\t\tclass: className,\n\t\tshimmerWidth = 100,\n\t\tduration = 8,\n\t\t...restProps\n\t}: Props = $props();\n</script>\n\n<span\n\tstyle=\"--shiny-width: {shimmerWidth}px; --duration: {duration}s\"\n\tclass={cn(\n\t\t\"mx-auto max-w-md text-neutral-600/70 dark:text-neutral-400/70\",\n\t\t\"animate-shiny-text bg-size-[var(--shiny-width)_100%] bg-clip-text bg-position-[0_0] bg-no-repeat [transition:background-position_1s_cubic-bezier(.6,.6,0,1)_infinite]\",\n\t\t\"bg-linear-to-r from-transparent via-black/80 via-50% to-transparent dark:via-white/80\",\n\t\tclassName\n\t)}\n\t{...restProps}\n>\n\t{@render children?.()}\n</span>\n",
			"type": "registry:component",
			"target": "magic/animated-shiny-text/animated-shiny-text.svelte"
		}
	]
}