{
	"$schema": "https://shadcn-svelte.com/schema/registry-item.json",
	"name": "status-dot",
	"title": "Status Dot",
	"type": "registry:ui",
	"description": "A simple indicator for state, presence, or activity.",
	"devDependencies": [
		"tailwind-variants@^3.1.1"
	],
	"files": [
		{
			"content": "<script lang=\"ts\">\n\timport { cn } from '$UTILS$';\n\timport { tv, type VariantProps } from 'tailwind-variants';\n\n\tconst dotVariants = tv({\n\t\tbase: 'rounded-full',\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-primary text-primary',\n\t\t\t\tsuccess: 'bg-emerald-500 text-emerald-500',\n\t\t\t\twarning: 'bg-amber-500 text-amber-500',\n\t\t\t\terror: 'bg-rose-500 text-rose-500',\n\t\t\t\tinfo: 'bg-sky-500 text-sky-500',\n\t\t\t\tmuted: 'bg-muted-foreground/50 text-muted-foreground/50'\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tsm: 'h-2 w-2',\n\t\t\t\tmd: 'h-3 w-3',\n\t\t\t\tlg: 'h-4 w-4'\n\t\t\t}\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: 'default',\n\t\t\tsize: 'md'\n\t\t}\n\t});\n\n\ttype Variant = VariantProps<typeof dotVariants>['variant'];\n\ttype Size = VariantProps<typeof dotVariants>['size'];\n\n\tlet {\n\t\tclass: className,\n\t\tvariant = 'default',\n\t\tsize = 'md',\n\t\tpulse = false,\n\t\t...rest\n\t}: {\n\t\tclass?: string;\n\t\tvariant?: Variant;\n\t\tsize?: Size;\n\t\tpulse?: boolean;\n\t\t[key: string]: any;\n\t} = $props();\n</script>\n\n<span\n\tclass={cn('relative flex items-center justify-center', dotVariants({ size }), className)}\n\t{...rest}\n>\n\t{#if pulse}\n\t\t<span\n\t\t\tclass={cn(\n\t\t\t\t'absolute inline-flex h-full w-full animate-ping rounded-full opacity-75',\n\t\t\t\tdotVariants({ variant, size: undefined })\n\t\t\t)}\n\t\t></span>\n\t{/if}\n\t<span class={cn('relative inline-flex rounded-full', dotVariants({ variant, size }))}></span>\n</span>\n",
			"type": "registry:ui",
			"target": "status-dot/status-dot.svelte"
		},
		{
			"content": "import StatusDot from \"./status-dot.svelte\";\r\n\r\nexport { StatusDot as Root };",
			"type": "registry:ui",
			"target": "status-dot/index.ts"
		}
	]
}