shadcn-glass-ui 1.0.7 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/CHANGELOG.md +56 -0
  2. package/README.md +19 -1
  3. package/dist/components.cjs +4 -4
  4. package/dist/components.d.ts +640 -10
  5. package/dist/components.js +1 -1
  6. package/dist/hooks.cjs +2 -2
  7. package/dist/index.cjs +5 -5
  8. package/dist/index.d.ts +640 -10
  9. package/dist/index.js +1 -1
  10. package/dist/r/registry.json +2 -0
  11. package/dist/shadcn-glass-ui.css +1 -1
  12. package/dist/{theme-context-e3yxC7A6.cjs → theme-context-BcTQdqsj.cjs} +2 -2
  13. package/dist/{theme-context-e3yxC7A6.cjs.map → theme-context-BcTQdqsj.cjs.map} +1 -1
  14. package/dist/themes.cjs +1 -1
  15. package/dist/{trust-score-card-glass-DWrcNoI2.js → trust-score-card-glass-CHzWGuko.js} +5 -5
  16. package/dist/trust-score-card-glass-CHzWGuko.js.map +1 -0
  17. package/dist/{trust-score-card-glass-CZeCRkHL.cjs → trust-score-card-glass-Dq28n8en.cjs} +8 -8
  18. package/dist/trust-score-card-glass-Dq28n8en.cjs.map +1 -0
  19. package/dist/{use-focus-CUkhhBRX.cjs → use-focus-CH8KNgcY.cjs} +2 -2
  20. package/dist/{use-focus-CUkhhBRX.cjs.map → use-focus-CH8KNgcY.cjs.map} +1 -1
  21. package/dist/{use-wallpaper-tint-b9KAZtoy.cjs → use-wallpaper-tint-DNecAf46.cjs} +2 -2
  22. package/dist/{use-wallpaper-tint-b9KAZtoy.cjs.map → use-wallpaper-tint-DNecAf46.cjs.map} +1 -1
  23. package/dist/{utils-Ba5INf7M.cjs → utils-3cDWhVvH.cjs} +2 -2
  24. package/dist/{utils-Ba5INf7M.cjs.map → utils-3cDWhVvH.cjs.map} +1 -1
  25. package/dist/utils.cjs +1 -1
  26. package/package.json +18 -4
  27. package/dist/trust-score-card-glass-CZeCRkHL.cjs.map +0 -1
  28. package/dist/trust-score-card-glass-DWrcNoI2.js.map +0 -1
package/CHANGELOG.md CHANGED
@@ -5,6 +5,62 @@ All notable changes to this project will be documented in this file.
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
6
6
  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
7
 
8
+ ## [1.0.9] - 2025-12-06
9
+
10
+ ### 🐛 Bug Fixes
11
+
12
+ **CSS Import Order:**
13
+ - Fixed PostCSS warnings by moving all `@import` directives before CSS rules
14
+ - All imports now precede style declarations (per CSS spec requirement)
15
+ - Build process now runs completely clean without warnings
16
+
17
+ **Result:** Zero PostCSS warnings in production build
18
+
19
+ ## [1.0.8] - 2025-12-06
20
+
21
+ ### 📚 Documentation
22
+
23
+ **Major CLAUDE.md Restructure - AI-Friendly Documentation:**
24
+ - Added **Quick Commands Cheatsheet** at the top for instant reference
25
+ - Added **Common Tasks for AI** section with step-by-step workflows:
26
+ - Adding new Glass components
27
+ - Fixing visual regression tests
28
+ - Migrating to compound API
29
+ - Adding new themes
30
+ - Added **File Organization Map** with visual directory structure
31
+ - Added **Component Anatomy Pattern** with code examples
32
+ - Added **Theme System Quick Reference** with usage examples
33
+ - Added **Testing Strategy** section with comprehensive table and workflow
34
+ - Added **Architecture Decisions** explaining technology choices:
35
+ - Why Vite 7 (rolldown-vite)
36
+ - Why Compound Components
37
+ - Why Visual Regression on Linux only
38
+ - Why CVA for variants
39
+ - Why asChild pattern
40
+ - Added **AI Assistant Guidelines** with DO/DO NOT lists
41
+ - Added comprehensive **Troubleshooting** section:
42
+ - Visual tests fail on macOS
43
+ - Stale visual test baselines after merge
44
+ - TypeScript errors after npm install
45
+ - Storybook fails to start
46
+ - Component not appearing in Storybook
47
+ - Module not found errors
48
+ - Component variants not applying
49
+ - Performance regressions
50
+ - Linting errors
51
+ - Reorganized **Glass Components Structure** for better readability
52
+ - Enhanced commands with `npm run lint:fix` and `npm run typecheck`
53
+
54
+ **Goal:** AI assistants can now understand any typical task in 10 seconds.
55
+
56
+ ### 🎯 Benefits
57
+
58
+ - **Faster onboarding** for AI tools (Claude Code, GitHub Copilot, etc.)
59
+ - **Clear decision context** - understand WHY technologies were chosen
60
+ - **Quick troubleshooting** - common issues solved in seconds
61
+ - **Better task planning** - step-by-step workflows for all common tasks
62
+ - **Reduced confusion** - explicit DO/DO NOT guidelines
63
+
8
64
  ## [1.0.7] - 2025-12-06
9
65
 
10
66
  ### 🔄 Changed
package/README.md CHANGED
@@ -8,13 +8,17 @@
8
8
  [![TypeScript](https://img.shields.io/badge/TypeScript-5.9-blue)](https://www.typescriptlang.org/)
9
9
  [![React](https://img.shields.io/badge/React-19.2-blue)](https://reactjs.org/)
10
10
  [![Tailwind CSS](https://img.shields.io/badge/Tailwind-4.1-blue)](https://tailwindcss.com/)
11
+ [![AI-Friendly](https://img.shields.io/badge/AI-Friendly-blueviolet?logo=openai)](docs/AI_USAGE.md)
12
+ [![Claude Code](https://img.shields.io/badge/Claude-Code-5865F2?logo=anthropic)](docs/AI_USAGE.md)
13
+ [![GitHub Copilot](https://img.shields.io/badge/GitHub-Copilot-181717?logo=github)](docs/AI_USAGE.md)
11
14
 
12
- Modern glassmorphism UI component library for React with full shadcn/ui compatibility.
15
+ Glassmorphism UI library for React - AI-friendly with 55+ components, strict TypeScript, and comprehensive docs.
13
16
 
14
17
  ## ✨ Highlights
15
18
 
16
19
  - 🎨 **55 Components** - Core UI (18) + Atomic (6) + Composite (13) + Sections (7) + Specialized (8) + Primitives (3)
17
20
  - 🌈 **3 Themes** - Glass (dark glassmorphism), Light (clean minimal), Aurora (gradient glow)
21
+ - 🤖 **AI-Friendly** - Optimized for Claude Code, Copilot, GPT with comprehensive docs
18
22
  - 🔮 **Advanced Patterns** - asChild polymorphic rendering, Compound components (Modal, Tabs)
19
23
  - ♿ **WCAG 2.1 AA** - Full accessibility compliance with automated testing
20
24
  - 📱 **Touch Optimized** - 44×44px minimum touch targets (Apple HIG)
@@ -35,6 +39,20 @@ Modern glassmorphism UI component library for React with full shadcn/ui compatib
35
39
 
36
40
  See [DEPENDENCIES.md](DEPENDENCIES.md) for detailed dependency documentation.
37
41
 
42
+ ## 🤖 AI Assistant Support
43
+
44
+ This library is **optimized for AI coding assistants** including Claude Code, GitHub Copilot, and ChatGPT:
45
+
46
+ - 📖 **Dedicated AI Guide** - [AI_USAGE.md](docs/AI_USAGE.md) with decision trees and workflows
47
+ - 🎯 **TypeScript Strict Mode** - Full type inference for autocomplete
48
+ - 📝 **Rich JSDoc** - Every component documented with @example, @accessibility
49
+ - 🗂️ **Component Catalog** - [COMPONENTS_CATALOG.md](docs/COMPONENTS_CATALOG.md) with searchable index
50
+ - 🔍 **Exports Map** - Machine-readable [EXPORTS_MAP.json](docs/EXPORTS_MAP.json)
51
+ - 🧪 **Real-World Examples** - Use-case based Storybook stories
52
+ - 📦 **shadcn CLI Compatible** - Install components via `npx shadcn add @shadcn-glass-ui/button-glass`
53
+
54
+ [**→ Read AI Usage Guide**](docs/AI_USAGE.md) | [**→ Component Catalog**](docs/COMPONENTS_CATALOG.md)
55
+
38
56
  ## 📚 Documentation
39
57
 
40
58
  - **[Live Storybook](https://yhooi2.github.io/shadcn-glass-ui-library/)** - Interactive component demos
@@ -1,7 +1,7 @@
1
- const require_trust_score_card_glass = require("./trust-score-card-glass-CZeCRkHL.cjs");
2
- require("./utils-Ba5INf7M.cjs");
3
- require("./use-focus-CUkhhBRX.cjs");
4
- require("./theme-context-e3yxC7A6.cjs");
1
+ const require_trust_score_card_glass = require("./trust-score-card-glass-Dq28n8en.cjs");
2
+ require("./utils-3cDWhVvH.cjs");
3
+ require("./use-focus-CH8KNgcY.cjs");
4
+ require("./theme-context-BcTQdqsj.cjs");
5
5
  exports.AICardGlass = require_trust_score_card_glass.AICardGlass;
6
6
  exports.AlertGlass = require_trust_score_card_glass.AlertGlass;
7
7
  exports.AvatarGlass = require_trust_score_card_glass.AvatarGlass;