shadcn-glass-ui 1.0.11 → 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 +213 -0
- package/README.md +174 -17
- 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/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,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / DropdownGlass
|
|
6
|
+
|
|
7
|
+
# Variable: DropdownGlass
|
|
8
|
+
|
|
9
|
+
> `const` **DropdownGlass**: `ForwardRefExoticComponent`\<[`DropdownGlassProps`](../interfaces/DropdownGlassProps.md) & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/ui/dropdown-glass.tsx:219](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/dropdown-glass.tsx#L219)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / ExpandableHeaderGlass
|
|
6
|
+
|
|
7
|
+
# Variable: ExpandableHeaderGlass
|
|
8
|
+
|
|
9
|
+
> `const` **ExpandableHeaderGlass**: `ForwardRefExoticComponent`\<`ExpandableHeaderGlassProps` & `RefAttributes`\<`HTMLButtonElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/atomic/expandable-header-glass.tsx:31](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/atomic/expandable-header-glass.tsx#L31)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / FlagAlertGlass
|
|
6
|
+
|
|
7
|
+
# Variable: FlagAlertGlass
|
|
8
|
+
|
|
9
|
+
> `const` **FlagAlertGlass**: `ForwardRefExoticComponent`\<`FlagAlertGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/specialized/flag-alert-glass.tsx:35](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/specialized/flag-alert-glass.tsx#L35)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / FlagsSectionGlass
|
|
6
|
+
|
|
7
|
+
# Variable: FlagsSectionGlass
|
|
8
|
+
|
|
9
|
+
> `const` **FlagsSectionGlass**: `ForwardRefExoticComponent`\<`FlagsSectionGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/sections/flags-section-glass.tsx:25](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/sections/flags-section-glass.tsx#L25)
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / FormFieldWrapper
|
|
6
|
+
|
|
7
|
+
# Variable: FormFieldWrapper
|
|
8
|
+
|
|
9
|
+
> `const` **FormFieldWrapper**: `ForwardRefExoticComponent`\<`FormFieldWrapperProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/primitives/form-field-wrapper.tsx:89](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/primitives/form-field-wrapper.tsx#L89)
|
|
12
|
+
|
|
13
|
+
FormFieldWrapper component
|
|
14
|
+
|
|
15
|
+
Provides consistent structure for form fields with labels and validation messages.
|
|
16
|
+
Used by InputGlass, SliderGlass, and other form components.
|
|
17
|
+
|
|
18
|
+
## Example
|
|
19
|
+
|
|
20
|
+
```tsx
|
|
21
|
+
// Basic usage
|
|
22
|
+
<FormFieldWrapper label="Email" htmlFor="email-input">
|
|
23
|
+
<input id="email-input" type="email" />
|
|
24
|
+
</FormFieldWrapper>
|
|
25
|
+
|
|
26
|
+
// With validation
|
|
27
|
+
<FormFieldWrapper
|
|
28
|
+
label="Username"
|
|
29
|
+
error="Username is required"
|
|
30
|
+
required
|
|
31
|
+
htmlFor="username"
|
|
32
|
+
>
|
|
33
|
+
<input id="username" />
|
|
34
|
+
</FormFieldWrapper>
|
|
35
|
+
|
|
36
|
+
// Success state
|
|
37
|
+
<FormFieldWrapper
|
|
38
|
+
label="Password"
|
|
39
|
+
success="Strong password"
|
|
40
|
+
htmlFor="password"
|
|
41
|
+
>
|
|
42
|
+
<input id="password" type="password" />
|
|
43
|
+
</FormFieldWrapper>
|
|
44
|
+
```
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / GlassCard
|
|
6
|
+
|
|
7
|
+
# Variable: GlassCard
|
|
8
|
+
|
|
9
|
+
> `const` **GlassCard**: `ForwardRefExoticComponent`\<[`GlassCardProps`](../interfaces/GlassCardProps.md) & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/ui/glass-card.tsx:144](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/glass-card.tsx#L144)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / HeaderBrandingGlass
|
|
6
|
+
|
|
7
|
+
# Variable: HeaderBrandingGlass
|
|
8
|
+
|
|
9
|
+
> `const` **HeaderBrandingGlass**: `ForwardRefExoticComponent`\<`HeaderBrandingGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/sections/header-branding-glass.tsx:26](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/sections/header-branding-glass.tsx#L26)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / HeaderNavGlass
|
|
6
|
+
|
|
7
|
+
# Variable: HeaderNavGlass
|
|
8
|
+
|
|
9
|
+
> `const` **HeaderNavGlass**: `ForwardRefExoticComponent`\<`HeaderNavGlassProps` & `RefAttributes`\<`HTMLElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/sections/header-nav-glass.tsx:28](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/sections/header-nav-glass.tsx#L28)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / IconButtonGlass
|
|
6
|
+
|
|
7
|
+
# Variable: IconButtonGlass
|
|
8
|
+
|
|
9
|
+
> `const` **IconButtonGlass**: `ForwardRefExoticComponent`\<`IconButtonGlassProps` & `RefAttributes`\<`HTMLButtonElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/atomic/icon-button-glass.tsx:48](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/atomic/icon-button-glass.tsx#L48)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / InputGlass
|
|
6
|
+
|
|
7
|
+
# Variable: InputGlass
|
|
8
|
+
|
|
9
|
+
> `const` **InputGlass**: `ForwardRefExoticComponent`\<[`InputGlassProps`](../interfaces/InputGlassProps.md) & `RefAttributes`\<`HTMLInputElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/ui/input-glass.tsx:164](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/input-glass.tsx#L164)
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / InteractiveCard
|
|
6
|
+
|
|
7
|
+
# Variable: InteractiveCard
|
|
8
|
+
|
|
9
|
+
> `const` **InteractiveCard**: `ForwardRefExoticComponent`\<`InteractiveCardProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/primitives/interactive-card.tsx:117](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/primitives/interactive-card.tsx#L117)
|
|
12
|
+
|
|
13
|
+
InteractiveCard component
|
|
14
|
+
|
|
15
|
+
Provides consistent hover animations and glass effects for card components.
|
|
16
|
+
Replaces ~80 lines of duplicated hover state management across 4+ components.
|
|
17
|
+
|
|
18
|
+
## Example
|
|
19
|
+
|
|
20
|
+
```tsx
|
|
21
|
+
// Basic usage
|
|
22
|
+
<InteractiveCard>
|
|
23
|
+
<h3>Card Title</h3>
|
|
24
|
+
<p>Card content</p>
|
|
25
|
+
</InteractiveCard>
|
|
26
|
+
|
|
27
|
+
// With hover effects
|
|
28
|
+
<InteractiveCard
|
|
29
|
+
hoverLift
|
|
30
|
+
hoverGlow="var(--glow-primary)"
|
|
31
|
+
hoverBg="var(--card-hover-bg)"
|
|
32
|
+
hoverBorderColor="var(--card-hover-border)"
|
|
33
|
+
>
|
|
34
|
+
<MetricContent />
|
|
35
|
+
</InteractiveCard>
|
|
36
|
+
|
|
37
|
+
// Custom blur and rounding
|
|
38
|
+
<InteractiveCard
|
|
39
|
+
blur="md"
|
|
40
|
+
rounded="rounded-3xl"
|
|
41
|
+
baseBg="var(--metric-emerald-bg)"
|
|
42
|
+
>
|
|
43
|
+
<StatusCard />
|
|
44
|
+
</InteractiveCard>
|
|
45
|
+
```
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / LanguageBarGlass
|
|
6
|
+
|
|
7
|
+
# Variable: LanguageBarGlass
|
|
8
|
+
|
|
9
|
+
> `const` **LanguageBarGlass**: `ForwardRefExoticComponent`\<`LanguageBarGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/specialized/language-bar-glass.tsx:34](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/specialized/language-bar-glass.tsx#L34)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / MetricCardGlass
|
|
6
|
+
|
|
7
|
+
# Variable: MetricCardGlass
|
|
8
|
+
|
|
9
|
+
> `const` **MetricCardGlass**: `ForwardRefExoticComponent`\<`MetricCardGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/composite/metric-card-glass.tsx:58](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/composite/metric-card-glass.tsx#L58)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / MetricsGridGlass
|
|
6
|
+
|
|
7
|
+
# Variable: MetricsGridGlass
|
|
8
|
+
|
|
9
|
+
> `const` **MetricsGridGlass**: `ForwardRefExoticComponent`\<`MetricsGridGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/composite/metrics-grid-glass.tsx:27](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/composite/metrics-grid-glass.tsx#L27)
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / ModalGlass
|
|
6
|
+
|
|
7
|
+
# Variable: ModalGlass
|
|
8
|
+
|
|
9
|
+
> `const` **ModalGlass**: `object`
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/ui/modal-glass.tsx:514](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/modal-glass.tsx#L514)
|
|
12
|
+
|
|
13
|
+
ModalGlass - Compound Component API
|
|
14
|
+
|
|
15
|
+
## Type Declaration
|
|
16
|
+
|
|
17
|
+
### Root
|
|
18
|
+
|
|
19
|
+
> **Root**: `FC`\<`ModalRootProps`\> = `ModalRoot`
|
|
20
|
+
|
|
21
|
+
### Overlay
|
|
22
|
+
|
|
23
|
+
> **Overlay**: `FC`\<`ModalOverlayProps`\> = `ModalOverlay`
|
|
24
|
+
|
|
25
|
+
### Content
|
|
26
|
+
|
|
27
|
+
> **Content**: `ForwardRefExoticComponent`\<`ModalContentProps` & `RefAttributes`\<`HTMLDivElement`\>\> = `ModalContent`
|
|
28
|
+
|
|
29
|
+
### Header
|
|
30
|
+
|
|
31
|
+
> **Header**: `FC`\<`ModalHeaderProps`\> = `ModalHeader`
|
|
32
|
+
|
|
33
|
+
### Body
|
|
34
|
+
|
|
35
|
+
> **Body**: `FC`\<`ModalBodyProps`\> = `ModalBody`
|
|
36
|
+
|
|
37
|
+
### Footer
|
|
38
|
+
|
|
39
|
+
> **Footer**: `FC`\<`ModalFooterProps`\> = `ModalFooter`
|
|
40
|
+
|
|
41
|
+
### Title
|
|
42
|
+
|
|
43
|
+
> **Title**: `FC`\<`ModalTitleProps`\> = `ModalTitle`
|
|
44
|
+
|
|
45
|
+
### Description
|
|
46
|
+
|
|
47
|
+
> **Description**: `FC`\<`ModalDescriptionProps`\> = `ModalDescription`
|
|
48
|
+
|
|
49
|
+
### Close
|
|
50
|
+
|
|
51
|
+
> **Close**: `FC`\<`ModalCloseProps`\> = `ModalClose`
|
|
52
|
+
|
|
53
|
+
## Example
|
|
54
|
+
|
|
55
|
+
```tsx
|
|
56
|
+
<ModalGlass.Root open={open} onOpenChange={setOpen}>
|
|
57
|
+
<ModalGlass.Overlay />
|
|
58
|
+
<ModalGlass.Content>
|
|
59
|
+
<ModalGlass.Header>
|
|
60
|
+
<ModalGlass.Title>Confirm</ModalGlass.Title>
|
|
61
|
+
<ModalGlass.Description>Are you sure?</ModalGlass.Description>
|
|
62
|
+
<ModalGlass.Close />
|
|
63
|
+
</ModalGlass.Header>
|
|
64
|
+
<ModalGlass.Body>
|
|
65
|
+
<p>Body content</p>
|
|
66
|
+
</ModalGlass.Body>
|
|
67
|
+
<ModalGlass.Footer>
|
|
68
|
+
<ButtonGlass>Cancel</ButtonGlass>
|
|
69
|
+
</ModalGlass.Footer>
|
|
70
|
+
</ModalGlass.Content>
|
|
71
|
+
</ModalGlass.Root>
|
|
72
|
+
```
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / NotificationGlass
|
|
6
|
+
|
|
7
|
+
# Variable: NotificationGlass
|
|
8
|
+
|
|
9
|
+
> `const` **NotificationGlass**: `ForwardRefExoticComponent`\<[`NotificationGlassProps`](../interfaces/NotificationGlassProps.md) & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/ui/notification-glass.tsx:64](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/notification-glass.tsx#L64)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / PopoverGlass
|
|
6
|
+
|
|
7
|
+
# Variable: PopoverGlass
|
|
8
|
+
|
|
9
|
+
> `const` **PopoverGlass**: `ForwardRefExoticComponent`\<`PopoverGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/ui/popover-glass.tsx:58](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/popover-glass.tsx#L58)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / ProfileAvatarGlass
|
|
6
|
+
|
|
7
|
+
# Variable: ProfileAvatarGlass
|
|
8
|
+
|
|
9
|
+
> `const` **ProfileAvatarGlass**: `ForwardRefExoticComponent`\<`ProfileAvatarGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/specialized/profile-avatar-glass.tsx:49](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/specialized/profile-avatar-glass.tsx#L49)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / ProfileHeaderGlass
|
|
6
|
+
|
|
7
|
+
# Variable: ProfileHeaderGlass
|
|
8
|
+
|
|
9
|
+
> `const` **ProfileHeaderGlass**: `ForwardRefExoticComponent`\<`ProfileHeaderGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/sections/profile-header-glass.tsx:30](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/sections/profile-header-glass.tsx#L30)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / ProgressGlass
|
|
6
|
+
|
|
7
|
+
# Variable: ProgressGlass
|
|
8
|
+
|
|
9
|
+
> `const` **ProgressGlass**: `ForwardRefExoticComponent`\<[`ProgressGlassProps`](../interfaces/ProgressGlassProps.md) & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/specialized/progress-glass.tsx:46](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/specialized/progress-glass.tsx#L46)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / ProjectsListGlass
|
|
6
|
+
|
|
7
|
+
# Variable: ProjectsListGlass
|
|
8
|
+
|
|
9
|
+
> `const` **ProjectsListGlass**: `ForwardRefExoticComponent`\<`ProjectsListGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/sections/projects-list-glass.tsx:82](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/sections/projects-list-glass.tsx#L82)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / RainbowProgressGlass
|
|
6
|
+
|
|
7
|
+
# Variable: RainbowProgressGlass
|
|
8
|
+
|
|
9
|
+
> `const` **RainbowProgressGlass**: `ForwardRefExoticComponent`\<`RainbowProgressGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/specialized/rainbow-progress-glass.tsx:25](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/specialized/rainbow-progress-glass.tsx#L25)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / RepositoryCardGlass
|
|
6
|
+
|
|
7
|
+
# Variable: RepositoryCardGlass
|
|
8
|
+
|
|
9
|
+
> `const` **RepositoryCardGlass**: `ForwardRefExoticComponent`\<`RepositoryCardGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/composite/repository-card-glass.tsx:37](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/composite/repository-card-glass.tsx#L37)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / RepositoryHeaderGlass
|
|
6
|
+
|
|
7
|
+
# Variable: RepositoryHeaderGlass
|
|
8
|
+
|
|
9
|
+
> `const` **RepositoryHeaderGlass**: `ForwardRefExoticComponent`\<`RepositoryHeaderGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/composite/repository-header-glass.tsx:28](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/composite/repository-header-glass.tsx#L28)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / RepositoryMetadataGlass
|
|
6
|
+
|
|
7
|
+
# Variable: RepositoryMetadataGlass
|
|
8
|
+
|
|
9
|
+
> `const` **RepositoryMetadataGlass**: `ForwardRefExoticComponent`\<`RepositoryMetadataGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/composite/repository-metadata-glass.tsx:22](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/composite/repository-metadata-glass.tsx#L22)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / SearchBoxGlass
|
|
6
|
+
|
|
7
|
+
# Variable: SearchBoxGlass
|
|
8
|
+
|
|
9
|
+
> `const` **SearchBoxGlass**: `ForwardRefExoticComponent`\<`SearchBoxGlassProps` & `RefAttributes`\<`HTMLInputElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/atomic/search-box-glass.tsx:33](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/atomic/search-box-glass.tsx#L33)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / SegmentedControlGlass
|
|
6
|
+
|
|
7
|
+
# Variable: SegmentedControlGlass
|
|
8
|
+
|
|
9
|
+
> `const` **SegmentedControlGlass**: `ForwardRefExoticComponent`\<`SegmentedControlGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/specialized/segmented-control-glass.tsx:20](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/specialized/segmented-control-glass.tsx#L20)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / SkeletonGlass
|
|
6
|
+
|
|
7
|
+
# Variable: SkeletonGlass
|
|
8
|
+
|
|
9
|
+
> `const` **SkeletonGlass**: `ForwardRefExoticComponent`\<[`SkeletonGlassProps`](../interfaces/SkeletonGlassProps.md) & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/ui/skeleton-glass.tsx:31](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/skeleton-glass.tsx#L31)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / SliderGlass
|
|
6
|
+
|
|
7
|
+
# Variable: SliderGlass
|
|
8
|
+
|
|
9
|
+
> `const` **SliderGlass**: `ForwardRefExoticComponent`\<[`SliderGlassProps`](../interfaces/SliderGlassProps.md) & `RefAttributes`\<`HTMLInputElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/ui/slider-glass.tsx:39](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/slider-glass.tsx#L39)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / SortDropdownGlass
|
|
6
|
+
|
|
7
|
+
# Variable: SortDropdownGlass
|
|
8
|
+
|
|
9
|
+
> `const` **SortDropdownGlass**: `ForwardRefExoticComponent`\<`SortDropdownGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/atomic/sort-dropdown-glass.tsx:57](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/atomic/sort-dropdown-glass.tsx#L57)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / StatItemGlass
|
|
6
|
+
|
|
7
|
+
# Variable: StatItemGlass
|
|
8
|
+
|
|
9
|
+
> `const` **StatItemGlass**: `ForwardRefExoticComponent`\<`StatItemGlassProps` & `RefAttributes`\<`HTMLSpanElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/atomic/stat-item-glass.tsx:46](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/atomic/stat-item-glass.tsx#L46)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / StatusIndicatorGlass
|
|
6
|
+
|
|
7
|
+
# Variable: StatusIndicatorGlass
|
|
8
|
+
|
|
9
|
+
> `const` **StatusIndicatorGlass**: `ForwardRefExoticComponent`\<`StatusIndicatorGlassProps` & `RefAttributes`\<`HTMLDivElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/specialized/status-indicator-glass.tsx:36](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/specialized/status-indicator-glass.tsx#L36)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / THEMES
|
|
6
|
+
|
|
7
|
+
# Variable: THEMES
|
|
8
|
+
|
|
9
|
+
> `const` **THEMES**: readonly [`Theme`](../type-aliases/Theme.md)[]
|
|
10
|
+
|
|
11
|
+
Defined in: [src/lib/theme-context.tsx:40](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/theme-context.tsx#L40)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / THEME\_CONFIG
|
|
6
|
+
|
|
7
|
+
# Variable: THEME\_CONFIG
|
|
8
|
+
|
|
9
|
+
> `const` **THEME\_CONFIG**: `Record`\<[`Theme`](../type-aliases/Theme.md), [`ThemeConfig`](../interfaces/ThemeConfig.md)\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/lib/theme-context.tsx:43](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/theme-context.tsx#L43)
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / TabsGlass
|
|
6
|
+
|
|
7
|
+
# Variable: TabsGlass
|
|
8
|
+
|
|
9
|
+
> `const` **TabsGlass**: `object`
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/ui/tabs-glass.tsx:325](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/tabs-glass.tsx#L325)
|
|
12
|
+
|
|
13
|
+
TabsGlass - Compound Component API
|
|
14
|
+
|
|
15
|
+
## Type Declaration
|
|
16
|
+
|
|
17
|
+
### Root
|
|
18
|
+
|
|
19
|
+
> **Root**: `FC`\<`TabsRootProps`\> = `TabsRoot`
|
|
20
|
+
|
|
21
|
+
### List
|
|
22
|
+
|
|
23
|
+
> **List**: `ForwardRefExoticComponent`\<`TabsListProps` & `RefAttributes`\<`HTMLDivElement`\>\> = `TabsList`
|
|
24
|
+
|
|
25
|
+
### Trigger
|
|
26
|
+
|
|
27
|
+
> **Trigger**: `ForwardRefExoticComponent`\<`TabsTriggerProps` & `RefAttributes`\<`HTMLButtonElement`\>\> = `TabsTrigger`
|
|
28
|
+
|
|
29
|
+
### Content
|
|
30
|
+
|
|
31
|
+
> **Content**: `FC`\<`TabsContentProps`\> = `TabsContent`
|
|
32
|
+
|
|
33
|
+
## Example
|
|
34
|
+
|
|
35
|
+
```tsx
|
|
36
|
+
<TabsGlass.Root value={activeTab} onValueChange={setActiveTab}>
|
|
37
|
+
<TabsGlass.List>
|
|
38
|
+
<TabsGlass.Trigger value="tab1">Overview</TabsGlass.Trigger>
|
|
39
|
+
<TabsGlass.Trigger value="tab2">Analytics</TabsGlass.Trigger>
|
|
40
|
+
</TabsGlass.List>
|
|
41
|
+
<TabsGlass.Content value="tab1">
|
|
42
|
+
<p>Overview content</p>
|
|
43
|
+
</TabsGlass.Content>
|
|
44
|
+
<TabsGlass.Content value="tab2">
|
|
45
|
+
<p>Analytics content</p>
|
|
46
|
+
</TabsGlass.Content>
|
|
47
|
+
</TabsGlass.Root>
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
## Since
|
|
51
|
+
|
|
52
|
+
v1.0.0 - Legacy API removed (tabs/activeTab/onChange props)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / ThemeToggleGlass
|
|
6
|
+
|
|
7
|
+
# Variable: ThemeToggleGlass
|
|
8
|
+
|
|
9
|
+
> `const` **ThemeToggleGlass**: `ForwardRefExoticComponent`\<`ThemeToggleGlassProps` & `RefAttributes`\<`HTMLButtonElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/atomic/theme-toggle-glass.tsx:30](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/atomic/theme-toggle-glass.tsx#L30)
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
|
|
2
|
+
|
|
3
|
+
***
|
|
4
|
+
|
|
5
|
+
[shadcn-glass-ui API Reference](../globals.md) / ToggleGlass
|
|
6
|
+
|
|
7
|
+
# Variable: ToggleGlass
|
|
8
|
+
|
|
9
|
+
> `const` **ToggleGlass**: `ForwardRefExoticComponent`\<[`ToggleGlassProps`](../interfaces/ToggleGlassProps.md) & `RefAttributes`\<`HTMLButtonElement`\>\>
|
|
10
|
+
|
|
11
|
+
Defined in: [src/components/glass/ui/toggle-glass.tsx:44](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/toggle-glass.tsx#L44)
|