shadcn-glass-ui 1.0.7 → 1.0.8

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 +45 -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,51 @@ 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.8] - 2025-12-06
9
+
10
+ ### 📚 Documentation
11
+
12
+ **Major CLAUDE.md Restructure - AI-Friendly Documentation:**
13
+ - Added **Quick Commands Cheatsheet** at the top for instant reference
14
+ - Added **Common Tasks for AI** section with step-by-step workflows:
15
+ - Adding new Glass components
16
+ - Fixing visual regression tests
17
+ - Migrating to compound API
18
+ - Adding new themes
19
+ - Added **File Organization Map** with visual directory structure
20
+ - Added **Component Anatomy Pattern** with code examples
21
+ - Added **Theme System Quick Reference** with usage examples
22
+ - Added **Testing Strategy** section with comprehensive table and workflow
23
+ - Added **Architecture Decisions** explaining technology choices:
24
+ - Why Vite 7 (rolldown-vite)
25
+ - Why Compound Components
26
+ - Why Visual Regression on Linux only
27
+ - Why CVA for variants
28
+ - Why asChild pattern
29
+ - Added **AI Assistant Guidelines** with DO/DO NOT lists
30
+ - Added comprehensive **Troubleshooting** section:
31
+ - Visual tests fail on macOS
32
+ - Stale visual test baselines after merge
33
+ - TypeScript errors after npm install
34
+ - Storybook fails to start
35
+ - Component not appearing in Storybook
36
+ - Module not found errors
37
+ - Component variants not applying
38
+ - Performance regressions
39
+ - Linting errors
40
+ - Reorganized **Glass Components Structure** for better readability
41
+ - Enhanced commands with `npm run lint:fix` and `npm run typecheck`
42
+
43
+ **Goal:** AI assistants can now understand any typical task in 10 seconds.
44
+
45
+ ### 🎯 Benefits
46
+
47
+ - **Faster onboarding** for AI tools (Claude Code, GitHub Copilot, etc.)
48
+ - **Clear decision context** - understand WHY technologies were chosen
49
+ - **Quick troubleshooting** - common issues solved in seconds
50
+ - **Better task planning** - step-by-step workflows for all common tasks
51
+ - **Reduced confusion** - explicit DO/DO NOT guidelines
52
+
8
53
  ## [1.0.7] - 2025-12-06
9
54
 
10
55
  ### 🔄 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;