---

## Guide
The guided-tour renderer — the deliberately opt-in, intrusive Guide surface
(§6, low priority). Renders the active tour the controller drives (`startTour`/`next`/`prev`/
`skip`/`finish`): a spotlight that dims everything but a cut-out hole over the current step's
target (the one *subtractive* Guide treatment, D5) plus an anchored bubble with the step
title, body, dot progress, and Back / Next / Skip controls. Mount once inside `GuideProvider`;
it renders nothing until a tour starts. Top-layer (native popover), so it clears app stacking
contexts; it steps aside (pauses) when a foreign modal stacks above it. A step with no `target`
renders centered over a full scrim. Renders inert without a `GuideProvider`.

**Import:** `import { Guide } from '@urbicon-ui/blocks';`

### Examples
```svelte
<script>
  import { GuideProvider, Guide, GuideController } from '@urbicon-ui/blocks';
  const guide = new GuideController();
  const tour = {
    id: 'welcome',
    steps: [
      { target: 'save-button', title: 'Save', body: 'Persist your changes here.' },
      { target: 'filter-control', title: 'Filter', body: 'Narrow the list.', interactive: true }
    ]
  };
</script>

<GuideProvider controller={guide}>
  <Guide />
  <button onclick={() => guide.startTour(tour)}>Take the tour</button>
</GuideProvider>
```

### Api
| Prop | Type | Required | Default | Description |
| --- | --- | :---: | --- | --- |
| arrow | `boolean` | no | true | Render the bubble's pointer arrow on anchored steps. |
| class | `string` | no |  | Additional classes on the bubble. |
| padding | `number` | no | 8 | Padding in px between the step target and the spotlight hole edge. Also frames the additive highlight ring the engine paints on the target. |
| placement | `Placement` | no | 'bottom' | Preferred bubble placement when a step omits its own `placement`. |
| preset | `string` | no |  | Apply a named preset registered via `<BlocksProvider presets={{ Guide: {...} }}>`. |
| radius | `number` | no |  | Spotlight hole corner radius in px. When omitted, it follows the target's own border-radius (plus `padding`), clamped to the hole size. Set a number to force it. |
| slotClasses | `Partial<Record<GuideTourSlots | 'skip' | 'prev' | 'next', string>>` | no |  | Per-slot class overrides. Beyond the tour's own `tv()` slots, `skip` / `prev` / `next` forward to the footer's nested `<Button>`s (which own their internal markup). |
| unstyled | `boolean` | no | false | Strip all default styles. |