'use client'; import * as React from 'react'; import * as SeparatorPrimitive from '@radix-ui/react-separator'; import { cn } from '../../shared/utils'; /** * Themed visual divider line. * * @description * Renders a horizontal or vertical separator using the `bg-border` design token, * ensuring consistent appearance across light and dark modes. * * @ai-rules * 1. NEVER use a raw `
` element — it lacks the required ARIA roles and design token styling. * 2. Use `orientation="vertical"` within flex containers to create vertical dividers. */ function Separator({ className, orientation = 'horizontal', decorative = true, ...props }: React.ComponentProps) { return ( ); } export { Separator };