shadcn-glass-ui 1.0.0 → 1.0.6
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.
- package/CHANGELOG.md +123 -0
- package/README.md +128 -138
- package/dist/components.cjs +4 -4
- package/dist/components.js +1 -1
- package/dist/hooks.cjs +2 -2
- package/dist/index.cjs +5 -5
- package/dist/index.js +1 -1
- package/dist/r/ai-card-glass.json +24 -0
- package/dist/r/alert-glass.json +42 -0
- package/dist/r/avatar-glass.json +43 -0
- package/dist/r/badge-glass.json +41 -0
- package/dist/r/base-progress-glass.json +23 -0
- package/dist/r/button-glass.json +45 -0
- package/dist/r/career-stats-glass.json +24 -0
- package/dist/r/career-stats-header-glass.json +24 -0
- package/dist/r/checkbox-glass.json +42 -0
- package/dist/r/circular-metric-glass.json +23 -0
- package/dist/r/circular-progress-glass.json +40 -0
- package/dist/r/combobox-glass.json +41 -0
- package/dist/r/contribution-metrics-glass.json +23 -0
- package/dist/r/dropdown-glass.json +43 -0
- package/dist/r/expandable-header-glass.json +23 -0
- package/dist/r/flag-alert-glass.json +23 -0
- package/dist/r/flags-section-glass.json +24 -0
- package/dist/r/form-field-wrapper.json +23 -0
- package/dist/r/glass-card.json +42 -0
- package/dist/r/header-branding-glass.json +24 -0
- package/dist/r/header-nav-glass.json +25 -0
- package/dist/r/icon-button-glass.json +25 -0
- package/dist/r/input-glass.json +43 -0
- package/dist/r/interactive-card.json +24 -0
- package/dist/r/language-bar-glass.json +23 -0
- package/dist/r/metric-card-glass.json +24 -0
- package/dist/r/metrics-grid-glass.json +23 -0
- package/dist/r/modal-glass.json +43 -0
- package/dist/r/notification-glass.json +44 -0
- package/dist/r/popover-glass.json +40 -0
- package/dist/r/profile-avatar-glass.json +23 -0
- package/dist/r/profile-header-glass.json +24 -0
- package/dist/r/progress-glass.json +25 -0
- package/dist/r/projects-list-glass.json +24 -0
- package/dist/r/rainbow-progress-glass.json +23 -0
- package/dist/r/registry.json +337 -0
- package/dist/r/repository-card-glass.json +23 -0
- package/dist/r/repository-header-glass.json +24 -0
- package/dist/r/repository-metadata-glass.json +23 -0
- package/dist/r/search-box-glass.json +23 -0
- package/dist/r/segmented-control-glass.json +23 -0
- package/dist/r/skeleton-glass.json +41 -0
- package/dist/r/slider-glass.json +42 -0
- package/dist/r/sort-dropdown-glass.json +25 -0
- package/dist/r/stat-item-glass.json +25 -0
- package/dist/r/status-indicator-glass.json +23 -0
- package/dist/r/tabs-glass.json +38 -0
- package/dist/r/theme-toggle-glass.json +25 -0
- package/dist/r/toggle-glass.json +42 -0
- package/dist/r/tooltip-glass.json +42 -0
- package/dist/r/touch-target.json +23 -0
- package/dist/r/trust-score-card-glass.json +24 -0
- package/dist/r/trust-score-display-glass.json +24 -0
- package/dist/r/user-info-glass.json +24 -0
- package/dist/r/user-stats-line-glass.json +24 -0
- package/dist/r/year-card-glass.json +25 -0
- package/dist/shadcn-glass-ui.css +1 -1
- package/dist/{theme-context-DrLak65e.cjs → theme-context-e3yxC7A6.cjs} +2 -2
- package/dist/{theme-context-DrLak65e.cjs.map → theme-context-e3yxC7A6.cjs.map} +1 -1
- package/dist/themes.cjs +1 -1
- package/dist/{trust-score-card-glass-DqaCKo1w.cjs → trust-score-card-glass-CZeCRkHL.cjs} +19 -17
- package/dist/trust-score-card-glass-CZeCRkHL.cjs.map +1 -0
- package/dist/{trust-score-card-glass-tJnNNzeS.js → trust-score-card-glass-DWrcNoI2.js} +16 -14
- package/dist/trust-score-card-glass-DWrcNoI2.js.map +1 -0
- package/dist/{use-focus-6xqfE5s6.cjs → use-focus-CUkhhBRX.cjs} +2 -2
- package/dist/{use-focus-6xqfE5s6.cjs.map → use-focus-CUkhhBRX.cjs.map} +1 -1
- package/dist/{use-wallpaper-tint-D1f3UGGs.cjs → use-wallpaper-tint-b9KAZtoy.cjs} +2 -2
- package/dist/{use-wallpaper-tint-D1f3UGGs.cjs.map → use-wallpaper-tint-b9KAZtoy.cjs.map} +1 -1
- package/dist/{utils-BNzkwPwE.cjs → utils-Ba5INf7M.cjs} +2 -2
- package/dist/{utils-BNzkwPwE.cjs.map → utils-Ba5INf7M.cjs.map} +1 -1
- package/dist/utils.cjs +1 -1
- package/package.json +5 -2
- package/dist/trust-score-card-glass-DqaCKo1w.cjs.map +0 -1
- package/dist/trust-score-card-glass-tJnNNzeS.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,129 @@ 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.6] - 2025-12-06
|
|
9
|
+
|
|
10
|
+
### 🔄 Changed
|
|
11
|
+
|
|
12
|
+
**Package Name:**
|
|
13
|
+
- Renamed package from `@yhooi2/shadcn-glass-ui` to `shadcn-glass-ui`
|
|
14
|
+
- Simpler installation: `npm install shadcn-glass-ui`
|
|
15
|
+
- **Migration:** Update your `package.json` dependencies from `@yhooi2/shadcn-glass-ui` to `shadcn-glass-ui`
|
|
16
|
+
|
|
17
|
+
**Publishing:**
|
|
18
|
+
- Now publishing only to npm Registry (removed GitHub Packages)
|
|
19
|
+
- Simplified installation - no authentication required
|
|
20
|
+
- Single source of truth for package distribution
|
|
21
|
+
|
|
22
|
+
### 📚 Documentation
|
|
23
|
+
|
|
24
|
+
- Updated all documentation to reflect new package name
|
|
25
|
+
- Removed GitHub Packages installation instructions
|
|
26
|
+
- Updated README badges and links
|
|
27
|
+
- Simplified installation guide
|
|
28
|
+
|
|
29
|
+
### 🗑️ Removed
|
|
30
|
+
|
|
31
|
+
- GitHub Packages publishing workflow
|
|
32
|
+
- GitHub Packages documentation
|
|
33
|
+
- Removed cyclic self-dependency from package.json
|
|
34
|
+
|
|
35
|
+
### 📦 Migration Guide
|
|
36
|
+
|
|
37
|
+
If you're upgrading from `@yhooi2/shadcn-glass-ui`:
|
|
38
|
+
|
|
39
|
+
```bash
|
|
40
|
+
# Uninstall old package
|
|
41
|
+
npm uninstall @yhooi2/shadcn-glass-ui
|
|
42
|
+
|
|
43
|
+
# Install new package
|
|
44
|
+
npm install shadcn-glass-ui
|
|
45
|
+
```
|
|
46
|
+
|
|
47
|
+
Update your imports (no changes needed - imports remain the same):
|
|
48
|
+
```tsx
|
|
49
|
+
// Still works the same way
|
|
50
|
+
import { ButtonGlass, InputGlass } from 'shadcn-glass-ui';
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
## [1.0.5] - 2025-12-06
|
|
54
|
+
|
|
55
|
+
### ✨ Added
|
|
56
|
+
|
|
57
|
+
**Glass Variants System:**
|
|
58
|
+
- New comprehensive glass effect variants: `crystal`, `frosted`, `fluted`, `glass`
|
|
59
|
+
- Color tint modifiers: `purple`, `cyan`, `amber`, `emerald`, `rose`
|
|
60
|
+
- Intensity modifiers: `subtle`, `medium`, `strong`
|
|
61
|
+
- 72 total variant combinations (4 base × 6 tints × 3 intensities)
|
|
62
|
+
- New CSS utility classes in `primitives.css` for all variants
|
|
63
|
+
|
|
64
|
+
**Components:**
|
|
65
|
+
- `GlassVariantsDemo` - Interactive showcase of all 72 glass variant combinations
|
|
66
|
+
- Updated `GlassCard.stories.tsx` with variant demonstrations
|
|
67
|
+
|
|
68
|
+
**Publishing:**
|
|
69
|
+
- Dual registry support: npm Registry + GitHub Packages
|
|
70
|
+
- Automated publishing to both registries on release
|
|
71
|
+
- Enhanced GitHub Actions workflow with registry validation
|
|
72
|
+
|
|
73
|
+
### 📚 Documentation
|
|
74
|
+
|
|
75
|
+
- Updated `Introduction.mdx` with dual registry installation instructions
|
|
76
|
+
- Enhanced Storybook preview with 3-theme switcher (Glass/Light/Aurora)
|
|
77
|
+
- Added comprehensive glass variants documentation
|
|
78
|
+
- Updated installation guide with both npm and GitHub Packages options
|
|
79
|
+
|
|
80
|
+
### 🧪 Testing
|
|
81
|
+
|
|
82
|
+
- Added 27 visual regression tests for glass variants
|
|
83
|
+
- Full coverage across all 3 themes (glass, light, aurora)
|
|
84
|
+
- Visual baselines for all variant combinations
|
|
85
|
+
- Tests for intensity modifiers and color tints
|
|
86
|
+
|
|
87
|
+
### 🔧 Infrastructure
|
|
88
|
+
|
|
89
|
+
- GitHub Actions workflow publishes to npm + GitHub Packages
|
|
90
|
+
- `NODE_AUTH_TOKEN` authentication for npm
|
|
91
|
+
- `GITHUB_TOKEN` authentication for GitHub Packages
|
|
92
|
+
- Automated version verification before publish
|
|
93
|
+
- Enhanced CI/CD pipeline with dual-registry support
|
|
94
|
+
|
|
95
|
+
### 🗑️ Cleanup
|
|
96
|
+
|
|
97
|
+
- Removed temporary `.claude/tepm` files
|
|
98
|
+
- Cleaned up legacy configuration files
|
|
99
|
+
|
|
100
|
+
## [1.0.3] - 2025-12-06
|
|
101
|
+
|
|
102
|
+
### 🔧 Fixed
|
|
103
|
+
|
|
104
|
+
- Workflow authentication for dual registry publishing
|
|
105
|
+
- Package metadata alignment between registries
|
|
106
|
+
|
|
107
|
+
## [1.0.2] - 2025-12-06
|
|
108
|
+
|
|
109
|
+
### 📚 Documentation
|
|
110
|
+
|
|
111
|
+
- Updated Storybook documentation with LinkTo components for improved navigation
|
|
112
|
+
- Added comprehensive documentation for Blocks, Composite, Core, and Section components
|
|
113
|
+
- Implemented custom Glass UI theme for Storybook Manager
|
|
114
|
+
- Added Design System and Getting Started guides in Storybook
|
|
115
|
+
|
|
116
|
+
### 🔧 Maintenance
|
|
117
|
+
|
|
118
|
+
- Updated GitHub Actions workflow to use OIDC publishing (no auth token needed)
|
|
119
|
+
- Fixed npm publish workflow to explicitly set registry URL
|
|
120
|
+
- Improved package.json metadata with correct registry configuration
|
|
121
|
+
|
|
122
|
+
## [1.0.1] - 2025-12-05
|
|
123
|
+
|
|
124
|
+
### 🚀 Initial Public Release
|
|
125
|
+
|
|
126
|
+
- First public release to npm registry
|
|
127
|
+
- Added registry system for shadcn CLI compatibility
|
|
128
|
+
- Added registry submission guide and CI/CD automation
|
|
129
|
+
- Added git hook to prevent committing non-Linux screenshots
|
|
130
|
+
|
|
8
131
|
## [1.0.0] - 2025-12-05
|
|
9
132
|
|
|
10
133
|
### ⚠️ BREAKING CHANGES
|
package/README.md
CHANGED
|
@@ -1,21 +1,25 @@
|
|
|
1
1
|
# shadcn-glass-ui
|
|
2
2
|
|
|
3
|
-
> Modern glassmorphism UI component library for React with full shadcn/ui compatibility
|
|
4
|
-
|
|
5
3
|
[](https://www.npmjs.com/package/shadcn-glass-ui)
|
|
6
|
-
[](https://www.npmjs.com/package/shadcn-glass-ui)
|
|
5
|
+
[](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/main/LICENSE)
|
|
6
|
+
[](https://github.com/Yhooi2/shadcn-glass-ui-library/actions)
|
|
7
|
+
[](https://bundlephobia.com/package/shadcn-glass-ui)
|
|
7
8
|
[](https://www.typescriptlang.org/)
|
|
8
|
-
[](https://reactjs.org/)
|
|
10
|
+
[](https://tailwindcss.com/)
|
|
11
|
+
|
|
12
|
+
Modern glassmorphism UI component library for React with full shadcn/ui compatibility.
|
|
9
13
|
|
|
10
14
|
## ✨ Highlights
|
|
11
15
|
|
|
12
|
-
- 🎨 **
|
|
16
|
+
- 🎨 **55 Components** - Core UI (18) + Atomic (6) + Composite (13) + Sections (7) + Specialized (8) + Primitives (3)
|
|
13
17
|
- 🌈 **3 Themes** - Glass (dark glassmorphism), Light (clean minimal), Aurora (gradient glow)
|
|
14
18
|
- 🔮 **Advanced Patterns** - asChild polymorphic rendering, Compound components (Modal, Tabs)
|
|
15
19
|
- ♿ **WCAG 2.1 AA** - Full accessibility compliance with automated testing
|
|
16
20
|
- 📱 **Touch Optimized** - 44×44px minimum touch targets (Apple HIG)
|
|
17
21
|
- ⚡ **Modern Stack** - React 19, Tailwind v4, Vitest 4, Storybook 10, Vite 7
|
|
18
|
-
- 🧪 **
|
|
22
|
+
- 🧪 **1355+ Tests** - 650+ compliance + 580 visual regression + 125 unit tests
|
|
19
23
|
- 📦 **shadcn Compatible** - Works seamlessly with existing shadcn/ui projects
|
|
20
24
|
- 🎯 **Design System** - Comprehensive [UI_DESIGN.md](docs/design-system/UI_DESIGN.md) specifications
|
|
21
25
|
- 📦 **Bundle Size** - ~110KB gzipped (production build)
|
|
@@ -31,94 +35,52 @@
|
|
|
31
35
|
|
|
32
36
|
See [DEPENDENCIES.md](DEPENDENCIES.md) for detailed dependency documentation.
|
|
33
37
|
|
|
34
|
-
##
|
|
38
|
+
## 📚 Documentation
|
|
35
39
|
|
|
36
|
-
|
|
40
|
+
- **[Live Storybook](https://yhooi2.github.io/shadcn-glass-ui-library/)** - Interactive component demos
|
|
41
|
+
- **[npm Package](https://www.npmjs.com/package/shadcn-glass-ui)** - Public npm registry
|
|
42
|
+
- **[Getting Started Guide](docs/GETTING_STARTED.md)** - Setup tutorial
|
|
43
|
+
- **[GitHub](https://github.com/Yhooi2/shadcn-glass-ui-library)** - Source code
|
|
44
|
+
- [Component Documentation](https://yhooi2.github.io/shadcn-glass-ui-library/?path=/docs) - Detailed API references
|
|
45
|
+
- [Registry Usage Guide](docs/REGISTRY_USAGE.md) - shadcn CLI installation guide
|
|
46
|
+
- [Design System](docs/design-system/UI_DESIGN.md) - Comprehensive UI specifications
|
|
47
|
+
- [Migration Guides](docs/migration/) - Upgrade and API changes
|
|
37
48
|
|
|
38
|
-
|
|
49
|
+
## 📦 Installation
|
|
39
50
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
```bash
|
|
43
|
-
npx shadcn@latest add @shadcn-glass-ui/button
|
|
44
|
-
npx shadcn@latest add @shadcn-glass-ui/input
|
|
45
|
-
npx shadcn@latest add @shadcn-glass-ui/modal
|
|
46
|
-
```
|
|
47
|
-
|
|
48
|
-
#### Option 2: NPM Package
|
|
49
|
-
|
|
50
|
-
Install the entire library:
|
|
51
|
+
Install from npm registry:
|
|
51
52
|
|
|
52
53
|
```bash
|
|
53
54
|
npm install shadcn-glass-ui
|
|
54
55
|
```
|
|
55
56
|
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
Copy component files directly from the repository:
|
|
59
|
-
|
|
60
|
-
```bash
|
|
61
|
-
# Clone the repository
|
|
62
|
-
git clone https://github.com/yourusername/shadcn-glass-ui.git
|
|
57
|
+
## 🚀 Quick Start
|
|
63
58
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
59
|
+
**Requirements:**
|
|
60
|
+
- React 18.0+ or 19.0+
|
|
61
|
+
- React-DOM 18.0+ or 19.0+
|
|
62
|
+
- Tailwind CSS 4.0+
|
|
67
63
|
|
|
68
64
|
### Basic Usage
|
|
69
65
|
|
|
70
66
|
```tsx
|
|
71
|
-
import { ButtonGlass, InputGlass,
|
|
67
|
+
import { ButtonGlass, InputGlass, ThemeProvider } from 'shadcn-glass-ui';
|
|
68
|
+
import 'shadcn-glass-ui/dist/styles.css';
|
|
72
69
|
|
|
73
|
-
|
|
70
|
+
function App() {
|
|
74
71
|
return (
|
|
75
|
-
<
|
|
76
|
-
<
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
</
|
|
82
|
-
</
|
|
72
|
+
<ThemeProvider defaultTheme="glass">
|
|
73
|
+
<div className="p-8 space-y-4">
|
|
74
|
+
<ButtonGlass variant="primary" size="lg">
|
|
75
|
+
Click me
|
|
76
|
+
</ButtonGlass>
|
|
77
|
+
<InputGlass placeholder="Enter text..." />
|
|
78
|
+
</div>
|
|
79
|
+
</ThemeProvider>
|
|
83
80
|
);
|
|
84
81
|
}
|
|
85
|
-
```
|
|
86
|
-
|
|
87
|
-
### Theme Setup
|
|
88
|
-
|
|
89
|
-
Add CSS variables to your `globals.css`:
|
|
90
|
-
|
|
91
|
-
```css
|
|
92
|
-
@import 'shadcn-glass-ui/dist/styles.css';
|
|
93
|
-
|
|
94
|
-
/* Or define variables manually */
|
|
95
|
-
:root {
|
|
96
|
-
--blur-sm: 8px;
|
|
97
|
-
--blur-md: 16px;
|
|
98
|
-
--blur-lg: 24px;
|
|
99
|
-
--blur-xl: 32px;
|
|
100
|
-
--card-medium-bg: rgba(255, 255, 255, 0.15);
|
|
101
|
-
--card-medium-border: rgba(255, 255, 255, 0.15);
|
|
102
|
-
}
|
|
103
|
-
```
|
|
104
|
-
|
|
105
|
-
Apply theme class to your app:
|
|
106
|
-
|
|
107
|
-
```tsx
|
|
108
|
-
// Glass theme (dark glassmorphism)
|
|
109
|
-
<div className="theme-glass">
|
|
110
|
-
<App />
|
|
111
|
-
</div>
|
|
112
|
-
|
|
113
|
-
// Light theme
|
|
114
|
-
<div className="theme-light">
|
|
115
|
-
<App />
|
|
116
|
-
</div>
|
|
117
82
|
|
|
118
|
-
|
|
119
|
-
<div className="theme-aurora">
|
|
120
|
-
<App />
|
|
121
|
-
</div>
|
|
83
|
+
export default App;
|
|
122
84
|
```
|
|
123
85
|
|
|
124
86
|
## 🆕 Advanced Features (Phase 3)
|
|
@@ -291,12 +253,12 @@ Detailed migration guides are available in the [docs/migration/](docs/migration/
|
|
|
291
253
|
|
|
292
254
|
See [CHANGELOG.md](CHANGELOG.md) for complete version history and breaking changes.
|
|
293
255
|
|
|
294
|
-
## 📚 Documentation
|
|
256
|
+
## 📚 Full Documentation
|
|
295
257
|
|
|
296
258
|
- **[Getting Started Guide](docs/GETTING_STARTED.md)** - Comprehensive setup tutorial
|
|
297
259
|
- **[AI Usage Guide](docs/AI_USAGE.md)** - Using library with AI assistants (Copilot, Claude, GPT)
|
|
298
260
|
- **[Publishing Guide](docs/PUBLISHING.md)** - Build and publish with TypeScript declarations
|
|
299
|
-
- **[Storybook](https://
|
|
261
|
+
- **[Storybook](https://yhooi2.github.io/shadcn-glass-ui-library/)** - Live component demos
|
|
300
262
|
- **[UI Design System](docs/design-system/UI_DESIGN.md)** - Complete design specifications
|
|
301
263
|
- **[Visual Testing Guide](docs/visual-testing-guide.md)** - Screenshot update workflow
|
|
302
264
|
- **[Migration Guide](MIGRATION_GUIDE.md)** - Upgrading from v1
|
|
@@ -306,12 +268,12 @@ See [CHANGELOG.md](CHANGELOG.md) for complete version history and breaking chang
|
|
|
306
268
|
|
|
307
269
|
## 🎯 Component Categories
|
|
308
270
|
|
|
309
|
-
### Level 1: Core UI (
|
|
271
|
+
### Level 1: Core UI (18 components)
|
|
310
272
|
|
|
311
273
|
Essential building blocks for any application:
|
|
312
274
|
|
|
313
|
-
- **Buttons & Actions**: ButtonGlass
|
|
314
|
-
- **Inputs**: InputGlass, CheckboxGlass, ToggleGlass, SliderGlass, ComboBoxGlass
|
|
275
|
+
- **Buttons & Actions**: ButtonGlass
|
|
276
|
+
- **Inputs**: InputGlass, CheckboxGlass, ToggleGlass, SliderGlass, ComboBoxGlass, PopoverGlass
|
|
315
277
|
- **Containers**: GlassCard, ModalGlass
|
|
316
278
|
- **Navigation**: TabsGlass, DropdownGlass
|
|
317
279
|
- **Feedback**: BadgeGlass, AlertGlass, NotificationGlass, TooltipGlass, SkeletonGlass,
|
|
@@ -320,19 +282,16 @@ Essential building blocks for any application:
|
|
|
320
282
|
|
|
321
283
|
[View all Core UI components →](src/components/glass/ui/)
|
|
322
284
|
|
|
323
|
-
### Level 2: Atomic (
|
|
285
|
+
### Level 2: Atomic (6 components)
|
|
324
286
|
|
|
325
287
|
Small, specialized components for specific use cases:
|
|
326
288
|
|
|
327
|
-
- **StatusIndicatorGlass** - Status dots with glow effect
|
|
328
|
-
- **SegmentedControlGlass** - Segmented button group
|
|
329
|
-
- **RainbowProgressGlass** - Rainbow gradient progress bar
|
|
330
|
-
- **LanguageBarGlass** - Language proficiency bar with legend
|
|
331
|
-
- **StatItemGlass** - Individual stat display
|
|
332
289
|
- **SearchBoxGlass** - Search input with icon
|
|
333
290
|
- **ThemeToggleGlass** - Theme switcher button
|
|
334
291
|
- **ExpandableHeaderGlass** - Collapsible header section
|
|
335
292
|
- **SortDropdownGlass** - Sorting dropdown menu
|
|
293
|
+
- **StatItemGlass** - Individual stat display
|
|
294
|
+
- **IconButtonGlass** - Icon-only button variant
|
|
336
295
|
|
|
337
296
|
[View all Atomic components →](src/components/glass/atomic/)
|
|
338
297
|
|
|
@@ -340,22 +299,37 @@ Small, specialized components for specific use cases:
|
|
|
340
299
|
|
|
341
300
|
Pre-built complex components combining multiple elements:
|
|
342
301
|
|
|
302
|
+
- **AICardGlass** - AI summary card with feature list
|
|
343
303
|
- **MetricCardGlass** - Metric display card with progress indicator
|
|
344
304
|
- **YearCardGlass** - Year card for career timeline
|
|
345
|
-
- **
|
|
305
|
+
- **CircularMetricGlass** - Circular progress metric display
|
|
346
306
|
- **RepositoryCardGlass** - Repository card with expandable details
|
|
307
|
+
- **RepositoryHeaderGlass** - Repository header with metadata
|
|
308
|
+
- **RepositoryMetadataGlass** - Repository metadata display
|
|
347
309
|
- **TrustScoreDisplayGlass** - Trust score with visual indicator
|
|
348
|
-
- **ProfileAvatarGlass** - Large avatar with glow animation
|
|
349
|
-
- **FlagAlertGlass** - Warning/danger flag alert with icon
|
|
350
310
|
- **UserStatsLineGlass** - User statistics horizontal display
|
|
351
|
-
- **
|
|
352
|
-
- **
|
|
353
|
-
- **
|
|
354
|
-
- **
|
|
355
|
-
- **PricingCardGlass** - Pricing tier card with features
|
|
311
|
+
- **UserInfoGlass** - User information card
|
|
312
|
+
- **CareerStatsHeaderGlass** - Career statistics header
|
|
313
|
+
- **ContributionMetricsGlass** - Contribution metrics display
|
|
314
|
+
- **MetricsGridGlass** - Grid layout for metrics
|
|
356
315
|
|
|
357
316
|
[View all Composite components →](src/components/glass/composite/)
|
|
358
317
|
|
|
318
|
+
### Specialized Components (8 components)
|
|
319
|
+
|
|
320
|
+
Advanced specialized components for specific use cases:
|
|
321
|
+
|
|
322
|
+
- **StatusIndicatorGlass** - Status dots with glow effect
|
|
323
|
+
- **SegmentedControlGlass** - Segmented button group
|
|
324
|
+
- **RainbowProgressGlass** - Rainbow gradient progress bar
|
|
325
|
+
- **LanguageBarGlass** - Language proficiency bar with legend
|
|
326
|
+
- **ProfileAvatarGlass** - Large avatar with glow animation
|
|
327
|
+
- **FlagAlertGlass** - Warning/danger flag alert with icon
|
|
328
|
+
- **ProgressGlass** - Enhanced progress bar
|
|
329
|
+
- **BaseProgressGlass** - Base progress component
|
|
330
|
+
|
|
331
|
+
[View all Specialized components →](src/components/glass/specialized/)
|
|
332
|
+
|
|
359
333
|
### Level 4: Sections (7 components)
|
|
360
334
|
|
|
361
335
|
Full-page sections ready to use in your application:
|
|
@@ -370,27 +344,30 @@ Full-page sections ready to use in your application:
|
|
|
370
344
|
|
|
371
345
|
[View all Section components →](src/components/glass/sections/)
|
|
372
346
|
|
|
373
|
-
### Blocks (6 ready-to-use sections)
|
|
347
|
+
### Blocks (6 ready-to-use demo sections)
|
|
374
348
|
|
|
375
|
-
Complete component showcases following shadcn/ui pattern:
|
|
349
|
+
Complete component showcases following shadcn/ui pattern - these are demo/documentation components, not production-ready blocks:
|
|
376
350
|
|
|
377
|
-
- **ButtonsBlock** - All button variants, sizes, states
|
|
351
|
+
- **ButtonsBlock** - All button variants, sizes, states demo
|
|
378
352
|
- **FormElementsBlock** - Input, Slider, Toggle, Checkbox demos
|
|
379
|
-
- **ProgressBlock** - Progress bars, RainbowProgress, Skeletons
|
|
380
|
-
- **AvatarGalleryBlock** - Avatar sizes and status indicators
|
|
381
|
-
- **BadgesBlock** - Badge variants with tooltips
|
|
382
|
-
- **NotificationsBlock** - Notifications and alerts
|
|
353
|
+
- **ProgressBlock** - Progress bars, RainbowProgress, Skeletons demo
|
|
354
|
+
- **AvatarGalleryBlock** - Avatar sizes and status indicators demo
|
|
355
|
+
- **BadgesBlock** - Badge variants with tooltips demo
|
|
356
|
+
- **NotificationsBlock** - Notifications and alerts demo
|
|
383
357
|
|
|
384
|
-
|
|
358
|
+
**Note:** Blocks are showcase/demo components visible in Storybook. For production use, utilize individual components from the categories above.
|
|
385
359
|
|
|
386
|
-
|
|
360
|
+
[View Blocks in Storybook →](https://yhooi2.github.io/shadcn-glass-ui-library/?path=/story/glass-blocks--default)
|
|
387
361
|
|
|
388
|
-
|
|
362
|
+
### Demo Pages (3 full applications)
|
|
389
363
|
|
|
390
|
-
|
|
364
|
+
Complete application examples showcasing all components:
|
|
365
|
+
|
|
366
|
+
- **ComponentShowcase** - Interactive demo of all 55 components with theme switching
|
|
391
367
|
- **DesktopShowcase** - GitHub Analytics desktop application mockup with glassmorphism design
|
|
368
|
+
- **MobileShowcase** - Mobile-optimized GitHub profile view with responsive layout
|
|
392
369
|
|
|
393
|
-
[Try live demos →](https://
|
|
370
|
+
[Try live demos →](https://yhooi2.github.io/shadcn-glass-ui-library/)
|
|
394
371
|
|
|
395
372
|
## 🎨 Themes
|
|
396
373
|
|
|
@@ -474,23 +451,33 @@ function ThemeSwitcher() {
|
|
|
474
451
|
}
|
|
475
452
|
```
|
|
476
453
|
|
|
477
|
-
## 🔮 Glass Effect
|
|
454
|
+
## 🔮 Glass Effect Intensity
|
|
478
455
|
|
|
479
|
-
|
|
456
|
+
GlassCard supports 3 intensity levels for customizable blur effects:
|
|
480
457
|
|
|
481
458
|
```tsx
|
|
482
|
-
//
|
|
483
|
-
<GlassCard
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
459
|
+
// Subtle glass effect (8px blur)
|
|
460
|
+
<GlassCard intensity="subtle">
|
|
461
|
+
Subtle Effect
|
|
462
|
+
</GlassCard>
|
|
463
|
+
|
|
464
|
+
// Standard glassmorphism (16px blur - default)
|
|
465
|
+
<GlassCard intensity="medium">
|
|
466
|
+
Standard Glass
|
|
467
|
+
</GlassCard>
|
|
468
|
+
|
|
469
|
+
// Strong glass effect (24px blur)
|
|
470
|
+
<GlassCard intensity="strong">
|
|
471
|
+
Strong Effect
|
|
472
|
+
</GlassCard>
|
|
473
|
+
```
|
|
487
474
|
|
|
488
|
-
|
|
489
|
-
|
|
475
|
+
**Intensity Levels:**
|
|
476
|
+
- `subtle` - 8px blur (--blur-sm) - Light glass effect
|
|
477
|
+
- `medium` - 16px blur (--blur-md) - Standard cards (default)
|
|
478
|
+
- `strong` - 24px blur (--blur-lg) - Featured cards
|
|
490
479
|
|
|
491
|
-
|
|
492
|
-
<GlassCard variant="crystal">Crystal Glass</GlassCard>
|
|
493
|
-
```
|
|
480
|
+
**Performance Note:** Use sparingly - limit to 2-3 glass elements per view for optimal performance.
|
|
494
481
|
|
|
495
482
|
## ♿ Accessibility
|
|
496
483
|
|
|
@@ -506,7 +493,7 @@ All components are WCAG 2.1 AA compliant:
|
|
|
506
493
|
### Automated Testing
|
|
507
494
|
|
|
508
495
|
```bash
|
|
509
|
-
npm run test:compliance # Design system compliance (
|
|
496
|
+
npm run test:compliance # Design system compliance (650+ tests)
|
|
510
497
|
npm run test:compliance:browser # Browser-based a11y tests
|
|
511
498
|
```
|
|
512
499
|
|
|
@@ -547,18 +534,18 @@ Comprehensive test coverage across multiple layers:
|
|
|
547
534
|
### Test Suites
|
|
548
535
|
|
|
549
536
|
```bash
|
|
550
|
-
# All tests (
|
|
537
|
+
# All tests (1,355+ total)
|
|
551
538
|
npm test
|
|
552
539
|
|
|
553
|
-
# Design system compliance (
|
|
540
|
+
# Design system compliance (650+ tests)
|
|
554
541
|
npm run test:compliance:run # jsdom tests
|
|
555
542
|
npm run test:compliance:browser:run # browser tests
|
|
556
543
|
|
|
557
|
-
# Visual regression (
|
|
544
|
+
# Visual regression (580 screenshots)
|
|
558
545
|
npm run test:visual:ci # Run visual tests
|
|
559
546
|
npm run test:visual:update # Update baselines
|
|
560
547
|
|
|
561
|
-
# Unit tests (
|
|
548
|
+
# Unit tests (125 tests)
|
|
562
549
|
npm run test:unit
|
|
563
550
|
|
|
564
551
|
# Coverage report (90% target)
|
|
@@ -567,12 +554,12 @@ npm run test:coverage
|
|
|
567
554
|
|
|
568
555
|
### Test Categories
|
|
569
556
|
|
|
570
|
-
| Category | Tests
|
|
571
|
-
| ---------------------------- |
|
|
572
|
-
| **Design System Compliance** |
|
|
573
|
-
| **Visual Regression** |
|
|
574
|
-
| **Unit Tests** |
|
|
575
|
-
| **Total** | **
|
|
557
|
+
| Category | Tests | Coverage |
|
|
558
|
+
| ---------------------------- | ---------- | ----------------- |
|
|
559
|
+
| **Design System Compliance** | 650+ | 100% |
|
|
560
|
+
| **Visual Regression** | 580 | All components |
|
|
561
|
+
| **Unit Tests** | 125 | Core utilities |
|
|
562
|
+
| **Total** | **1,355+** | **Comprehensive** |
|
|
576
563
|
|
|
577
564
|
## 🛠️ Development
|
|
578
565
|
|
|
@@ -585,12 +572,15 @@ npm run test:coverage
|
|
|
585
572
|
|
|
586
573
|
```bash
|
|
587
574
|
# Clone repository
|
|
588
|
-
git clone https://github.com/
|
|
589
|
-
cd shadcn-glass-ui
|
|
575
|
+
git clone https://github.com/Yhooi2/shadcn-glass-ui-library.git
|
|
576
|
+
cd shadcn-glass-ui-library
|
|
590
577
|
|
|
591
578
|
# Install dependencies
|
|
592
579
|
npm install
|
|
593
580
|
|
|
581
|
+
# Setup git hooks (prevents committing screenshots from non-Linux platforms)
|
|
582
|
+
./scripts/setup-git-hooks.sh
|
|
583
|
+
|
|
594
584
|
# Start development
|
|
595
585
|
npm run dev # Vite dev server (port 5173)
|
|
596
586
|
npm run storybook # Storybook (port 6006)
|
|
@@ -659,7 +649,7 @@ See [CONTRIBUTING.md](CONTRIBUTING.md) for detailed guidelines.
|
|
|
659
649
|
|
|
660
650
|
## 📝 License
|
|
661
651
|
|
|
662
|
-
MIT
|
|
652
|
+
MIT License
|
|
663
653
|
|
|
664
654
|
This project is open source under the MIT license. See [LICENSE](LICENSE) for details.
|
|
665
655
|
|
|
@@ -677,16 +667,16 @@ Built with amazing open source projects:
|
|
|
677
667
|
## 🔗 Links
|
|
678
668
|
|
|
679
669
|
- **NPM Package**: [shadcn-glass-ui](https://www.npmjs.com/package/shadcn-glass-ui)
|
|
680
|
-
- **Documentation**: [Storybook](https://
|
|
681
|
-
- **GitHub**: [shadcn-glass-ui](https://github.com/
|
|
682
|
-
- **Issues**: [Report a bug](https://github.com/
|
|
683
|
-
- **Discussions**: [Community](https://github.com/
|
|
670
|
+
- **Documentation**: [Storybook](https://yhooi2.github.io/shadcn-glass-ui-library/)
|
|
671
|
+
- **GitHub**: [shadcn-glass-ui-library](https://github.com/Yhooi2/shadcn-glass-ui-library)
|
|
672
|
+
- **Issues**: [Report a bug](https://github.com/Yhooi2/shadcn-glass-ui-library/issues)
|
|
673
|
+
- **Discussions**: [Community](https://github.com/Yhooi2/shadcn-glass-ui-library/discussions)
|
|
684
674
|
|
|
685
675
|
## ⭐ Star History
|
|
686
676
|
|
|
687
677
|
If you find this project useful, please consider giving it a star on GitHub!
|
|
688
678
|
|
|
689
|
-
[](https://star-history.com/#Yhooi2/shadcn-glass-ui-library&Date)
|
|
690
680
|
|
|
691
681
|
---
|
|
692
682
|
|
package/dist/components.cjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const require_trust_score_card_glass = require("./trust-score-card-glass-
|
|
2
|
-
require("./utils-
|
|
3
|
-
require("./use-focus-
|
|
4
|
-
require("./theme-context-
|
|
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");
|
|
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;
|
package/dist/components.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "./utils-CGCOTvxT.js";
|
|
2
|
-
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-
|
|
2
|
+
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";
|
|
3
3
|
import "./use-focus-CX0TJJIj.js";
|
|
4
4
|
import "./theme-context-BZoCplcU.js";
|
|
5
5
|
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
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const require_use_focus = require("./use-focus-
|
|
2
|
-
const require_use_wallpaper_tint = require("./use-wallpaper-tint-
|
|
1
|
+
const require_use_focus = require("./use-focus-CUkhhBRX.cjs");
|
|
2
|
+
const require_use_wallpaper_tint = require("./use-wallpaper-tint-b9KAZtoy.cjs");
|
|
3
3
|
exports.useFocus = require_use_focus.useFocus;
|
|
4
4
|
exports.useHover = require_use_focus.useHover;
|
|
5
5
|
exports.useResponsive = require_use_wallpaper_tint.useResponsive;
|
package/dist/index.cjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
const require_trust_score_card_glass = require("./trust-score-card-glass-
|
|
2
|
-
const require_utils = require("./utils-
|
|
3
|
-
const require_use_focus = require("./use-focus-
|
|
4
|
-
const require_theme_context = require("./theme-context-
|
|
5
|
-
const require_use_wallpaper_tint = require("./use-wallpaper-tint-
|
|
1
|
+
const require_trust_score_card_glass = require("./trust-score-card-glass-CZeCRkHL.cjs");
|
|
2
|
+
const require_utils = require("./utils-Ba5INf7M.cjs");
|
|
3
|
+
const require_use_focus = require("./use-focus-CUkhhBRX.cjs");
|
|
4
|
+
const require_theme_context = require("./theme-context-e3yxC7A6.cjs");
|
|
5
|
+
const require_use_wallpaper_tint = require("./use-wallpaper-tint-b9KAZtoy.cjs");
|
|
6
6
|
let class_variance_authority = require("class-variance-authority");
|
|
7
7
|
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", {
|
|
8
8
|
variants: { align: {
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as cn } from "./utils-CGCOTvxT.js";
|
|
2
|
-
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, J as modalSizes, K as notificationVariants, L as tooltipPositions, M as SortDropdownGlass, N as SearchBoxGlass, O as StatusIndicatorGlass, P as IconButtonGlass, Q as DropdownGlass, R as ToggleGlass, S as RainbowProgressGlass, T as ProfileAvatarGlass, U as skeletonVariants, V as SliderGlass, W as PopoverGlass, X as GlassCard, Y as InputGlass, Z as cardIntensity, _ as ContributionMetricsGlass, a as HeaderBrandingGlass, at as BadgeGlass, b as AICardGlass, c as YearCardGlass, ct as avatarSizes, d as TrustScoreDisplayGlass, dt as InteractiveCard, et as inputVariants, f as RepositoryMetadataGlass, ft as FormFieldWrapper, g as MetricCardGlass, h as MetricsGridGlass, i as HeaderNavGlass, it as buttonGlassVariants, j as StatItemGlass, k as BaseProgressGlass, l as UserStatsLineGlass, lt as statusSizes, m as RepositoryCardGlass, mt as alertVariants, n as ProjectsListGlass, nt as CheckboxGlass, o as FlagsSectionGlass, ot as badgeVariants, 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, w as progressSizes, x as SegmentedControlGlass, y as CareerStatsHeaderGlass, z as toggleSizes } from "./trust-score-card-glass-
|
|
2
|
+
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, J as modalSizes, K as notificationVariants, L as tooltipPositions, M as SortDropdownGlass, N as SearchBoxGlass, O as StatusIndicatorGlass, P as IconButtonGlass, Q as DropdownGlass, R as ToggleGlass, S as RainbowProgressGlass, T as ProfileAvatarGlass, U as skeletonVariants, V as SliderGlass, W as PopoverGlass, X as GlassCard, Y as InputGlass, Z as cardIntensity, _ as ContributionMetricsGlass, a as HeaderBrandingGlass, at as BadgeGlass, b as AICardGlass, c as YearCardGlass, ct as avatarSizes, d as TrustScoreDisplayGlass, dt as InteractiveCard, et as inputVariants, f as RepositoryMetadataGlass, ft as FormFieldWrapper, g as MetricCardGlass, h as MetricsGridGlass, i as HeaderNavGlass, it as buttonGlassVariants, j as StatItemGlass, k as BaseProgressGlass, l as UserStatsLineGlass, lt as statusSizes, m as RepositoryCardGlass, mt as alertVariants, n as ProjectsListGlass, nt as CheckboxGlass, o as FlagsSectionGlass, ot as badgeVariants, 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, w as progressSizes, x as SegmentedControlGlass, y as CareerStatsHeaderGlass, z as toggleSizes } from "./trust-score-card-glass-DWrcNoI2.js";
|
|
3
3
|
import { n as useHover, t as useFocus } from "./use-focus-CX0TJJIj.js";
|
|
4
4
|
import { a as getThemeConfig, i as getNextTheme, n as THEME_CONFIG, o as useTheme, r as ThemeProvider, t as THEMES } from "./theme-context-BZoCplcU.js";
|
|
5
5
|
import { n as useResponsive, t as useWallpaperTint } from "./use-wallpaper-tint-DUgmytlY.js";
|