shadcn-glass-ui 1.0.0 → 1.0.7

package/CHANGELOG.md

@@ -5,6 +5,174 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.0.7] - 2025-12-06
+
+### 🔄 Changed
+
+**Package Name:**
+- Renamed package from `@yhooi2/shadcn-glass-ui` to `shadcn-glass-ui`
+- Simpler installation: `npm install shadcn-glass-ui`
+- **Migration:** Update your `package.json` dependencies from `@yhooi2/shadcn-glass-ui` to `shadcn-glass-ui`
+
+**Publishing:**
+- Now publishing only to npm Registry (removed GitHub Packages)
+- Simplified installation - no authentication required
+- Single source of truth for package distribution
+
+### 📚 Documentation
+
+- Updated all documentation to reflect new package name
+- Removed GitHub Packages installation instructions
+- Updated README badges and links
+- Simplified installation guide
+
+### 🗑️ Removed
+
+- GitHub Packages publishing workflow
+- GitHub Packages documentation
+- Removed cyclic self-dependency from package.json
+
+### 📦 Migration Guide
+
+If you're upgrading from `@yhooi2/shadcn-glass-ui`:
+
+```bash
+# Uninstall old package
+npm uninstall @yhooi2/shadcn-glass-ui
+
+# Install new package
+npm install shadcn-glass-ui
+```
+
+Update your imports (no changes needed - imports remain the same):
+```tsx
+// Still works the same way
+import { ButtonGlass, InputGlass } from 'shadcn-glass-ui';
+```
+
+## [1.0.6] - 2025-12-06
+
+### 🔄 Changed
+
+**Package Name:**
+- Renamed package from `@yhooi2/shadcn-glass-ui` to `shadcn-glass-ui`
+- Simpler installation: `npm install shadcn-glass-ui`
+- **Migration:** Update your `package.json` dependencies from `@yhooi2/shadcn-glass-ui` to `shadcn-glass-ui`
+
+**Publishing:**
+- Now publishing only to npm Registry (removed GitHub Packages)
+- Simplified installation - no authentication required
+- Single source of truth for package distribution
+
+### 📚 Documentation
+
+- Updated all documentation to reflect new package name
+- Removed GitHub Packages installation instructions
+- Updated README badges and links
+- Simplified installation guide
+
+### 🗑️ Removed
+
+- GitHub Packages publishing workflow
+- GitHub Packages documentation
+- Removed cyclic self-dependency from package.json
+
+### 📦 Migration Guide
+
+If you're upgrading from `@yhooi2/shadcn-glass-ui`:
+
+```bash
+# Uninstall old package
+npm uninstall @yhooi2/shadcn-glass-ui
+
+# Install new package
+npm install shadcn-glass-ui
+```
+
+Update your imports (no changes needed - imports remain the same):
+```tsx
+// Still works the same way
+import { ButtonGlass, InputGlass } from 'shadcn-glass-ui';
+```
+
+## [1.0.5] - 2025-12-06
+
+### ✨ Added
+
+**Glass Variants System:**
+- New comprehensive glass effect variants: `crystal`, `frosted`, `fluted`, `glass`
+- Color tint modifiers: `purple`, `cyan`, `amber`, `emerald`, `rose`
+- Intensity modifiers: `subtle`, `medium`, `strong`
+- 72 total variant combinations (4 base × 6 tints × 3 intensities)
+- New CSS utility classes in `primitives.css` for all variants
+
+**Components:**
+- `GlassVariantsDemo` - Interactive showcase of all 72 glass variant combinations
+- Updated `GlassCard.stories.tsx` with variant demonstrations
+
+**Publishing:**
+- Dual registry support: npm Registry + GitHub Packages
+- Automated publishing to both registries on release
+- Enhanced GitHub Actions workflow with registry validation
+
+### 📚 Documentation
+
+- Updated `Introduction.mdx` with dual registry installation instructions
+- Enhanced Storybook preview with 3-theme switcher (Glass/Light/Aurora)
+- Added comprehensive glass variants documentation
+- Updated installation guide with both npm and GitHub Packages options
+
+### 🧪 Testing
+
+- Added 27 visual regression tests for glass variants
+- Full coverage across all 3 themes (glass, light, aurora)
+- Visual baselines for all variant combinations
+- Tests for intensity modifiers and color tints
+
+### 🔧 Infrastructure
+
+- GitHub Actions workflow publishes to npm + GitHub Packages
+- `NODE_AUTH_TOKEN` authentication for npm
+- `GITHUB_TOKEN` authentication for GitHub Packages
+- Automated version verification before publish
+- Enhanced CI/CD pipeline with dual-registry support
+
+### 🗑️ Cleanup
+
+- Removed temporary `.claude/tepm` files
+- Cleaned up legacy configuration files
+
+## [1.0.3] - 2025-12-06
+
+### 🔧 Fixed
+
+- Workflow authentication for dual registry publishing
+- Package metadata alignment between registries
+
+## [1.0.2] - 2025-12-06
+
+### 📚 Documentation
+
+- Updated Storybook documentation with LinkTo components for improved navigation
+- Added comprehensive documentation for Blocks, Composite, Core, and Section components
+- Implemented custom Glass UI theme for Storybook Manager
+- Added Design System and Getting Started guides in Storybook
+
+### 🔧 Maintenance
+
+- Updated GitHub Actions workflow to use OIDC publishing (no auth token needed)
+- Fixed npm publish workflow to explicitly set registry URL
+- Improved package.json metadata with correct registry configuration
+
+## [1.0.1] - 2025-12-05
+
+### 🚀 Initial Public Release
+
+- First public release to npm registry
+- Added registry system for shadcn CLI compatibility
+- Added registry submission guide and CI/CD automation
+- Added git hook to prevent committing non-Linux screenshots
+
 ## [1.0.0] - 2025-12-05
 
 ### ⚠️ BREAKING CHANGES

package/README.md

@@ -1,21 +1,25 @@
 # shadcn-glass-ui
 
-> Modern glassmorphism UI component library for React with full shadcn/ui compatibility
-
 [![npm version](https://img.shields.io/npm/v/shadcn-glass-ui.svg)](https://www.npmjs.com/package/shadcn-glass-ui)
-[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+[![npm downloads](https://img.shields.io/npm/dm/shadcn-glass-ui.svg)](https://www.npmjs.com/package/shadcn-glass-ui)
+[![License](https://img.shields.io/npm/l/shadcn-glass-ui.svg)](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/main/LICENSE)
+[![CI](https://github.com/Yhooi2/shadcn-glass-ui-library/workflows/CI%2FCD%20Pipeline/badge.svg)](https://github.com/Yhooi2/shadcn-glass-ui-library/actions)
+[![Bundle Size](https://img.shields.io/bundlephobia/minzip/shadcn-glass-ui)](https://bundlephobia.com/package/shadcn-glass-ui)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.9-blue)](https://www.typescriptlang.org/)
-[![Tests](https://img.shields.io/badge/tests-2,127%20passing-success)](https://github.com/yourusername/shadcn-glass-ui)
+[![React](https://img.shields.io/badge/React-19.2-blue)](https://reactjs.org/)
+[![Tailwind CSS](https://img.shields.io/badge/Tailwind-4.1-blue)](https://tailwindcss.com/)
+
+Modern glassmorphism UI component library for React with full shadcn/ui compatibility.
 
 ## ✨ Highlights
 
-- 🎨 **48 Components** - Core UI (16) + Atomic (4) + Composites (5) + Sections (6) + Blocks (6) + New (11)
+- 🎨 **55 Components** - Core UI (18) + Atomic (6) + Composite (13) + Sections (7) + Specialized (8) + Primitives (3)
 - 🌈 **3 Themes** - Glass (dark glassmorphism), Light (clean minimal), Aurora (gradient glow)
 - 🔮 **Advanced Patterns** - asChild polymorphic rendering, Compound components (Modal, Tabs)
 - ♿ **WCAG 2.1 AA** - Full accessibility compliance with automated testing
 - 📱 **Touch Optimized** - 44×44px minimum touch targets (Apple HIG)
 - ⚡ **Modern Stack** - React 19, Tailwind v4, Vitest 4, Storybook 10, Vite 7
-- 🧪 **704 Tests** - 125 unit tests + 579 visual regression (99.5% passing)
+- 🧪 **1355+ Tests** - 650+ compliance + 580 visual regression + 125 unit tests
 - 📦 **shadcn Compatible** - Works seamlessly with existing shadcn/ui projects
 - 🎯 **Design System** - Comprehensive [UI_DESIGN.md](docs/design-system/UI_DESIGN.md) specifications
 - 📦 **Bundle Size** - ~110KB gzipped (production build)
@@ -31,94 +35,52 @@
 
 See [DEPENDENCIES.md](DEPENDENCIES.md) for detailed dependency documentation.
 
-## 🚀 Quick Start
+## 📚 Documentation
 
-### Installation
+- **[Live Storybook](https://yhooi2.github.io/shadcn-glass-ui-library/)** - Interactive component demos
+- **[npm Package](https://www.npmjs.com/package/shadcn-glass-ui)** - Public npm registry
+- **[Getting Started Guide](docs/GETTING_STARTED.md)** - Setup tutorial
+- **[GitHub](https://github.com/Yhooi2/shadcn-glass-ui-library)** - Source code
+- [Component Documentation](https://yhooi2.github.io/shadcn-glass-ui-library/?path=/docs) - Detailed API references
+- [Registry Usage Guide](docs/REGISTRY_USAGE.md) - shadcn CLI installation guide
+- [Design System](docs/design-system/UI_DESIGN.md) - Comprehensive UI specifications
+- [Migration Guides](docs/migration/) - Upgrade and API changes
 
-#### Option 1: shadcn CLI (Recommended)
+## 📦 Installation
 
-Add individual components to your existing shadcn/ui project:
-
-```bash
-npx shadcn@latest add @shadcn-glass-ui/button
-npx shadcn@latest add @shadcn-glass-ui/input
-npx shadcn@latest add @shadcn-glass-ui/modal
-```
-
-#### Option 2: NPM Package
-
-Install the entire library:
+Install from npm registry:
 
 ```bash
 npm install shadcn-glass-ui
 ```
 
-#### Option 3: Manual Copy
-
-Copy component files directly from the repository:
-
-```bash
-# Clone the repository
-git clone https://github.com/yourusername/shadcn-glass-ui.git
+## 🚀 Quick Start
 
-# Copy components
-cp shadcn-glass-ui/src/components/glass/ui/button-glass.tsx your-project/components/ui/
-```
+**Requirements:**
+- React 18.0+ or 19.0+
+- React-DOM 18.0+ or 19.0+
+- Tailwind CSS 4.0+
 
 ### Basic Usage
 
 ```tsx
-import { ButtonGlass, InputGlass, AlertGlass } from 'shadcn-glass-ui';
+import { ButtonGlass, InputGlass, ThemeProvider } from 'shadcn-glass-ui';
+import 'shadcn-glass-ui/dist/styles.css';
 
-export default function App() {
+function App() {
   return (
-    <div className="theme-glass min-h-screen p-8">
-      <ButtonGlass variant="primary">Click me</ButtonGlass>
-      <ButtonGlass variant="destructive">Delete</ButtonGlass>
-      <InputGlass placeholder="Enter text..." />
-      <AlertGlass variant="default" title="Welcome">
-        Getting started with shadcn-glass-ui
-      </AlertGlass>
-    </div>
+    <ThemeProvider defaultTheme="glass">
+      <div className="p-8 space-y-4">
+        <ButtonGlass variant="primary" size="lg">
+          Click me
+        </ButtonGlass>
+        <InputGlass placeholder="Enter text..." />
+      </div>
+    </ThemeProvider>
   );
 }
-```
-
-### Theme Setup
-
-Add CSS variables to your `globals.css`:
-
-```css
-@import 'shadcn-glass-ui/dist/styles.css';
-
-/* Or define variables manually */
-:root {
-  --blur-sm: 8px;
-  --blur-md: 16px;
-  --blur-lg: 24px;
-  --blur-xl: 32px;
-  --card-medium-bg: rgba(255, 255, 255, 0.15);
-  --card-medium-border: rgba(255, 255, 255, 0.15);
-}
-```
-
-Apply theme class to your app:
-
-```tsx
-// Glass theme (dark glassmorphism)
-<div className="theme-glass">
-  <App />
-</div>
-
-// Light theme
-<div className="theme-light">
-  <App />
-</div>
 
-// Aurora theme (gradient)
-<div className="theme-aurora">
-  <App />
-</div>
+export default App;
 ```
 
 ## 🆕 Advanced Features (Phase 3)
@@ -291,12 +253,12 @@ Detailed migration guides are available in the [docs/migration/](docs/migration/
 
 See [CHANGELOG.md](CHANGELOG.md) for complete version history and breaking changes.
 
-## 📚 Documentation
+## 📚 Full Documentation
 
 - **[Getting Started Guide](docs/GETTING_STARTED.md)** - Comprehensive setup tutorial
 - **[AI Usage Guide](docs/AI_USAGE.md)** - Using library with AI assistants (Copilot, Claude, GPT)
 - **[Publishing Guide](docs/PUBLISHING.md)** - Build and publish with TypeScript declarations
-- **[Storybook](https://yourusername.github.io/shadcn-glass-ui/)** - Live component demos
+- **[Storybook](https://yhooi2.github.io/shadcn-glass-ui-library/)** - Live component demos
 - **[UI Design System](docs/design-system/UI_DESIGN.md)** - Complete design specifications
 - **[Visual Testing Guide](docs/visual-testing-guide.md)** - Screenshot update workflow
 - **[Migration Guide](MIGRATION_GUIDE.md)** - Upgrading from v1
@@ -306,12 +268,12 @@ See [CHANGELOG.md](CHANGELOG.md) for complete version history and breaking chang
 
 ## 🎯 Component Categories
 
-### Level 1: Core UI (17 components)
+### Level 1: Core UI (18 components)
 
 Essential building blocks for any application:
 
-- **Buttons & Actions**: ButtonGlass, IconButtonGlass
-- **Inputs**: InputGlass, CheckboxGlass, ToggleGlass, SliderGlass, ComboBoxGlass
+- **Buttons & Actions**: ButtonGlass
+- **Inputs**: InputGlass, CheckboxGlass, ToggleGlass, SliderGlass, ComboBoxGlass, PopoverGlass
 - **Containers**: GlassCard, ModalGlass
 - **Navigation**: TabsGlass, DropdownGlass
 - **Feedback**: BadgeGlass, AlertGlass, NotificationGlass, TooltipGlass, SkeletonGlass,
@@ -320,19 +282,16 @@ Essential building blocks for any application:
 
 [View all Core UI components →](src/components/glass/ui/)
 
-### Level 2: Atomic (9 components)
+### Level 2: Atomic (6 components)
 
 Small, specialized components for specific use cases:
 
-- **StatusIndicatorGlass** - Status dots with glow effect
-- **SegmentedControlGlass** - Segmented button group
-- **RainbowProgressGlass** - Rainbow gradient progress bar
-- **LanguageBarGlass** - Language proficiency bar with legend
-- **StatItemGlass** - Individual stat display
 - **SearchBoxGlass** - Search input with icon
 - **ThemeToggleGlass** - Theme switcher button
 - **ExpandableHeaderGlass** - Collapsible header section
 - **SortDropdownGlass** - Sorting dropdown menu
+- **StatItemGlass** - Individual stat display
+- **IconButtonGlass** - Icon-only button variant
 
 [View all Atomic components →](src/components/glass/atomic/)
 
@@ -340,22 +299,37 @@ Small, specialized components for specific use cases:
 
 Pre-built complex components combining multiple elements:
 
+- **AICardGlass** - AI summary card with feature list
 - **MetricCardGlass** - Metric display card with progress indicator
 - **YearCardGlass** - Year card for career timeline
-- **AICardGlass** - AI summary card with feature list
+- **CircularMetricGlass** - Circular progress metric display
 - **RepositoryCardGlass** - Repository card with expandable details
+- **RepositoryHeaderGlass** - Repository header with metadata
+- **RepositoryMetadataGlass** - Repository metadata display
 - **TrustScoreDisplayGlass** - Trust score with visual indicator
-- **ProfileAvatarGlass** - Large avatar with glow animation
-- **FlagAlertGlass** - Warning/danger flag alert with icon
 - **UserStatsLineGlass** - User statistics horizontal display
-- **ProjectCardGlass** - Project card with status and metadata
-- **TeamMemberCardGlass** - Team member profile card
-- **NotificationCardGlass** - Notification card with actions
-- **TimelineItemGlass** - Timeline entry with connector
-- **PricingCardGlass** - Pricing tier card with features
+- **UserInfoGlass** - User information card
+- **CareerStatsHeaderGlass** - Career statistics header
+- **ContributionMetricsGlass** - Contribution metrics display
+- **MetricsGridGlass** - Grid layout for metrics
 
 [View all Composite components →](src/components/glass/composite/)
 
+### Specialized Components (8 components)
+
+Advanced specialized components for specific use cases:
+
+- **StatusIndicatorGlass** - Status dots with glow effect
+- **SegmentedControlGlass** - Segmented button group
+- **RainbowProgressGlass** - Rainbow gradient progress bar
+- **LanguageBarGlass** - Language proficiency bar with legend
+- **ProfileAvatarGlass** - Large avatar with glow animation
+- **FlagAlertGlass** - Warning/danger flag alert with icon
+- **ProgressGlass** - Enhanced progress bar
+- **BaseProgressGlass** - Base progress component
+
+[View all Specialized components →](src/components/glass/specialized/)
+
 ### Level 4: Sections (7 components)
 
 Full-page sections ready to use in your application:
@@ -370,27 +344,30 @@ Full-page sections ready to use in your application:
 
 [View all Section components →](src/components/glass/sections/)
 
-### Blocks (6 ready-to-use sections)
+### Blocks (6 ready-to-use demo sections)
 
-Complete component showcases following shadcn/ui pattern:
+Complete component showcases following shadcn/ui pattern - these are demo/documentation components, not production-ready blocks:
 
-- **ButtonsBlock** - All button variants, sizes, states
+- **ButtonsBlock** - All button variants, sizes, states demo
 - **FormElementsBlock** - Input, Slider, Toggle, Checkbox demos
-- **ProgressBlock** - Progress bars, RainbowProgress, Skeletons
-- **AvatarGalleryBlock** - Avatar sizes and status indicators
-- **BadgesBlock** - Badge variants with tooltips
-- **NotificationsBlock** - Notifications and alerts
+- **ProgressBlock** - Progress bars, RainbowProgress, Skeletons demo
+- **AvatarGalleryBlock** - Avatar sizes and status indicators demo
+- **BadgesBlock** - Badge variants with tooltips demo
+- **NotificationsBlock** - Notifications and alerts demo
 
-[View all Blocks →](src/components/blocks/)
+**Note:** Blocks are showcase/demo components visible in Storybook. For production use, utilize individual components from the categories above.
 
-### Demo Pages (2 full applications)
+[View Blocks in Storybook →](https://yhooi2.github.io/shadcn-glass-ui-library/?path=/story/glass-blocks--default)
 
-Complete application examples:
+### Demo Pages (3 full applications)
 
-- **ComponentShowcase** - Interactive demo of all 57 core components
+Complete application examples showcasing all components:
+
+- **ComponentShowcase** - Interactive demo of all 55 components with theme switching
 - **DesktopShowcase** - GitHub Analytics desktop application mockup with glassmorphism design
+- **MobileShowcase** - Mobile-optimized GitHub profile view with responsive layout
 
-[Try live demos →](https://yourusername.github.io/shadcn-glass-ui/)
+[Try live demos →](https://yhooi2.github.io/shadcn-glass-ui-library/)
 
 ## 🎨 Themes
 
@@ -474,23 +451,33 @@ function ThemeSwitcher() {
 }
 ```
 
-## 🔮 Glass Effect Variants
+## 🔮 Glass Effect Intensity
 
-Each GlassCard supports 4 glass effect variants:
+GlassCard supports 3 intensity levels for customizable blur effects:
 
 ```tsx
-// Standard glassmorphism (16px blur)
-<GlassCard variant="glass">Standard Glass</GlassCard>
-
-// Heavy frosted effect (32px blur)
-<GlassCard variant="frosted">Frosted Glass</GlassCard>
+// Subtle glass effect (8px blur)
+<GlassCard intensity="subtle">
+  Subtle Effect
+</GlassCard>
+
+// Standard glassmorphism (16px blur - default)
+<GlassCard intensity="medium">
+  Standard Glass
+</GlassCard>
+
+// Strong glass effect (24px blur)
+<GlassCard intensity="strong">
+  Strong Effect
+</GlassCard>
+```
 
-// Vertical streaks effect
-<GlassCard variant="fluted">Fluted Glass</GlassCard>
+**Intensity Levels:**
+- `subtle` - 8px blur (--blur-sm) - Light glass effect
+- `medium` - 16px blur (--blur-md) - Standard cards (default)
+- `strong` - 24px blur (--blur-lg) - Featured cards
 
-// Diamond-cut reflections
-<GlassCard variant="crystal">Crystal Glass</GlassCard>
-```
+**Performance Note:** Use sparingly - limit to 2-3 glass elements per view for optimal performance.
 
 ## ♿ Accessibility
 
@@ -506,7 +493,7 @@ All components are WCAG 2.1 AA compliant:
 ### Automated Testing
 
 ```bash
-npm run test:compliance        # Design system compliance (647 tests)
+npm run test:compliance        # Design system compliance (650+ tests)
 npm run test:compliance:browser # Browser-based a11y tests
 ```
 
@@ -547,18 +534,18 @@ Comprehensive test coverage across multiple layers:
 ### Test Suites
 
 ```bash
-# All tests (2,127 total)
+# All tests (1,355+ total)
 npm test
 
-# Design system compliance (647 tests)
+# Design system compliance (650+ tests)
 npm run test:compliance:run          # jsdom tests
 npm run test:compliance:browser:run  # browser tests
 
-# Visual regression (1,480 screenshots)
+# Visual regression (580 screenshots)
 npm run test:visual:ci              # Run visual tests
 npm run test:visual:update          # Update baselines
 
-# Unit tests (110 tests)
+# Unit tests (125 tests)
 npm run test:unit
 
 # Coverage report (90% target)
@@ -567,12 +554,12 @@ npm run test:coverage
 
 ### Test Categories
 
-| Category                     | Tests     | Coverage          |
-| ---------------------------- | --------- | ----------------- |
-| **Design System Compliance** | 647       | 100%              |
-| **Visual Regression**        | 1,480     | All components    |
-| **Unit Tests**               | 110       | 13.87% (growing)  |
-| **Total**                    | **2,127** | **Comprehensive** |
+| Category                     | Tests      | Coverage          |
+| ---------------------------- | ---------- | ----------------- |
+| **Design System Compliance** | 650+       | 100%              |
+| **Visual Regression**        | 580        | All components    |
+| **Unit Tests**               | 125        | Core utilities    |
+| **Total**                    | **1,355+** | **Comprehensive** |
 
 ## 🛠️ Development
 
@@ -585,12 +572,15 @@ npm run test:coverage
 
 ```bash
 # Clone repository
-git clone https://github.com/yourusername/shadcn-glass-ui.git
-cd shadcn-glass-ui
+git clone https://github.com/Yhooi2/shadcn-glass-ui-library.git
+cd shadcn-glass-ui-library
 
 # Install dependencies
 npm install
 
+# Setup git hooks (prevents committing screenshots from non-Linux platforms)
+./scripts/setup-git-hooks.sh
+
 # Start development
 npm run dev          # Vite dev server (port 5173)
 npm run storybook    # Storybook (port 6006)
@@ -659,7 +649,7 @@ See [CONTRIBUTING.md](CONTRIBUTING.md) for detailed guidelines.
 
 ## 📝 License
 
-MIT © [Your Name]
+MIT License
 
 This project is open source under the MIT license. See [LICENSE](LICENSE) for details.
 
@@ -677,16 +667,16 @@ Built with amazing open source projects:
 ## 🔗 Links
 
 - **NPM Package**: [shadcn-glass-ui](https://www.npmjs.com/package/shadcn-glass-ui)
-- **Documentation**: [Storybook](https://yourusername.github.io/shadcn-glass-ui/)
-- **GitHub**: [shadcn-glass-ui](https://github.com/yourusername/shadcn-glass-ui)
-- **Issues**: [Report a bug](https://github.com/yourusername/shadcn-glass-ui/issues)
-- **Discussions**: [Community](https://github.com/yourusername/shadcn-glass-ui/discussions)
+- **Documentation**: [Storybook](https://yhooi2.github.io/shadcn-glass-ui-library/)
+- **GitHub**: [shadcn-glass-ui-library](https://github.com/Yhooi2/shadcn-glass-ui-library)
+- **Issues**: [Report a bug](https://github.com/Yhooi2/shadcn-glass-ui-library/issues)
+- **Discussions**: [Community](https://github.com/Yhooi2/shadcn-glass-ui-library/discussions)
 
 ## ⭐ Star History
 
 If you find this project useful, please consider giving it a star on GitHub!
 
-[![Star History Chart](https://api.star-history.com/svg?repos=yourusername/shadcn-glass-ui&type=Date)](https://star-history.com/#yourusername/shadcn-glass-ui&Date)
+[![Star History Chart](https://api.star-history.com/svg?repos=Yhooi2/shadcn-glass-ui-library&type=Date)](https://star-history.com/#Yhooi2/shadcn-glass-ui-library&Date)
 
 ---
 

package/dist/components.cjs

@@ -1,7 +1,7 @@
-const require_trust_score_card_glass = require("./trust-score-card-glass-DqaCKo1w.cjs");
-require("./utils-BNzkwPwE.cjs");
-require("./use-focus-6xqfE5s6.cjs");
-require("./theme-context-DrLak65e.cjs");
+const require_trust_score_card_glass = require("./trust-score-card-glass-CZeCRkHL.cjs");
+require("./utils-Ba5INf7M.cjs");
+require("./use-focus-CUkhhBRX.cjs");
+require("./theme-context-e3yxC7A6.cjs");
 exports.AICardGlass = require_trust_score_card_glass.AICardGlass;
 exports.AlertGlass = require_trust_score_card_glass.AlertGlass;
 exports.AvatarGlass = require_trust_score_card_glass.AvatarGlass;

package/dist/components.js

@@ -1,5 +1,5 @@
 import "./utils-CGCOTvxT.js";
-import { $ as ComboBoxGlass, A as ThemeToggleGlass, B as TabsGlass, C as ProgressGlass, D as FlagAlertGlass, E as LanguageBarGlass, F as ExpandableHeaderGlass, G as NotificationGlass, H as SkeletonGlass, I as TooltipGlass, M as SortDropdownGlass, N as SearchBoxGlass, O as StatusIndicatorGlass, P as IconButtonGlass, Q as DropdownGlass, R as ToggleGlass, S as RainbowProgressGlass, T as ProfileAvatarGlass, V as SliderGlass, W as PopoverGlass, X as GlassCard, Y as InputGlass, _ as ContributionMetricsGlass, a as HeaderBrandingGlass, at as BadgeGlass, b as AICardGlass, c as YearCardGlass, d as TrustScoreDisplayGlass, dt as InteractiveCard, f as RepositoryMetadataGlass, ft as FormFieldWrapper, g as MetricCardGlass, h as MetricsGridGlass, i as HeaderNavGlass, j as StatItemGlass, k as BaseProgressGlass, l as UserStatsLineGlass, m as RepositoryCardGlass, n as ProjectsListGlass, nt as CheckboxGlass, o as FlagsSectionGlass, p as RepositoryHeaderGlass, pt as TouchTarget, q as ModalGlass, r as ProfileHeaderGlass, rt as ButtonGlass, s as CareerStatsGlass, st as AvatarGlass, t as TrustScoreCardGlass, tt as CircularProgressGlass, u as UserInfoGlass, ut as AlertGlass, v as CircularMetricGlass, x as SegmentedControlGlass, y as CareerStatsHeaderGlass } from "./trust-score-card-glass-tJnNNzeS.js";
+import { $ as ComboBoxGlass, A as ThemeToggleGlass, B as TabsGlass, C as ProgressGlass, D as FlagAlertGlass, E as LanguageBarGlass, F as ExpandableHeaderGlass, G as NotificationGlass, H as SkeletonGlass, I as TooltipGlass, M as SortDropdownGlass, N as SearchBoxGlass, O as StatusIndicatorGlass, P as IconButtonGlass, Q as DropdownGlass, R as ToggleGlass, S as RainbowProgressGlass, T as ProfileAvatarGlass, V as SliderGlass, W as PopoverGlass, X as GlassCard, Y as InputGlass, _ as ContributionMetricsGlass, a as HeaderBrandingGlass, at as BadgeGlass, b as AICardGlass, c as YearCardGlass, d as TrustScoreDisplayGlass, dt as InteractiveCard, f as RepositoryMetadataGlass, ft as FormFieldWrapper, g as MetricCardGlass, h as MetricsGridGlass, i as HeaderNavGlass, j as StatItemGlass, k as BaseProgressGlass, l as UserStatsLineGlass, m as RepositoryCardGlass, n as ProjectsListGlass, nt as CheckboxGlass, o as FlagsSectionGlass, p as RepositoryHeaderGlass, pt as TouchTarget, q as ModalGlass, r as ProfileHeaderGlass, rt as ButtonGlass, s as CareerStatsGlass, st as AvatarGlass, t as TrustScoreCardGlass, tt as CircularProgressGlass, u as UserInfoGlass, ut as AlertGlass, v as CircularMetricGlass, x as SegmentedControlGlass, y as CareerStatsHeaderGlass } from "./trust-score-card-glass-DWrcNoI2.js";
 import "./use-focus-CX0TJJIj.js";
 import "./theme-context-BZoCplcU.js";
 export { AICardGlass, AlertGlass, AvatarGlass, BadgeGlass, BaseProgressGlass, ButtonGlass, CareerStatsGlass, CareerStatsHeaderGlass, CheckboxGlass, CircularMetricGlass, CircularProgressGlass, ComboBoxGlass, ContributionMetricsGlass, DropdownGlass, ExpandableHeaderGlass, FlagAlertGlass, FlagsSectionGlass, FormFieldWrapper, GlassCard, HeaderBrandingGlass, HeaderNavGlass, IconButtonGlass, InputGlass, InteractiveCard, LanguageBarGlass, MetricCardGlass, MetricsGridGlass, ModalGlass, NotificationGlass, PopoverGlass, ProfileAvatarGlass, ProfileHeaderGlass, ProgressGlass, ProjectsListGlass, RainbowProgressGlass, RepositoryCardGlass, RepositoryHeaderGlass, RepositoryMetadataGlass, SearchBoxGlass, SegmentedControlGlass, SkeletonGlass, SliderGlass, SortDropdownGlass, StatItemGlass, StatusIndicatorGlass, TabsGlass, ThemeToggleGlass, ToggleGlass, TooltipGlass, TouchTarget, TrustScoreCardGlass, TrustScoreDisplayGlass, UserInfoGlass, UserStatsLineGlass, YearCardGlass };

package/dist/hooks.cjs

@@ -1,5 +1,5 @@
-const require_use_focus = require("./use-focus-6xqfE5s6.cjs");
-const require_use_wallpaper_tint = require("./use-wallpaper-tint-D1f3UGGs.cjs");
+const require_use_focus = require("./use-focus-CUkhhBRX.cjs");
+const require_use_wallpaper_tint = require("./use-wallpaper-tint-b9KAZtoy.cjs");
 exports.useFocus = require_use_focus.useFocus;
 exports.useHover = require_use_focus.useHover;
 exports.useResponsive = require_use_wallpaper_tint.useResponsive;

package/dist/index.cjs

@@ -1,8 +1,8 @@
-const require_trust_score_card_glass = require("./trust-score-card-glass-DqaCKo1w.cjs");
-const require_utils = require("./utils-BNzkwPwE.cjs");
-const require_use_focus = require("./use-focus-6xqfE5s6.cjs");
-const require_theme_context = require("./theme-context-DrLak65e.cjs");
-const require_use_wallpaper_tint = require("./use-wallpaper-tint-D1f3UGGs.cjs");
+const require_trust_score_card_glass = require("./trust-score-card-glass-CZeCRkHL.cjs");
+const require_utils = require("./utils-Ba5INf7M.cjs");
+const require_use_focus = require("./use-focus-CUkhhBRX.cjs");
+const require_theme_context = require("./theme-context-e3yxC7A6.cjs");
+const require_use_wallpaper_tint = require("./use-wallpaper-tint-b9KAZtoy.cjs");
 let class_variance_authority = require("class-variance-authority");
 const dropdownAlign = (0, class_variance_authority.cva)("absolute mt-2 min-w-[160px] md:min-w-[200px] rounded-2xl py-1.5 md:py-2", {
 	variants: { align: {