Skeleton

1// Base UI base skeleton — presentational, no headless primitive in any base.
2//
3// UNVERIFIED PROVENANCE: derived from this package's React Aria base rather than transcribed
4// from upstream's `bases/base-ui/ui/skeleton.tsx`, which was not available at port time.
5// Skeleton is the WORST case for this, and the reason the whole batch is labelled: the Radix
6// base renders `bg-accent` where the React Aria base renders `bg-muted`, so the one token that
7// matters here is known to differ ACROSS bases. Verify against the upstream source.
8import { cn } from '@/lib/utils';
9import type { DivProps } from '@/lib/types';
10 
11export function Skeleton({ className, ...props }: DivProps) @{
12	<div
13		data-slot="skeleton"
14		className={cn('animate-pulse rounded-md bg-muted', className)}
15		{...props}
16	/>
17}