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.
- package/CHANGELOG.md +259 -16
- package/README.md +248 -28
- package/context7.json +58 -0
- package/dist/cli/index.cjs +470 -0
- package/dist/cli/index.cjs.map +1 -0
- package/dist/cli/index.d.ts +18 -0
- package/dist/cli/index.js +469 -0
- package/dist/cli/index.js.map +1 -0
- package/dist/components.cjs +4 -4
- package/dist/components.d.ts +153 -22
- package/dist/components.js +2 -2
- package/dist/hooks.cjs +2 -2
- package/dist/index.cjs +872 -5
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +0 -2390
- package/dist/index.js +844 -3
- package/dist/index.js.map +1 -1
- package/dist/r/ai-card-glass.json +5 -12
- package/dist/r/avatar-glass.json +5 -15
- package/dist/r/circular-metric-glass.json +5 -11
- package/dist/r/circular-progress-glass.json +5 -12
- package/dist/r/combobox-glass.json +5 -13
- package/dist/r/flag-alert-glass.json +5 -11
- package/dist/r/flags-section-glass.json +5 -12
- package/dist/r/insight-card-glass.json +17 -0
- package/dist/r/interactive-card.json +5 -12
- package/dist/r/language-bar-glass.json +5 -11
- package/dist/r/metric-card-glass.json +6 -13
- package/dist/r/metrics-grid-glass.json +5 -11
- package/dist/r/modal-glass.json +5 -15
- package/dist/r/popover-glass.json +1 -1
- package/dist/r/progress-glass.json +5 -13
- package/dist/r/registry.json +20 -2
- package/dist/r/segmented-control-glass.json +5 -11
- package/dist/r/sparkline-glass.json +17 -0
- package/dist/r/stepper-glass.json +33 -0
- package/dist/r/tabs-glass.json +4 -9
- package/dist/r/trust-score-card-glass.json +5 -12
- package/dist/r/year-card-glass.json +5 -13
- package/dist/shadcn-glass-ui.css +1 -1
- package/dist/{theme-context-XtasSxRT.cjs → theme-context-CVW50BKW.cjs} +2 -2
- package/dist/{theme-context-XtasSxRT.cjs.map → theme-context-CVW50BKW.cjs.map} +1 -1
- package/dist/themes.cjs +1 -1
- package/dist/trust-score-card-glass-BcZbul0P.js +26895 -0
- package/dist/trust-score-card-glass-BcZbul0P.js.map +1 -0
- package/dist/trust-score-card-glass-r3qM09Jp.cjs +27689 -0
- package/dist/trust-score-card-glass-r3qM09Jp.cjs.map +1 -0
- package/dist/{use-focus-BbpE2qGq.cjs → use-focus-ZE8ozmZE.cjs} +2 -2
- package/dist/{use-focus-BbpE2qGq.cjs.map → use-focus-ZE8ozmZE.cjs.map} +1 -1
- package/dist/{use-wallpaper-tint-CIqtoETa.cjs → use-wallpaper-tint-BuS80tbN.cjs} +2 -2
- package/dist/{use-wallpaper-tint-CIqtoETa.cjs.map → use-wallpaper-tint-BuS80tbN.cjs.map} +1 -1
- package/dist/{utils-CGCOTvxT.js → utils-CcyeqpKQ.js} +1 -1
- package/dist/{utils-CGCOTvxT.js.map → utils-CcyeqpKQ.js.map} +1 -1
- package/dist/{utils-CriE74ig.cjs → utils-DLXayspX.cjs} +2 -2
- package/dist/{utils-CriE74ig.cjs.map → utils-DLXayspX.cjs.map} +1 -1
- package/dist/utils.cjs +1 -1
- package/dist/utils.js +1 -1
- package/docs/AI_IMPROVEMENTS_COMPLETE.md +574 -0
- package/docs/AI_USAGE.md +1328 -0
- package/docs/API_PATTERNS_COMPARISON.md +418 -0
- package/docs/BEST_PRACTICES.md +800 -0
- package/docs/COMPLIANCE_CHECKLIST.md +307 -0
- package/docs/COMPLIANCE_TESTING.md +436 -0
- package/docs/COMPONENTS_CATALOG.md +1076 -0
- package/docs/CSS_VARIABLES_AUDIT.md +306 -0
- package/docs/CSS_VARIABLES_REFACTORING_PLAN.md +330 -0
- package/docs/EXPORTS_MAP.json +875 -0
- package/docs/EXPORTS_STRUCTURE.md +729 -0
- package/docs/GETTING_STARTED.md +655 -0
- package/docs/METRIC_CARD_API_REDESIGN.md +354 -0
- package/docs/PRIMITIVE_MAPPING.md +404 -0
- package/docs/PUBLISHING.md +593 -0
- package/docs/REGISTRY_SUMMARY.md +96 -0
- package/docs/REGISTRY_USAGE.md +339 -0
- package/docs/SECURITY.md +117 -0
- package/docs/THEME_CREATION_GUIDE.md +455 -0
- package/docs/TOKEN_ARCHITECTURE.md +365 -0
- package/docs/announcements/v1.0.5-devto.md +363 -0
- package/docs/announcements/v1.0.5-reddit.md +115 -0
- package/docs/announcements/v1.0.5-twitter.md +70 -0
- package/docs/api/README.md +725 -0
- package/docs/api/functions/ThemeProvider.md +21 -0
- package/docs/api/functions/cn.md +27 -0
- package/docs/api/functions/getNextTheme.md +21 -0
- package/docs/api/functions/getThemeConfig.md +21 -0
- package/docs/api/functions/useFocus.md +53 -0
- package/docs/api/functions/useHover.md +47 -0
- package/docs/api/functions/useResponsive.md +31 -0
- package/docs/api/functions/useTheme.md +15 -0
- package/docs/api/functions/useWallpaperTint.md +36 -0
- package/docs/api/globals.md +139 -0
- package/docs/api/interfaces/AlertGlassProps.md +131 -0
- package/docs/api/interfaces/AvatarGlassProps.md +114 -0
- package/docs/api/interfaces/BadgeGlassProps.md +118 -0
- package/docs/api/interfaces/ButtonGlassProps.md +179 -0
- package/docs/api/interfaces/CheckboxGlassProps.md +125 -0
- package/docs/api/interfaces/DropdownGlassProps.md +123 -0
- package/docs/api/interfaces/DropdownItem.md +53 -0
- package/docs/api/interfaces/GlassCardProps.md +151 -0
- package/docs/api/interfaces/InputGlassProps.md +169 -0
- package/docs/api/interfaces/NotificationGlassProps.md +67 -0
- package/docs/api/interfaces/ProgressGlassProps.md +49 -0
- package/docs/api/interfaces/SkeletonGlassProps.md +41 -0
- package/docs/api/interfaces/SliderGlassProps.md +107 -0
- package/docs/api/interfaces/TabItem.md +25 -0
- package/docs/api/interfaces/ThemeConfig.md +25 -0
- package/docs/api/interfaces/ThemeContextValue.md +47 -0
- package/docs/api/interfaces/ToggleGlassProps.md +59 -0
- package/docs/api/interfaces/TooltipGlassProps.md +119 -0
- package/docs/api/type-aliases/AlertType.md +11 -0
- package/docs/api/type-aliases/AlertVariant.md +11 -0
- package/docs/api/type-aliases/AvatarSize.md +11 -0
- package/docs/api/type-aliases/AvatarStatus.md +13 -0
- package/docs/api/type-aliases/BadgeSize.md +11 -0
- package/docs/api/type-aliases/BadgeVariant.md +11 -0
- package/docs/api/type-aliases/ButtonGlassSize.md +11 -0
- package/docs/api/type-aliases/ButtonGlassVariant.md +11 -0
- package/docs/api/type-aliases/DropdownAlign.md +11 -0
- package/docs/api/type-aliases/GlowType.md +11 -0
- package/docs/api/type-aliases/InputGlassSize.md +11 -0
- package/docs/api/type-aliases/IntensityType.md +11 -0
- package/docs/api/type-aliases/ModalSize.md +11 -0
- package/docs/api/type-aliases/NotificationType.md +11 -0
- package/docs/api/type-aliases/PaddingType.md +11 -0
- package/docs/api/type-aliases/ProgressGradient.md +11 -0
- package/docs/api/type-aliases/ProgressSize.md +11 -0
- package/docs/api/type-aliases/SkeletonVariant.md +11 -0
- package/docs/api/type-aliases/Theme.md +11 -0
- package/docs/api/type-aliases/ToggleGlassSize.md +11 -0
- package/docs/api/type-aliases/TooltipPosition.md +11 -0
- package/docs/api/variables/AICardGlass.md +11 -0
- package/docs/api/variables/AlertGlass.md +11 -0
- package/docs/api/variables/AvatarGlass.md +11 -0
- package/docs/api/variables/BadgeGlass.md +11 -0
- package/docs/api/variables/BaseProgressGlass.md +11 -0
- package/docs/api/variables/ButtonGlass.md +11 -0
- package/docs/api/variables/CareerStatsGlass.md +11 -0
- package/docs/api/variables/CareerStatsHeaderGlass.md +11 -0
- package/docs/api/variables/CheckboxGlass.md +11 -0
- package/docs/api/variables/CircularMetricGlass.md +22 -0
- package/docs/api/variables/CircularProgressGlass.md +11 -0
- package/docs/api/variables/ComboBoxGlass.md +27 -0
- package/docs/api/variables/ContributionMetricsGlass.md +11 -0
- package/docs/api/variables/DropdownGlass.md +11 -0
- package/docs/api/variables/ExpandableHeaderGlass.md +11 -0
- package/docs/api/variables/FlagAlertGlass.md +11 -0
- package/docs/api/variables/FlagsSectionGlass.md +11 -0
- package/docs/api/variables/FormFieldWrapper.md +44 -0
- package/docs/api/variables/GlassCard.md +11 -0
- package/docs/api/variables/HeaderBrandingGlass.md +11 -0
- package/docs/api/variables/HeaderNavGlass.md +11 -0
- package/docs/api/variables/IconButtonGlass.md +11 -0
- package/docs/api/variables/InputGlass.md +11 -0
- package/docs/api/variables/InteractiveCard.md +45 -0
- package/docs/api/variables/LanguageBarGlass.md +11 -0
- package/docs/api/variables/MetricCardGlass.md +11 -0
- package/docs/api/variables/MetricsGridGlass.md +11 -0
- package/docs/api/variables/ModalGlass.md +72 -0
- package/docs/api/variables/NotificationGlass.md +11 -0
- package/docs/api/variables/PopoverGlass.md +11 -0
- package/docs/api/variables/ProfileAvatarGlass.md +11 -0
- package/docs/api/variables/ProfileHeaderGlass.md +11 -0
- package/docs/api/variables/ProgressGlass.md +11 -0
- package/docs/api/variables/ProjectsListGlass.md +11 -0
- package/docs/api/variables/RainbowProgressGlass.md +11 -0
- package/docs/api/variables/RepositoryCardGlass.md +11 -0
- package/docs/api/variables/RepositoryHeaderGlass.md +11 -0
- package/docs/api/variables/RepositoryMetadataGlass.md +11 -0
- package/docs/api/variables/SearchBoxGlass.md +11 -0
- package/docs/api/variables/SegmentedControlGlass.md +11 -0
- package/docs/api/variables/SkeletonGlass.md +11 -0
- package/docs/api/variables/SliderGlass.md +11 -0
- package/docs/api/variables/SortDropdownGlass.md +11 -0
- package/docs/api/variables/StatItemGlass.md +11 -0
- package/docs/api/variables/StatusIndicatorGlass.md +11 -0
- package/docs/api/variables/THEMES.md +11 -0
- package/docs/api/variables/THEME_CONFIG.md +11 -0
- package/docs/api/variables/TabsGlass.md +52 -0
- package/docs/api/variables/ThemeToggleGlass.md +11 -0
- package/docs/api/variables/ToggleGlass.md +11 -0
- package/docs/api/variables/TooltipGlass.md +11 -0
- package/docs/api/variables/TouchTarget.md +35 -0
- package/docs/api/variables/TrustScoreCardGlass.md +11 -0
- package/docs/api/variables/TrustScoreDisplayGlass.md +11 -0
- package/docs/api/variables/UserInfoGlass.md +11 -0
- package/docs/api/variables/UserStatsLineGlass.md +11 -0
- package/docs/api/variables/YearCardGlass.md +11 -0
- package/docs/api/variables/alertVariants.md +21 -0
- package/docs/api/variables/avatarSizes.md +21 -0
- package/docs/api/variables/badgeVariants.md +21 -0
- package/docs/api/variables/buttonGlassVariants.md +21 -0
- package/docs/api/variables/cardIntensity.md +21 -0
- package/docs/api/variables/dropdownAlign.md +21 -0
- package/docs/api/variables/inputVariants.md +21 -0
- package/docs/api/variables/modalSizes.md +21 -0
- package/docs/api/variables/notificationVariants.md +21 -0
- package/docs/api/variables/progressSizes.md +21 -0
- package/docs/api/variables/shadcnAlertVariants.md +21 -0
- package/docs/api/variables/shadcnBadgeVariants.md +21 -0
- package/docs/api/variables/shadcnButtonVariants.md +21 -0
- package/docs/api/variables/skeletonVariants.md +21 -0
- package/docs/api/variables/statusSizes.md +21 -0
- package/docs/api/variables/toggleSizes.md +21 -0
- package/docs/api/variables/tooltipPositions.md +21 -0
- package/docs/design-system/UI_DESIGN.md +628 -0
- package/docs/migration/CSS_VARIABLES_MIGRATION_2.0.md +325 -0
- package/docs/migration/modal-glass-compound-api.md +458 -0
- package/docs/migration/select-to-combobox.md +386 -0
- package/docs/migration/tabs-glass-compound-api.md +579 -0
- package/docs/technical/DEPENDENCIES.md +291 -0
- package/docs/visual-testing-guide.md +324 -0
- package/package.json +16 -3
- package/dist/trust-score-card-glass-CNcQveNY.cjs +0 -8231
- package/dist/trust-score-card-glass-CNcQveNY.cjs.map +0 -1
- package/dist/trust-score-card-glass-CowcDyxH.js +0 -7795
- 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`
|