shadcn-glass-ui 1.0.10 → 2.0.0

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 (216) hide show
  1. package/CHANGELOG.md +259 -16
  2. package/README.md +248 -28
  3. package/context7.json +58 -0
  4. package/dist/cli/index.cjs +470 -0
  5. package/dist/cli/index.cjs.map +1 -0
  6. package/dist/cli/index.d.ts +18 -0
  7. package/dist/cli/index.js +469 -0
  8. package/dist/cli/index.js.map +1 -0
  9. package/dist/components.cjs +4 -4
  10. package/dist/components.d.ts +153 -22
  11. package/dist/components.js +2 -2
  12. package/dist/hooks.cjs +2 -2
  13. package/dist/index.cjs +872 -5
  14. package/dist/index.cjs.map +1 -1
  15. package/dist/index.d.ts +0 -2390
  16. package/dist/index.js +844 -3
  17. package/dist/index.js.map +1 -1
  18. package/dist/r/ai-card-glass.json +5 -12
  19. package/dist/r/avatar-glass.json +5 -15
  20. package/dist/r/circular-metric-glass.json +5 -11
  21. package/dist/r/circular-progress-glass.json +5 -12
  22. package/dist/r/combobox-glass.json +5 -13
  23. package/dist/r/flag-alert-glass.json +5 -11
  24. package/dist/r/flags-section-glass.json +5 -12
  25. package/dist/r/insight-card-glass.json +17 -0
  26. package/dist/r/interactive-card.json +5 -12
  27. package/dist/r/language-bar-glass.json +5 -11
  28. package/dist/r/metric-card-glass.json +6 -13
  29. package/dist/r/metrics-grid-glass.json +5 -11
  30. package/dist/r/modal-glass.json +5 -15
  31. package/dist/r/popover-glass.json +1 -1
  32. package/dist/r/progress-glass.json +5 -13
  33. package/dist/r/registry.json +20 -2
  34. package/dist/r/segmented-control-glass.json +5 -11
  35. package/dist/r/sparkline-glass.json +17 -0
  36. package/dist/r/stepper-glass.json +33 -0
  37. package/dist/r/tabs-glass.json +4 -9
  38. package/dist/r/trust-score-card-glass.json +5 -12
  39. package/dist/r/year-card-glass.json +5 -13
  40. package/dist/shadcn-glass-ui.css +1 -1
  41. package/dist/{theme-context-XtasSxRT.cjs → theme-context-CVW50BKW.cjs} +2 -2
  42. package/dist/{theme-context-XtasSxRT.cjs.map → theme-context-CVW50BKW.cjs.map} +1 -1
  43. package/dist/themes.cjs +1 -1
  44. package/dist/trust-score-card-glass-BcZbul0P.js +26895 -0
  45. package/dist/trust-score-card-glass-BcZbul0P.js.map +1 -0
  46. package/dist/trust-score-card-glass-r3qM09Jp.cjs +27689 -0
  47. package/dist/trust-score-card-glass-r3qM09Jp.cjs.map +1 -0
  48. package/dist/{use-focus-BbpE2qGq.cjs → use-focus-ZE8ozmZE.cjs} +2 -2
  49. package/dist/{use-focus-BbpE2qGq.cjs.map → use-focus-ZE8ozmZE.cjs.map} +1 -1
  50. package/dist/{use-wallpaper-tint-CIqtoETa.cjs → use-wallpaper-tint-BuS80tbN.cjs} +2 -2
  51. package/dist/{use-wallpaper-tint-CIqtoETa.cjs.map → use-wallpaper-tint-BuS80tbN.cjs.map} +1 -1
  52. package/dist/{utils-CGCOTvxT.js → utils-CcyeqpKQ.js} +1 -1
  53. package/dist/{utils-CGCOTvxT.js.map → utils-CcyeqpKQ.js.map} +1 -1
  54. package/dist/{utils-CriE74ig.cjs → utils-DLXayspX.cjs} +2 -2
  55. package/dist/{utils-CriE74ig.cjs.map → utils-DLXayspX.cjs.map} +1 -1
  56. package/dist/utils.cjs +1 -1
  57. package/dist/utils.js +1 -1
  58. package/docs/AI_IMPROVEMENTS_COMPLETE.md +574 -0
  59. package/docs/AI_USAGE.md +1328 -0
  60. package/docs/API_PATTERNS_COMPARISON.md +418 -0
  61. package/docs/BEST_PRACTICES.md +800 -0
  62. package/docs/COMPLIANCE_CHECKLIST.md +307 -0
  63. package/docs/COMPLIANCE_TESTING.md +436 -0
  64. package/docs/COMPONENTS_CATALOG.md +1076 -0
  65. package/docs/CSS_VARIABLES_AUDIT.md +306 -0
  66. package/docs/CSS_VARIABLES_REFACTORING_PLAN.md +330 -0
  67. package/docs/EXPORTS_MAP.json +875 -0
  68. package/docs/EXPORTS_STRUCTURE.md +729 -0
  69. package/docs/GETTING_STARTED.md +655 -0
  70. package/docs/METRIC_CARD_API_REDESIGN.md +354 -0
  71. package/docs/PRIMITIVE_MAPPING.md +404 -0
  72. package/docs/PUBLISHING.md +593 -0
  73. package/docs/REGISTRY_SUMMARY.md +96 -0
  74. package/docs/REGISTRY_USAGE.md +339 -0
  75. package/docs/SECURITY.md +117 -0
  76. package/docs/THEME_CREATION_GUIDE.md +455 -0
  77. package/docs/TOKEN_ARCHITECTURE.md +365 -0
  78. package/docs/announcements/v1.0.5-devto.md +363 -0
  79. package/docs/announcements/v1.0.5-reddit.md +115 -0
  80. package/docs/announcements/v1.0.5-twitter.md +70 -0
  81. package/docs/api/README.md +725 -0
  82. package/docs/api/functions/ThemeProvider.md +21 -0
  83. package/docs/api/functions/cn.md +27 -0
  84. package/docs/api/functions/getNextTheme.md +21 -0
  85. package/docs/api/functions/getThemeConfig.md +21 -0
  86. package/docs/api/functions/useFocus.md +53 -0
  87. package/docs/api/functions/useHover.md +47 -0
  88. package/docs/api/functions/useResponsive.md +31 -0
  89. package/docs/api/functions/useTheme.md +15 -0
  90. package/docs/api/functions/useWallpaperTint.md +36 -0
  91. package/docs/api/globals.md +139 -0
  92. package/docs/api/interfaces/AlertGlassProps.md +131 -0
  93. package/docs/api/interfaces/AvatarGlassProps.md +114 -0
  94. package/docs/api/interfaces/BadgeGlassProps.md +118 -0
  95. package/docs/api/interfaces/ButtonGlassProps.md +179 -0
  96. package/docs/api/interfaces/CheckboxGlassProps.md +125 -0
  97. package/docs/api/interfaces/DropdownGlassProps.md +123 -0
  98. package/docs/api/interfaces/DropdownItem.md +53 -0
  99. package/docs/api/interfaces/GlassCardProps.md +151 -0
  100. package/docs/api/interfaces/InputGlassProps.md +169 -0
  101. package/docs/api/interfaces/NotificationGlassProps.md +67 -0
  102. package/docs/api/interfaces/ProgressGlassProps.md +49 -0
  103. package/docs/api/interfaces/SkeletonGlassProps.md +41 -0
  104. package/docs/api/interfaces/SliderGlassProps.md +107 -0
  105. package/docs/api/interfaces/TabItem.md +25 -0
  106. package/docs/api/interfaces/ThemeConfig.md +25 -0
  107. package/docs/api/interfaces/ThemeContextValue.md +47 -0
  108. package/docs/api/interfaces/ToggleGlassProps.md +59 -0
  109. package/docs/api/interfaces/TooltipGlassProps.md +119 -0
  110. package/docs/api/type-aliases/AlertType.md +11 -0
  111. package/docs/api/type-aliases/AlertVariant.md +11 -0
  112. package/docs/api/type-aliases/AvatarSize.md +11 -0
  113. package/docs/api/type-aliases/AvatarStatus.md +13 -0
  114. package/docs/api/type-aliases/BadgeSize.md +11 -0
  115. package/docs/api/type-aliases/BadgeVariant.md +11 -0
  116. package/docs/api/type-aliases/ButtonGlassSize.md +11 -0
  117. package/docs/api/type-aliases/ButtonGlassVariant.md +11 -0
  118. package/docs/api/type-aliases/DropdownAlign.md +11 -0
  119. package/docs/api/type-aliases/GlowType.md +11 -0
  120. package/docs/api/type-aliases/InputGlassSize.md +11 -0
  121. package/docs/api/type-aliases/IntensityType.md +11 -0
  122. package/docs/api/type-aliases/ModalSize.md +11 -0
  123. package/docs/api/type-aliases/NotificationType.md +11 -0
  124. package/docs/api/type-aliases/PaddingType.md +11 -0
  125. package/docs/api/type-aliases/ProgressGradient.md +11 -0
  126. package/docs/api/type-aliases/ProgressSize.md +11 -0
  127. package/docs/api/type-aliases/SkeletonVariant.md +11 -0
  128. package/docs/api/type-aliases/Theme.md +11 -0
  129. package/docs/api/type-aliases/ToggleGlassSize.md +11 -0
  130. package/docs/api/type-aliases/TooltipPosition.md +11 -0
  131. package/docs/api/variables/AICardGlass.md +11 -0
  132. package/docs/api/variables/AlertGlass.md +11 -0
  133. package/docs/api/variables/AvatarGlass.md +11 -0
  134. package/docs/api/variables/BadgeGlass.md +11 -0
  135. package/docs/api/variables/BaseProgressGlass.md +11 -0
  136. package/docs/api/variables/ButtonGlass.md +11 -0
  137. package/docs/api/variables/CareerStatsGlass.md +11 -0
  138. package/docs/api/variables/CareerStatsHeaderGlass.md +11 -0
  139. package/docs/api/variables/CheckboxGlass.md +11 -0
  140. package/docs/api/variables/CircularMetricGlass.md +22 -0
  141. package/docs/api/variables/CircularProgressGlass.md +11 -0
  142. package/docs/api/variables/ComboBoxGlass.md +27 -0
  143. package/docs/api/variables/ContributionMetricsGlass.md +11 -0
  144. package/docs/api/variables/DropdownGlass.md +11 -0
  145. package/docs/api/variables/ExpandableHeaderGlass.md +11 -0
  146. package/docs/api/variables/FlagAlertGlass.md +11 -0
  147. package/docs/api/variables/FlagsSectionGlass.md +11 -0
  148. package/docs/api/variables/FormFieldWrapper.md +44 -0
  149. package/docs/api/variables/GlassCard.md +11 -0
  150. package/docs/api/variables/HeaderBrandingGlass.md +11 -0
  151. package/docs/api/variables/HeaderNavGlass.md +11 -0
  152. package/docs/api/variables/IconButtonGlass.md +11 -0
  153. package/docs/api/variables/InputGlass.md +11 -0
  154. package/docs/api/variables/InteractiveCard.md +45 -0
  155. package/docs/api/variables/LanguageBarGlass.md +11 -0
  156. package/docs/api/variables/MetricCardGlass.md +11 -0
  157. package/docs/api/variables/MetricsGridGlass.md +11 -0
  158. package/docs/api/variables/ModalGlass.md +72 -0
  159. package/docs/api/variables/NotificationGlass.md +11 -0
  160. package/docs/api/variables/PopoverGlass.md +11 -0
  161. package/docs/api/variables/ProfileAvatarGlass.md +11 -0
  162. package/docs/api/variables/ProfileHeaderGlass.md +11 -0
  163. package/docs/api/variables/ProgressGlass.md +11 -0
  164. package/docs/api/variables/ProjectsListGlass.md +11 -0
  165. package/docs/api/variables/RainbowProgressGlass.md +11 -0
  166. package/docs/api/variables/RepositoryCardGlass.md +11 -0
  167. package/docs/api/variables/RepositoryHeaderGlass.md +11 -0
  168. package/docs/api/variables/RepositoryMetadataGlass.md +11 -0
  169. package/docs/api/variables/SearchBoxGlass.md +11 -0
  170. package/docs/api/variables/SegmentedControlGlass.md +11 -0
  171. package/docs/api/variables/SkeletonGlass.md +11 -0
  172. package/docs/api/variables/SliderGlass.md +11 -0
  173. package/docs/api/variables/SortDropdownGlass.md +11 -0
  174. package/docs/api/variables/StatItemGlass.md +11 -0
  175. package/docs/api/variables/StatusIndicatorGlass.md +11 -0
  176. package/docs/api/variables/THEMES.md +11 -0
  177. package/docs/api/variables/THEME_CONFIG.md +11 -0
  178. package/docs/api/variables/TabsGlass.md +52 -0
  179. package/docs/api/variables/ThemeToggleGlass.md +11 -0
  180. package/docs/api/variables/ToggleGlass.md +11 -0
  181. package/docs/api/variables/TooltipGlass.md +11 -0
  182. package/docs/api/variables/TouchTarget.md +35 -0
  183. package/docs/api/variables/TrustScoreCardGlass.md +11 -0
  184. package/docs/api/variables/TrustScoreDisplayGlass.md +11 -0
  185. package/docs/api/variables/UserInfoGlass.md +11 -0
  186. package/docs/api/variables/UserStatsLineGlass.md +11 -0
  187. package/docs/api/variables/YearCardGlass.md +11 -0
  188. package/docs/api/variables/alertVariants.md +21 -0
  189. package/docs/api/variables/avatarSizes.md +21 -0
  190. package/docs/api/variables/badgeVariants.md +21 -0
  191. package/docs/api/variables/buttonGlassVariants.md +21 -0
  192. package/docs/api/variables/cardIntensity.md +21 -0
  193. package/docs/api/variables/dropdownAlign.md +21 -0
  194. package/docs/api/variables/inputVariants.md +21 -0
  195. package/docs/api/variables/modalSizes.md +21 -0
  196. package/docs/api/variables/notificationVariants.md +21 -0
  197. package/docs/api/variables/progressSizes.md +21 -0
  198. package/docs/api/variables/shadcnAlertVariants.md +21 -0
  199. package/docs/api/variables/shadcnBadgeVariants.md +21 -0
  200. package/docs/api/variables/shadcnButtonVariants.md +21 -0
  201. package/docs/api/variables/skeletonVariants.md +21 -0
  202. package/docs/api/variables/statusSizes.md +21 -0
  203. package/docs/api/variables/toggleSizes.md +21 -0
  204. package/docs/api/variables/tooltipPositions.md +21 -0
  205. package/docs/design-system/UI_DESIGN.md +628 -0
  206. package/docs/migration/CSS_VARIABLES_MIGRATION_2.0.md +325 -0
  207. package/docs/migration/modal-glass-compound-api.md +458 -0
  208. package/docs/migration/select-to-combobox.md +386 -0
  209. package/docs/migration/tabs-glass-compound-api.md +579 -0
  210. package/docs/technical/DEPENDENCIES.md +291 -0
  211. package/docs/visual-testing-guide.md +324 -0
  212. package/package.json +16 -3
  213. package/dist/trust-score-card-glass-CNcQveNY.cjs +0 -8231
  214. package/dist/trust-score-card-glass-CNcQveNY.cjs.map +0 -1
  215. package/dist/trust-score-card-glass-CowcDyxH.js +0 -7795
  216. package/dist/trust-score-card-glass-CowcDyxH.js.map +0 -1
@@ -0,0 +1,151 @@
1
+ [**shadcn-glass-ui API Reference v1.0.7**](../README.md)
2
+
3
+ ***
4
+
5
+ [shadcn-glass-ui API Reference](../globals.md) / GlassCardProps
6
+
7
+ # Interface: GlassCardProps
8
+
9
+ Defined in: [src/components/glass/ui/glass-card.tsx:99](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/glass-card.tsx#L99)
10
+
11
+ Props for the GlassCard component
12
+
13
+ A glass-themed container with configurable blur, glow effects, and hover animations.
14
+ Features polymorphic rendering via `asChild` for semantic HTML flexibility.
15
+
16
+ ## Accessibility
17
+
18
+ - **Keyboard Navigation:** When used with `asChild` as a link/button, inherits native keyboard support (Enter/Space activation)
19
+ - **Focus Management:** Focus ring applied to child element when using `asChild` pattern with interactive elements
20
+ - **Screen Readers:** Semantic HTML preserved via `asChild` - use appropriate elements (`<a>`, `<button>`, `<article>`)
21
+ - **Hover State:** Hover effects are purely visual and do not affect functionality (progressive enhancement)
22
+ - **Touch Targets:** When interactive, ensure child element meets minimum 44x44px touch target (WCAG 2.5.5)
23
+ - **Color Contrast:** Card border and background meet WCAG AA contrast requirements, content contrast is consumer's responsibility
24
+ - **Motion:** Hover scale animation respects `prefers-reduced-motion` settings via CSS transitions
25
+
26
+ ## Example
27
+
28
+ ```tsx
29
+ // Basic card
30
+ <GlassCard intensity="medium">Content</GlassCard>
31
+
32
+ // As a clickable link with accessible name
33
+ <GlassCard asChild intensity="medium">
34
+ <a href="/details" aria-label="View product details">
35
+ <h3>Product Title</h3>
36
+ <p>Description</p>
37
+ </a>
38
+ </GlassCard>
39
+
40
+ // Different intensity levels
41
+ <GlassCard intensity="subtle">Subtle blur</GlassCard>
42
+ <GlassCard intensity="medium">Standard blur</GlassCard>
43
+ <GlassCard intensity="strong">Heavy blur</GlassCard>
44
+
45
+ // With glow effects
46
+ <GlassCard glow="blue">Blue glow card</GlassCard>
47
+ <GlassCard glow="violet">Violet glow card</GlassCard>
48
+ <GlassCard glow="cyan">Cyan glow card</GlassCard>
49
+
50
+ // As a button (interactive) with role
51
+ <GlassCard asChild hover intensity="medium">
52
+ <button onClick={handleClick} aria-label="Open settings">
53
+ <Settings className="w-6 h-6" />
54
+ <span>Settings</span>
55
+ </button>
56
+ </GlassCard>
57
+
58
+ // Article card with semantic HTML
59
+ <GlassCard asChild intensity="medium" padding="lg">
60
+ <article>
61
+ <header><h2>Article Title</h2></header>
62
+ <p>Article content...</p>
63
+ <footer>Published: Jan 1, 2025</footer>
64
+ </article>
65
+ </GlassCard>
66
+ ```
67
+
68
+ ## Extends
69
+
70
+ - `Omit`\<`React.HTMLAttributes`\<`HTMLDivElement`\>, `"style"`\>.`VariantProps`\<*typeof* [`cardIntensity`](../variables/cardIntensity.md)\>
71
+
72
+ ## Properties
73
+
74
+ ### asChild?
75
+
76
+ > `readonly` `optional` **asChild**: `boolean`
77
+
78
+ Defined in: [src/components/glass/ui/glass-card.tsx:113](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/glass-card.tsx#L113)
79
+
80
+ Render as child element instead of div (polymorphic rendering).
81
+ Useful for making cards clickable links or custom interactive elements.
82
+
83
+ #### Default
84
+
85
+ ```ts
86
+ false
87
+ ```
88
+
89
+ #### Example
90
+
91
+ ```tsx
92
+ <GlassCard asChild>
93
+ <a href="/article">Article Content</a>
94
+ </GlassCard>
95
+ ```
96
+
97
+ ***
98
+
99
+ ### children
100
+
101
+ > `readonly` **children**: `ReactNode`
102
+
103
+ Defined in: [src/components/glass/ui/glass-card.tsx:115](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/glass-card.tsx#L115)
104
+
105
+ #### Overrides
106
+
107
+ `Omit.children`
108
+
109
+ ***
110
+
111
+ ### glow?
112
+
113
+ > `readonly` `optional` **glow**: [`GlowType`](../type-aliases/GlowType.md)
114
+
115
+ Defined in: [src/components/glass/ui/glass-card.tsx:116](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/glass-card.tsx#L116)
116
+
117
+ ***
118
+
119
+ ### padding?
120
+
121
+ > `readonly` `optional` **padding**: [`PaddingType`](../type-aliases/PaddingType.md)
122
+
123
+ Defined in: [src/components/glass/ui/glass-card.tsx:117](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/glass-card.tsx#L117)
124
+
125
+ #### Overrides
126
+
127
+ `VariantProps.padding`
128
+
129
+ ***
130
+
131
+ ### intensity?
132
+
133
+ > `optional` **intensity**: `"subtle"` \| `"medium"` \| `"strong"` \| `null`
134
+
135
+ Defined in: [src/lib/variants/glass-card-variants.ts:15](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/variants/glass-card-variants.ts#L15)
136
+
137
+ #### Inherited from
138
+
139
+ `VariantProps.intensity`
140
+
141
+ ***
142
+
143
+ ### hover?
144
+
145
+ > `optional` **hover**: `boolean` \| `null`
146
+
147
+ Defined in: [src/lib/variants/glass-card-variants.ts:20](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/variants/glass-card-variants.ts#L20)
148
+
149
+ #### Inherited from
150
+
151
+ `VariantProps.hover`
@@ -0,0 +1,169 @@
1
+ [**shadcn-glass-ui API Reference v1.0.7**](../README.md)
2
+
3
+ ***
4
+
5
+ [shadcn-glass-ui API Reference](../globals.md) / InputGlassProps
6
+
7
+ # Interface: InputGlassProps
8
+
9
+ Defined in: [src/components/glass/ui/input-glass.tsx:121](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/input-glass.tsx#L121)
10
+
11
+ Props for the InputGlass component
12
+
13
+ A glass-themed input field with labels, validation states, and icon support.
14
+ Features focus glow effects and theme-aware styling.
15
+
16
+ ## Accessibility
17
+
18
+ - **Keyboard Navigation:** Full keyboard support with native `<input>` element, standard tab navigation
19
+ - **Focus Management:** Visible focus ring using `--focus-glow` CSS variable (WCAG 2.4.7)
20
+ - **Screen Readers:** Semantic `<label>` elements properly associated via `htmlFor`, error/success messages announced with `aria-describedby`
21
+ - **Error State:** Red border and error message displayed below input, programmatically associated for screen readers
22
+ - **Success State:** Green border and success message displayed below input, programmatically associated for screen readers
23
+ - **Touch Targets:** Minimum 44x44px touch target on mobile devices (WCAG 2.5.5)
24
+ - **Color Contrast:** All text meets WCAG AA contrast ratio 4.5:1 minimum against backgrounds
25
+ - **Motion:** Icon color transitions respect `prefers-reduced-motion` settings
26
+
27
+ ## Example
28
+
29
+ ```tsx
30
+ // Basic input with label
31
+ <InputGlass label="Email" placeholder="you@example.com" />
32
+
33
+ // With aria-describedby for additional context
34
+ <InputGlass
35
+ label="Username"
36
+ placeholder="Enter username"
37
+ aria-describedby="username-help"
38
+ />
39
+ <span id="username-help">Must be 3-20 characters</span>
40
+
41
+ // With validation states (automatically announced to screen readers)
42
+ <InputGlass label="Username" error="Username is required" />
43
+ <InputGlass label="Password" success="Strong password" type="password" />
44
+
45
+ // With icon and accessible label
46
+ <InputGlass
47
+ icon={Search}
48
+ placeholder="Search..."
49
+ aria-label="Search products"
50
+ />
51
+ <InputGlass icon={Mail} iconPosition="right" type="email" />
52
+
53
+ // Disabled state (automatically announced)
54
+ <InputGlass label="Email" disabled value="locked@example.com" />
55
+
56
+ // Form integration with accessible error handling
57
+ <form onSubmit={handleSubmit}>
58
+ <InputGlass
59
+ label="Email"
60
+ type="email"
61
+ required
62
+ error={errors.email}
63
+ aria-invalid={!!errors.email}
64
+ />
65
+ <InputGlass
66
+ label="Password"
67
+ type="password"
68
+ icon={Lock}
69
+ error={errors.password}
70
+ />
71
+ <ButtonGlass type="submit">Sign In</ButtonGlass>
72
+ </form>
73
+ ```
74
+
75
+ ## Extends
76
+
77
+ - `Omit`\<`InputHTMLAttributes`\<`HTMLInputElement`\>, `"size"`\>.`VariantProps`\<*typeof* [`inputVariants`](../variables/inputVariants.md)\>
78
+
79
+ ## Properties
80
+
81
+ ### label?
82
+
83
+ > `readonly` `optional` **label**: `string`
84
+
85
+ Defined in: [src/components/glass/ui/input-glass.tsx:127](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/input-glass.tsx#L127)
86
+
87
+ Label text displayed above the input field
88
+
89
+ ***
90
+
91
+ ### error?
92
+
93
+ > `readonly` `optional` **error**: `string`
94
+
95
+ Defined in: [src/components/glass/ui/input-glass.tsx:132](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/input-glass.tsx#L132)
96
+
97
+ Error message to display below the input (red styling)
98
+
99
+ ***
100
+
101
+ ### success?
102
+
103
+ > `readonly` `optional` **success**: `string`
104
+
105
+ Defined in: [src/components/glass/ui/input-glass.tsx:137](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/input-glass.tsx#L137)
106
+
107
+ Success message to display below the input (green styling)
108
+
109
+ ***
110
+
111
+ ### icon?
112
+
113
+ > `readonly` `optional` **icon**: `LucideIcon`
114
+
115
+ Defined in: [src/components/glass/ui/input-glass.tsx:143](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/input-glass.tsx#L143)
116
+
117
+ Icon component from lucide-react to display
118
+
119
+ #### Example
120
+
121
+ ```ts
122
+ icon={Search}
123
+ ```
124
+
125
+ ***
126
+
127
+ ### iconPosition?
128
+
129
+ > `readonly` `optional` **iconPosition**: `"left"` \| `"right"`
130
+
131
+ Defined in: [src/components/glass/ui/input-glass.tsx:149](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/input-glass.tsx#L149)
132
+
133
+ Position of the icon relative to input text
134
+
135
+ #### Default
136
+
137
+ ```ts
138
+ "left"
139
+ ```
140
+
141
+ ***
142
+
143
+ ### ~~inputSize?~~
144
+
145
+ > `readonly` `optional` **inputSize**: `"sm"` \| `"md"` \| `"lg"`
146
+
147
+ Defined in: [src/components/glass/ui/input-glass.tsx:155](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/input-glass.tsx#L155)
148
+
149
+ #### Deprecated
150
+
151
+ Use `size` prop instead. Will be removed in v4.0
152
+
153
+ #### Default
154
+
155
+ ```ts
156
+ "md"
157
+ ```
158
+
159
+ ***
160
+
161
+ ### size?
162
+
163
+ > `optional` **size**: `"sm"` \| `"md"` \| `"lg"` \| `null`
164
+
165
+ Defined in: [src/lib/variants/input-glass-variants.ts:14](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/variants/input-glass-variants.ts#L14)
166
+
167
+ #### Inherited from
168
+
169
+ `VariantProps.size`
@@ -0,0 +1,67 @@
1
+ [**shadcn-glass-ui API Reference v1.0.7**](../README.md)
2
+
3
+ ***
4
+
5
+ [shadcn-glass-ui API Reference](../globals.md) / NotificationGlassProps
6
+
7
+ # Interface: NotificationGlassProps
8
+
9
+ Defined in: [src/components/glass/ui/notification-glass.tsx:37](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/notification-glass.tsx#L37)
10
+
11
+ ## Extends
12
+
13
+ - `Omit`\<`React.HTMLAttributes`\<`HTMLDivElement`\>, `"title"` \| `"style"`\>.`VariantProps`\<*typeof* [`notificationVariants`](../variables/notificationVariants.md)\>
14
+
15
+ ## Properties
16
+
17
+ ### title
18
+
19
+ > `readonly` **title**: `string`
20
+
21
+ Defined in: [src/components/glass/ui/notification-glass.tsx:40](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/notification-glass.tsx#L40)
22
+
23
+ ***
24
+
25
+ ### message
26
+
27
+ > `readonly` **message**: `string`
28
+
29
+ Defined in: [src/components/glass/ui/notification-glass.tsx:41](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/notification-glass.tsx#L41)
30
+
31
+ ***
32
+
33
+ ### variant?
34
+
35
+ > `readonly` `optional` **variant**: `"default"` \| `"destructive"` \| `"success"` \| `"warning"`
36
+
37
+ Defined in: [src/components/glass/ui/notification-glass.tsx:43](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/notification-glass.tsx#L43)
38
+
39
+ Notification variant (shadcn/ui compatible)
40
+
41
+ ***
42
+
43
+ ### ~~type?~~
44
+
45
+ > `readonly` `optional` **type**: [`NotificationType`](../type-aliases/NotificationType.md)
46
+
47
+ Defined in: [src/components/glass/ui/notification-glass.tsx:45](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/notification-glass.tsx#L45)
48
+
49
+ #### Deprecated
50
+
51
+ Use variant prop instead. Will be removed in next major version.
52
+
53
+ #### Overrides
54
+
55
+ `VariantProps.type`
56
+
57
+ ***
58
+
59
+ ### onClose()
60
+
61
+ > `readonly` **onClose**: () => `void`
62
+
63
+ Defined in: [src/components/glass/ui/notification-glass.tsx:46](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/notification-glass.tsx#L46)
64
+
65
+ #### Returns
66
+
67
+ `void`
@@ -0,0 +1,49 @@
1
+ [**shadcn-glass-ui API Reference v1.0.7**](../README.md)
2
+
3
+ ***
4
+
5
+ [shadcn-glass-ui API Reference](../globals.md) / ProgressGlassProps
6
+
7
+ # Interface: ProgressGlassProps
8
+
9
+ Defined in: [src/components/glass/specialized/progress-glass.tsx:21](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/specialized/progress-glass.tsx#L21)
10
+
11
+ ## Extends
12
+
13
+ - `Omit`\<`React.HTMLAttributes`\<`HTMLDivElement`\>, `"style"`\>.`VariantProps`\<*typeof* [`progressSizes`](../variables/progressSizes.md)\>
14
+
15
+ ## Properties
16
+
17
+ ### value
18
+
19
+ > `readonly` **value**: `number`
20
+
21
+ Defined in: [src/components/glass/specialized/progress-glass.tsx:24](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/specialized/progress-glass.tsx#L24)
22
+
23
+ ***
24
+
25
+ ### gradient?
26
+
27
+ > `readonly` `optional` **gradient**: [`ProgressGradient`](../type-aliases/ProgressGradient.md)
28
+
29
+ Defined in: [src/components/glass/specialized/progress-glass.tsx:25](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/specialized/progress-glass.tsx#L25)
30
+
31
+ ***
32
+
33
+ ### showLabel?
34
+
35
+ > `readonly` `optional` **showLabel**: `boolean`
36
+
37
+ Defined in: [src/components/glass/specialized/progress-glass.tsx:26](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/specialized/progress-glass.tsx#L26)
38
+
39
+ ***
40
+
41
+ ### size?
42
+
43
+ > `optional` **size**: `"sm"` \| `"md"` \| `"lg"` \| `"xl"` \| `null`
44
+
45
+ Defined in: [src/lib/variants/progress-glass-variants.ts:13](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/variants/progress-glass-variants.ts#L13)
46
+
47
+ #### Inherited from
48
+
49
+ `VariantProps.size`
@@ -0,0 +1,41 @@
1
+ [**shadcn-glass-ui API Reference v1.0.7**](../README.md)
2
+
3
+ ***
4
+
5
+ [shadcn-glass-ui API Reference](../globals.md) / SkeletonGlassProps
6
+
7
+ # Interface: SkeletonGlassProps
8
+
9
+ Defined in: [src/components/glass/ui/skeleton-glass.tsx:20](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/skeleton-glass.tsx#L20)
10
+
11
+ ## Extends
12
+
13
+ - `HTMLAttributes`\<`HTMLDivElement`\>.`VariantProps`\<*typeof* [`skeletonVariants`](../variables/skeletonVariants.md)\>
14
+
15
+ ## Properties
16
+
17
+ ### width?
18
+
19
+ > `readonly` `optional` **width**: `string` \| `number`
20
+
21
+ Defined in: [src/components/glass/ui/skeleton-glass.tsx:23](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/skeleton-glass.tsx#L23)
22
+
23
+ ***
24
+
25
+ ### height?
26
+
27
+ > `readonly` `optional` **height**: `string` \| `number`
28
+
29
+ Defined in: [src/components/glass/ui/skeleton-glass.tsx:24](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/skeleton-glass.tsx#L24)
30
+
31
+ ***
32
+
33
+ ### variant?
34
+
35
+ > `optional` **variant**: `"title"` \| `"text"` \| `"avatar"` \| `"thumbnail"` \| `"card"` \| `null`
36
+
37
+ Defined in: [src/lib/variants/skeleton-glass-variants.ts:12](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/variants/skeleton-glass-variants.ts#L12)
38
+
39
+ #### Inherited from
40
+
41
+ `VariantProps.variant`
@@ -0,0 +1,107 @@
1
+ [**shadcn-glass-ui API Reference v1.0.7**](../README.md)
2
+
3
+ ***
4
+
5
+ [shadcn-glass-ui API Reference](../globals.md) / SliderGlassProps
6
+
7
+ # Interface: SliderGlassProps
8
+
9
+ Defined in: [src/components/glass/ui/slider-glass.tsx:22](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/slider-glass.tsx#L22)
10
+
11
+ ## Extends
12
+
13
+ - `Omit`\<`React.InputHTMLAttributes`\<`HTMLInputElement`\>, `"onChange"` \| `"value"`\>
14
+
15
+ ## Properties
16
+
17
+ ### value
18
+
19
+ > `readonly` **value**: `number`
20
+
21
+ Defined in: [src/components/glass/ui/slider-glass.tsx:24](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/slider-glass.tsx#L24)
22
+
23
+ ***
24
+
25
+ ### onChange()
26
+
27
+ > `readonly` **onChange**: (`value`) => `void`
28
+
29
+ Defined in: [src/components/glass/ui/slider-glass.tsx:25](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/slider-glass.tsx#L25)
30
+
31
+ #### Parameters
32
+
33
+ ##### value
34
+
35
+ `number`
36
+
37
+ #### Returns
38
+
39
+ `void`
40
+
41
+ ***
42
+
43
+ ### min?
44
+
45
+ > `readonly` `optional` **min**: `number`
46
+
47
+ Defined in: [src/components/glass/ui/slider-glass.tsx:26](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/slider-glass.tsx#L26)
48
+
49
+ #### Overrides
50
+
51
+ `Omit.min`
52
+
53
+ ***
54
+
55
+ ### max?
56
+
57
+ > `readonly` `optional` **max**: `number`
58
+
59
+ Defined in: [src/components/glass/ui/slider-glass.tsx:27](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/slider-glass.tsx#L27)
60
+
61
+ #### Overrides
62
+
63
+ `Omit.max`
64
+
65
+ ***
66
+
67
+ ### step?
68
+
69
+ > `readonly` `optional` **step**: `number`
70
+
71
+ Defined in: [src/components/glass/ui/slider-glass.tsx:28](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/slider-glass.tsx#L28)
72
+
73
+ #### Overrides
74
+
75
+ `Omit.step`
76
+
77
+ ***
78
+
79
+ ### showValue?
80
+
81
+ > `readonly` `optional` **showValue**: `boolean`
82
+
83
+ Defined in: [src/components/glass/ui/slider-glass.tsx:29](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/slider-glass.tsx#L29)
84
+
85
+ ***
86
+
87
+ ### label?
88
+
89
+ > `readonly` `optional` **label**: `string`
90
+
91
+ Defined in: [src/components/glass/ui/slider-glass.tsx:30](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/slider-glass.tsx#L30)
92
+
93
+ ***
94
+
95
+ ### error?
96
+
97
+ > `readonly` `optional` **error**: `string`
98
+
99
+ Defined in: [src/components/glass/ui/slider-glass.tsx:31](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/slider-glass.tsx#L31)
100
+
101
+ ***
102
+
103
+ ### success?
104
+
105
+ > `readonly` `optional` **success**: `string`
106
+
107
+ Defined in: [src/components/glass/ui/slider-glass.tsx:32](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/slider-glass.tsx#L32)
@@ -0,0 +1,25 @@
1
+ [**shadcn-glass-ui API Reference v1.0.7**](../README.md)
2
+
3
+ ***
4
+
5
+ [shadcn-glass-ui API Reference](../globals.md) / TabItem
6
+
7
+ # Interface: TabItem
8
+
9
+ Defined in: [src/components/glass/ui/tabs-glass.tsx:50](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/tabs-glass.tsx#L50)
10
+
11
+ ## Properties
12
+
13
+ ### id
14
+
15
+ > `readonly` **id**: `string`
16
+
17
+ Defined in: [src/components/glass/ui/tabs-glass.tsx:51](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/tabs-glass.tsx#L51)
18
+
19
+ ***
20
+
21
+ ### label
22
+
23
+ > `readonly` **label**: `string`
24
+
25
+ Defined in: [src/components/glass/ui/tabs-glass.tsx:52](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/tabs-glass.tsx#L52)
@@ -0,0 +1,25 @@
1
+ [**shadcn-glass-ui API Reference v1.0.7**](../README.md)
2
+
3
+ ***
4
+
5
+ [shadcn-glass-ui API Reference](../globals.md) / ThemeConfig
6
+
7
+ # Interface: ThemeConfig
8
+
9
+ Defined in: [src/lib/theme-context.tsx:25](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/theme-context.tsx#L25)
10
+
11
+ ## Properties
12
+
13
+ ### label
14
+
15
+ > `readonly` **label**: `string`
16
+
17
+ Defined in: [src/lib/theme-context.tsx:26](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/theme-context.tsx#L26)
18
+
19
+ ***
20
+
21
+ ### icon
22
+
23
+ > `readonly` **icon**: `LucideIcon`
24
+
25
+ Defined in: [src/lib/theme-context.tsx:27](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/theme-context.tsx#L27)
@@ -0,0 +1,47 @@
1
+ [**shadcn-glass-ui API Reference v1.0.7**](../README.md)
2
+
3
+ ***
4
+
5
+ [shadcn-glass-ui API Reference](../globals.md) / ThemeContextValue
6
+
7
+ # Interface: ThemeContextValue
8
+
9
+ Defined in: [src/lib/theme-context.tsx:30](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/theme-context.tsx#L30)
10
+
11
+ ## Properties
12
+
13
+ ### theme
14
+
15
+ > `readonly` **theme**: [`Theme`](../type-aliases/Theme.md)
16
+
17
+ Defined in: [src/lib/theme-context.tsx:31](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/theme-context.tsx#L31)
18
+
19
+ ***
20
+
21
+ ### setTheme()
22
+
23
+ > `readonly` **setTheme**: (`theme`) => `void`
24
+
25
+ Defined in: [src/lib/theme-context.tsx:32](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/theme-context.tsx#L32)
26
+
27
+ #### Parameters
28
+
29
+ ##### theme
30
+
31
+ [`Theme`](../type-aliases/Theme.md)
32
+
33
+ #### Returns
34
+
35
+ `void`
36
+
37
+ ***
38
+
39
+ ### cycleTheme()
40
+
41
+ > `readonly` **cycleTheme**: () => `void`
42
+
43
+ Defined in: [src/lib/theme-context.tsx:33](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/theme-context.tsx#L33)
44
+
45
+ #### Returns
46
+
47
+ `void`