### Run Documentation Site Locally

Source: https://github.com/lafittemehdy/veil/blob/main/README.md

Use this command to start the development server for the documentation site. Ensure you are in the root directory of the monorepo.

```bash
npm run dev --workspace=docs
```

--------------------------------

### Install React Veil

Source: https://github.com/lafittemehdy/veil/blob/main/react-veil/README.md

Install the react-veil package using npm or yarn.

```bash
npm install react-veil
# or
yarn add react-veil
```

--------------------------------

### Build Documentation Site

Source: https://github.com/lafittemehdy/veil/blob/main/README.md

This command builds the static assets for the documentation site. Run it from the monorepo root.

```bash
npm run build --workspace=docs
```

--------------------------------

### Build React Component Library

Source: https://github.com/lafittemehdy/veil/blob/main/README.md

This command builds the react-veil component library. It should be run from the monorepo root.

```bash
npm run build --workspace=react-veil
```

--------------------------------

### Basic Usage with ArchClip

Source: https://github.com/lafittemehdy/veil/blob/main/react-veil/README.md

Import ArchClip and the library's CSS, then wrap your media element. Control the size of the Veil component via its parent container.

```jsx
import { ArchClip } from 'react-veil';
import 'react-veil/style.css'; // Main styles for the components

// Example in your component:
// You can control the size of the Veil component via its parent.
// The Veil component itself will take up 100% width of its parent.
<div style={{ width: '300px' /* or any size you need */ }}>
  <ArchClip>
    <img src="your-image.jpg" alt="My pic" />
  </ArchClip>
</div>
```

--------------------------------

### Usage with Video and RoundedRectangleClip

Source: https://github.com/lafittemehdy/veil/blob/main/react-veil/README.md

Wrap video elements with components like RoundedRectangleClip. Ensure the parent container defines the desired dimensions.

```jsx
import { RoundedRectangleClip } from 'react-veil';
import 'react-veil/style.css';

// Works with videos too!
<div style={{ width: '300px' }}>
  <RoundedRectangleClip>
    <video src="your-video.mp4" autoPlay loop muted playsInline />
  </RoundedRectangleClip>
</div>
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.