Collapse code examples in demo pages ...

Each .code-example block is now collapsed by default: the header keeps
its title and copy button and gains a chevron toggle (built at runtime
by code-examples.js, works identically in vanilla and Vue demos since
they share the demo bundle). Expanded state is one next-frame class
flip with aria-expanded/aria-controls on the button.

Demo page height drops 50555px -> 32603px (~35% shorter); demo-sync
stays at 0 differences.

Redesign toast UX: compact layout, progress bar, title-only mode ...

- Replace heavy colored header strip with inline icon+title header
- Add thin bottom progress bar showing remaining lifetime
- Support title-only compact single-line toasts (no text = no body padding)
- Increase tinted background opacity from 0.06 to 0.18 for visibility
- Fix vanilla toast defaults: all variants now use lifetime=4000, alone=true
- Add demo buttons for title-only variants in both vanilla and Vue demos
- Remove hover effect from toast close button
- Adjust close button position (top: 5px) and progress bar margin (1px)

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

v0.3.0 — GnUserCard, NavigationShell footer slot, Vue demo partials ...

Features:
- Add GnUserCard Vue component with compact and full variants
- Add GnNavigationShell #footer slot for custom footer content
- Add profile footer demo in navigation-shell section
- Split demo/vue.html into 27 partials under demo/partials/vue/
- Fix toast open animation (nextTick + requestAnimationFrame pattern)

Style:
- Add .user-card and .user-card-compact to _cards.scss
- Add .profile-identity to _navigation-shell.scss

Docs:
- Add demo synchronization rules to CLAUDE.md

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Fix demo navigation to rely only on URL hash ...

Removed scroll-based active-section detection. Navigation now uses
`hashchange` event and `window.location.hash` exclusively, preventing
cross-tab state leakage.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Replace code-example-copy with standard btn-icon ...

All copy buttons inside `.code-example` blocks now use `.btn-icon.btn-icon-sm`
with a Phosphor `ph-copy` icon instead of the old text-based `.code-example-copy`.

Updated `code-examples.js` to swap the icon to `ph-check` for 1.2 s after copy,
matching the behaviour of `GnCopyButton`.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Ensure every icon carries the base `ph` class ...

- `iconNode()` in `src/vue/utils.js` now always prepends `ph` to the
  generated <i> class list, guaranteeing the base Phosphor font-family.
- Fix all raw HTML/JS spinners that used `ph-bold ph-spinner` without
  the base `ph` class: buttons demo, helper.js loading states.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Included dist to repo