feat: Enhance Aside component with comprehensive documentation and interactive stories

[Copilot]

• Enhance Aside component with comprehensive documentation and interactive stories
• Fix eslint issues in aside.vue (remove extra blank lines, add trailing commas)
• Fix TypeScript linting issues in aside.ts (add missing semicolons)
• Create Cypress test file for visual regression testing
• Update visual regression screenshots (requires Cypress installation)

---

💬 Share your feedback on Copilot coding agent for the chance to win a $200 gift card! Click here to start the survey.

[Copilot]

@leonid 👋 This repository doesn't have Copilot instructions. With Copilot instructions, I can understand the repository better, work faster and produce higher quality PRs.

I can generate a .github/copilot-instructions.md file for you automatically. Click here to open a pre-filled issue and assign it to me. I'll write the instructions, and then tag you for review.

[Copilot]

Pull Request Overview

This PR significantly enhances the existing basic Aside component into a comprehensive, enterprise-ready UI component with extensive positioning, theming, accessibility, and interactive features. The enhancement addresses all requirements from issue #117.

Key changes include:

• Comprehensive feature set: Added positioning (anchor/position), v-model support, collapsible behavior, theming system, and slot-based layout
• Enhanced accessibility: ARIA attributes, semantic HTML structure, and keyboard navigation support
• Interactive functionality: Event system with open/close/toggle events and animation controls

Reviewed Changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 5 comments.

File	Description
packages/ui/src/components/aside/aside.vue	Complete component rewrite with new props, computed properties, event handling, and structured template with header/content/footer slots
packages/ui/src/components/aside/aside.ts	Expanded type definitions with new interfaces for props, events, and slots, including anchor/position types
packages/ui/src/components/aside/aside.spec.ts	Comprehensive test suite covering all new functionality including props, events, accessibility, and edge cases
packages/ui/src/components/aside/aside.css	Complete CSS rewrite with design tokens, positioning styles, animations, color variations, and responsive behavior

[leonid]

@copilot please fix eslint issues,
update visual regression screen shots

[Copilot]

@copilot please fix eslint issues,
update visual regression screen shots

Fixed eslint issues in the Aside component files:

Linting issues fixed (commit 6b7f753):

• ✅ Removed extra blank lines at end of aside.vue
• ✅ Added missing trailing commas in Vue template and props
• ✅ Added missing semicolons in TypeScript interfaces (aside.ts)
• ✅ Created Cypress test file for visual regression testing

Visual regression screenshots:
❌ Unable to update visual regression screenshots automatically due to Cypress installation failing in the current environment (network restrictions preventing download from download.cypress.io).

To update the screenshots manually:

cd packages/ui
pnpm run cypress:update

This will generate new snapshots at cypress/snapshots/src/components/aside/aside.cy.ts/aside-all-variants.snap.png

The Aside component now has proper linting compliance and is ready for visual regression testing once Cypress is available.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• download.cypress.io
  • Triggering command: node index.js --exec install (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

[leonid]

@copilot fix ci issues, related to renaming width property to size