shadcn-glass-ui 2.2.1 → 2.2.4

package/dist/use-focus-CX0TJJIj.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-focus-CX0TJJIj.js","names":["hoverProps: UseHoverReturn['hoverProps']","focusProps: UseFocusReturn['focusProps']"],"sources":["../src/lib/hooks/use-hover.ts","../src/lib/hooks/use-focus.ts"],"sourcesContent":["/**\n * useHover Hook\n *\n * Replaces the repeated hover state pattern found in 13+ components:\n *\n * ```tsx\n * // BEFORE (duplicated in every component)\n * const [isHovered, setIsHovered] = useState(false);\n * <div\n *   onMouseEnter={() => setIsHovered(true)}\n *   onMouseLeave={() => setIsHovered(false)}\n * />\n *\n * // AFTER\n * const { isHovered, hoverProps } = useHover();\n * <div {...hoverProps} />\n * ```\n */\n\nimport { useState, useCallback, type MouseEvent, type FocusEvent } from 'react';\n\nexport interface UseHoverOptions {\n  /** Delay before hover state becomes true (ms) */\n  enterDelay?: number;\n  /** Delay before hover state becomes false (ms) */\n  leaveDelay?: number;\n  /** Include focus events for accessibility */\n  includeFocus?: boolean;\n  /** Callback when hover state changes */\n  onHoverChange?: (isHovered: boolean) => void;\n}\n\nexport interface UseHoverReturn {\n  /** Current hover state */\n  isHovered: boolean;\n  /** Props to spread on the target element */\n  hoverProps: {\n    onMouseEnter: (e: MouseEvent) => void;\n    onMouseLeave: (e: MouseEvent) => void;\n    onFocus?: (e: FocusEvent) => void;\n    onBlur?: (e: FocusEvent) => void;\n  };\n  /** Manually set hover state */\n  setIsHovered: (value: boolean) => void;\n}\n\n/**\n * Hook for managing hover state with optional delays and focus support.\n *\n * @example\n * ```tsx\n * const { isHovered, hoverProps } = useHover();\n *\n * return (\n *   <div\n *     {...hoverProps}\n *     style={{ opacity: isHovered ? 1 : 0.8 }}\n *   >\n *     Hover me\n *   </div>\n * );\n * ```\n *\n * @example With options\n * ```tsx\n * const { isHovered, hoverProps } = useHover({\n *   enterDelay: 100,\n *   leaveDelay: 200,\n *   includeFocus: true,\n *   onHoverChange: (hover) => console.log('Hovered:', hover),\n * });\n * ```\n */\nexport function useHover(options: UseHoverOptions = {}): UseHoverReturn {\n  const {\n    enterDelay = 0,\n    leaveDelay = 0,\n    includeFocus = false,\n    onHoverChange,\n  } = options;\n\n  const [isHovered, setIsHoveredState] = useState(false);\n  const [enterTimeout, setEnterTimeout] = useState<ReturnType<typeof setTimeout> | null>(null);\n  const [leaveTimeout, setLeaveTimeout] = useState<ReturnType<typeof setTimeout> | null>(null);\n\n  const setIsHovered = useCallback(\n    (value: boolean) => {\n      setIsHoveredState(value);\n      onHoverChange?.(value);\n    },\n    [onHoverChange]\n  );\n\n  const handleMouseEnter = useCallback(\n    () => {\n      // Clear any pending leave timeout\n      if (leaveTimeout) {\n        clearTimeout(leaveTimeout);\n        setLeaveTimeout(null);\n      }\n\n      if (enterDelay > 0) {\n        const timeout = setTimeout(() => {\n          setIsHovered(true);\n        }, enterDelay);\n        setEnterTimeout(timeout);\n      } else {\n        setIsHovered(true);\n      }\n    },\n    [enterDelay, leaveTimeout, setIsHovered]\n  );\n\n  const handleMouseLeave = useCallback(\n    () => {\n      // Clear any pending enter timeout\n      if (enterTimeout) {\n        clearTimeout(enterTimeout);\n        setEnterTimeout(null);\n      }\n\n      if (leaveDelay > 0) {\n        const timeout = setTimeout(() => {\n          setIsHovered(false);\n        }, leaveDelay);\n        setLeaveTimeout(timeout);\n      } else {\n        setIsHovered(false);\n      }\n    },\n    [leaveDelay, enterTimeout, setIsHovered]\n  );\n\n  const handleFocus = useCallback(\n    () => {\n      if (includeFocus) {\n        setIsHovered(true);\n      }\n    },\n    [includeFocus, setIsHovered]\n  );\n\n  const handleBlur = useCallback(\n    () => {\n      if (includeFocus) {\n        setIsHovered(false);\n      }\n    },\n    [includeFocus, setIsHovered]\n  );\n\n  const hoverProps: UseHoverReturn['hoverProps'] = {\n    onMouseEnter: handleMouseEnter,\n    onMouseLeave: handleMouseLeave,\n    ...(includeFocus && {\n      onFocus: handleFocus,\n      onBlur: handleBlur,\n    }),\n  };\n\n  return {\n    isHovered,\n    hoverProps,\n    setIsHovered,\n  };\n}\n\nexport default useHover;\n","/**\n * useFocus Hook\n *\n * Manages focus state for form elements with keyboard navigation support.\n * Similar to useHover but for focus events.\n *\n * Implements proper :focus-visible behavior by tracking keyboard vs mouse interaction\n * at the document level, ensuring focus rings only appear for keyboard navigation.\n */\n\nimport {\n  useState,\n  useCallback,\n  useRef,\n  useEffect,\n  type FocusEvent,\n  type KeyboardEvent,\n} from 'react';\n\n// Global state to track whether the last user interaction was via keyboard\nlet hadKeyboardEvent = false;\nlet isInitialized = false;\n\n/**\n * Initialize global keyboard/mouse tracking for focus-visible behavior.\n * This ensures focus rings only appear when navigating via keyboard (Tab key),\n * not when clicking with a mouse.\n */\nfunction initializeKeyboardTracking() {\n  if (isInitialized || typeof window === 'undefined') return;\n\n  isInitialized = true;\n\n  // Track keyboard events (Tab, Shift, Arrow keys, etc.)\n  const handleKeyDown = (e: globalThis.KeyboardEvent) => {\n    // Only consider keyboard navigation keys\n    if (e.key === 'Tab' || e.key.startsWith('Arrow') || e.key === 'Enter' || e.key === ' ') {\n      hadKeyboardEvent = true;\n    }\n  };\n\n  // Track mouse/pointer events - clear keyboard flag\n  const handlePointerDown = () => {\n    hadKeyboardEvent = false;\n  };\n\n  // Use capture phase to detect events before they reach components\n  document.addEventListener('keydown', handleKeyDown, true);\n  document.addEventListener('mousedown', handlePointerDown, true);\n  document.addEventListener('pointerdown', handlePointerDown, true);\n  document.addEventListener('touchstart', handlePointerDown, true);\n\n  // Cleanup not needed - these are global listeners that persist for the app lifecycle\n}\n\nexport interface UseFocusOptions {\n  /** Callback when focus state changes */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Include focus-visible behavior (keyboard focus only) */\n  focusVisible?: boolean;\n  /** Callback for keyboard events while focused */\n  onKeyDown?: (e: KeyboardEvent) => void;\n}\n\nexport interface UseFocusReturn {\n  /** Current focus state */\n  isFocused: boolean;\n  /** True only when focused via keyboard (if focusVisible enabled) */\n  isFocusVisible: boolean;\n  /** Props to spread on the target element */\n  focusProps: {\n    onFocus: (e: FocusEvent) => void;\n    onBlur: (e: FocusEvent) => void;\n    onKeyDown?: (e: KeyboardEvent) => void;\n  };\n  /** Manually set focus state */\n  setIsFocused: (value: boolean) => void;\n  /** Reference to track if last focus was from keyboard */\n  focusRef: React.RefObject<boolean>;\n}\n\n/**\n * Hook for managing focus state with optional focus-visible support.\n *\n * @example Basic usage\n * ```tsx\n * const { isFocused, focusProps } = useFocus();\n *\n * return (\n *   <input\n *     {...focusProps}\n *     style={{\n *       borderColor: isFocused ? 'violet' : 'gray',\n *     }}\n *   />\n * );\n * ```\n *\n * @example Focus-visible for keyboard navigation\n * ```tsx\n * const { isFocusVisible, focusProps } = useFocus({ focusVisible: true });\n *\n * return (\n *   <button\n *     {...focusProps}\n *     style={{\n *       outline: isFocusVisible ? '2px solid violet' : 'none',\n *     }}\n *   >\n *     Click or Tab to me\n *   </button>\n * );\n * ```\n */\nexport function useFocus(options: UseFocusOptions = {}): UseFocusReturn {\n  const { onFocusChange, focusVisible = false, onKeyDown } = options;\n\n  const [isFocused, setIsFocusedState] = useState(false);\n  const [isFocusVisible, setIsFocusVisible] = useState(false);\n  const hadKeyboardEventRef = useRef(false);\n  const focusRef = useRef(false);\n\n  // Initialize global keyboard tracking on mount (runs once per app)\n  useEffect(() => {\n    if (focusVisible) {\n      initializeKeyboardTracking();\n    }\n  }, [focusVisible]);\n\n  const setIsFocused = useCallback(\n    (value: boolean) => {\n      setIsFocusedState(value);\n      focusRef.current = value;\n      onFocusChange?.(value);\n    },\n    [onFocusChange]\n  );\n\n  const handleFocus = useCallback(\n    () => {\n      setIsFocused(true);\n\n      if (focusVisible) {\n        // Use global keyboard tracking state for accurate focus-visible detection\n        const isKeyboardFocus = hadKeyboardEvent;\n        setIsFocusVisible(isKeyboardFocus);\n        hadKeyboardEventRef.current = isKeyboardFocus;\n      }\n    },\n    [setIsFocused, focusVisible]\n  );\n\n  const handleBlur = useCallback(\n    () => {\n      setIsFocused(false);\n      setIsFocusVisible(false);\n    },\n    [setIsFocused]\n  );\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      hadKeyboardEventRef.current = true;\n      onKeyDown?.(e);\n    },\n    [onKeyDown]\n  );\n\n  const focusProps: UseFocusReturn['focusProps'] = {\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    ...(onKeyDown && { onKeyDown: handleKeyDown }),\n  };\n\n  return {\n    isFocused,\n    isFocusVisible,\n    focusProps,\n    setIsFocused,\n    focusRef,\n  };\n}\n\nexport default useFocus;\n"],"mappings":"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"}

package/dist/use-wallpaper-tint-DUgmytlY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-wallpaper-tint-DUgmytlY.js","names":["colors: { r: number; g: number; b: number }[]"],"sources":["../src/lib/hooks/use-responsive.ts","../src/lib/hooks/use-wallpaper-tint.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\n/**\n * Tailwind CSS breakpoints\n * @see https://tailwindcss.com/docs/responsive-design\n */\nconst BREAKPOINTS = {\n  xs: 0,\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n  '2xl': 1536,\n} as const;\n\nexport type Breakpoint = keyof typeof BREAKPOINTS;\n\nexport interface UseResponsiveReturn {\n  /** Window width is less than 768px (mobile) */\n  isMobile: boolean;\n  /** Window width is >= 768px and < 1024px (tablet) */\n  isTablet: boolean;\n  /** Window width is >= 1024px (desktop) */\n  isDesktop: boolean;\n  /** Current active breakpoint */\n  currentBreakpoint: Breakpoint;\n  /** Current window width in pixels */\n  width: number;\n}\n\n/**\n * Hook to detect current responsive breakpoint\n *\n * @returns Responsive state with current breakpoint and device type flags\n *\n * @example\n * ```tsx\n * const { isMobile, isTablet, isDesktop, currentBreakpoint } = useResponsive();\n *\n * return (\n *   <div className={isMobile ? 'flex-col' : 'flex-row'}>\n *     {currentBreakpoint === 'lg' && <Sidebar />}\n *   </div>\n * );\n * ```\n */\nexport function useResponsive(): UseResponsiveReturn {\n  const [width, setWidth] = useState<number>(\n    typeof window !== 'undefined' ? window.innerWidth : BREAKPOINTS.lg\n  );\n\n  useEffect(() => {\n    // Server-side rendering guard\n    if (typeof window === 'undefined') return;\n\n    const handleResize = () => {\n      setWidth(window.innerWidth);\n    };\n\n    // Set initial value\n    handleResize();\n\n    // Add event listener\n    window.addEventListener('resize', handleResize);\n\n    // Cleanup\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  // Calculate current breakpoint\n  const getCurrentBreakpoint = (): Breakpoint => {\n    if (width >= BREAKPOINTS['2xl']) return '2xl';\n    if (width >= BREAKPOINTS.xl) return 'xl';\n    if (width >= BREAKPOINTS.lg) return 'lg';\n    if (width >= BREAKPOINTS.md) return 'md';\n    if (width >= BREAKPOINTS.sm) return 'sm';\n    return 'xs';\n  };\n\n  const currentBreakpoint = getCurrentBreakpoint();\n\n  return {\n    isMobile: width < BREAKPOINTS.md,\n    isTablet: width >= BREAKPOINTS.md && width < BREAKPOINTS.lg,\n    isDesktop: width >= BREAKPOINTS.lg,\n    currentBreakpoint,\n    width,\n  };\n}\n","// ========================================\n// WALLPAPER TINT HOOK\n// Extract dominant color from background image\n// ========================================\n\nimport { useState, useEffect, useCallback } from \"react\";\n\nexport interface WallpaperTintOptions {\n  /**\n   * The image URL to sample for tint color\n   */\n  imageUrl?: string;\n\n  /**\n   * Debounce delay in milliseconds\n   * @default 300\n   */\n  debounceMs?: number;\n\n  /**\n   * Number of sample points to take from the image\n   * @default 10\n   */\n  sampleSize?: number;\n\n  /**\n   * Whether to enable the tint extraction\n   * @default true\n   */\n  enabled?: boolean;\n}\n\nexport interface WallpaperTintResult {\n  /**\n   * The extracted tint color in RGB format\n   * Example: \"120, 80, 200\"\n   */\n  tintColor: string | null;\n\n  /**\n   * Whether the tint extraction is in progress\n   */\n  isLoading: boolean;\n\n  /**\n   * Error message if extraction failed\n   */\n  error: string | null;\n\n  /**\n   * Re-extract the tint color from the current image\n   */\n  refresh: () => void;\n}\n\n/**\n * Converts RGB values to a luminance value (0-255)\n */\nconst getLuminance = (r: number, g: number, b: number): number => {\n  // Use standard luminance formula\n  return 0.299 * r + 0.587 * g + 0.114 * b;\n};\n\n/**\n * Extracts the dominant color from an image using canvas sampling\n */\nconst extractDominantColor = async (\n  imageUrl: string,\n  sampleSize: number = 10\n): Promise<string> => {\n  return new Promise((resolve, reject) => {\n    const img = new Image();\n    img.crossOrigin = \"Anonymous\"; // Enable CORS\n\n    img.onload = () => {\n      try {\n        // Create canvas for sampling\n        const canvas = document.createElement(\"canvas\");\n        const ctx = canvas.getContext(\"2d\");\n\n        if (!ctx) {\n          reject(new Error(\"Failed to get canvas context\"));\n          return;\n        }\n\n        // Set canvas size to image size\n        canvas.width = img.width;\n        canvas.height = img.height;\n\n        // Draw image to canvas\n        ctx.drawImage(img, 0, 0);\n\n        // Sample colors from grid\n        const colors: { r: number; g: number; b: number }[] = [];\n        const stepX = Math.floor(img.width / sampleSize);\n        const stepY = Math.floor(img.height / sampleSize);\n\n        for (let y = stepY / 2; y < img.height; y += stepY) {\n          for (let x = stepX / 2; x < img.width; x += stepX) {\n            const pixel = ctx.getImageData(x, y, 1, 1).data;\n            colors.push({\n              r: pixel[0],\n              g: pixel[1],\n              b: pixel[2],\n            });\n          }\n        }\n\n        // Calculate average color (simple approach)\n        const avgColor = colors.reduce(\n          (acc, color) => ({\n            r: acc.r + color.r,\n            g: acc.g + color.g,\n            b: acc.b + color.b,\n          }),\n          { r: 0, g: 0, b: 0 }\n        );\n\n        const count = colors.length;\n        avgColor.r = Math.round(avgColor.r / count);\n        avgColor.g = Math.round(avgColor.g / count);\n        avgColor.b = Math.round(avgColor.b / count);\n\n        // Adjust color based on luminance for better glass effect\n        const luminance = getLuminance(avgColor.r, avgColor.g, avgColor.b);\n\n        // If too dark, lighten it\n        if (luminance < 80) {\n          const factor = 1.5;\n          avgColor.r = Math.min(255, Math.round(avgColor.r * factor));\n          avgColor.g = Math.min(255, Math.round(avgColor.g * factor));\n          avgColor.b = Math.min(255, Math.round(avgColor.b * factor));\n        }\n\n        // If too bright, darken it slightly\n        if (luminance > 200) {\n          const factor = 0.7;\n          avgColor.r = Math.round(avgColor.r * factor);\n          avgColor.g = Math.round(avgColor.g * factor);\n          avgColor.b = Math.round(avgColor.b * factor);\n        }\n\n        resolve(`${avgColor.r}, ${avgColor.g}, ${avgColor.b}`);\n      } catch (error) {\n        reject(error);\n      }\n    };\n\n    img.onerror = () => {\n      reject(new Error(\"Failed to load image\"));\n    };\n\n    img.src = imageUrl;\n  });\n};\n\n/**\n * Hook to extract and use wallpaper tint color\n *\n * @example\n * ```tsx\n * const { tintColor, isLoading } = useWallpaperTint({\n *   imageUrl: '/path/to/background.jpg',\n * });\n *\n * // Use tintColor in CSS variables\n * <div style={{ '--wallpaper-tint': tintColor }}>\n *   <GlassCard />\n * </div>\n * ```\n */\nexport const useWallpaperTint = (\n  options: WallpaperTintOptions = {}\n): WallpaperTintResult => {\n  const {\n    imageUrl,\n    debounceMs = 300,\n    sampleSize = 10,\n    enabled = true,\n  } = options;\n\n  const [tintColor, setTintColor] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  const extractTint = useCallback(async () => {\n    if (!imageUrl || !enabled) {\n      setTintColor(null);\n      setError(null);\n      return;\n    }\n\n    setIsLoading(true);\n    setError(null);\n\n    try {\n      const color = await extractDominantColor(imageUrl, sampleSize);\n      setTintColor(color);\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error ? err.message : \"Failed to extract tint color\";\n      setError(errorMessage);\n      setTintColor(null);\n    } finally {\n      setIsLoading(false);\n    }\n  }, [imageUrl, sampleSize, enabled]);\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    const timeoutId = setTimeout(() => {\n      extractTint();\n    }, debounceMs);\n\n    return () => clearTimeout(timeoutId);\n  }, [extractTint, debounceMs, enabled]);\n\n  return {\n    tintColor,\n    isLoading,\n    error,\n    refresh: extractTint,\n  };\n};\n"],"mappings":"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"}

package/dist/utils-CcyeqpKQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils-CcyeqpKQ.js","names":[],"sources":["../src/lib/utils.ts"],"sourcesContent":["// ========================================\n// GLASS THEME UTILITIES\n// ========================================\n\nimport { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\n/**\n * Combine class names with Tailwind merge support (shadcn standard)\n * @param inputs - Array of class values\n * @returns Merged class string\n */\nexport const cn = (...inputs: ClassValue[]): string => {\n  return twMerge(clsx(inputs));\n};\n"],"mappings":";;AAYA,MAAa,MAAM,GAAG,WAAiC;AACrD,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/dist/utils.js

@@ -1,2 +0,0 @@
-import { t as cn } from "./utils-CcyeqpKQ.js";
-export { cn };