shadcn-glass-ui 2.2.0 → 2.2.1

package/CHANGELOG.md

@@ -5,57 +5,6 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project
 adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
-## [2.2.0] - 2025-12-18
-
-### 🎉 100% shadcn/ui API Compatibility (Issue #3)
-
-This release achieves full API compatibility with shadcn/ui components, adding 6 new components and
-completing the compound component API patterns.
-
-### ✨ New Components
-
-#### Core UI Components (+6)
-
-- **SeparatorGlass** - Glass-styled divider with horizontal/vertical orientation
-- **ScrollAreaGlass** - Custom scrollable container with glass-themed scrollbar
-  - Sub-components: ScrollAreaGlass, ScrollBarGlass
-- **CollapsibleGlass** - Expandable/collapsible sections with smooth animations
-  - Compound API: Root, Trigger (with asChild), Content
-- **RadioGroupGlass** - Glass-styled radio button group with glow effects
-  - Compound API: Root, Item
-- **ToggleGroupGlass** - Segmented control / toggle button group
-  - Supports type='single'|'multiple', variant='default'|'outline', size='sm'|'default'|'lg'
-- **SheetGlass** - Side panel drawer with glass effects and backdrop blur
-  - Compound API: Root, Trigger, Content, Header, Footer, Title, Description, Close, Portal, Overlay
-  - Supports side='top'|'right'|'bottom'|'left'
-
-#### ModalGlass Enhancements
-
-- **ModalGlass.Trigger** - Added trigger component with asChild support
-- **ModalGlass.Portal** - Added portal component for custom positioning
-- Both controlled and uncontrolled modes now fully supported
-
-### 📦 Component Count
-
-- **Total components:** 57 → 63 (+6)
-- **Core UI:** 18 → 24 (+6)
-
-### 📚 Documentation
-
-- Updated Context7 index with 9 new component rules
-- Updated README.md component counts and examples
-- Updated Storybook Introduction with new statistics
-- Added Storybook stories for all 6 new components
-
-### 🔧 Technical
-
-- All components use Radix UI primitives for accessibility
-- Full TypeScript strict mode support
-- Consistent compound component API pattern across all new components
-- ESLint compliant with react-refresh and TypeScript rules
-
----
-
 ## [2.1.1] - 2025-12-14
 
 ### 🐛 Bug Fixes

package/README.md

@@ -6,7 +6,7 @@
 [![Bundle Size](https://img.shields.io/bundlephobia/minzip/shadcn-glass-ui?cacheSeconds=86400)](https://bundlephobia.com/package/shadcn-glass-ui)
 [![AI-Friendly](https://img.shields.io/badge/AI-Optimized-blueviolet)](docs/AI_USAGE.md)
 
-**Glassmorphism components for React** — drop-in compatible with shadcn/ui. 63 components, 3 themes,
+**Glassmorphism components for React** — drop-in compatible with shadcn/ui. 59 components, 3 themes,
 zero migration.
 
 <div align="center">
@@ -74,7 +74,7 @@ npx shadcn@latest add @shadcn-glass-ui/button-glass
 | ----------------- | ------------------------------- | ------------ |
 | **Themes**        | 3 built-in (Glass/Light/Aurora) | 1 base       |
 | **Glass effects** | Native blur, glow, transparency | Manual CSS   |
-| **Components**    | 57 specialized                  | ~40 base     |
+| **Components**    | 59 specialized                  | ~40 base     |
 | **Custom theme**  | 15 lines CSS                    | Full rewrite |
 | **AI docs**       | Context7, Claude Code, Copilot  | Basic        |
 
@@ -92,16 +92,15 @@ import { ButtonGlass } from '@/components/glass/ui/button-glass';  // Glass vari
 
 ## Components
 
-| Category        | Count | Examples                                             |
-| --------------- | ----- | ---------------------------------------------------- |
-| **Core UI**     | 25    | ButtonGlass, ModalGlass, SheetGlass, RadioGroupGlass |
-| **Composite**   | 14    | MetricCardGlass, SplitLayoutGlass, AICardGlass       |
-| **Specialized** | 10    | StepperGlass, SparklineGlass, RainbowProgressGlass   |
-| **Sections**    | 7     | HeaderNavGlass, ProfileHeaderGlass                   |
-| **Atomic**      | 7     | SearchBoxGlass, ThemeToggleGlass                     |
-| **Primitives**  | 3     | TouchTarget, FormFieldWrapper                        |
+| Category        | Count | Examples                                           |
+| --------------- | ----- | -------------------------------------------------- |
+| **Core UI**     | 22    | ButtonGlass, InputGlass, ModalGlass, SidebarGlass  |
+| **Composite**   | 14    | MetricCardGlass, SplitLayoutGlass, AICardGlass     |
+| **Specialized** | 9     | StepperGlass, SparklineGlass, RainbowProgressGlass |
+| **Sections**    | 7     | HeaderNavGlass, ProfileHeaderGlass                 |
+| **Atomic**      | 7     | SearchBoxGlass, ThemeToggleGlass                   |
 
-[**Browse all 63 components →**](https://yhooi2.github.io/shadcn-glass-ui-library/)
+[**Browse all 59 components →**](https://yhooi2.github.io/shadcn-glass-ui-library/)
 
 ---
 
@@ -142,7 +141,7 @@ Built for AI coding assistants:
 | ------------------------------------------------------------------ | --------------------- |
 | [**Storybook**](https://yhooi2.github.io/shadcn-glass-ui-library/) | Interactive demos     |
 | [**Getting Started**](docs/GETTING_STARTED.md)                     | Installation & setup  |
-| [**Component Catalog**](docs/COMPONENTS_CATALOG.md)                | All 63 components     |
+| [**Component Catalog**](docs/COMPONENTS_CATALOG.md)                | All 57 components     |
 | [**Theme Guide**](docs/THEME_CREATION_GUIDE.md)                    | Custom themes         |
 | [**Token Architecture**](docs/TOKEN_ARCHITECTURE.md)               | 3-layer CSS system    |
 | [**AI Usage**](docs/AI_USAGE.md)                                   | Claude, Copilot, GPT  |

package/context7.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://context7.com/schema/context7.json",
   "projectTitle": "shadcn-glass-ui",
-  "description": "Glassmorphism UI library for React - AI-friendly with 63 components, strict TypeScript, and comprehensive docs",
+  "description": "Glassmorphism UI library for React - AI-friendly with 59 components, strict TypeScript, and comprehensive docs",
   "branch": "main",
   "folders": ["docs"],
   "includeFiles": ["README.md", "CLAUDE.md", "CHANGELOG.md"],
@@ -13,7 +13,7 @@
     "Always wrap components with ThemeProvider from 'shadcn-glass-ui'",
     "Import CSS: '@import \"shadcn-glass-ui/styles.css\"' in main CSS file",
     "Use TypeScript strict mode - no 'any' types allowed",
-    "ModalGlass and TabsGlass use compound component API (e.g., ModalGlass.Root, ModalGlass.Content)",
+    "ModalGlass and TabsGlass use compound component API (e.g., ModalGlass.Root, ModalGlass.Content) - ModalGlass.Content automatically includes Overlay, do NOT add <ModalGlass.Overlay /> separately",
     "Three themes available: 'glass' (dark), 'light', 'aurora' (gradient)",
     "WCAG 2.1 AA accessibility compliance required",
     "Use asChild prop on ButtonGlass for polymorphic rendering: <ButtonGlass asChild><Link href='/'>Home</Link></ButtonGlass>",
@@ -63,21 +63,10 @@
     "SidebarGlass renders as mobile drawer (ModalGlass sheet) on mobile and collapsible sidebar with glassmorphism on desktop",
     "SidebarGlass.Rail provides interactive collapse/expand rail with hover indicator - click or drag to toggle sidebar",
     "SidebarGlass.MenuButton accepts: isActive (boolean), tooltip (string - shown in icon mode), variant ('default'|'outline'), size ('default'|'sm'|'lg')",
-    "useSidebar() returns: state ('expanded'|'collapsed'), open, setOpen, openMobile, setOpenMobile, isMobile, side, variant, collapsible, toggleSidebar",
-
-    "SeparatorGlass: Simple glass-styled divider with horizontal/vertical orientation. Use decorative=true (default) for visual-only separators",
-    "ScrollAreaGlass: Custom scrollable container with glass-styled scrollbar. Supports orientation='vertical'|'horizontal'|'both'",
-    "CollapsibleGlass: Expandable/collapsible section with compound API: Root, Trigger (with asChild), Content. Supports controlled/uncontrolled modes",
-    "RadioGroupGlass: Glass-styled radio button group with compound API: Root (value/onValueChange), Item. Uses Radix primitives",
-    "ToggleGroupGlass: Segmented control / toggle button group. Supports type='single'|'multiple', variant='default'|'outline', size='sm'|'default'|'lg'",
-    "SheetGlass: Side panel drawer with compound API: Root, Trigger, Content (side='top'|'right'|'bottom'|'left'), Header, Footer, Title, Description, Close",
-    "ModalGlass.Trigger: Opens modal with asChild support. Use inside ModalGlass.Root for uncontrolled modal (no need for useState)",
-    "ModalGlass uncontrolled mode: Use defaultOpen prop instead of open/onOpenChange for simpler state management",
-    "GlassCard compound components: GlassCardHeader, GlassCardTitle, GlassCardDescription, GlassCardAction, GlassCardContent, GlassCardFooter - 100% shadcn/ui Card compatible"
+    "useSidebar() returns: state ('expanded'|'collapsed'), open, setOpen, openMobile, setOpenMobile, isMobile, side, variant, collapsible, toggleSidebar"
   ],
   "previousVersions": [
-    { "tag": "v2.2.0", "title": "Version 2.2.0 (Latest - shadcn/ui API Compatibility)" },
-    { "tag": "v2.0.0", "title": "Version 2.0.0 (Token Architecture)" },
+    { "tag": "v2.0.0", "title": "Version 2.0.0 (Latest - Token Architecture)" },
     { "tag": "v1.1.0", "title": "Version 1.1.0" },
     { "tag": "v1.0.11", "title": "Version 1.0.11" },
     { "tag": "v1.0.0", "title": "Version 1.0.0 (Breaking Changes)" }

package/dist/cli/index.cjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-const require_trust_score_card_glass = require("../trust-score-card-glass-CTsEVRD3.cjs");
+const require_trust_score_card_glass = require("../trust-score-card-glass-DTS1RdIt.cjs");
 let node_util = require("node:util");
 let node_fs = require("node:fs");
 let node_path = require("node:path");

package/dist/components.cjs

@@ -1,7 +1,7 @@
-const require_trust_score_card_glass = require("./trust-score-card-glass-CTsEVRD3.cjs");
-require("./utils-BqeJ4aco.cjs");
-require("./use-focus--Hw2nevi.cjs");
-require("./theme-context-D_cb9KzA.cjs");
+const require_trust_score_card_glass = require("./trust-score-card-glass-DTS1RdIt.cjs");
+require("./utils-NLnOCttr.cjs");
+require("./use-focus-CdoUzFQ8.cjs");
+require("./theme-context-BEA8K_rq.cjs");
 exports.AICardGlass = require_trust_score_card_glass.AICardGlass;
 exports.AlertGlass = require_trust_score_card_glass.AlertGlass;
 exports.AvatarGlass = require_trust_score_card_glass.AvatarGlass;

package/dist/components.d.ts

@@ -2,7 +2,7 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { ButtonHTMLAttributes } from 'react';
 import { ClassProp } from 'class-variance-authority/types';
 import { ComponentPropsWithoutRef } from 'react';
-import { default as default_2 } from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
@@ -661,7 +661,7 @@ declare interface FormFieldWrapperProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
 }
 
-export declare const GlassCard: React_2.ForwardRefExoticComponent<GlassCardProps & React_2.RefAttributes<HTMLDivElement>>;
+export declare const GlassCard: ForwardRefExoticComponent<GlassCardProps & RefAttributes<HTMLDivElement>>;
 
 /**
  * Props for the GlassCard component
@@ -719,7 +719,7 @@ export declare const GlassCard: React_2.ForwardRefExoticComponent<GlassCardProps
  * </GlassCard>
  * ```
  */
-declare interface GlassCardProps extends Omit<React_2.HTMLAttributes<HTMLDivElement>, 'style'>, VariantProps<typeof cardIntensity> {
+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.
@@ -1128,185 +1128,112 @@ declare interface MetricTrend {
  */
 declare type MetricVariant = 'default' | 'secondary' | 'success' | 'warning' | 'destructive';
 
-declare interface ModalBodyProps {
-    children: ReactNode;
-    className?: string;
-}
-
-declare interface ModalCloseProps {
-    className?: string;
-}
-
-declare interface ModalContentProps {
-    children: ReactNode;
-    className?: string;
-}
-
-declare interface ModalDescriptionProps {
-    children: ReactNode;
-    className?: string;
-}
-
-declare interface ModalFooterProps {
-    children: ReactNode;
-    className?: string;
-}
+/**
+ * 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 - Compound Component API
+ * ModalGlass.Close - Closes the modal when clicked
+ *
+ * Use `asChild` to render as the child element.
  *
  * @example
  * ```tsx
- * <ModalGlass.Root open={open} onOpenChange={setOpen}>
- *   <ModalGlass.Overlay />
- *   <ModalGlass.Content>
- *     <ModalGlass.Header>
- *       <ModalGlass.Title>Confirm</ModalGlass.Title>
- *       <ModalGlass.Description>Are you sure?</ModalGlass.Description>
- *       <ModalGlass.Close />
- *     </ModalGlass.Header>
- *     <ModalGlass.Body>
- *       <p>Body content</p>
- *     </ModalGlass.Body>
- *     <ModalGlass.Footer>
- *       <ButtonGlass>Cancel</ButtonGlass>
- *     </ModalGlass.Footer>
- *   </ModalGlass.Content>
- * </ModalGlass.Root>
+ * <ModalGlass.Close asChild>
+ *   <ButtonGlass variant="ghost">Cancel</ButtonGlass>
+ * </ModalGlass.Close>
  * ```
  */
-export declare const ModalGlass: {
-    Root: default_2.FC<ModalRootProps>;
-    Trigger: default_2.ForwardRefExoticComponent<ModalTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
-    Portal: default_2.FC<ModalPortalProps>;
-    Overlay: default_2.FC<ModalOverlayProps>;
-    Content: default_2.ForwardRefExoticComponent<ModalContentProps & default_2.RefAttributes<HTMLDivElement>>;
-    Header: default_2.FC<ModalHeaderProps>;
-    Body: default_2.FC<ModalBodyProps>;
-    Footer: default_2.FC<ModalFooterProps>;
-    Title: default_2.FC<ModalTitleProps>;
-    Description: default_2.FC<ModalDescriptionProps>;
-    Close: default_2.FC<ModalCloseProps>;
-};
-
-declare interface ModalHeaderProps {
-    children: ReactNode;
-    className?: string;
-}
+declare function ModalClose({ ...props }: React_2.ComponentProps<typeof DialogPrimitive.Close>): JSX.Element;
 
-declare interface ModalOverlayProps {
-    className?: string;
+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;
 }
 
-declare interface ModalPortalProps {
-    children: ReactNode;
-}
+/**
+ * ModalGlass.Footer - Footer section with flex layout for actions
+ */
+declare function ModalFooter({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
 
 /**
- * Props for ModalGlass.Root component
+ * ModalGlass - Glass-themed Dialog with shadcn/ui API compatibility
  *
- * Root component that provides context and manages open/close state for the modal.
- * Handles keyboard events, body scroll lock, and accessibility attributes.
- *
- * @accessibility
- * - **Keyboard Navigation:** Escape key closes modal, Tab key traps focus within modal content
- * - **Focus Management:** Focus automatically moved to modal on open, returned to trigger on close (WCAG 2.4.3)
- * - **Screen Readers:** Uses `role="dialog"` and `aria-modal="true"` for proper modal semantics (WCAG 4.1.3)
- * - **Title Association:** Modal title automatically linked via `aria-labelledby="modal-title"`
- * - **Description Association:** Optional description linked via `aria-describedby="modal-description"`
- * - **Body Scroll Lock:** Prevents background scrolling when modal is open (improves UX and focus management)
- * - **Touch Targets:** All interactive elements (close button, action buttons) meet 44x44px minimum (WCAG 2.5.5)
- * - **Color Contrast:** Modal content and overlay meet WCAG AA contrast requirements
- * - **Motion:** Open/close animations respect `prefers-reduced-motion` settings
+ * Built on @radix-ui/react-dialog for full accessibility support.
  *
- * @example
+ * @example Uncontrolled (with Trigger)
  * ```tsx
- * // Basic modal with title and description
- * <ModalGlass.Root open={open} onOpenChange={setOpen}>
- *   <ModalGlass.Overlay />
+ * <ModalGlass.Root>
+ *   <ModalGlass.Trigger asChild>
+ *     <ButtonGlass>Open</ButtonGlass>
+ *   </ModalGlass.Trigger>
  *   <ModalGlass.Content>
  *     <ModalGlass.Header>
- *       <ModalGlass.Title>Confirm Action</ModalGlass.Title>
- *       <ModalGlass.Description>
- *         This action cannot be undone.
- *       </ModalGlass.Description>
- *       <ModalGlass.Close />
+ *       <ModalGlass.Title>Title</ModalGlass.Title>
  *     </ModalGlass.Header>
- *     <ModalGlass.Body>
- *       <p>Are you sure you want to proceed?</p>
- *     </ModalGlass.Body>
+ *     <ModalGlass.Body>Content</ModalGlass.Body>
  *     <ModalGlass.Footer>
- *       <ButtonGlass variant="ghost" onClick={() => setOpen(false)}>
- *         Cancel
- *       </ButtonGlass>
- *       <ButtonGlass variant="destructive" onClick={handleConfirm}>
- *         Confirm
- *       </ButtonGlass>
+ *       <ModalGlass.Close asChild>
+ *         <ButtonGlass>Close</ButtonGlass>
+ *       </ModalGlass.Close>
  *     </ModalGlass.Footer>
  *   </ModalGlass.Content>
  * </ModalGlass.Root>
+ * ```
  *
- * // Different sizes
- * <ModalGlass.Root open={open} onOpenChange={setOpen} size="sm">
- *   {// Small modal content}
- * </ModalGlass.Root>
- * <ModalGlass.Root open={open} onOpenChange={setOpen} size="lg">
- *   {// Large modal content}
- * </ModalGlass.Root>
- *
- * // Form modal with proper focus management
+ * @example Controlled
+ * ```tsx
  * <ModalGlass.Root open={open} onOpenChange={setOpen}>
- *   <ModalGlass.Overlay />
- *   <ModalGlass.Content>
+ *   <ModalGlass.Content showCloseButton={false}>
  *     <ModalGlass.Header>
- *       <ModalGlass.Title>Create Account</ModalGlass.Title>
- *       <ModalGlass.Close />
- *     </ModalGlass.Header>
- *     <ModalGlass.Body>
- *       <form id="signup-form" onSubmit={handleSubmit}>
- *         <InputGlass label="Email" type="email" required />
- *         <InputGlass label="Password" type="password" required />
- *       </form>
- *     </ModalGlass.Body>
- *     <ModalGlass.Footer>
- *       <ButtonGlass variant="ghost" onClick={() => setOpen(false)}>
- *         Cancel
- *       </ButtonGlass>
- *       <ButtonGlass type="submit" form="signup-form">
- *         Sign Up
- *       </ButtonGlass>
- *     </ModalGlass.Footer>
- *   </ModalGlass.Content>
- * </ModalGlass.Root>
- *
- * // Alert modal (no close button)
- * <ModalGlass.Root open={showAlert} onOpenChange={setShowAlert}>
- *   <ModalGlass.Overlay />
- *   <ModalGlass.Content>
- *     <ModalGlass.Header>
- *       <ModalGlass.Title>Session Expired</ModalGlass.Title>
+ *       <ModalGlass.Title>Confirm</ModalGlass.Title>
  *     </ModalGlass.Header>
- *     <ModalGlass.Body>
- *       Your session has expired. Please log in again.
- *     </ModalGlass.Body>
  *     <ModalGlass.Footer>
- *       <ButtonGlass onClick={handleLogin}>Log In</ButtonGlass>
+ *       <ButtonGlass onClick={() => setOpen(false)}>OK</ButtonGlass>
  *     </ModalGlass.Footer>
  *   </ModalGlass.Content>
  * </ModalGlass.Root>
  * ```
  */
-declare interface ModalRootProps extends default_2.HTMLAttributes<HTMLDivElement> {
-    /** Controlled open state (optional for uncontrolled mode) */
-    open?: boolean;
-    /** Default open state for uncontrolled mode */
-    defaultOpen?: boolean;
-    /** Callback when open state changes */
-    onOpenChange?: (open: boolean) => void;
-    /** Size variant */
+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;
-    /** Child components */
-    children: ReactNode;
 }
 
 /**
@@ -1315,16 +1242,12 @@ declare interface ModalRootProps extends default_2.HTMLAttributes<HTMLDivElement
  */
 declare type ModalSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
 
-declare interface ModalTitleProps {
-    children: ReactNode;
-    className?: string;
-}
-
-declare interface ModalTriggerProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Render as child element (polymorphic) */
-    asChild?: boolean;
-    children: ReactNode;
-}
+/**
+ * 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>>;
 
@@ -1834,7 +1757,13 @@ declare const toggleSizes: (props?: ({
     variant?: "default" | "outline" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare const TooltipGlass: React_2.FC<TooltipPrimitive.TooltipProps>;
+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

package/dist/components.js

@@ -1,4 +1,4 @@
-import { $ as BaseProgressGlass, An as InteractiveCard, Dn as AlertGlass, G as SegmentedControlGlass, Ht as DropdownGlass, K as RainbowProgressGlass, Mn as TouchTarget, Nt as InputGlass, Pt as GlassCard, Q as StatusIndicatorGlass, St as SkeletonGlass, X as LanguageBarGlass, Y as ProfileAvatarGlass, Z as FlagAlertGlass, _ as ContributionMetricsGlass, _n as ButtonGlass, _t as SliderGlass, a as HeaderBrandingGlass, b as AICardGlass, c as YearCardGlass, ct as ExpandableHeaderGlass, d as TrustScoreDisplayGlass, et as ThemeToggleGlass, f as RepositoryMetadataGlass, g as MetricCardGlass, gn as CheckboxGlass, gt as TabsGlass, h as MetricsGridGlass, hn as CircularProgressGlass, i as HeaderNavGlass, in as ComboBoxGlass, jn as FormFieldWrapper, jt as ModalGlass, kt as NotificationGlass, l as UserStatsLineGlass, lt as TooltipGlass, m as RepositoryCardGlass, mt as ToggleGlass, n as ProjectsListGlass, nt as SortDropdownGlass, o as FlagsSectionGlass, p as RepositoryHeaderGlass, q as ProgressGlass, r as ProfileHeaderGlass, rt as SearchBoxGlass, s as CareerStatsGlass, st as IconButtonGlass, t as TrustScoreCardGlass, tt as StatItemGlass, u as UserInfoGlass, v as CircularMetricGlass, wt as PopoverGlass, xn as AvatarGlass, y as CareerStatsHeaderGlass, yn as BadgeGlass } from "./trust-score-card-glass-CUStm4o_.js";
+import { $ as BaseProgressGlass, Dt as NotificationGlass, G as SegmentedControlGlass, K as RainbowProgressGlass, Mt as GlassCard, Pt as DropdownGlass, Q as StatusIndicatorGlass, St as PopoverGlass, X as LanguageBarGlass, Xt as ComboBoxGlass, Y as ProfileAvatarGlass, Z as FlagAlertGlass, _ as ContributionMetricsGlass, _t as SliderGlass, a as HeaderBrandingGlass, an as ButtonGlass, b as AICardGlass, bn as TouchTarget, bt as SkeletonGlass, c as YearCardGlass, ct as ExpandableHeaderGlass, d as TrustScoreDisplayGlass, et as ThemeToggleGlass, f as RepositoryMetadataGlass, g as MetricCardGlass, gt as TabsGlass, h as MetricsGridGlass, hn as AlertGlass, i as HeaderNavGlass, in as CheckboxGlass, jt as InputGlass, kt as ModalGlass, l as UserStatsLineGlass, ln as AvatarGlass, lt as TooltipGlass, m as RepositoryCardGlass, mt as ToggleGlass, n as ProjectsListGlass, nt as SortDropdownGlass, o as FlagsSectionGlass, p as RepositoryHeaderGlass, q as ProgressGlass, r as ProfileHeaderGlass, rn as CircularProgressGlass, rt as SearchBoxGlass, s as CareerStatsGlass, sn as BadgeGlass, st as IconButtonGlass, t as TrustScoreCardGlass, tt as StatItemGlass, u as UserInfoGlass, v as CircularMetricGlass, vn as InteractiveCard, y as CareerStatsHeaderGlass, yn as FormFieldWrapper } from "./trust-score-card-glass-Dg4_b_g_.js";
 import "./utils-CcyeqpKQ.js";
 import "./use-focus-CX0TJJIj.js";
 import "./theme-context-_T5r1KG4.js";

package/dist/hooks.cjs

@@ -1,5 +1,5 @@
-const require_use_focus = require("./use-focus--Hw2nevi.cjs");
-const require_use_wallpaper_tint = require("./use-wallpaper-tint-B4oMQsXQ.cjs");
+const require_use_focus = require("./use-focus-CdoUzFQ8.cjs");
+const require_use_wallpaper_tint = require("./use-wallpaper-tint-Rq5UgY9L.cjs");
 exports.useFocus = require_use_focus.useFocus;
 exports.useHover = require_use_focus.useHover;
 exports.useResponsive = require_use_wallpaper_tint.useResponsive;