shadcn-glass-ui 2.2.1 → 2.2.4

package/dist/components/glass/ui/combobox-glass.d.ts

@@ -0,0 +1,61 @@
+import { LucideIcon } from 'lucide-react';
+import { InputGlassSize } from '../../../lib/variants/input-glass-variants';
+export type GlassVariant = 'glass' | 'frosted' | 'fluted' | 'crystal';
+export interface ComboBoxOption<T = string> {
+    readonly value: T;
+    readonly label: string;
+    readonly disabled?: boolean;
+    /** Optional icon component for the option */
+    readonly icon?: LucideIcon;
+}
+export 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 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>): import("react/jsx-runtime").JSX.Element;
+declare namespace ComboBoxGlassInner {
+    var displayName: string;
+}
+export declare const ComboBoxGlass: <T = string>(props: ComboBoxGlassProps<T> & {
+    ref?: React.ForwardedRef<HTMLButtonElement>;
+}) => ReturnType<typeof ComboBoxGlassInner>;
+export {};
+//# sourceMappingURL=combobox-glass.d.ts.map

package/dist/components/glass/ui/combobox-glass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/combobox-glass.tsx"],"names":[],"mappings":"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"}

package/dist/components/glass/ui/dropdown-glass.d.ts

@@ -0,0 +1,83 @@
+import { LucideIcon } from 'lucide-react';
+/**
+ * DropdownGlass Component
+ *
+ * Glass-themed dropdown menu with two APIs:
+ *
+ * 1. **Simple API** (items prop) - Quick setup for basic menus
+ * 2. **Compound API** (DropdownMenuGlass.*) - Full shadcn/ui pattern for complex menus
+ *
+ * @example Simple API (recommended for basic dropdowns)
+ * ```tsx
+ * import { DropdownGlass } from '@/components/glass/ui/dropdown-glass';
+ *
+ * <DropdownGlass
+ *   trigger={<button><MoreVertical /></button>}
+ *   items={[
+ *     { label: 'Edit', icon: Edit, onClick: handleEdit },
+ *     { divider: true },
+ *     { label: 'Delete', icon: Trash, onClick: handleDelete, danger: true }
+ *   ]}
+ * />
+ * ```
+ *
+ * @example Compound API (for complex dropdowns)
+ * ```tsx
+ * import {
+ *   DropdownMenuGlass,
+ *   DropdownMenuGlassTrigger,
+ *   DropdownMenuGlassContent,
+ *   DropdownMenuGlassItem,
+ *   DropdownMenuGlassSeparator,
+ * } from '@/components/glass/ui/dropdown-menu-glass';
+ *
+ * <DropdownMenuGlass>
+ *   <DropdownMenuGlassTrigger asChild>
+ *     <Button>Open Menu</Button>
+ *   </DropdownMenuGlassTrigger>
+ *   <DropdownMenuGlassContent>
+ *     <DropdownMenuGlassItem>Edit</DropdownMenuGlassItem>
+ *     <DropdownMenuGlassSeparator />
+ *     <DropdownMenuGlassItem variant="destructive">Delete</DropdownMenuGlassItem>
+ *   </DropdownMenuGlassContent>
+ * </DropdownMenuGlass>
+ * ```
+ *
+ * @see ./dropdown-menu-glass.tsx for compound component exports
+ */
+import * as React from 'react';
+export interface DropdownItem {
+    readonly label?: string;
+    readonly icon?: LucideIcon;
+    readonly onClick?: () => void;
+    readonly danger?: boolean;
+    readonly divider?: boolean;
+}
+/**
+ * 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
+ */
+export interface DropdownGlassProps {
+    /** Trigger element (button, etc.) */
+    readonly trigger: React.ReactNode;
+    /** Menu items array */
+    readonly items: readonly DropdownItem[];
+    /** Dropdown alignment */
+    readonly align?: 'left' | 'right';
+    /** Additional className */
+    readonly className?: string;
+}
+/**
+ * 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.ForwardRefExoticComponent<DropdownGlassProps & React.RefAttributes<HTMLDivElement>>;
+export { DropdownMenuGlass, DropdownMenuGlassTrigger, DropdownMenuGlassContent, DropdownMenuGlassItem, DropdownMenuGlassSeparator, } from './dropdown-menu-glass';
+//# sourceMappingURL=dropdown-glass.d.ts.map

package/dist/components/glass/ui/dropdown-glass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/dropdown-glass.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAU/C,OAAO,mBAAmB,CAAC;AAM3B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;CAC5B;AAMD;;;;;;;;GAQG;AACH,MAAM,WAAW,kBAAkB;IACjC,qCAAqC;IACrC,QAAQ,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,uBAAuB;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,YAAY,EAAE,CAAC;IACxC,yBAAyB;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAClC,2BAA2B;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC7B;AAMD;;;;;GAKG;AACH,eAAO,MAAM,aAAa,2FAqCzB,CAAC;AAQF,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,0BAA0B,GAC3B,MAAM,uBAAuB,CAAC"}

package/dist/components/glass/ui/dropdown-menu-glass.d.ts

@@ -0,0 +1,77 @@
+/**
+ * DropdownMenuGlass - Compound Component
+ *
+ * Glass-themed dropdown menu following shadcn/ui compound component pattern.
+ * Built on Radix UI primitives with unified glass styling.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <DropdownMenuGlass>
+ *   <DropdownMenuGlassTrigger asChild>
+ *     <Button>Open Menu</Button>
+ *   </DropdownMenuGlassTrigger>
+ *   <DropdownMenuGlassContent>
+ *     <DropdownMenuGlassItem onSelect={() => console.log('Edit')}>
+ *       <Edit className="mr-2 h-4 w-4" />
+ *       Edit
+ *     </DropdownMenuGlassItem>
+ *     <DropdownMenuGlassSeparator />
+ *     <DropdownMenuGlassItem variant="destructive">
+ *       <Trash className="mr-2 h-4 w-4" />
+ *       Delete
+ *     </DropdownMenuGlassItem>
+ *   </DropdownMenuGlassContent>
+ * </DropdownMenuGlass>
+ * ```
+ *
+ * @example With labels and groups
+ * ```tsx
+ * <DropdownMenuGlass>
+ *   <DropdownMenuGlassTrigger asChild>
+ *     <Button variant="outline">Options</Button>
+ *   </DropdownMenuGlassTrigger>
+ *   <DropdownMenuGlassContent>
+ *     <DropdownMenuGlassLabel>Actions</DropdownMenuGlassLabel>
+ *     <DropdownMenuGlassGroup>
+ *       <DropdownMenuGlassItem>Copy</DropdownMenuGlassItem>
+ *       <DropdownMenuGlassItem>Paste</DropdownMenuGlassItem>
+ *     </DropdownMenuGlassGroup>
+ *     <DropdownMenuGlassSeparator />
+ *     <DropdownMenuGlassLabel>Danger Zone</DropdownMenuGlassLabel>
+ *     <DropdownMenuGlassItem variant="destructive">Delete</DropdownMenuGlassItem>
+ *   </DropdownMenuGlassContent>
+ * </DropdownMenuGlass>
+ * ```
+ *
+ * @see https://www.radix-ui.com/primitives/docs/components/dropdown-menu
+ */
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+declare const DropdownMenuGlass: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+declare const DropdownMenuGlassTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DropdownMenuGlassGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuGlassPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+declare const DropdownMenuGlassSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+declare const DropdownMenuGlassRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuGlassSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuGlassSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuGlassContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface DropdownMenuGlassItemProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}
+declare const DropdownMenuGlassItem: React.ForwardRefExoticComponent<DropdownMenuGlassItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuGlassCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuGlassRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuGlassLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuGlassSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DropdownMenuGlassShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { DropdownMenuGlass, DropdownMenuGlassTrigger, DropdownMenuGlassContent, DropdownMenuGlassItem, DropdownMenuGlassCheckboxItem, DropdownMenuGlassRadioItem, DropdownMenuGlassLabel, DropdownMenuGlassSeparator, DropdownMenuGlassShortcut, DropdownMenuGlassGroup, DropdownMenuGlassPortal, DropdownMenuGlassSub, DropdownMenuGlassSubContent, DropdownMenuGlassSubTrigger, DropdownMenuGlassRadioGroup, };
+//# sourceMappingURL=dropdown-menu-glass.d.ts.map

package/dist/components/glass/ui/dropdown-menu-glass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/dropdown-menu-glass.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AAIH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAUvE,OAAO,mBAAmB,CAAC;AAM3B,QAAA,MAAM,iBAAiB,mDAA6B,CAAC;AAMrD,QAAA,MAAM,wBAAwB,0HAAgC,CAAC;AAM/D,QAAA,MAAM,sBAAsB,qHAA8B,CAAC;AAM3D,QAAA,MAAM,uBAAuB,yDAA+B,CAAC;AAM7D,QAAA,MAAM,oBAAoB,sDAA4B,CAAC;AAMvD,QAAA,MAAM,2BAA2B,0HAAmC,CAAC;AAMrE,QAAA,MAAM,2BAA2B;YAGrB,OAAO;wCAgBjB,CAAC;AAOH,QAAA,MAAM,2BAA2B,6KAU/B,CAAC;AAOH,QAAA,MAAM,wBAAwB,0KAa5B,CAAC;AAOH,MAAM,WAAW,0BAA2B,SAAQ,KAAK,CAAC,wBAAwB,CAChF,OAAO,qBAAqB,CAAC,IAAI,CAClC;IACC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC;AAED,QAAA,MAAM,qBAAqB,mGAazB,CAAC;AAOH,QAAA,MAAM,6BAA6B,+KAiBjC,CAAC;AAOH,QAAA,MAAM,0BAA0B,4KAgB9B,CAAC;AAOH,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAQjB,CAAC;AAOH,QAAA,MAAM,0BAA0B,4KAS9B,CAAC;AAOH,QAAA,MAAM,yBAAyB;8BAG5B,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAC;AAOF,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,wBAAwB,EACxB,qBAAqB,EACrB,6BAA6B,EAC7B,0BAA0B,EAC1B,sBAAsB,EACtB,0BAA0B,EAC1B,yBAAyB,EACzB,sBAAsB,EACtB,uBAAuB,EACvB,oBAAoB,EACpB,2BAA2B,EAC3B,2BAA2B,EAC3B,2BAA2B,GAC5B,CAAC"}

package/dist/components/glass/ui/glass-card.d.ts

@@ -0,0 +1,78 @@
+import { ReactNode } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { cardIntensity, GlowType, PaddingType } from '../../../lib/variants/glass-card-variants';
+/**
+ * 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>
+ * ```
+ */
+export 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;
+}
+export declare const GlassCard: import('react').ForwardRefExoticComponent<GlassCardProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=glass-card.d.ts.map

package/dist/components/glass/ui/glass-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glass-card.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/glass-card.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAEL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAK,EAAE,QAAQ,EAAiB,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAoB/F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACzD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAE3B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAC;IAC7B,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAC;IACzB,QAAQ,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;CAChC;AA0BD,eAAO,MAAM,SAAS,2GA6CrB,CAAC"}

package/dist/components/glass/ui/index.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Glass UI Components - Barrel Exports
+ *
+ * Level 1: UI Components (18 components)
+ * Base glassmorphism components with theme-aware styling
+ * Note: ProgressGlass moved to specialized/
+ * Note: SelectGlass removed in v1.0.0 (replaced by ComboBoxGlass)
+ */
+export { AlertGlass, AlertGlassTitle, AlertGlassDescription } from './alert-glass';
+export type { AlertGlassProps, AlertGlassTitleProps, AlertGlassDescriptionProps, } from './alert-glass';
+export { AvatarGlass, AvatarGlassImage, AvatarGlassFallback, AvatarGlassSimple, } from './avatar-glass';
+export type { AvatarStatus, AvatarSize } from './avatar-glass';
+export { BadgeGlass } from './badge-glass';
+export type { BadgeGlassProps } from './badge-glass';
+export { ButtonGlass } from './button-glass';
+export type { ButtonGlassProps } from './button-glass';
+export { CheckboxGlass } from './checkbox-glass';
+export type { CheckboxGlassProps } from './checkbox-glass';
+export { CircularProgressGlass } from './circular-progress-glass';
+export type { CircularProgressGlassProps } from './circular-progress-glass';
+export { ComboBoxGlass } from './combobox-glass';
+export type { ComboBoxGlassProps } from './combobox-glass';
+export { DropdownGlass } from './dropdown-glass';
+export type { DropdownGlassProps } from './dropdown-glass';
+export { GlassCard } from './glass-card';
+export type { GlassCardProps } from './glass-card';
+export { CardGlass, CardGlassRoot, CardGlassHeader, CardGlassTitle, CardGlassDescription, CardGlassAction, CardGlassContent, CardGlassFooter, } from './card-glass';
+export type { CardGlassRootProps } from './card-glass';
+export { InputGlass } from './input-glass';
+export type { InputGlassProps } from './input-glass';
+export { ModalGlass } from './modal-glass';
+export { NotificationGlass } from './notification-glass';
+export type { NotificationGlassProps } from './notification-glass';
+export { PopoverGlass, PopoverGlassTrigger, PopoverGlassContent, PopoverGlassAnchor, PopoverGlassLegacy, } from './popover-glass';
+export type { PopoverGlassLegacyProps } from './popover-glass';
+export { SkeletonGlass } from './skeleton-glass';
+export type { SkeletonGlassProps } from './skeleton-glass';
+export { SliderGlass } from './slider-glass';
+export type { SliderGlassProps } from './slider-glass';
+export { TabsGlass } from './tabs-glass';
+export { ToggleGlass } from './toggle-glass';
+export type { ToggleGlassProps } from './toggle-glass';
+export { TooltipGlass, TooltipGlassProvider, TooltipGlassTrigger, TooltipGlassContent, TooltipGlassSimple, } from './tooltip-glass';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/glass/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACnF,YAAY,EACV,eAAe,EACf,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,GAClB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE/D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,YAAY,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAE5E,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAGnD,OAAO,EACL,SAAS,EACT,aAAa,EACb,eAAe,EACf,cAAc,EACd,oBAAoB,EACpB,eAAe,EACf,gBAAgB,EAChB,eAAe,GAChB,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD,YAAY,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEvD,OAAO,EACL,YAAY,EACZ,oBAAoB,EACpB,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,iBAAiB,CAAC"}

package/dist/components/glass/ui/input-glass.d.ts

@@ -0,0 +1,98 @@
+import { InputHTMLAttributes } from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { LucideIcon } from 'lucide-react';
+import { inputVariants } from '../../../lib/variants/input-glass-variants';
+/**
+ * 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>
+ * ```
+ */
+export 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';
+}
+export declare const InputGlass: import('react').ForwardRefExoticComponent<InputGlassProps & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=input-glass.d.ts.map

package/dist/components/glass/ui/input-glass.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-glass.d.ts","sourceRoot":"","sources":["../../../../src/components/glass/ui/input-glass.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EAGL,KAAK,mBAAmB,EAGzB,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,OAAO,mBAAmB,CAAC;AA6B3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8DG;AACH,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAC/F;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEzC;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAGzC;AAMD,eAAO,MAAM,UAAU,8GAgGtB,CAAC"}

package/dist/components/glass/ui/modal-glass.d.ts

@@ -0,0 +1,180 @@
+import { ModalSize } from '../../../lib/variants/modal-glass-variants';
+/**
+ * ModalGlass Component (Radix UI Dialog-based)
+ *
+ * Glass-themed modal/dialog with full shadcn/ui Dialog API compatibility.
+ * Built on @radix-ui/react-dialog for accessibility and state management.
+ *
+ * @example Uncontrolled with Trigger (shadcn/ui pattern)
+ * ```tsx
+ * <ModalGlass.Root>
+ *   <ModalGlass.Trigger asChild>
+ *     <ButtonGlass>Open Dialog</ButtonGlass>
+ *   </ModalGlass.Trigger>
+ *   <ModalGlass.Content>
+ *     <ModalGlass.Header>
+ *       <ModalGlass.Title>Dialog Title</ModalGlass.Title>
+ *       <ModalGlass.Description>Dialog description</ModalGlass.Description>
+ *     </ModalGlass.Header>
+ *     <ModalGlass.Body>Content here</ModalGlass.Body>
+ *     <ModalGlass.Footer>
+ *       <ModalGlass.Close asChild>
+ *         <ButtonGlass variant="ghost">Cancel</ButtonGlass>
+ *       </ModalGlass.Close>
+ *       <ButtonGlass>Confirm</ButtonGlass>
+ *     </ModalGlass.Footer>
+ *   </ModalGlass.Content>
+ * </ModalGlass.Root>
+ * ```
+ *
+ * @example Controlled mode (programmatic)
+ * ```tsx
+ * <ModalGlass.Root open={open} onOpenChange={setOpen}>
+ *   <ModalGlass.Content>
+ *     <ModalGlass.Header>
+ *       <ModalGlass.Title>Confirm Action</ModalGlass.Title>
+ *     </ModalGlass.Header>
+ *     <ModalGlass.Body>Are you sure?</ModalGlass.Body>
+ *     <ModalGlass.Footer>
+ *       <ButtonGlass onClick={() => setOpen(false)}>Cancel</ButtonGlass>
+ *     </ModalGlass.Footer>
+ *   </ModalGlass.Content>
+ * </ModalGlass.Root>
+ * ```
+ *
+ * @accessibility
+ * - Built on Radix UI Dialog with full WCAG 2.1 AA compliance
+ * - Keyboard: Escape to close, Tab for focus trap
+ * - Screen Readers: role="dialog", aria-modal, aria-labelledby, aria-describedby
+ * - Focus Management: Auto-focus on open, return focus on close
+ *
+ * @since v2.0.0 - Migrated to Radix UI Dialog, added Trigger and Portal
+ */
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+interface ModalRootProps extends React.ComponentProps<typeof DialogPrimitive.Root> {
+    /** Size variant for the modal */
+    size?: ModalSize;
+}
+/**
+ * ModalGlass.Root - Dialog root component
+ *
+ * Supports both controlled (open/onOpenChange) and uncontrolled (with Trigger) modes.
+ */
+declare function ModalRoot({ size, children, ...props }: ModalRootProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * ModalGlass.Trigger - Opens the modal when clicked
+ *
+ * Use `asChild` to render as the child element instead of a button.
+ */
+declare function ModalTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+/**
+ * ModalGlass.Portal - Renders children into a portal
+ */
+declare function ModalPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+/**
+ * ModalGlass.Overlay - Backdrop with glass blur effect
+ */
+declare const ModalOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface ModalContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
+    /** Show close button in top-right corner */
+    showCloseButton?: boolean;
+    /** Override size from Root */
+    size?: ModalSize;
+}
+/**
+ * ModalGlass.Content - Main modal container with glass styling
+ *
+ * Automatically renders Portal and Overlay.
+ */
+declare const ModalContent: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ModalGlass.Header - Header section with flex layout
+ */
+declare function ModalHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+/**
+ * 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.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+/**
+ * ModalGlass.Footer - Footer section with flex layout for actions
+ */
+declare function ModalFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+/**
+ * ModalGlass.Title - Modal title with proper accessibility
+ */
+declare const ModalTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * ModalGlass.Description - Modal description text
+ */
+declare const ModalDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * 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.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").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.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<ModalContentProps & React.RefAttributes<HTMLDivElement>>;
+    Header: typeof ModalHeader;
+    Body: typeof ModalBody;
+    Footer: typeof ModalFooter;
+    Title: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+    Description: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+    Close: typeof ModalClose;
+};
+export { ModalRoot, ModalTrigger, ModalPortal, ModalOverlay, ModalContent, ModalHeader, ModalBody, ModalFooter, ModalTitle, ModalDescription, ModalClose, };
+export type { ModalRootProps, ModalContentProps };
+//# sourceMappingURL=modal-glass.d.ts.map