shadcn-glass-ui 2.2.3 → 2.3.0

package/dist/components.d.ts

@@ -1,1932 +1,56 @@
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
-import { ButtonHTMLAttributes } from 'react';
-import { ClassProp } from 'class-variance-authority/types';
-import { ComponentPropsWithoutRef } from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { FC } from 'react';
-import { ForwardRefExoticComponent } from 'react';
-import { HTMLAttributes } from 'react';
-import { InputHTMLAttributes } from 'react';
-import { JSX } from 'react/jsx-runtime';
-import { LucideIcon } from 'lucide-react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import * as React_2 from 'react';
-import { ReactNode } from 'react';
-import { RefAttributes } from 'react';
-import * as SliderPrimitive from '@radix-ui/react-slider';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { VariantProps } from 'class-variance-authority';
-
-export declare const AICardGlass: ForwardRefExoticComponent<AICardGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface AICardGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    readonly onGenerate?: () => void;
-    readonly features?: readonly string[];
-    readonly estimatedTime?: string;
-}
-
-export declare const AlertGlass: ForwardRefExoticComponent<AlertGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface AlertGlassProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'>, VariantProps<typeof alertVariants> {
-    dismissible?: boolean;
-    onDismiss?: () => void;
-}
-
-declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | "success" | "warning" | "info" | "error" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const AvatarGlass: React_2.ForwardRefExoticComponent<AvatarGlassRootProps & React_2.RefAttributes<HTMLSpanElement>>;
-
-declare interface AvatarGlassRootProps extends React_2.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> {
-    size?: AvatarSize;
-    status?: AvatarStatus;
-    glowing?: boolean;
-}
-
-declare type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
-
-declare type AvatarStatus = 'online' | 'offline' | 'busy' | 'away';
-
-export declare const BadgeGlass: ForwardRefExoticComponent<BadgeGlassProps & RefAttributes<HTMLSpanElement>>;
-
-/**
- * Props for the BadgeGlass component
- *
- * A glass-themed badge with semantic variants and optional animated status dot.
- * Features shadcn/ui compatible variants plus extended Glass UI variants.
- *
- * @accessibility
- * - **Keyboard Navigation:** Badges are non-interactive by default (display-only)
- * - **Focus Management:** N/A - badges do not receive focus unless wrapped in interactive elements
- * - **Screen Readers:** Semantic `<span>` element, content announced naturally
- * - **Status Indicators:** Use `aria-label` to provide context for status badges (e.g., "Status: Active")
- * - **Animated Dot:** Pulse animation respects `prefers-reduced-motion` settings
- * - **Touch Targets:** N/A for display badges, ensure 44x44px if wrapping in button/link (WCAG 2.5.5)
- * - **Color Contrast:** All variant text meets WCAG AA contrast ratio 4.5:1 against badge background
- * - **Motion:** Dot pulse animation can be disabled for users with motion sensitivity
- *
- * @example
- * ```tsx
- * // Basic badge with variant
- * <BadgeGlass variant="default">New</BadgeGlass>
- *
- * // Status badge with aria-label for screen readers
- * <BadgeGlass variant="success" aria-label="Status: Active">
- *   Active
- * </BadgeGlass>
- *
- * // Different variants (shadcn/ui compatible)
- * <BadgeGlass variant="default">Default</BadgeGlass>
- * <BadgeGlass variant="secondary">Secondary</BadgeGlass>
- * <BadgeGlass variant="destructive">Error</BadgeGlass>
- * <BadgeGlass variant="outline">Outline</BadgeGlass>
- *
- * // Extended Glass UI variants
- * <BadgeGlass variant="success">Success</BadgeGlass>
- * <BadgeGlass variant="warning">Warning</BadgeGlass>
- * <BadgeGlass variant="info">Info</BadgeGlass>
- *
- * // With animated status dot
- * <BadgeGlass variant="success" dot aria-label="Status: Online">
- *   Online
- * </BadgeGlass>
- * <BadgeGlass variant="destructive" dot aria-label="Status: Offline">
- *   Offline
- * </BadgeGlass>
- *
- * // Size variants
- * <BadgeGlass size="sm">Small</BadgeGlass>
- * <BadgeGlass size="default">Medium</BadgeGlass>
- * <BadgeGlass size="lg">Large</BadgeGlass>
- *
- * // Inside interactive elements (ensure accessible labels)
- * <button aria-label="Filter by active status">
- *   Filter: <BadgeGlass variant="success">Active</BadgeGlass>
- * </button>
- *
- * // Count badge with semantic meaning
- * <div>
- *   <span>Notifications</span>
- *   <BadgeGlass variant="destructive" aria-label="3 unread notifications">
- *     3
- *   </BadgeGlass>
- * </div>
- * ```
- */
-declare interface BadgeGlassProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'style'>, VariantProps<typeof badgeVariants> {
-    readonly children: ReactNode;
-    readonly variant?: BadgeVariant;
-    readonly dot?: boolean;
-}
-
-/**
- * BadgeGlass CVA Variants
- * Extracted for Fast Refresh compatibility
- */
-declare type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'info';
-
-declare const badgeVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const BaseProgressGlass: ForwardRefExoticComponent<BaseProgressGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface BaseProgressGlassProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
-    readonly value?: number;
-    readonly max?: number;
-    readonly children?: ReactNode | ((percentage: number) => ReactNode);
-}
-
-export declare const ButtonGlass: ForwardRefExoticComponent<ButtonGlassProps & RefAttributes<HTMLButtonElement>>;
-
-/**
- * Props for the ButtonGlass component
- *
- * A glass-themed button with ripple effects, loading states, and icon support.
- * Features theme-aware styling and hover animations.
- *
- * **shadcn/ui compatible variants:**
- * - `default` - Primary action button with glow effects
- * - `secondary` - Secondary action with border
- * - `ghost` - Minimal visual presence
- * - `destructive` - Dangerous/delete actions (red)
- * - `outline` - Border with transparent background
- * - `link` - Text-only button with underline on hover
- * - `success` - Positive feedback (glass-ui extension)
- *
- * @accessibility
- * - **Keyboard Navigation:** Fully keyboard accessible with native `<button>` element
- * - **Focus Management:** Visible focus ring using `--focus-glow` CSS variable (WCAG 2.4.7)
- * - **Screen Readers:** Semantic `<button>` element, disabled state announced automatically
- * - **Loading State:** When loading=true, button is disabled and loading spinner is visible
- * - **Touch Targets:** Minimum 44x44px touch target (WCAG 2.5.5) via size variants
- * - **Color Contrast:** All variants meet WCAG AA contrast ratio 4.5:1 minimum
- * - **Motion:** Respects `prefers-reduced-motion` for ripple/shine animations
- *
- * @example
- * ```tsx
- * // Basic button (default variant)
- * <ButtonGlass>Click me</ButtonGlass>
- * <ButtonGlass variant="default">Primary action</ButtonGlass>
- *
- * // With icon and aria-label for icon-only buttons
- * <ButtonGlass icon={Check} iconPosition="left">Save</ButtonGlass>
- * <ButtonGlass icon={X} size="icon" aria-label="Close dialog" />
- *
- * // Loading state (automatically disables and shows spinner)
- * <ButtonGlass loading aria-live="polite">Processing...</ButtonGlass>
- *
- * // Different variants (shadcn/ui compatible)
- * <ButtonGlass variant="secondary">Secondary</ButtonGlass>
- * <ButtonGlass variant="ghost">Cancel</ButtonGlass>
- * <ButtonGlass variant="outline">Outline</ButtonGlass>
- * <ButtonGlass variant="destructive">Delete</ButtonGlass>
- * <ButtonGlass variant="link">Learn more</ButtonGlass>
- * <ButtonGlass variant="success">Confirm</ButtonGlass>
- *
- * // As a link (asChild pattern) - maintains semantic HTML
- * <ButtonGlass asChild>
- *   <a href="/dashboard">Go to Dashboard</a>
- * </ButtonGlass>
- *
- * // With Next.js Link
- * <ButtonGlass asChild variant="ghost">
- *   <Link href="/settings">Settings</Link>
- * </ButtonGlass>
- *
- * // Form submit button
- * <ButtonGlass type="submit">
- *   Submit Form
- * </ButtonGlass>
- * ```
- */
-declare interface ButtonGlassProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'style'>, VariantProps<typeof buttonGlassVariants> {
-    /**
-     * Render as child element instead of button (polymorphic rendering).
-     * Useful for rendering buttons as links or other interactive elements.
-     *
-     * **Note:** When using `asChild`, decorative effects (ripple, shine, glow)
-     * are disabled to maintain compatibility with Radix UI Slot.
-     * Only styles and event handlers are passed to the child element.
-     *
-     * @default false
-     * @example
-     * ```tsx
-     * <ButtonGlass asChild>
-     *   <a href="/about">About Us</a>
-     * </ButtonGlass>
-     * ```
-     */
-    readonly asChild?: boolean;
-    /**
-     * Visual style variant of the button (shadcn/ui compatible)
-     * @default "default"
-     */
-    readonly variant?: ButtonGlassVariant;
-    /**
-     * Show loading spinner and disable interactions
-     * @default false
-     */
-    readonly loading?: boolean;
-    /**
-     * Icon component from lucide-react to display
-     * @example icon={Check}
-     */
-    readonly icon?: LucideIcon;
-    /**
-     * Position of the icon relative to button text
-     * @default "left"
-     */
-    readonly iconPosition?: 'left' | 'right';
-    /**
-     * Size variant of the button (shadcn/ui compatible)
-     * @default "default"
-     */
-    readonly size?: 'default' | 'sm' | 'lg' | 'xl' | 'icon';
-}
-
-/**
- * ButtonGlass CVA Variants
- * Extracted for Fast Refresh compatibility
- */
-/**
- * ButtonGlass variant types (shadcn/ui compatible)
- * - default: Primary action (was 'primary')
- * - secondary: Secondary action
- * - ghost: Minimal visual presence
- * - destructive: Dangerous/delete actions
- * - outline: Border with transparent background (shadcn/ui standard)
- * - success: Positive feedback (glass-ui extension)
- * - link: Text-only button (was 'text', shadcn/ui standard name)
- */
-declare type ButtonGlassVariant = 'default' | 'secondary' | 'ghost' | 'destructive' | 'outline' | 'success' | 'link';
-
-declare const buttonGlassVariants: (props?: ({
-    variant?: "default" | "destructive" | "success" | "link" | "secondary" | "outline" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "xl" | "icon" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-declare const cardIntensity: (props?: ({
-    intensity?: "medium" | "strong" | "subtle" | null | undefined;
-    hover?: boolean | null | undefined;
-    padding?: "default" | "none" | "compact" | "featured" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const CareerStatsGlass: ForwardRefExoticComponent<CareerStatsGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface CareerStatsGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    readonly totalCommits?: number;
-    readonly totalPRs?: number;
-    readonly totalRepos?: number;
-    readonly years?: readonly YearData[];
-}
-
-export declare const CareerStatsHeaderGlass: ForwardRefExoticComponent<CareerStatsHeaderGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface CareerStatsHeaderGlassProps extends HTMLAttributes<HTMLDivElement> {
-    /** Total commits count */
-    readonly totalCommits: number;
-    /** Total pull requests count */
-    readonly totalPRs: number;
-    /** Total repositories count */
-    readonly totalRepos: number;
-    /** Header title */
-    readonly title?: string;
-    /** Stats wrap on mobile */
-    readonly wrapStats?: boolean;
-}
-
-export declare const CheckboxGlass: ForwardRefExoticComponent<CheckboxGlassProps & RefAttributes<HTMLInputElement>>;
-
-/**
- * Props for the CheckboxGlass component
- *
- * A glass-themed checkbox with accessible keyboard navigation, focus management,
- * and touch-friendly targets. Features glow effects and theme-aware styling.
- *
- * @accessibility
- * - **Keyboard Navigation:** Full keyboard support with Enter/Space to toggle, Tab to focus (WCAG 2.1.1)
- * - **Focus Management:** Visible focus ring using `--focus-glow` CSS variable (WCAG 2.4.7)
- * - **Screen Readers:** Dual implementation with native `<input type="checkbox">` (hidden) + visual `<div role="checkbox">`
- * - **ARIA Attributes:** Uses `role="checkbox"` and `aria-checked` for proper state announcement
- * - **Label Association:** Visual label automatically associated with checkbox via `<label>` wrapper
- * - **Touch Targets:** 44x44px minimum touch area per Apple HIG (WCAG 2.5.5 compliance)
- * - **Color Contrast:** Check mark and backgrounds meet WCAG AA contrast ratio 4.5:1
- * - **Motion:** Transitions respect `prefers-reduced-motion` settings
- *
- * @example
- * ```tsx
- * // Basic checkbox with label
- * <CheckboxGlass checked={agreed} onChange={setAgreed} label="I agree to terms" />
- *
- * // Checkbox with accessible name (no visual label)
- * <CheckboxGlass
- *   checked={checked}
- *   onChange={setChecked}
- *   aria-label="Select all items"
- * />
- *
- * // Form integration with validation
- * <form onSubmit={handleSubmit}>
- *   <CheckboxGlass
- *     checked={newsletter}
- *     onChange={setNewsletter}
- *     label="Subscribe to newsletter"
- *     aria-describedby="newsletter-help"
- *   />
- *   <p id="newsletter-help">Receive weekly updates</p>
- *   <CheckboxGlass
- *     checked={terms}
- *     onChange={setTerms}
- *     label="Accept terms and conditions"
- *     required
- *     aria-invalid={submitted && !terms}
- *   />
- *   {submitted && !terms && (
- *     <span role="alert">You must accept the terms</span>
- *   )}
- * </form>
- *
- * // Disabled checkbox (state announced to screen readers)
- * <CheckboxGlass
- *   checked={true}
- *   onChange={() => {}}
- *   label="This option is locked"
- *   disabled
- * />
- *
- * // Checkbox group with fieldset
- * <fieldset>
- *   <legend>Select your interests</legend>
- *   <CheckboxGlass
- *     checked={interests.tech}
- *     onChange={(checked) => setInterests({ ...interests, tech: checked })}
- *     label="Technology"
- *   />
- *   <CheckboxGlass
- *     checked={interests.design}
- *     onChange={(checked) => setInterests({ ...interests, design: checked })}
- *     label="Design"
- *   />
- * </fieldset>
- * ```
- */
-declare interface CheckboxGlassProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
-    readonly checked: boolean;
-    readonly onChange?: (checked: boolean) => void;
-    readonly label?: string;
-}
-
-declare type CircularMetricColor = 'emerald' | 'amber' | 'blue' | 'red';
-
-/**
- * CircularMetricGlass - Compact circular progress metric display
- *
- * Designed for mobile layouts where rectangular MetricCardGlass is too wide.
- * Shows a circular progress indicator with percentage inside and label below.
- *
- * @example
- * ```tsx
- * <CircularMetricGlass label="Reg" value={84} color="emerald" />
- * ```
- */
-export declare const CircularMetricGlass: ForwardRefExoticComponent<CircularMetricGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface CircularMetricGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Metric label (e.g., "Reg", "Imp") */
-    readonly label: string;
-    /** Metric value (0-100) */
-    readonly value: number;
-    /** Metric color */
-    readonly color?: CircularMetricColor;
-    /** Size variant */
-    readonly size?: 'sm' | 'md';
-}
-
-export declare const CircularProgressGlass: ForwardRefExoticComponent<CircularProgressGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface CircularProgressGlassProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof circularProgressVariants> {
-    /** Progress value (0-100) for determinate variant */
-    readonly value?: number;
-    /** Variant type */
-    readonly variant?: 'determinate' | 'indeterminate';
-    /** Stroke width in pixels */
-    readonly thickness?: number;
-    /** Background track width in pixels */
-    readonly trackWidth?: number;
-    /** Progress color gradient */
-    readonly color?: CircularProgressGradient;
-    /** Track color (background circle) */
-    readonly trackColor?: string;
-    /** Show percentage label in center */
-    readonly showLabel?: boolean;
-    /** Custom label text (overrides percentage) */
-    readonly label?: string;
-    /** Custom color for the center label text */
-    readonly labelColor?: string;
-    /** Show glow effect */
-    readonly showGlow?: boolean;
-    /** Glow intensity */
-    readonly glowIntensity?: 'low' | 'medium' | 'high';
-    /** Stroke linecap style */
-    readonly strokeLinecap?: 'round' | 'butt' | 'square';
-    /** Animation duration in seconds */
-    readonly animationDuration?: number;
-}
-
-declare type CircularProgressGradient = 'violet' | 'blue' | 'cyan' | 'amber' | 'emerald' | 'rose';
-
-declare const circularProgressVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const ComboBoxGlass: <T = string>(props: ComboBoxGlassProps<T> & {
-    ref?: React.ForwardedRef<HTMLButtonElement>;
-}) => ReturnType<typeof ComboBoxGlassInner>;
-
-declare function ComboBoxGlassInner<T = string>({ options, value, onValueChange, placeholder, emptyText, searchPlaceholder, glassVariant, disabled, className, popoverClassName, clearable, side, align, label, error, success, required, size, searchable, icon: TriggerIcon, }: ComboBoxGlassProps<T>, ref: React.ForwardedRef<HTMLButtonElement>): JSX.Element;
-
-declare namespace ComboBoxGlassInner {
-    var displayName: string;
-}
-
-declare interface ComboBoxGlassProps<T = string> {
-    /** Available options */
-    readonly options: readonly ComboBoxOption<T>[];
-    /** Currently selected value */
-    readonly value?: T;
-    /** Callback when value changes */
-    readonly onValueChange?: (value: T | undefined) => void;
-    /** Placeholder text for trigger button */
-    readonly placeholder?: string;
-    /** Text shown when no results found */
-    readonly emptyText?: string;
-    /** Placeholder for search input */
-    readonly searchPlaceholder?: string;
-    /** Glass variant style */
-    readonly glassVariant?: GlassVariant;
-    /** Disabled state */
-    readonly disabled?: boolean;
-    /** Custom className for container */
-    readonly className?: string;
-    /** Custom className for popover content */
-    readonly popoverClassName?: string;
-    /** Allow clearing selection */
-    readonly clearable?: boolean;
-    /** Popover side */
-    readonly side?: 'top' | 'right' | 'bottom' | 'left';
-    /** Popover alignment */
-    readonly align?: 'start' | 'center' | 'end';
-    /** Label text displayed above the field */
-    readonly label?: string;
-    /** Error message - displays in red below the field */
-    readonly error?: string;
-    /** Success message - displays in green if no error */
-    readonly success?: string;
-    /** Shows required asterisk (*) next to label */
-    readonly required?: boolean;
-    /** Size variant (affects trigger button height and padding) */
-    readonly size?: InputGlassSize;
-    /** Enable/disable search functionality */
-    readonly searchable?: boolean;
-    /** Optional icon for trigger button (displayed before text) */
-    readonly icon?: LucideIcon;
-}
-
-declare interface ComboBoxOption<T = string> {
-    readonly value: T;
-    readonly label: string;
-    readonly disabled?: boolean;
-    /** Optional icon component for the option */
-    readonly icon?: LucideIcon;
-}
-
-export declare const ContributionMetricsGlass: ForwardRefExoticComponent<ContributionMetricsGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface ContributionMetricsGlassProps extends HTMLAttributes<HTMLDivElement> {
-    /** User's commit count */
-    readonly userCommits: number;
-    /** User's contribution percentage */
-    readonly userContribution: number;
-    /** Total project commits (calculated if not provided) */
-    readonly totalProjectCommits?: number;
-    /** Estimated lines of code */
-    readonly estimatedLines?: number;
-    /** Grid layout (1 or 2 columns) */
-    readonly columns?: 1 | 2;
-}
-
-/**
- * DropdownGlass - Simple API wrapper
- *
- * For complex dropdowns with checkboxes, radio groups, sub-menus, etc.,
- * use the compound components from dropdown-menu-glass.tsx directly.
- */
-export declare const DropdownGlass: React_2.ForwardRefExoticComponent<DropdownGlassProps & React_2.RefAttributes<HTMLDivElement>>;
-
-/**
- * Props for the DropdownGlass component (Simple API)
- *
- * @accessibility
- * - **Keyboard Navigation:** Arrow keys navigate, Enter/Space activates, Escape closes
- * - **Focus Management:** Focus trapped within menu when open
- * - **Screen Readers:** Uses role="menu" and role="menuitem"
- * - **Touch Targets:** All items meet minimum 44x44px
- */
-declare interface DropdownGlassProps {
-    /** Trigger element (button, etc.) */
-    readonly trigger: React_2.ReactNode;
-    /** Menu items array */
-    readonly items: readonly DropdownItem[];
-    /** Dropdown alignment */
-    readonly align?: 'left' | 'right';
-    /** Additional className */
-    readonly className?: string;
-}
-
-declare interface DropdownItem {
-    readonly label?: string;
-    readonly icon?: LucideIcon;
-    readonly onClick?: () => void;
-    readonly danger?: boolean;
-    readonly divider?: boolean;
-}
-
-export declare const ExpandableHeaderGlass: ForwardRefExoticComponent<ExpandableHeaderGlassProps & RefAttributes<HTMLButtonElement>>;
-
-declare interface ExpandableHeaderGlassProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'title'> {
-    /** Header title */
-    readonly title: ReactNode;
-    /** Leading icon component */
-    readonly icon?: LucideIcon;
-    /** Icon color (CSS variable or color value) */
-    readonly iconColor?: string;
-    /** Expanded state */
-    readonly expanded: boolean;
-    /** Toggle callback */
-    readonly onToggle?: () => void;
-}
-
-export declare const FlagAlertGlass: ForwardRefExoticComponent<FlagAlertGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface FlagAlertGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    readonly type?: FlagType;
-    readonly title: string;
-    readonly description?: string;
-}
-
-declare interface FlagData {
-    readonly type: FlagType;
-    readonly title: string;
-    readonly description?: string;
-}
-
-export declare const FlagsSectionGlass: ForwardRefExoticComponent<FlagsSectionGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface FlagsSectionGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    readonly flags?: readonly FlagData[];
-    readonly expanded?: boolean;
-    readonly onToggle?: () => void;
-}
-
-declare type FlagType = 'warning' | 'danger';
-
-/**
- * FormFieldWrapper component
- *
- * Provides consistent structure for form fields with labels and validation messages.
- * Used by InputGlass, SliderGlass, and other form components.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <FormFieldWrapper label="Email" htmlFor="email-input">
- *   <input id="email-input" type="email" />
- * </FormFieldWrapper>
- *
- * // With validation
- * <FormFieldWrapper
- *   label="Username"
- *   error="Username is required"
- *   required
- *   htmlFor="username"
- * >
- *   <input id="username" />
- * </FormFieldWrapper>
- *
- * // Success state
- * <FormFieldWrapper
- *   label="Password"
- *   success="Strong password"
- *   htmlFor="password"
- * >
- *   <input id="password" type="password" />
- * </FormFieldWrapper>
- * ```
- */
-export declare const FormFieldWrapper: ForwardRefExoticComponent<FormFieldWrapperProps & RefAttributes<HTMLDivElement>>;
-
-/**
- * Props for the FormFieldWrapper component
- */
-declare interface FormFieldWrapperProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Label text displayed above the field
-     */
-    label?: string;
-    /**
-     * Error message - takes priority over success
-     * Displays in red below the field
-     */
-    error?: string;
-    /**
-     * Success message - displays in green if no error
-     * Displays below the field
-     */
-    success?: string;
-    /**
-     * ID to link label with input via htmlFor
-     * Should match the input's id attribute
-     */
-    htmlFor?: string;
-    /**
-     * Shows red asterisk (*) next to label
-     * @default false
-     */
-    required?: boolean;
-    /**
-     * The form control element(s) to wrap
-     */
-    children: ReactNode;
-}
-
-export declare const GlassCard: ForwardRefExoticComponent<GlassCardProps & RefAttributes<HTMLDivElement>>;
-
-/**
- * Props for the GlassCard component
- *
- * A glass-themed container with configurable blur, glow effects, and hover animations.
- * Features polymorphic rendering via `asChild` for semantic HTML flexibility.
- *
- * @accessibility
- * - **Keyboard Navigation:** When used with `asChild` as a link/button, inherits native keyboard support (Enter/Space activation)
- * - **Focus Management:** Focus ring applied to child element when using `asChild` pattern with interactive elements
- * - **Screen Readers:** Semantic HTML preserved via `asChild` - use appropriate elements (`<a>`, `<button>`, `<article>`)
- * - **Hover State:** Hover effects are purely visual and do not affect functionality (progressive enhancement)
- * - **Touch Targets:** When interactive, ensure child element meets minimum 44x44px touch target (WCAG 2.5.5)
- * - **Color Contrast:** Card border and background meet WCAG AA contrast requirements, content contrast is consumer's responsibility
- * - **Motion:** Hover scale animation respects `prefers-reduced-motion` settings via CSS transitions
- *
- * @example
- * ```tsx
- * // Basic card
- * <GlassCard intensity="medium">Content</GlassCard>
- *
- * // As a clickable link with accessible name
- * <GlassCard asChild intensity="medium">
- *   <a href="/details" aria-label="View product details">
- *     <h3>Product Title</h3>
- *     <p>Description</p>
- *   </a>
- * </GlassCard>
- *
- * // Different intensity levels
- * <GlassCard intensity="subtle">Subtle blur</GlassCard>
- * <GlassCard intensity="medium">Standard blur</GlassCard>
- * <GlassCard intensity="strong">Heavy blur</GlassCard>
- *
- * // With glow effects
- * <GlassCard glow="blue">Blue glow card</GlassCard>
- * <GlassCard glow="violet">Violet glow card</GlassCard>
- * <GlassCard glow="cyan">Cyan glow card</GlassCard>
- *
- * // As a button (interactive) with role
- * <GlassCard asChild hover intensity="medium">
- *   <button onClick={handleClick} aria-label="Open settings">
- *     <Settings className="w-6 h-6" />
- *     <span>Settings</span>
- *   </button>
- * </GlassCard>
- *
- * // Article card with semantic HTML
- * <GlassCard asChild intensity="medium" padding="lg">
- *   <article>
- *     <header><h2>Article Title</h2></header>
- *     <p>Article content...</p>
- *     <footer>Published: Jan 1, 2025</footer>
- *   </article>
- * </GlassCard>
- * ```
- */
-declare interface GlassCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'>, VariantProps<typeof cardIntensity> {
-    /**
-     * Render as child element instead of div (polymorphic rendering).
-     * Useful for making cards clickable links or custom interactive elements.
-     * @default false
-     * @example
-     * ```tsx
-     * <GlassCard asChild>
-     *   <a href="/article">Article Content</a>
-     * </GlassCard>
-     * ```
-     */
-    readonly asChild?: boolean;
-    readonly children: ReactNode;
-    readonly glow?: GlowType;
-    readonly padding?: PaddingType;
-}
-
-declare type GlassVariant = 'glass' | 'frosted' | 'fluted' | 'crystal';
-
-/**
- * GlassCard CVA Variants
- * Extracted for Fast Refresh compatibility
- */
-declare type GlowType = 'blue' | 'violet' | 'cyan' | null;
-
-export declare const HeaderBrandingGlass: ForwardRefExoticComponent<HeaderBrandingGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface HeaderBrandingGlassProps extends HTMLAttributes<HTMLDivElement> {
-    /** Logo icon component */
-    readonly logoIcon: LucideIcon;
-    /** Main title */
-    readonly title: string;
-    /** Subtitle (hidden on mobile) */
-    readonly subtitle?: string;
-    /** Logo click handler */
-    readonly onLogoClick?: () => void;
-    /** Logo aria label */
-    readonly logoAriaLabel?: string;
-}
-
-export declare const HeaderNavGlass: ForwardRefExoticComponent<HeaderNavGlassProps & RefAttributes<HTMLElement>>;
-
-declare interface HeaderNavGlassProps extends React.HTMLAttributes<HTMLElement> {
-    readonly username?: string;
-    readonly onSearch?: (value: string) => void;
-    readonly onThemeToggle?: () => void;
-}
-
-export declare const IconButtonGlass: ForwardRefExoticComponent<IconButtonGlassProps & RefAttributes<HTMLButtonElement>>;
-
-declare interface IconButtonGlassProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof iconButtonVariants> {
-    /** Lucide icon component */
-    readonly icon: LucideIcon;
-    /** Icon size in pixels (default: 20) */
-    readonly iconSize?: number;
-    /** Accessible label for screen readers */
-    readonly 'aria-label': string;
-}
-
-declare const iconButtonVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | "touch" | null | undefined;
-    variant?: "ghost" | "subtle" | "gradient" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const InputGlass: ForwardRefExoticComponent<InputGlassProps & RefAttributes<HTMLInputElement>>;
-
-/**
- * Props for the InputGlass component
- *
- * A glass-themed input field with labels, validation states, and icon support.
- * Features focus glow effects and theme-aware styling.
- *
- * @accessibility
- * - **Keyboard Navigation:** Full keyboard support with native `<input>` element, standard tab navigation
- * - **Focus Management:** Visible focus ring using `--focus-glow` CSS variable (WCAG 2.4.7)
- * - **Screen Readers:** Semantic `<label>` elements properly associated via `htmlFor`, error/success messages announced with `aria-describedby`
- * - **Error State:** Red border and error message displayed below input, programmatically associated for screen readers
- * - **Success State:** Green border and success message displayed below input, programmatically associated for screen readers
- * - **Touch Targets:** Minimum 44x44px touch target on mobile devices (WCAG 2.5.5)
- * - **Color Contrast:** All text meets WCAG AA contrast ratio 4.5:1 minimum against backgrounds
- * - **Motion:** Icon color transitions respect `prefers-reduced-motion` settings
- *
- * @example
- * ```tsx
- * // Basic input with label
- * <InputGlass label="Email" placeholder="you@example.com" />
- *
- * // With aria-describedby for additional context
- * <InputGlass
- *   label="Username"
- *   placeholder="Enter username"
- *   aria-describedby="username-help"
- * />
- * <span id="username-help">Must be 3-20 characters</span>
- *
- * // With validation states (automatically announced to screen readers)
- * <InputGlass label="Username" error="Username is required" />
- * <InputGlass label="Password" success="Strong password" type="password" />
- *
- * // With icon and accessible label
- * <InputGlass
- *   icon={Search}
- *   placeholder="Search..."
- *   aria-label="Search products"
- * />
- * <InputGlass icon={Mail} iconPosition="right" type="email" />
- *
- * // Disabled state (automatically announced)
- * <InputGlass label="Email" disabled value="locked@example.com" />
- *
- * // Form integration with accessible error handling
- * <form onSubmit={handleSubmit}>
- *   <InputGlass
- *     label="Email"
- *     type="email"
- *     required
- *     error={errors.email}
- *     aria-invalid={!!errors.email}
- *   />
- *   <InputGlass
- *     label="Password"
- *     type="password"
- *     icon={Lock}
- *     error={errors.password}
- *   />
- *   <ButtonGlass type="submit">Sign In</ButtonGlass>
- * </form>
- * ```
- */
-declare interface InputGlassProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof inputVariants> {
-    /**
-     * Label text displayed above the input field
-     */
-    readonly label?: string;
-    /**
-     * Error message to display below the input (red styling)
-     */
-    readonly error?: string;
-    /**
-     * Success message to display below the input (green styling)
-     */
-    readonly success?: string;
-    /**
-     * Icon component from lucide-react to display
-     * @example icon={Search}
-     */
-    readonly icon?: LucideIcon;
-    /**
-     * Position of the icon relative to input text
-     * @default "left"
-     */
-    readonly iconPosition?: 'left' | 'right';
-    /**
-     * @deprecated Use `size` prop instead. Will be removed in v4.0
-     * @default "md"
-     */
-    readonly inputSize?: 'sm' | 'md' | 'lg';
-}
-
-/**
- * InputGlass CVA Variants
- * Extracted for Fast Refresh compatibility
- */
-declare type InputGlassSize = 'sm' | 'md' | 'lg';
-
-declare const inputVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-/**
- * InteractiveCard component
- *
- * Provides consistent hover animations and glass effects for card components.
- * Replaces ~80 lines of duplicated hover state management across 4+ components.
- *
- * @example
- * ```tsx
- * // Basic usage
- * <InteractiveCard>
- *   <h3>Card Title</h3>
- *   <p>Card content</p>
- * </InteractiveCard>
- *
- * // With hover effects
- * <InteractiveCard
- *   hoverLift
- *   hoverGlow="var(--glow-primary)"
- *   hoverBg="var(--card-hover-bg)"
- *   hoverBorderColor="var(--card-hover-border)"
- * >
- *   <MetricContent />
- * </InteractiveCard>
- *
- * // Custom blur and rounding
- * <InteractiveCard
- *   blur="md"
- *   rounded="rounded-3xl"
- *   baseBg="var(--metric-success-bg)"
- * >
- *   <StatusCard />
- * </InteractiveCard>
- * ```
- */
-export declare const InteractiveCard: ForwardRefExoticComponent<InteractiveCardProps & RefAttributes<HTMLDivElement>>;
-
-/**
- * Props for the InteractiveCard component
- */
-declare interface InteractiveCardProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Enable hover lift effect (translateY -2px)
-     * @default true
-     */
-    hoverLift?: boolean;
-    /**
-     * CSS variable for hover glow effect
-     * @example 'var(--glow-primary)'
-     */
-    hoverGlow?: string;
-    /**
-     * CSS variable for hover background
-     * @example 'var(--card-hover-bg)'
-     */
-    hoverBg?: string;
-    /**
-     * CSS variable for base background
-     * @default 'var(--card-bg)'
-     */
-    baseBg?: string;
-    /**
-     * CSS variable for border color
-     * @default 'var(--card-border)'
-     */
-    borderColor?: string;
-    /**
-     * CSS variable for hover border color
-     */
-    hoverBorderColor?: string;
-    /**
-     * Blur level for glass effect
-     * @default 'sm'
-     */
-    blur?: 'sm' | 'md' | 'lg' | 'xl';
-    /**
-     * Disable all hover interactions
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Border radius class
-     * @default 'rounded-2xl'
-     */
-    rounded?: 'rounded-xl' | 'rounded-2xl' | 'rounded-3xl';
-    /**
-     * Transition speed
-     * @default 'var(--transition-slow)'
-     */
-    transition?: string;
-}
-
-export declare const LanguageBarGlass: ForwardRefExoticComponent<LanguageBarGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface LanguageBarGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    readonly languages: readonly LanguageData[];
-    readonly showLegend?: boolean;
-}
-
-declare interface LanguageData {
-    readonly name: string;
-    readonly percent: number;
-    /**
-     * Custom color for the language segment.
-     * Accepts any valid CSS color value:
-     * - OKLCH (recommended): `oklch(66.6% 0.159 303)`
-     * - Hex: `#3b82f6`
-     * - RGB: `rgb(59, 130, 246)`
-     * - HSL: `hsl(221, 83%, 53%)`
-     *
-     * **Note:** CSS variables like `var(--oklch-blue-500)` may not work if they're
-     * tree-shaken out in production builds. Use direct color values instead.
-     *
-     * If not provided, falls back to default language colors defined in `defaultLangColors`.
-     */
-    readonly color?: string;
-}
-
-export declare const MetricCardGlass: ForwardRefExoticComponent<MetricCardGlassProps & RefAttributes<HTMLDivElement>>;
-
-/**
- * MetricCardGlass Props
- *
- * Follows shadcn/ui Card pattern with Glass UI extensions.
- * Compatible with AlertGlass, BadgeGlass, ButtonGlass variant system.
- *
- * @example Simple usage (shadcn/ui style)
- * ```tsx
- * <MetricCardGlass
- *   title="Total Revenue"
- *   value="$45,231"
- *   change="+12.5%"
- *   variant="success"
- *   icon={<DollarSign />}
- * />
- * ```
- *
- * @example With progress and sparkline (Glass UI extensions)
- * ```tsx
- * <MetricCardGlass
- *   title="Completion Rate"
- *   value="85%"
- *   description="Project milestones"
- *   change={{ value: 5.2, direction: 'up', period: 'vs last month' }}
- *   variant="success"
- *   progress={85}
- *   sparklineData={[70, 75, 78, 80, 82, 84, 85]}
- *   showProgress
- *   showSparkline
- * />
- * ```
- */
-declare interface MetricCardGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Metric title (shadcn/ui Card: title) */
-    readonly title: string;
-    /** Display value (shadcn/ui Card: value) */
-    readonly value: string | number;
-    /** Optional description/subtitle (shadcn/ui Card: description) */
-    readonly description?: string;
-    /** Change indicator (shadcn/ui: change). Can be string "+12.5%" or detailed object */
-    readonly change?: string | number | MetricChange;
-    /** Semantic variant (follows AlertGlass, BadgeGlass pattern) */
-    readonly variant?: MetricVariant;
-    /** Icon to display */
-    readonly icon?: ReactNode;
-    /** Data for sparkline visualization */
-    readonly sparklineData?: readonly number[];
-    /** Show sparkline chart */
-    readonly showSparkline?: boolean;
-    /** Show progress bar (requires progress prop) */
-    readonly showProgress?: boolean;
-    /** Progress percentage (0-100, separate from display value) */
-    readonly progress?: number;
-    /** @deprecated Use `title` instead. Will be removed in v2.0 */
-    readonly label?: string;
-    /** @deprecated Use `variant` instead. Mapping: emerald→success, amber→warning, blue→default, red→destructive. Will be removed in v2.0 */
-    readonly color?: MetricColor;
-    /** @deprecated Format value before passing. Use `value` prop directly. Will be removed in v2.0 */
-    readonly valueFormatter?: (value: number) => string;
-    /** @deprecated Use `description` instead. Will be removed in v2.0 */
-    readonly valueSuffix?: string;
-    /** @deprecated Use `change` instead. Will be removed in v2.0 */
-    readonly trend?: MetricTrend;
-}
-
-/**
- * Detailed change object with trend information
- */
-declare interface MetricChange {
-    /** Change value (e.g., 12.5 for +12.5%) */
-    readonly value: number;
-    /** Trend direction (auto-detected from value if not provided) */
-    readonly direction?: TrendDirection;
-    /** Optional period label (e.g., "vs last month") */
-    readonly period?: string;
-}
-
-/** @deprecated Use MetricVariant instead */
-declare type MetricColor = 'emerald' | 'amber' | 'blue' | 'red';
-
-declare interface MetricData {
-    readonly title: string;
-    readonly value: string | number;
-    readonly variant: MetricVariant;
-}
-
-declare interface MetricData_2 {
-    readonly title: string;
-    readonly value: string | number;
-    readonly variant: MetricVariant;
-}
-
-export declare const MetricsGridGlass: ForwardRefExoticComponent<MetricsGridGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface MetricsGridGlassProps extends HTMLAttributes<HTMLDivElement> {
-    /** Array of metrics to display */
-    readonly metrics: readonly MetricData[];
-    /** Number of columns on desktop (1-6) */
-    readonly columns?: 1 | 2 | 3 | 4 | 5 | 6;
-    /** Gap size */
-    readonly gap?: 'sm' | 'md' | 'lg';
-}
-
-/** @deprecated Use MetricChange instead */
-declare interface MetricTrend {
-    readonly value: number;
-    readonly direction: TrendDirection;
-    readonly label?: string;
-}
-
-/**
- * Metric variant system (following AlertGlass, BadgeGlass pattern)
- * - default: Blue (primary metric)
- * - secondary: Gray (neutral metric)
- * - success: Green (positive metric)
- * - warning: Yellow (caution metric)
- * - destructive: Red (negative metric)
- */
-declare type MetricVariant = 'default' | 'secondary' | 'success' | 'warning' | 'destructive';
-
-/**
- * ModalGlass.Body - Main content area
- *
- * Note: shadcn/ui Dialog doesn't have DialogBody, but we keep it for convenience.
- */
-declare function ModalBody({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
-
-/**
- * ModalGlass.Close - Closes the modal when clicked
- *
- * Use `asChild` to render as the child element.
- *
- * @example
- * ```tsx
- * <ModalGlass.Close asChild>
- *   <ButtonGlass variant="ghost">Cancel</ButtonGlass>
- * </ModalGlass.Close>
- * ```
- */
-declare function ModalClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
-
-declare interface ModalContentProps extends React_2.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
-    /** Show close button in top-right corner */
-    showCloseButton?: boolean;
-    /** Override size from Root */
-    size?: ModalSize;
-}
-
-/**
- * ModalGlass.Footer - Footer section with flex layout for actions
- */
-declare function ModalFooter({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
-
-/**
- * ModalGlass - Glass-themed Dialog with shadcn/ui API compatibility
- *
- * Built on @radix-ui/react-dialog for full accessibility support.
- *
- * @example Uncontrolled (with Trigger)
- * ```tsx
- * <ModalGlass.Root>
- *   <ModalGlass.Trigger asChild>
- *     <ButtonGlass>Open</ButtonGlass>
- *   </ModalGlass.Trigger>
- *   <ModalGlass.Content>
- *     <ModalGlass.Header>
- *       <ModalGlass.Title>Title</ModalGlass.Title>
- *     </ModalGlass.Header>
- *     <ModalGlass.Body>Content</ModalGlass.Body>
- *     <ModalGlass.Footer>
- *       <ModalGlass.Close asChild>
- *         <ButtonGlass>Close</ButtonGlass>
- *       </ModalGlass.Close>
- *     </ModalGlass.Footer>
- *   </ModalGlass.Content>
- * </ModalGlass.Root>
- * ```
- *
- * @example Controlled
- * ```tsx
- * <ModalGlass.Root open={open} onOpenChange={setOpen}>
- *   <ModalGlass.Content showCloseButton={false}>
- *     <ModalGlass.Header>
- *       <ModalGlass.Title>Confirm</ModalGlass.Title>
- *     </ModalGlass.Header>
- *     <ModalGlass.Footer>
- *       <ButtonGlass onClick={() => setOpen(false)}>OK</ButtonGlass>
- *     </ModalGlass.Footer>
- *   </ModalGlass.Content>
- * </ModalGlass.Root>
- * ```
- */
-export declare const ModalGlass: {
-    Root: typeof ModalRoot;
-    Trigger: typeof ModalTrigger;
-    Portal: typeof ModalPortal;
-    Overlay: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React_2.RefAttributes<HTMLDivElement>, "ref"> & React_2.RefAttributes<HTMLDivElement>>;
-    Content: React_2.ForwardRefExoticComponent<ModalContentProps & React_2.RefAttributes<HTMLDivElement>>;
-    Header: typeof ModalHeader;
-    Body: typeof ModalBody;
-    Footer: typeof ModalFooter;
-    Title: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React_2.RefAttributes<HTMLHeadingElement>, "ref"> & React_2.RefAttributes<HTMLHeadingElement>>;
-    Description: React_2.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React_2.RefAttributes<HTMLParagraphElement>, "ref"> & React_2.RefAttributes<HTMLParagraphElement>>;
-    Close: typeof ModalClose;
-};
-
-/**
- * ModalGlass.Header - Header section with flex layout
- */
-declare function ModalHeader({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
-
-/**
- * ModalGlass.Portal - Renders children into a portal
- */
-declare function ModalPortal({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Portal>): JSX.Element;
-
-/**
- * ModalGlass.Root - Dialog root component
- *
- * Supports both controlled (open/onOpenChange) and uncontrolled (with Trigger) modes.
- */
-declare function ModalRoot({ size, children, ...props }: ModalRootProps): JSX.Element;
-
-declare interface ModalRootProps extends React_2.ComponentProps<typeof DialogPrimitive.Root> {
-    /** Size variant for the modal */
-    size?: ModalSize;
-}
-
-/**
- * ModalGlass CVA Variants
- * Extracted for Fast Refresh compatibility
- */
-declare type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-
-/**
- * ModalGlass.Trigger - Opens the modal when clicked
- *
- * Use `asChild` to render as the child element instead of a button.
- */
-declare function ModalTrigger({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Trigger>): JSX.Element;
-
-export declare const NotificationGlass: ForwardRefExoticComponent<NotificationGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface NotificationGlassProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'style'>, VariantProps<typeof notificationVariants> {
-    readonly title: string;
-    readonly message: string;
-    /** Notification variant (shadcn/ui compatible) */
-    readonly variant?: 'default' | 'destructive' | 'success' | 'warning';
-    /** @deprecated Use variant prop instead. Will be removed in next major version. */
-    readonly type?: NotificationType;
-    readonly onClose: () => void;
-}
-
-/**
- * NotificationGlass CVA Variants
- * Extracted for Fast Refresh compatibility
- */
-declare type NotificationType = 'info' | 'success' | 'warning' | 'error';
-
-declare const notificationVariants: (props?: ({
-    type?: "success" | "warning" | "info" | "error" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-declare type OwnershipFilter = 'your' | 'contrib' | 'all';
-
-declare type PaddingType = 'none' | 'compact' | 'default' | 'featured';
-
-export declare const PopoverGlass: React_2.FC<PopoverPrimitive.PopoverProps>;
-
-/**
- * ProfileAvatarGlass - Large profile avatar with bold styling
- *
- * Built on top of the same CSS variables as AvatarGlass but with
- * profile-specific sizing and bold font weight.
- *
- * @example
- * ```tsx
- * <ProfileAvatarGlass initials="JD" size="lg" glowing />
- * <ProfileAvatarGlass initials="AS" status="online" />
- * ```
- */
-export declare const ProfileAvatarGlass: ForwardRefExoticComponent<ProfileAvatarGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface ProfileAvatarGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** User initials to display */
-    readonly initials: string;
-    /** Size variant (profile-specific sizing - larger than AvatarGlass) */
-    readonly size?: ProfileAvatarSize;
-    /** Optional status indicator */
-    readonly status?: AvatarStatus;
-    /** Enable pulsing glow animation */
-    readonly glowing?: boolean;
-}
-
-declare type ProfileAvatarSize = 'sm' | 'md' | 'lg' | 'xl';
-
-export declare const ProfileHeaderGlass: ForwardRefExoticComponent<ProfileHeaderGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface ProfileHeaderGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    readonly name?: string;
-    readonly username?: string;
-    readonly joinDate?: string;
-    readonly stats?: ProfileStats;
-    readonly languages?: readonly LanguageData[];
-    readonly onAIGenerate?: () => void;
-}
-
-declare interface ProfileStats {
-    readonly repos?: number;
-    readonly followers?: number;
-    readonly following?: number;
-}
-
-export declare const ProgressGlass: ForwardRefExoticComponent<ProgressGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface ProgressGlassProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'style'>, VariantProps<typeof progressSizes> {
-    readonly value: number;
-    readonly gradient?: ProgressGradient;
-    readonly showLabel?: boolean;
-}
-
-declare type ProgressGradient = 'violet' | 'blue' | 'cyan' | 'amber' | 'emerald' | 'rose';
-
-declare const progressSizes: (props?: ({
-    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const ProjectsListGlass: ForwardRefExoticComponent<ProjectsListGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface ProjectsListGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** List of repositories to display */
-    readonly repositories: readonly Repository[];
-    /** Show only flagged (non-green) repositories */
-    readonly showFlaggedOnly?: boolean;
-    /** Filter by creation year */
-    readonly selectedYear?: number | null;
-    /** Callback to clear all filters */
-    readonly onClearFilters?: () => void;
-    /** Custom title (overrides auto-generated) */
-    readonly title?: string;
-    /** Current ownership filter */
-    readonly ownershipFilter?: OwnershipFilter;
-    /** Callback when ownership filter changes */
-    readonly onOwnershipChange?: (filter: OwnershipFilter) => void;
-    /** Current sort field */
-    readonly sortBy?: SortField;
-    /** Current sort order */
-    readonly sortOrder?: SortOrder;
-    /** Callback when sort changes */
-    readonly onSortChange?: (field: SortField, order: SortOrder) => void;
-    /** Show header controls (sort dropdown, ownership filter). Default: true when callbacks provided */
-    readonly showControls?: boolean;
-}
-
-export declare const RainbowProgressGlass: ForwardRefExoticComponent<RainbowProgressGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface RainbowProgressGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    readonly value: number;
-    readonly size?: RainbowProgressSize;
-    readonly showGlow?: boolean;
-}
-
-declare type RainbowProgressSize = 'sm' | 'md' | 'lg' | 'xl';
-
-declare interface Repository {
-    readonly name: string;
-    readonly languages: string;
-    readonly commits: number;
-    readonly contribution: number;
-    readonly stars?: number;
-    readonly flagType?: RepositoryFlagType;
-    readonly issues?: readonly string[];
-    readonly createdYear?: number;
-    /** Ownership type for Your/Contrib filtering */
-    readonly ownership?: 'your' | 'contrib';
-}
-
-export declare const RepositoryCardGlass: ForwardRefExoticComponent<RepositoryCardGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface RepositoryCardGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    readonly name: string;
-    readonly languages: string;
-    readonly commits: number;
-    readonly contribution: number;
-    readonly stars?: number;
-    readonly flagType?: RepositoryFlagType;
-    readonly issues?: readonly string[];
-    readonly expanded?: boolean;
-    readonly onToggle?: () => void;
-    readonly onGitHubClick?: () => void;
-    readonly onAIAnalysisClick?: () => void;
-}
-
-declare type RepositoryFlagType = 'green' | 'yellow' | 'red';
-
-declare type RepositoryFlagType_2 = 'green' | 'yellow' | 'red';
-
-export declare const RepositoryHeaderGlass: ForwardRefExoticComponent<RepositoryHeaderGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface RepositoryHeaderGlassProps extends HTMLAttributes<HTMLDivElement> {
-    /** Repository name */
-    readonly name: string;
-    /** Flag/status type */
-    readonly flagType?: RepositoryFlagType_2;
-    /** Star count */
-    readonly stars?: number;
-    /** Is expanded state */
-    readonly expanded?: boolean;
-    /** Abbreviated star count for mobile (1.2k instead of 1234) */
-    readonly abbreviatedStars?: boolean;
-}
-
-export declare const RepositoryMetadataGlass: ForwardRefExoticComponent<RepositoryMetadataGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface RepositoryMetadataGlassProps extends HTMLAttributes<HTMLDivElement> {
-    /** Programming languages used */
-    readonly languages: string;
-    /** Number of commits */
-    readonly commits: number;
-    /** Contribution percentage */
-    readonly contribution: number;
-    /** Stacked layout for mobile */
-    readonly stacked?: boolean;
-}
-
-export declare const SearchBoxGlass: ForwardRefExoticComponent<SearchBoxGlassProps & RefAttributes<HTMLInputElement>>;
-
-declare interface SearchBoxGlassProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onSubmit' | 'onChange'> {
-    /** Callback when search is submitted (Enter key or button click) */
-    readonly onSubmit?: (value: string) => void;
-    /** Initial search value */
-    readonly defaultValue?: string;
-    /** Controlled value */
-    readonly value?: string;
-    /** Controlled change handler */
-    readonly onChange?: (value: string) => void;
-    /** Compact variant for mobile (icon only button) */
-    readonly variant?: 'default' | 'compact';
-    /** Input width class (default: w-48) */
-    readonly inputWidth?: string;
-}
-
-export declare const SegmentedControlGlass: ForwardRefExoticComponent<SegmentedControlGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface SegmentedControlGlassProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    readonly options: readonly SegmentOption[];
-    readonly value: string;
-    readonly onChange?: (value: string) => void;
-}
-
-declare interface SegmentOption {
-    readonly value: string;
-    readonly label: string;
-}
-
-export declare const SkeletonGlass: ForwardRefExoticComponent<SkeletonGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface SkeletonGlassProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
-    readonly width?: string | number;
-    readonly height?: string | number;
-}
-
-declare const skeletonVariants: (props?: ({
-    variant?: "title" | "text" | "card" | "avatar" | "thumbnail" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const SliderGlass: ForwardRefExoticComponent<SliderGlassProps & RefAttributes<HTMLSpanElement>>;
-
-declare interface SliderGlassProps extends Omit<ComponentPropsWithoutRef<typeof SliderPrimitive.Root>, 'value' | 'defaultValue' | 'onValueChange'> {
-    /**
-     * Controlled value (shadcn/ui compatible - array for range support)
-     */
-    readonly value?: number[];
-    /**
-     * Default value for uncontrolled usage (array for range support)
-     */
-    readonly defaultValue?: number[];
-    /**
-     * Callback when value changes (shadcn/ui compatible)
-     */
-    readonly onValueChange?: (value: number[]) => void;
-    /**
-     * Callback when interaction ends (mouse up / touch end)
-     */
-    readonly onValueCommit?: (value: number[]) => void;
-    /**
-     * Show current value(s) next to label
-     */
-    readonly showValue?: boolean;
-    /**
-     * Optional label text
-     */
-    readonly label?: string;
-    /**
-     * Error message to display
-     */
-    readonly error?: string;
-    /**
-     * Success message to display
-     */
-    readonly success?: string;
-}
-
-export declare const SortDropdownGlass: React_2.ForwardRefExoticComponent<SortDropdownGlassProps & React_2.RefAttributes<HTMLDivElement>>;
-
-declare interface SortDropdownGlassProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, 'onChange'> {
-    /** Current sort field */
-    readonly sortBy: SortField;
-    /** Current sort order */
-    readonly sortOrder: SortOrder;
-    /** Callback when sort changes */
-    readonly onSortChange: (field: SortField, order: SortOrder) => void;
-    /** Available sort options (default: all) */
-    readonly options?: readonly SortField[];
-    /** Compact mode for mobile */
-    readonly compact?: boolean;
-}
-
-declare type SortField = 'commits' | 'stars' | 'name' | 'contribution';
-
-declare type SortOrder = 'asc' | 'desc';
-
-export declare const StatItemGlass: ForwardRefExoticComponent<StatItemGlassProps & RefAttributes<HTMLSpanElement>>;
-
-declare interface StatItemGlassProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statItemVariants> {
-    /** Lucide icon component */
-    readonly icon: LucideIcon;
-    /** Stat value (number or formatted string) */
-    readonly value: number | string;
-    /** Stat label */
-    readonly label: string;
-    /** Icon size in pixels */
-    readonly iconSize?: number;
-    /** Abbreviated format for mobile (1.2k instead of 1234) */
-    readonly abbreviated?: boolean;
-}
-
-declare const statItemVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
-    layout?: "horizontal" | "vertical" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const StatusIndicatorGlass: ForwardRefExoticComponent<StatusIndicatorGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface StatusIndicatorGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    readonly type?: StatusType;
-    readonly size?: StatusSize;
-}
-
-declare type StatusSize = "normal" | "large";
-
-declare type StatusType = "green" | "yellow" | "red";
-
-declare interface TabsContentProps {
-    /** Value of the tab this content belongs to */
-    value: string;
-    /** Content to display when tab is active */
-    children: ReactNode;
-    /** Optional className */
-    className?: string;
-}
-
-/**
- * TabsGlass - Compound Component API
- *
- * @example
- * ```tsx
- * <TabsGlass.Root value={activeTab} onValueChange={setActiveTab}>
- *   <TabsGlass.List>
- *     <TabsGlass.Trigger value="tab1">Overview</TabsGlass.Trigger>
- *     <TabsGlass.Trigger value="tab2">Analytics</TabsGlass.Trigger>
- *   </TabsGlass.List>
- *   <TabsGlass.Content value="tab1">
- *     <p>Overview content</p>
- *   </TabsGlass.Content>
- *   <TabsGlass.Content value="tab2">
- *     <p>Analytics content</p>
- *   </TabsGlass.Content>
- * </TabsGlass.Root>
- * ```
- *
- * @since v1.0.0 - Legacy API removed (tabs/activeTab/onChange props)
- */
-export declare const TabsGlass: {
-    Root: FC<TabsRootProps>;
-    List: ForwardRefExoticComponent<TabsListProps & RefAttributes<HTMLDivElement>>;
-    Trigger: ForwardRefExoticComponent<TabsTriggerProps & RefAttributes<HTMLButtonElement>>;
-    Content: FC<TabsContentProps>;
-};
-
-declare interface TabsListProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: ReactNode;
-    className?: string;
-}
-
-/**
- * Props for TabsGlass.Root component
- *
- * Root component that manages tab state and provides context for child components.
- * Features accessible keyboard navigation and ARIA attributes.
- *
- * @accessibility
- * - **Keyboard Navigation:** Arrow keys navigate between tabs, Tab moves to tab panel content (WCAG 2.1.1)
- * - **Focus Management:** Visible focus ring on active tab using `--focus-glow` CSS variable (WCAG 2.4.7)
- * - **Screen Readers:** Uses `role="tablist"`, `role="tab"`, `role="tabpanel"` for proper tab semantics (WCAG 4.1.3)
- * - **ARIA Attributes:** Tabs marked with `aria-selected`, panels with `aria-hidden` for state announcement
- * - **Active State:** Visual indicator (underline) plus color change for multi-modal feedback
- * - **Touch Targets:** Tab triggers meet minimum 44x44px touch target (WCAG 2.5.5)
- * - **Color Contrast:** Active and inactive tab text meet WCAG AA contrast ratio 4.5:1
- * - **Motion:** Transitions and indicator animations respect `prefers-reduced-motion` settings
- *
- * @example
- * ```tsx
- * // Basic tabs
- * <TabsGlass.Root value={activeTab} onValueChange={setActiveTab}>
- *   <TabsGlass.List>
- *     <TabsGlass.Trigger value="overview">Overview</TabsGlass.Trigger>
- *     <TabsGlass.Trigger value="analytics">Analytics</TabsGlass.Trigger>
- *     <TabsGlass.Trigger value="settings">Settings</TabsGlass.Trigger>
- *   </TabsGlass.List>
- *   <TabsGlass.Content value="overview">
- *     <h2>Overview</h2>
- *     <p>Overview content here</p>
- *   </TabsGlass.Content>
- *   <TabsGlass.Content value="analytics">
- *     <h2>Analytics</h2>
- *     <p>Analytics content here</p>
- *   </TabsGlass.Content>
- *   <TabsGlass.Content value="settings">
- *     <h2>Settings</h2>
- *     <p>Settings content here</p>
- *   </TabsGlass.Content>
- * </TabsGlass.Root>
- *
- * // Tabs with icons (ensure accessible labels)
- * <TabsGlass.Root value={activeTab} onValueChange={setActiveTab}>
- *   <TabsGlass.List>
- *     <TabsGlass.Trigger value="home" aria-label="Home dashboard">
- *       <Home className="w-4 h-4" />
- *     </TabsGlass.Trigger>
- *     <TabsGlass.Trigger value="search" aria-label="Search">
- *       <Search className="w-4 h-4" />
- *     </TabsGlass.Trigger>
- *   </TabsGlass.List>
- *   <TabsGlass.Content value="home">Dashboard content</TabsGlass.Content>
- *   <TabsGlass.Content value="search">Search content</TabsGlass.Content>
- * </TabsGlass.Root>
- *
- * // Disabled tab (announced to screen readers)
- * <TabsGlass.Root value={activeTab} onValueChange={setActiveTab}>
- *   <TabsGlass.List>
- *     <TabsGlass.Trigger value="tab1">Available Tab</TabsGlass.Trigger>
- *     <TabsGlass.Trigger value="tab2" disabled>
- *       Locked Tab
- *     </TabsGlass.Trigger>
- *   </TabsGlass.List>
- *   <TabsGlass.Content value="tab1">Content 1</TabsGlass.Content>
- * </TabsGlass.Root>
- *
- * // Form tabs with proper focus management
- * <TabsGlass.Root value={currentStep} onValueChange={setCurrentStep}>
- *   <TabsGlass.List aria-label="Registration steps">
- *     <TabsGlass.Trigger value="account">Account Info</TabsGlass.Trigger>
- *     <TabsGlass.Trigger value="profile">Profile Details</TabsGlass.Trigger>
- *     <TabsGlass.Trigger value="confirm">Confirmation</TabsGlass.Trigger>
- *   </TabsGlass.List>
- *   <TabsGlass.Content value="account">
- *     <InputGlass label="Email" type="email" />
- *   </TabsGlass.Content>
- *   <TabsGlass.Content value="profile">
- *     <InputGlass label="Name" />
- *   </TabsGlass.Content>
- *   <TabsGlass.Content value="confirm">
- *     <p>Review your information</p>
- *   </TabsGlass.Content>
- * </TabsGlass.Root>
- * ```
- */
-declare interface TabsRootProps {
-    /** Current active tab value */
-    value: string;
-    /** Callback when tab value changes */
-    onValueChange?: (value: string) => void;
-    /** Child components */
-    children: ReactNode;
-    /** Optional className for container */
-    className?: string;
-}
-
-declare interface TabsTriggerProps {
-    /** Value of this tab */
-    value: string;
-    /** Tab label/content */
-    children: ReactNode;
-    /** Optional className */
-    className?: string;
-    /** Disabled state */
-    disabled?: boolean;
-}
-
-export declare const ThemeToggleGlass: ForwardRefExoticComponent<ThemeToggleGlassProps & RefAttributes<HTMLButtonElement>>;
-
-declare interface ThemeToggleGlassProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Custom theme toggle handler (overrides default cycleTheme) */
-    readonly onToggle?: () => void;
-    /** Icon size in pixels (default: 20) */
-    readonly iconSize?: number;
-    /** Show icon only (hide label on mobile) */
-    readonly iconOnly?: boolean;
-}
-
-export declare const ToggleGlass: ForwardRefExoticComponent<ToggleGlassProps & RefAttributes<HTMLButtonElement>>;
-
-declare interface ToggleGlassProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange' | 'defaultValue'>, VariantProps<typeof toggleSizes> {
-    /**
-     * Controlled pressed state (shadcn/ui compatible)
-     */
-    readonly pressed?: boolean;
-    /**
-     * Default pressed state for uncontrolled usage
-     */
-    readonly defaultPressed?: boolean;
-    /**
-     * Callback when pressed state changes (shadcn/ui compatible)
-     */
-    readonly onPressedChange?: (pressed: boolean) => void;
-    /**
-     * Visual variant (shadcn/ui compatible)
-     * @default "default"
-     */
-    readonly variant?: ToggleGlassVariant;
-    /**
-     * Optional label text
-     */
-    readonly label?: string;
-}
-
-/**
- * Toggle variant types (shadcn/ui compatible)
- * - default: Filled toggle with glass effect
- * - outline: Border only toggle
- */
-declare type ToggleGlassVariant = 'default' | 'outline';
-
-declare const toggleSizes: (props?: ({
-    size?: "default" | "sm" | "lg" | null | undefined;
-    variant?: "default" | "outline" | null | undefined;
-} & ClassProp) | undefined) => string;
-
-export declare const TooltipGlass: typeof TooltipGlassRoot;
-
-/**
- * TooltipGlassRoot - Individual tooltip instance
- * Wraps Radix TooltipPrimitive.Root with auto-included Provider (shadcn/ui pattern)
- */
-declare function TooltipGlassRoot({ ...props }: React_2.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>): JSX.Element;
-
-/**
- * TouchTarget wrapper component
- *
- * Ensures interactive elements meet accessibility standards for touch devices.
- * Automatically applies minimum dimensions and optional centering.
- *
- * @example
- * ```tsx
- * // Basic usage with default 44px minimum
- * <TouchTarget>
- *   <button className="w-8 h-8">×</button>
- * </TouchTarget>
- *
- * // Material Design 48px minimum
- * <TouchTarget minSize={48}>
- *   <Checkbox />
- * </TouchTarget>
- *
- * // Custom alignment
- * <TouchTarget center={false} className="justify-start">
- *   <IconButton />
- * </TouchTarget>
- * ```
- */
-export declare const TouchTarget: ForwardRefExoticComponent<TouchTargetProps & RefAttributes<HTMLDivElement>>;
-
-/**
- * Props for the TouchTarget component
- */
-declare interface TouchTargetProps extends HTMLAttributes<HTMLDivElement> {
-    /**
-     * Child element(s) to wrap with touch target
-     */
-    children: ReactNode;
-    /**
-     * Minimum touch target size in pixels
-     * @default 44 - Apple HIG minimum
-     */
-    minSize?: 44 | 48;
-    /**
-     * Center content within touch target
-     * @default true
-     */
-    center?: boolean;
-}
-
-declare type TrendDirection = 'up' | 'down' | 'neutral';
-
-export declare const TrustScoreCardGlass: ForwardRefExoticComponent<TrustScoreCardGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface TrustScoreCardGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    readonly score?: number;
-    readonly metrics?: readonly MetricData_2[];
-}
-
-export declare const TrustScoreDisplayGlass: ForwardRefExoticComponent<TrustScoreDisplayGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface TrustScoreDisplayGlassProps extends HTMLAttributes<HTMLDivElement> {
-    /** Score value (0-100) */
-    readonly score: number;
-    /** Maximum score (default: 100) */
-    readonly maxScore?: number;
-    /** Title text */
-    readonly title?: string;
-    /** Show icon */
-    readonly showIcon?: boolean;
-    /** Size variant */
-    readonly size?: 'sm' | 'md' | 'lg';
-}
-
-export declare const UserInfoGlass: ForwardRefExoticComponent<UserInfoGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface UserInfoGlassProps extends HTMLAttributes<HTMLDivElement> {
-    /** Full name */
-    readonly name: string;
-    /** Username (without @) */
-    readonly username: string;
-    /** Join date string (e.g., "Jan 2023") */
-    readonly joinDate: string;
-    /** Username link URL (default: #) */
-    readonly profileUrl?: string;
-    /** Layout orientation */
-    readonly layout?: 'vertical' | 'horizontal';
-}
-
-export declare const UserStatsLineGlass: ForwardRefExoticComponent<UserStatsLineGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface UserStatsLineGlassProps extends HTMLAttributes<HTMLDivElement> {
-    /** Number of repositories */
-    readonly repos: number;
-    /** Number of followers */
-    readonly followers: number;
-    /** Number of following */
-    readonly following: number;
-    /** Wrap stats on mobile */
-    readonly wrap?: boolean;
-    /** Abbreviated numbers for mobile (1.2k instead of 1234) */
-    readonly abbreviated?: boolean;
-}
-
-export declare const YearCardGlass: ForwardRefExoticComponent<YearCardGlassProps & RefAttributes<HTMLDivElement>>;
-
-declare interface YearCardGlassInsight {
-    readonly variant?: 'default' | 'tip' | 'highlight' | 'warning' | 'stat' | 'growth' | 'decline';
-    readonly emoji?: string;
-    readonly text: string;
-    readonly detail?: string;
-}
-
-declare interface YearCardGlassProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Year to display (string or number) */
-    readonly year: string | number;
-    /** Emoji for the badge */
-    readonly emoji: string;
-    /** Label for the badge (e.g., "Peak Year") */
-    readonly label: string;
-    /** Primary metric value (e.g., "629 commits") */
-    readonly commits: string;
-    /** Progress percentage (0-100) */
-    readonly progress: number;
-    /** Whether the card is expanded to show details */
-    readonly isExpanded?: boolean;
-    /** Progress bar gradient color */
-    readonly gradient?: ProgressGradient;
-    /** Number of PRs (shown in expanded view) */
-    readonly prs?: number;
-    /** Number of repos (shown in expanded view) */
-    readonly repos?: number;
-    /** Callback when "Show repos" button is clicked */
-    readonly onShowYear?: () => void;
-    /** Monthly activity data for sparkline */
-    readonly sparklineData?: readonly number[];
-    /** Labels for sparkline (e.g., month names) */
-    readonly sparklineLabels?: readonly string[];
-    /** Insights to display in expanded view */
-    readonly insights?: readonly YearCardGlassInsight[];
-    /** Custom stats for expanded view (replaces default commits/prs/repos grid) */
-    readonly stats?: readonly YearCardGlassStat[];
-    /** Custom action button text */
-    readonly actionLabel?: string;
-    /** Show sparkline in collapsed view */
-    readonly showSparklineCollapsed?: boolean;
-    /** Custom value formatter for commits display */
-    readonly valueFormatter?: (commits: string) => string;
-    /** Additional content for expanded section */
-    readonly children?: ReactNode;
-}
-
-declare interface YearCardGlassStat {
-    readonly label: string;
-    readonly value: string | number;
-    readonly icon?: ReactNode;
-}
-
-declare interface YearData {
-    readonly year: string | number;
-    readonly emoji: string;
-    readonly label: string;
-    readonly commits: string;
-    readonly progress: number;
-    readonly prs?: number;
-    readonly repos?: number;
-}
-
-export { }
+export { AlertGlass } from './components/glass/ui/alert-glass';
+export { AvatarGlass } from './components/glass/ui/avatar-glass';
+export { BadgeGlass } from './components/glass/ui/badge-glass';
+export { ButtonGlass } from './components/glass/ui/button-glass';
+export { CheckboxGlass } from './components/glass/ui/checkbox-glass';
+export { CircularProgressGlass } from './components/glass/ui/circular-progress-glass';
+export { ComboBoxGlass } from './components/glass/ui/combobox-glass';
+export { DropdownGlass } from './components/glass/ui/dropdown-glass';
+export { GlassCard } from './components/glass/ui/glass-card';
+export { InputGlass } from './components/glass/ui/input-glass';
+export { ModalGlass } from './components/glass/ui/modal-glass';
+export { NotificationGlass } from './components/glass/ui/notification-glass';
+export { PopoverGlass } from './components/glass/ui/popover-glass';
+export { SkeletonGlass } from './components/glass/ui/skeleton-glass';
+export { SliderGlass } from './components/glass/ui/slider-glass';
+export { TabsGlass } from './components/glass/ui/tabs-glass';
+export { ToggleGlass } from './components/glass/ui/toggle-glass';
+export { TooltipGlass } from './components/glass/ui/tooltip-glass';
+export { ExpandableHeaderGlass } from './components/glass/atomic/expandable-header-glass';
+export { IconButtonGlass } from './components/glass/atomic/icon-button-glass';
+export { SearchBoxGlass } from './components/glass/atomic/search-box-glass';
+export { SortDropdownGlass } from './components/glass/atomic/sort-dropdown-glass';
+export { StatItemGlass } from './components/glass/atomic/stat-item-glass';
+export { ThemeToggleGlass } from './components/glass/atomic/theme-toggle-glass';
+export { BaseProgressGlass } from './components/glass/specialized/base-progress-glass';
+export { FlagAlertGlass } from './components/glass/specialized/flag-alert-glass';
+export { LanguageBarGlass } from './components/glass/specialized/language-bar-glass';
+export { ProfileAvatarGlass } from './components/glass/specialized/profile-avatar-glass';
+export { ProgressGlass } from './components/glass/specialized/progress-glass';
+export { RainbowProgressGlass } from './components/glass/specialized/rainbow-progress-glass';
+export { SegmentedControlGlass } from './components/glass/specialized/segmented-control-glass';
+export { StatusIndicatorGlass } from './components/glass/specialized/status-indicator-glass';
+export { AICardGlass } from './components/glass/composite/ai-card-glass';
+export { CareerStatsHeaderGlass } from './components/glass/composite/career-stats-header-glass';
+export { CircularMetricGlass } from './components/glass/composite/circular-metric-glass';
+export { ContributionMetricsGlass } from './components/glass/composite/contribution-metrics-glass';
+export { MetricCardGlass } from './components/glass/composite/metric-card-glass';
+export { MetricsGridGlass } from './components/glass/composite/metrics-grid-glass';
+export { RepositoryCardGlass } from './components/glass/composite/repository-card-glass';
+export { RepositoryHeaderGlass } from './components/glass/composite/repository-header-glass';
+export { RepositoryMetadataGlass } from './components/glass/composite/repository-metadata-glass';
+export { TrustScoreDisplayGlass } from './components/glass/composite/trust-score-display-glass';
+export { UserInfoGlass } from './components/glass/composite/user-info-glass';
+export { UserStatsLineGlass } from './components/glass/composite/user-stats-line-glass';
+export { YearCardGlass } from './components/glass/composite/year-card-glass';
+export { CareerStatsGlass } from './components/glass/sections/career-stats-glass';
+export { FlagsSectionGlass } from './components/glass/sections/flags-section-glass';
+export { HeaderBrandingGlass } from './components/glass/sections/header-branding-glass';
+export { HeaderNavGlass } from './components/glass/sections/header-nav-glass';
+export { ProfileHeaderGlass } from './components/glass/sections/profile-header-glass';
+export { ProjectsListGlass } from './components/glass/sections/projects-list-glass';
+export { TrustScoreCardGlass } from './components/glass/sections/trust-score-card-glass';
+export { FormFieldWrapper } from './components/glass/primitives/form-field-wrapper';
+export { InteractiveCard } from './components/glass/primitives/interactive-card';
+export { TouchTarget } from './components/glass/primitives/touch-target';
+//# sourceMappingURL=components.d.ts.map