shadcn-glass-ui 1.0.11 → 2.0.0

package/docs/api/functions/ThemeProvider.md

@@ -0,0 +1,21 @@
+[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
+
+***
+
+[shadcn-glass-ui API Reference](../globals.md) / ThemeProvider
+
+# Function: ThemeProvider()
+
+> **ThemeProvider**(`__namedParameters`): `Element`
+
+Defined in: [src/lib/theme-context.tsx:68](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/theme-context.tsx#L68)
+
+## Parameters
+
+### \_\_namedParameters
+
+`ThemeProviderProps`
+
+## Returns
+
+`Element`

package/docs/api/functions/cn.md

@@ -0,0 +1,27 @@
+[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
+
+***
+
+[shadcn-glass-ui API Reference](../globals.md) / cn
+
+# Function: cn()
+
+> **cn**(...`inputs`): `string`
+
+Defined in: [src/lib/utils.ts:13](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/utils.ts#L13)
+
+Combine class names with Tailwind merge support (shadcn standard)
+
+## Parameters
+
+### inputs
+
+...`ClassValue`[]
+
+Array of class values
+
+## Returns
+
+`string`
+
+Merged class string

package/docs/api/functions/getNextTheme.md

@@ -0,0 +1,21 @@
+[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
+
+***
+
+[shadcn-glass-ui API Reference](../globals.md) / getNextTheme
+
+# Function: getNextTheme()
+
+> **getNextTheme**(`current`): [`Theme`](../type-aliases/Theme.md)
+
+Defined in: [src/lib/theme-context.tsx:140](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/theme-context.tsx#L140)
+
+## Parameters
+
+### current
+
+[`Theme`](../type-aliases/Theme.md)
+
+## Returns
+
+[`Theme`](../type-aliases/Theme.md)

package/docs/api/functions/getThemeConfig.md

@@ -0,0 +1,21 @@
+[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
+
+***
+
+[shadcn-glass-ui API Reference](../globals.md) / getThemeConfig
+
+# Function: getThemeConfig()
+
+> **getThemeConfig**(`theme`): [`ThemeConfig`](../interfaces/ThemeConfig.md)
+
+Defined in: [src/lib/theme-context.tsx:147](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/theme-context.tsx#L147)
+
+## Parameters
+
+### theme
+
+[`Theme`](../type-aliases/Theme.md)
+
+## Returns
+
+[`ThemeConfig`](../interfaces/ThemeConfig.md)

package/docs/api/functions/useFocus.md

@@ -0,0 +1,53 @@
+[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
+
+***
+
+[shadcn-glass-ui API Reference](../globals.md) / useFocus
+
+# Function: useFocus()
+
+> **useFocus**(`options`): `UseFocusReturn`
+
+Defined in: [src/lib/hooks/use-focus.ts:115](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/hooks/use-focus.ts#L115)
+
+Hook for managing focus state with optional focus-visible support.
+
+## Parameters
+
+### options
+
+`UseFocusOptions` = `{}`
+
+## Returns
+
+`UseFocusReturn`
+
+## Examples
+
+```tsx
+const { isFocused, focusProps } = useFocus();
+
+return (
+  <input
+    {...focusProps}
+    style={{
+      borderColor: isFocused ? 'violet' : 'gray',
+    }}
+  />
+);
+```
+
+```tsx
+const { isFocusVisible, focusProps } = useFocus({ focusVisible: true });
+
+return (
+  <button
+    {...focusProps}
+    style={{
+      outline: isFocusVisible ? '2px solid violet' : 'none',
+    }}
+  >
+    Click or Tab to me
+  </button>
+);
+```

package/docs/api/functions/useHover.md

@@ -0,0 +1,47 @@
+[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
+
+***
+
+[shadcn-glass-ui API Reference](../globals.md) / useHover
+
+# Function: useHover()
+
+> **useHover**(`options`): `UseHoverReturn`
+
+Defined in: [src/lib/hooks/use-hover.ts:74](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/hooks/use-hover.ts#L74)
+
+Hook for managing hover state with optional delays and focus support.
+
+## Parameters
+
+### options
+
+`UseHoverOptions` = `{}`
+
+## Returns
+
+`UseHoverReturn`
+
+## Examples
+
+```tsx
+const { isHovered, hoverProps } = useHover();
+
+return (
+  <div
+    {...hoverProps}
+    style={{ opacity: isHovered ? 1 : 0.8 }}
+  >
+    Hover me
+  </div>
+);
+```
+
+```tsx
+const { isHovered, hoverProps } = useHover({
+  enterDelay: 100,
+  leaveDelay: 200,
+  includeFocus: true,
+  onHoverChange: (hover) => console.log('Hovered:', hover),
+});
+```

package/docs/api/functions/useResponsive.md

@@ -0,0 +1,31 @@
+[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
+
+***
+
+[shadcn-glass-ui API Reference](../globals.md) / useResponsive
+
+# Function: useResponsive()
+
+> **useResponsive**(): `UseResponsiveReturn`
+
+Defined in: [src/lib/hooks/use-responsive.ts:47](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/hooks/use-responsive.ts#L47)
+
+Hook to detect current responsive breakpoint
+
+## Returns
+
+`UseResponsiveReturn`
+
+Responsive state with current breakpoint and device type flags
+
+## Example
+
+```tsx
+const { isMobile, isTablet, isDesktop, currentBreakpoint } = useResponsive();
+
+return (
+  <div className={isMobile ? 'flex-col' : 'flex-row'}>
+    {currentBreakpoint === 'lg' && <Sidebar />}
+  </div>
+);
+```

package/docs/api/functions/useTheme.md

@@ -0,0 +1,15 @@
+[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
+
+***
+
+[shadcn-glass-ui API Reference](../globals.md) / useTheme
+
+# Function: useTheme()
+
+> **useTheme**(): [`ThemeContextValue`](../interfaces/ThemeContextValue.md)
+
+Defined in: [src/lib/theme-context.tsx:125](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/theme-context.tsx#L125)
+
+## Returns
+
+[`ThemeContextValue`](../interfaces/ThemeContextValue.md)

package/docs/api/functions/useWallpaperTint.md

@@ -0,0 +1,36 @@
+[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
+
+***
+
+[shadcn-glass-ui API Reference](../globals.md) / useWallpaperTint
+
+# Function: useWallpaperTint()
+
+> **useWallpaperTint**(`options`): `WallpaperTintResult`
+
+Defined in: [src/lib/hooks/use-wallpaper-tint.ts:172](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/hooks/use-wallpaper-tint.ts#L172)
+
+Hook to extract and use wallpaper tint color
+
+## Parameters
+
+### options
+
+`WallpaperTintOptions` = `{}`
+
+## Returns
+
+`WallpaperTintResult`
+
+## Example
+
+```tsx
+const { tintColor, isLoading } = useWallpaperTint({
+  imageUrl: '/path/to/background.jpg',
+});
+
+// Use tintColor in CSS variables
+<div style={{ '--wallpaper-tint': tintColor }}>
+  <GlassCard />
+</div>
+```

package/docs/api/globals.md

@@ -0,0 +1,139 @@
+[**shadcn-glass-ui API Reference v1.0.7**](README.md)
+
+***
+
+# shadcn-glass-ui API Reference v1.0.7
+
+## Functions
+
+- [useFocus](functions/useFocus.md)
+- [useHover](functions/useHover.md)
+- [useResponsive](functions/useResponsive.md)
+- [useWallpaperTint](functions/useWallpaperTint.md)
+- [ThemeProvider](functions/ThemeProvider.md)
+- [useTheme](functions/useTheme.md)
+- [getNextTheme](functions/getNextTheme.md)
+- [getThemeConfig](functions/getThemeConfig.md)
+- [cn](functions/cn.md)
+
+## Interfaces
+
+- [ProgressGlassProps](interfaces/ProgressGlassProps.md)
+- [AlertGlassProps](interfaces/AlertGlassProps.md)
+- [AvatarGlassProps](interfaces/AvatarGlassProps.md)
+- [BadgeGlassProps](interfaces/BadgeGlassProps.md)
+- [ButtonGlassProps](interfaces/ButtonGlassProps.md)
+- [CheckboxGlassProps](interfaces/CheckboxGlassProps.md)
+- [DropdownItem](interfaces/DropdownItem.md)
+- [DropdownGlassProps](interfaces/DropdownGlassProps.md)
+- [GlassCardProps](interfaces/GlassCardProps.md)
+- [InputGlassProps](interfaces/InputGlassProps.md)
+- [NotificationGlassProps](interfaces/NotificationGlassProps.md)
+- [SkeletonGlassProps](interfaces/SkeletonGlassProps.md)
+- [SliderGlassProps](interfaces/SliderGlassProps.md)
+- [TabItem](interfaces/TabItem.md)
+- [ToggleGlassProps](interfaces/ToggleGlassProps.md)
+- [TooltipGlassProps](interfaces/TooltipGlassProps.md)
+- [ThemeConfig](interfaces/ThemeConfig.md)
+- [ThemeContextValue](interfaces/ThemeContextValue.md)
+
+## Type Aliases
+
+- [AvatarStatus](type-aliases/AvatarStatus.md)
+- [Theme](type-aliases/Theme.md)
+- [AlertVariant](type-aliases/AlertVariant.md)
+- [AlertType](type-aliases/AlertType.md)
+- [AvatarSize](type-aliases/AvatarSize.md)
+- [BadgeVariant](type-aliases/BadgeVariant.md)
+- [BadgeSize](type-aliases/BadgeSize.md)
+- [ButtonGlassVariant](type-aliases/ButtonGlassVariant.md)
+- [ButtonGlassSize](type-aliases/ButtonGlassSize.md)
+- [DropdownAlign](type-aliases/DropdownAlign.md)
+- [GlowType](type-aliases/GlowType.md)
+- [IntensityType](type-aliases/IntensityType.md)
+- [PaddingType](type-aliases/PaddingType.md)
+- [InputGlassSize](type-aliases/InputGlassSize.md)
+- [ModalSize](type-aliases/ModalSize.md)
+- [NotificationType](type-aliases/NotificationType.md)
+- [ProgressSize](type-aliases/ProgressSize.md)
+- [ProgressGradient](type-aliases/ProgressGradient.md)
+- [SkeletonVariant](type-aliases/SkeletonVariant.md)
+- [ToggleGlassSize](type-aliases/ToggleGlassSize.md)
+- [TooltipPosition](type-aliases/TooltipPosition.md)
+
+## Variables
+
+- [ExpandableHeaderGlass](variables/ExpandableHeaderGlass.md)
+- [IconButtonGlass](variables/IconButtonGlass.md)
+- [SearchBoxGlass](variables/SearchBoxGlass.md)
+- [SortDropdownGlass](variables/SortDropdownGlass.md)
+- [StatItemGlass](variables/StatItemGlass.md)
+- [ThemeToggleGlass](variables/ThemeToggleGlass.md)
+- [AICardGlass](variables/AICardGlass.md)
+- [CareerStatsHeaderGlass](variables/CareerStatsHeaderGlass.md)
+- [CircularMetricGlass](variables/CircularMetricGlass.md)
+- [ContributionMetricsGlass](variables/ContributionMetricsGlass.md)
+- [MetricCardGlass](variables/MetricCardGlass.md)
+- [MetricsGridGlass](variables/MetricsGridGlass.md)
+- [RepositoryCardGlass](variables/RepositoryCardGlass.md)
+- [RepositoryHeaderGlass](variables/RepositoryHeaderGlass.md)
+- [RepositoryMetadataGlass](variables/RepositoryMetadataGlass.md)
+- [TrustScoreDisplayGlass](variables/TrustScoreDisplayGlass.md)
+- [UserInfoGlass](variables/UserInfoGlass.md)
+- [UserStatsLineGlass](variables/UserStatsLineGlass.md)
+- [YearCardGlass](variables/YearCardGlass.md)
+- [FormFieldWrapper](variables/FormFieldWrapper.md)
+- [InteractiveCard](variables/InteractiveCard.md)
+- [TouchTarget](variables/TouchTarget.md)
+- [CareerStatsGlass](variables/CareerStatsGlass.md)
+- [FlagsSectionGlass](variables/FlagsSectionGlass.md)
+- [HeaderBrandingGlass](variables/HeaderBrandingGlass.md)
+- [HeaderNavGlass](variables/HeaderNavGlass.md)
+- [ProfileHeaderGlass](variables/ProfileHeaderGlass.md)
+- [ProjectsListGlass](variables/ProjectsListGlass.md)
+- [TrustScoreCardGlass](variables/TrustScoreCardGlass.md)
+- [BaseProgressGlass](variables/BaseProgressGlass.md)
+- [FlagAlertGlass](variables/FlagAlertGlass.md)
+- [LanguageBarGlass](variables/LanguageBarGlass.md)
+- [ProfileAvatarGlass](variables/ProfileAvatarGlass.md)
+- [ProgressGlass](variables/ProgressGlass.md)
+- [RainbowProgressGlass](variables/RainbowProgressGlass.md)
+- [SegmentedControlGlass](variables/SegmentedControlGlass.md)
+- [StatusIndicatorGlass](variables/StatusIndicatorGlass.md)
+- [AlertGlass](variables/AlertGlass.md)
+- [AvatarGlass](variables/AvatarGlass.md)
+- [BadgeGlass](variables/BadgeGlass.md)
+- [ButtonGlass](variables/ButtonGlass.md)
+- [CheckboxGlass](variables/CheckboxGlass.md)
+- [CircularProgressGlass](variables/CircularProgressGlass.md)
+- [ComboBoxGlass](variables/ComboBoxGlass.md)
+- [DropdownGlass](variables/DropdownGlass.md)
+- [GlassCard](variables/GlassCard.md)
+- [InputGlass](variables/InputGlass.md)
+- [ModalGlass](variables/ModalGlass.md)
+- [NotificationGlass](variables/NotificationGlass.md)
+- [PopoverGlass](variables/PopoverGlass.md)
+- [SkeletonGlass](variables/SkeletonGlass.md)
+- [SliderGlass](variables/SliderGlass.md)
+- [TabsGlass](variables/TabsGlass.md)
+- [ToggleGlass](variables/ToggleGlass.md)
+- [TooltipGlass](variables/TooltipGlass.md)
+- [THEMES](variables/THEMES.md)
+- [THEME\_CONFIG](variables/THEME_CONFIG.md)
+- [alertVariants](variables/alertVariants.md)
+- [shadcnAlertVariants](variables/shadcnAlertVariants.md)
+- [avatarSizes](variables/avatarSizes.md)
+- [statusSizes](variables/statusSizes.md)
+- [badgeVariants](variables/badgeVariants.md)
+- [shadcnBadgeVariants](variables/shadcnBadgeVariants.md)
+- [buttonGlassVariants](variables/buttonGlassVariants.md)
+- [shadcnButtonVariants](variables/shadcnButtonVariants.md)
+- [dropdownAlign](variables/dropdownAlign.md)
+- [cardIntensity](variables/cardIntensity.md)
+- [inputVariants](variables/inputVariants.md)
+- [modalSizes](variables/modalSizes.md)
+- [notificationVariants](variables/notificationVariants.md)
+- [progressSizes](variables/progressSizes.md)
+- [skeletonVariants](variables/skeletonVariants.md)
+- [toggleSizes](variables/toggleSizes.md)
+- [tooltipPositions](variables/tooltipPositions.md)

package/docs/api/interfaces/AlertGlassProps.md

@@ -0,0 +1,131 @@
+[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
+
+***
+
+[shadcn-glass-ui API Reference](../globals.md) / AlertGlassProps
+
+# Interface: AlertGlassProps
+
+Defined in: [src/components/glass/ui/alert-glass.tsx:162](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/alert-glass.tsx#L162)
+
+Props for the AlertGlass component
+
+A glass-themed alert with semantic variants, dismissible option, and automatic icon selection.
+Features theme-aware styling and WCAG-compliant role attributes.
+
+## Accessibility
+
+- **Keyboard Navigation:** Dismissible alerts include a keyboard-accessible close button (Tab + Enter/Space)
+- **Focus Management:** Close button receives visible focus ring (WCAG 2.4.7)
+- **Screen Readers:** Uses `role="alert"` for immediate announcement to screen readers (WCAG 4.1.3)
+- **Icon Semantics:** Icons are decorative and hidden from screen readers with `aria-hidden="true"`
+- **Variant Semantics:** Each variant uses distinct colors and icons for multi-modal communication (color + icon)
+- **Touch Targets:** Dismiss button meets minimum 44x44px touch target (WCAG 2.5.5)
+- **Color Contrast:** All variant text and backgrounds meet WCAG AA contrast ratio 4.5:1
+- **Motion:** Transitions respect `prefers-reduced-motion` settings
+
+## Example
+
+```tsx
+// Basic alert (info/default variant)
+<AlertGlass title="Information" variant="default">
+  This is an informational message
+</AlertGlass>
+
+// Error alert with aria-live for dynamic updates
+<AlertGlass variant="destructive" title="Error" aria-live="assertive">
+  Your session has expired. Please log in again.
+</AlertGlass>
+
+// Success alert
+<AlertGlass variant="success" title="Success">
+  Your changes have been saved successfully.
+</AlertGlass>
+
+// Warning alert
+<AlertGlass variant="warning" title="Warning">
+  Your subscription expires in 3 days.
+</AlertGlass>
+
+// Dismissible alert with accessible close button
+<AlertGlass
+  variant="default"
+  title="Welcome"
+  dismissible
+  onDismiss={() => setShowAlert(false)}
+>
+  Check out our new features!
+</AlertGlass>
+
+// Alert without title
+<AlertGlass variant="destructive">
+  Quick error message without title
+</AlertGlass>
+
+// Form validation alert
+<form onSubmit={handleSubmit}>
+  {formError && (
+    <AlertGlass variant="destructive" title="Validation Error" role="alert">
+      {formError}
+    </AlertGlass>
+  )}
+  <InputGlass label="Email" />
+  <ButtonGlass type="submit">Submit</ButtonGlass>
+</form>
+```
+
+## Extends
+
+- `Omit`\<`React.HTMLAttributes`\<`HTMLDivElement`\>, `"style"` \| `"title"`\>.`VariantProps`\<*typeof* [`alertVariants`](../variables/alertVariants.md)\>
+
+## Properties
+
+### title?
+
+> `readonly` `optional` **title**: `string`
+
+Defined in: [src/components/glass/ui/alert-glass.tsx:165](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/alert-glass.tsx#L165)
+
+***
+
+### children
+
+> `readonly` **children**: `ReactNode`
+
+Defined in: [src/components/glass/ui/alert-glass.tsx:166](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/alert-glass.tsx#L166)
+
+#### Overrides
+
+`Omit.children`
+
+***
+
+### dismissible?
+
+> `readonly` `optional` **dismissible**: `boolean`
+
+Defined in: [src/components/glass/ui/alert-glass.tsx:167](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/alert-glass.tsx#L167)
+
+***
+
+### onDismiss()?
+
+> `readonly` `optional` **onDismiss**: () => `void`
+
+Defined in: [src/components/glass/ui/alert-glass.tsx:168](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/alert-glass.tsx#L168)
+
+#### Returns
+
+`void`
+
+***
+
+### variant?
+
+> `optional` **variant**: `"default"` \| `"error"` \| `"destructive"` \| `"success"` \| `"warning"` \| `"info"` \| `null`
+
+Defined in: [src/lib/variants/alert-glass-variants.ts:27](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/lib/variants/alert-glass-variants.ts#L27)
+
+#### Inherited from
+
+`VariantProps.variant`

package/docs/api/interfaces/AvatarGlassProps.md

@@ -0,0 +1,114 @@
+[**shadcn-glass-ui API Reference v1.0.7**](../README.md)
+
+***
+
+[shadcn-glass-ui API Reference](../globals.md) / AvatarGlassProps
+
+# Interface: AvatarGlassProps
+
+Defined in: [src/components/glass/ui/avatar-glass.tsx:56](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/avatar-glass.tsx#L56)
+
+Props for the AvatarGlass component
+
+A glass-themed avatar component with status indicators and size variants.
+Displays user initials with theme-aware styling and optional status badge.
+
+## Example
+
+```tsx
+// Basic avatar
+<AvatarGlass name="John Doe" />
+
+// With status indicator
+<AvatarGlass name="Jane Smith" status="online" size="lg" />
+
+// Different sizes
+<AvatarGlass name="Alex" size="sm" />
+<AvatarGlass name="Sam" size="xl" />
+
+// As a link (asChild pattern)
+<AvatarGlass asChild name="Sarah Connor" status="online">
+  <a href="/profile/sarah">View Profile</a>
+</AvatarGlass>
+```
+
+## Extends
+
+- `Omit`\<`React.HTMLAttributes`\<`HTMLDivElement`\>, `"style"`\>.`VariantProps`\<*typeof* [`avatarSizes`](../variables/avatarSizes.md)\>
+
+## Properties
+
+### asChild?
+
+> `readonly` `optional` **asChild**: `boolean`
+
+Defined in: [src/components/glass/ui/avatar-glass.tsx:70](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/avatar-glass.tsx#L70)
+
+Render as child element instead of div (polymorphic rendering).
+Useful for making avatars clickable links.
+
+#### Default
+
+```ts
+false
+```
+
+#### Example
+
+```tsx
+<AvatarGlass asChild name="John">
+  <a href="/profile">View Profile</a>
+</AvatarGlass>
+```
+
+***
+
+### name
+
+> `readonly` **name**: `string`
+
+Defined in: [src/components/glass/ui/avatar-glass.tsx:76](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/avatar-glass.tsx#L76)
+
+Full name of the user. Automatically generates initials (first 2 letters).
+
+#### Example
+
+```ts
+"John Doe" → "JD"
+```
+
+***
+
+### status?
+
+> `readonly` `optional` **status**: [`AvatarStatus`](../type-aliases/AvatarStatus.md)
+
+Defined in: [src/components/glass/ui/avatar-glass.tsx:82](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/avatar-glass.tsx#L82)
+
+Optional status indicator with glow effect
+
+#### Default
+
+```ts
+undefined
+```
+
+***
+
+### size?
+
+> `readonly` `optional` **size**: `"sm"` \| `"md"` \| `"lg"` \| `"xl"`
+
+Defined in: [src/components/glass/ui/avatar-glass.tsx:88](https://github.com/Yhooi2/shadcn-glass-ui-library/blob/926c43a35b985ce0dee6d96ce88a1fc3d72f4d67/src/components/glass/ui/avatar-glass.tsx#L88)
+
+Size variant of the avatar
+
+#### Default
+
+```ts
+"md"
+```
+
+#### Overrides
+
+`VariantProps.size`