<!-- source-hash: 7e8f797fecf2f25d484ba29092825472 -->
A React component that provides horizontal and vertical visual separators built on top of Radix UI's Separator primitive with customizable styling and accessibility features.

## Key Components

- **Separator** - A forwardRef component that renders visual dividers with configurable orientation
- **SeparatorPrimitive** - Radix UI base component providing accessibility and behavior
- **cn** - Utility function for conditional CSS class merging

## Usage Example

```typescript
import { Separator } from "./separator"

function MyComponent() {
  return (
    <div className="space-y-4">
      <div>Content above</div>
      
      {/* Horizontal separator (default) */}
      <Separator />
      
      <div>Content below</div>
      
      {/* Vertical separator */}
      <div className="flex items-center space-x-4">
        <span>Left content</span>
        <Separator orientation="vertical" className="h-8" />
        <span>Right content</span>
      </div>
      
      {/* Custom styled separator */}
      <Separator 
        className="bg-red-500 h-2" 
        decorative={false}
        aria-label="Section divider"
      />
    </div>
  )
}
```

The component automatically applies appropriate dimensions (1px height for horizontal, 1px width for vertical) and includes proper ARIA attributes for accessibility. The `decorative` prop defaults to `true` for purely visual separators.