v2.8.0

v2.8.0 (2025-12-24)

✨ New Features

ProfileHeaderExtendedGlass (#29)

Extended user profile header section component with GitHub-compatible fields.

Features:

• GitHub API compatible user interface (name, login, avatar, bio, location, createdAt)
• Extended stats display (repos, followers, following, gists)
• LanguageBarGlass integration for programming language distribution
• Compound component API with 15+ sub-components
• Glass UI styling with theme support (glass, light, aurora)
• Responsive layout (mobile/desktop)
• Accessible with proper ARIA labels

Sub-components:

• ProfileHeaderExtendedGlass.Root - Container with glass styling
• ProfileHeaderExtendedGlass.Avatar - Profile avatar with glow
• ProfileHeaderExtendedGlass.Info - User info container
• ProfileHeaderExtendedGlass.Name - Display name
• ProfileHeaderExtendedGlass.Username - Login/handle with link
• ProfileHeaderExtendedGlass.Bio - User biography
• ProfileHeaderExtendedGlass.Location - Location with icon
• ProfileHeaderExtendedGlass.JoinDate - Join date with calendar icon
• ProfileHeaderExtendedGlass.Stats - Stats container (repos, followers, following, gists)
• ProfileHeaderExtendedGlass.Languages - Language distribution bar

Usage:

import { ProfileHeaderExtendedGlass } from 'shadcn-glass-ui';

<ProfileHeaderExtendedGlass
  user={{
    name: "The Octocat",
    login: "octocat",
    avatar: "https://avatars.githubusercontent.com/u/583231",
    url: "https://github.com/octocat",
    createdAt: "2011-01-25",
    bio: "GitHub mascot",
    location: "San Francisco",
    stats: { repos: 8, followers: 9847, following: 9 }
  }}
  languages={[
    { name: "TypeScript", percentage: 65, color: "#3178c6" },
    { name: "JavaScript", percentage: 25, color: "#f7df1e" },
    { name: "CSS", percentage: 10, color: "#563d7c" }
  ]}
/>

📦 Files Added

• src/components/glass/sections/profile-header-extended-glass.tsx
• src/components/glass/sections/__tests__/profile-header-extended-glass.test.tsx
• src/components/glass/sections/profile-header-extended-glass.stories.tsx
• src/components/__visual__/profile-header-extended.visual.test.tsx
• public/r/profile-header-extended-glass.json

✅ Test Coverage

• 25 unit tests for ProfileHeaderExtendedGlass (100% pass rate)
• Visual regression tests added

---

Full Changelog: v2.7.0...v2.8.0