@tachui/responsive 0.8.0-alpha

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/modifiers/responsive/types.ts","../src/modifiers/responsive/breakpoints.ts","../src/modifiers/responsive/css-generator.ts","../src/modifiers/responsive/performance.ts","../src/modifiers/responsive/responsive-modifier.ts","../src/modifiers/responsive/responsive-builder.ts","../src/modifiers/responsive/utilities.ts","../src/modifiers/responsive/layout-patterns.ts","../src/modifiers/responsive/advanced-utilities.ts","../src/modifiers/responsive/dev-tools.ts","../src/index.ts"],"sourcesContent":["/**\n * Responsive Design System Types\n *\n * CSS-Native media query and responsive design type definitions for tachUI.\n * Provides comprehensive type safety for responsive modifiers while maintaining\n * backward compatibility with existing modifier system.\n */\n\n/**\n * Standard breakpoint identifiers following Tailwind conventions\n */\nexport type BreakpointKey = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'\n\n/**\n * Breakpoint configuration mapping breakpoint keys to CSS values\n */\nexport interface BreakpointConfig {\n  base?: string // Mobile-first base (no media query)\n  sm?: string // 640px+ (small tablets and large phones)\n  md?: string // 768px+ (tablets)\n  lg?: string // 1024px+ (laptops and small desktops)\n  xl?: string // 1280px+ (large desktops)\n  '2xl'?: string // 1536px+ (extra large screens)\n}\n\n/**\n * Default breakpoint values (Tailwind-inspired)\n */\nexport const DEFAULT_BREAKPOINTS: Required<BreakpointConfig> = {\n  base: '0px', // Mobile-first base\n  sm: '640px', // Small tablets and large phones\n  md: '768px', // Tablets\n  lg: '1024px', // Laptops and small desktops\n  xl: '1280px', // Large desktops\n  '2xl': '1536px', // Extra large screens\n} as const\n\n/**\n * Responsive value type that accepts either a single value or breakpoint-specific values\n */\nexport type ResponsiveValue<T> = T | Partial<Record<BreakpointKey, T>>\n\n/**\n * CSS property values that can be responsive\n */\nexport type ResponsiveCSSValue = ResponsiveValue<string | number>\n\n/**\n * Advanced media query configuration for custom responsive behavior\n */\nexport interface MediaQueryConfig {\n  query: string // Raw CSS media query\n  styles: Record<string, string | number> // CSS properties to apply\n}\n\n/**\n * Responsive modifier configuration combining breakpoints and custom media queries\n */\nexport interface ResponsiveModifierConfig<T = any> {\n  breakpoints?: Partial<Record<BreakpointKey, T>>\n  mediaQueries?: MediaQueryConfig[]\n  fallback?: T // Fallback value if no conditions match\n}\n\n/**\n * Responsive layout configuration for common responsive patterns\n */\nexport interface ResponsiveLayoutConfig {\n  direction?: ResponsiveValue<\n    'row' | 'column' | 'row-reverse' | 'column-reverse'\n  >\n  wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>\n  justify?: ResponsiveValue<\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  >\n  align?: ResponsiveValue<\n    'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  >\n  gap?: ResponsiveValue<number | string>\n}\n\n/**\n * Responsive typography configuration\n */\nexport interface ResponsiveTypographyConfig {\n  fontSize?: ResponsiveValue<number | string>\n  lineHeight?: ResponsiveValue<number | string>\n  letterSpacing?: ResponsiveValue<number | string>\n  fontWeight?: ResponsiveValue<number | string>\n  textAlign?: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>\n  textTransform?: ResponsiveValue<\n    'none' | 'uppercase' | 'lowercase' | 'capitalize'\n  >\n}\n\n/**\n * Responsive spacing configuration\n */\nexport interface ResponsiveSpacingConfig {\n  top?: ResponsiveValue<number | string>\n  right?: ResponsiveValue<number | string>\n  bottom?: ResponsiveValue<number | string>\n  left?: ResponsiveValue<number | string>\n  horizontal?: ResponsiveValue<number | string> // left + right\n  vertical?: ResponsiveValue<number | string> // top + bottom\n  all?: ResponsiveValue<number | string> // all sides\n}\n\n/**\n * Responsive dimension configuration\n */\nexport interface ResponsiveDimensionConfig {\n  width?: ResponsiveValue<number | string>\n  height?: ResponsiveValue<number | string>\n  minWidth?: ResponsiveValue<number | string>\n  maxWidth?: ResponsiveValue<number | string>\n  minHeight?: ResponsiveValue<number | string>\n  maxHeight?: ResponsiveValue<number | string>\n}\n\n/**\n * Responsive visibility configuration\n */\nexport interface ResponsiveVisibilityConfig {\n  display?: ResponsiveValue<\n    | 'none'\n    | 'block'\n    | 'inline'\n    | 'inline-block'\n    | 'flex'\n    | 'inline-flex'\n    | 'grid'\n    | 'inline-grid'\n  >\n  visibility?: ResponsiveValue<'visible' | 'hidden' | 'collapse'>\n  opacity?: ResponsiveValue<number>\n}\n\n/**\n * Comprehensive responsive style configuration\n */\nexport interface ResponsiveStyleConfig\n  extends ResponsiveLayoutConfig,\n    ResponsiveTypographyConfig,\n    ResponsiveDimensionConfig,\n    ResponsiveVisibilityConfig {\n  // Additional CSS properties that can be responsive\n  backgroundColor?: ResponsiveValue<string>\n  color?: ResponsiveValue<string>\n  border?: ResponsiveValue<string>\n  borderRadius?: ResponsiveValue<number | string>\n  boxShadow?: ResponsiveValue<string>\n  transform?: ResponsiveValue<string>\n  transition?: ResponsiveValue<string>\n\n  // Spacing\n  padding?: ResponsiveSpacingConfig | ResponsiveValue<number | string>\n  margin?: ResponsiveSpacingConfig | ResponsiveValue<number | string>\n\n  // Custom CSS properties\n  [key: string]: any\n}\n\n/**\n * Breakpoint context information for responsive utilities\n */\nexport interface BreakpointContext {\n  current: BreakpointKey\n  width: number\n  height: number\n  isAbove: (breakpoint: BreakpointKey) => boolean\n  isBelow: (breakpoint: BreakpointKey) => boolean\n  isBetween: (min: BreakpointKey, max: BreakpointKey) => boolean\n  matches: (query: string) => boolean\n}\n\n/**\n * Responsive modifier factory configuration\n */\nexport interface ResponsiveModifierFactoryConfig {\n  breakpoints?: BreakpointConfig\n  generateCSS?: boolean // Generate CSS media queries vs JavaScript\n  fallbackToJS?: boolean // Fallback to JavaScript if CSS not supported\n  optimizeOutput?: boolean // Optimize generated CSS\n  debugMode?: boolean // Enable responsive debugging\n}\n\n/**\n * CSS media query generation result\n */\nexport interface GeneratedMediaQuery {\n  breakpoint: BreakpointKey\n  query: string // CSS media query string\n  styles: Record<string, string | number> // CSS properties\n  selector: string // CSS selector\n}\n\n/**\n * Responsive modifier application result\n */\nexport interface ResponsiveModifierResult {\n  cssRules: string[] // Generated CSS rules\n  mediaQueries: GeneratedMediaQuery[] // Generated media queries\n  fallbackStyles: Record<string, string | number> // Fallback styles for base\n  hasResponsiveStyles: boolean // Whether responsive styles were applied\n}\n\n/**\n * Type guard to check if a value is responsive\n */\nexport function isResponsiveValue<T>(\n  value: ResponsiveValue<T>\n): value is Partial<Record<BreakpointKey, T>> {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    !Array.isArray(value) &&\n    Object.keys(value).some(key =>\n      ['base', 'sm', 'md', 'lg', 'xl', '2xl'].includes(key)\n    )\n  )\n}\n\n/**\n * Type guard to check if a breakpoint key is valid\n */\nexport function isValidBreakpointKey(key: string): key is BreakpointKey {\n  return ['base', 'sm', 'md', 'lg', 'xl', '2xl'].includes(key)\n}\n\n/**\n * Utility type to make any property responsive\n */\nexport type MakeResponsive<T> = {\n  [K in keyof T]: ResponsiveValue<T[K]>\n}\n\n/**\n * Extract responsive properties from a configuration object\n */\nexport type ResponsiveProperties<T> = {\n  [K in keyof T as T[K] extends ResponsiveValue<any> ? K : never]: T[K]\n}\n\n/**\n * Extract non-responsive properties from a configuration object\n */\nexport type NonResponsiveProperties<T> = {\n  [K in keyof T as T[K] extends ResponsiveValue<any> ? never : K]: T[K]\n}\n","/**\n * Breakpoint Configuration System\n *\n * Manages responsive breakpoint configuration, validation, and utilities.\n * Supports both default Tailwind-inspired breakpoints and custom configurations.\n */\n\nimport {\n  BreakpointKey,\n  BreakpointConfig,\n  DEFAULT_BREAKPOINTS,\n  BreakpointContext,\n  isValidBreakpointKey,\n} from './types'\nimport { createSignal, Signal } from '@tachui/core'\n\n/**\n * Global breakpoint configuration state\n */\nlet currentBreakpointConfig: Required<BreakpointConfig> = {\n  ...DEFAULT_BREAKPOINTS,\n}\n\n/**\n * Current active breakpoint signal\n */\nconst [currentBreakpoint, setCurrentBreakpoint] =\n  createSignal<BreakpointKey>('base')\n\n/**\n * Current viewport dimensions signal\n */\nconst [viewportDimensions, setViewportDimensions] = createSignal({\n  width: 0,\n  height: 0,\n})\n\n/**\n * Configure global breakpoints for the application\n */\nexport function configureBreakpoints(config: Partial<BreakpointConfig>): void {\n  // Validate breakpoint configuration\n  validateBreakpointConfig(config)\n\n  // Update global configuration\n  currentBreakpointConfig = {\n    ...DEFAULT_BREAKPOINTS,\n    ...config,\n  }\n\n  // Re-evaluate current breakpoint\n  updateCurrentBreakpoint()\n\n  if (typeof window !== 'undefined') {\n    // Update breakpoint on window resize\n    window.addEventListener('resize', updateCurrentBreakpoint)\n  }\n}\n\n/**\n * Get the current breakpoint configuration\n */\nexport function getCurrentBreakpointConfig(): Required<BreakpointConfig> {\n  return { ...currentBreakpointConfig }\n}\n\n/**\n * Get the current active breakpoint\n */\nexport function getCurrentBreakpoint(): Signal<BreakpointKey> {\n  return currentBreakpoint as Signal<BreakpointKey>\n}\n\n/**\n * Get current viewport dimensions\n */\nexport function getViewportDimensions(): Signal<{\n  width: number\n  height: number\n}> {\n  return viewportDimensions as Signal<{ width: number; height: number }>\n}\n\n/**\n * Initialize the responsive system (should be called once on app startup)\n */\nexport function initializeResponsiveSystem(): void {\n  if (typeof window === 'undefined') {\n    return // Skip on server-side\n  }\n\n  // Set initial viewport dimensions\n  updateViewportDimensions()\n  updateCurrentBreakpoint()\n\n  // Listen for window resize events\n  window.addEventListener('resize', () => {\n    updateViewportDimensions()\n    updateCurrentBreakpoint()\n  })\n\n  // Listen for orientation changes\n  window.addEventListener('orientationchange', () => {\n    // Delay to ensure accurate dimensions after orientation change\n    setTimeout(() => {\n      updateViewportDimensions()\n      updateCurrentBreakpoint()\n    }, 100)\n  })\n}\n\n/**\n * Create a breakpoint context for utilities\n */\nexport function createBreakpointContext(): BreakpointContext {\n  const current = currentBreakpoint()\n  const dimensions = viewportDimensions()\n\n  return {\n    current,\n    width: dimensions.width,\n    height: dimensions.height,\n    isAbove: (breakpoint: BreakpointKey) =>\n      isBreakpointAbove(current, breakpoint),\n    isBelow: (breakpoint: BreakpointKey) =>\n      isBreakpointBelow(current, breakpoint),\n    isBetween: (min: BreakpointKey, max: BreakpointKey) =>\n      isBreakpointAbove(current, min) && isBreakpointBelow(current, max),\n    matches: (query: string) => window.matchMedia(query).matches,\n  }\n}\n\n/**\n * Convert breakpoint value to numeric pixels for comparison\n */\nexport function breakpointToPixels(breakpoint: BreakpointKey): number {\n  const value = currentBreakpointConfig[breakpoint]\n\n  // Handle different CSS units\n  if (value.endsWith('px')) {\n    return parseInt(value, 10)\n  } else if (value.endsWith('em')) {\n    return parseInt(value, 10) * 16 // Assume 16px base font size\n  } else if (value.endsWith('rem')) {\n    return parseInt(value, 10) * 16 // Assume 16px base font size\n  }\n\n  // Fallback to direct number conversion\n  return parseInt(value, 10) || 0\n}\n\n/**\n * Get breakpoint index for comparison (base = 0, sm = 1, etc.)\n */\nexport function getBreakpointIndex(breakpoint: BreakpointKey): number {\n  const order: BreakpointKey[] = ['base', 'sm', 'md', 'lg', 'xl', '2xl']\n  return order.indexOf(breakpoint)\n}\n\n/**\n * Check if breakpoint A is above breakpoint B\n */\nexport function isBreakpointAbove(a: BreakpointKey, b: BreakpointKey): boolean {\n  return getBreakpointIndex(a) > getBreakpointIndex(b)\n}\n\n/**\n * Check if breakpoint A is below breakpoint B\n */\nexport function isBreakpointBelow(a: BreakpointKey, b: BreakpointKey): boolean {\n  return getBreakpointIndex(a) < getBreakpointIndex(b)\n}\n\n/**\n * Generate CSS media query string for a breakpoint\n */\nexport function generateMediaQuery(breakpoint: BreakpointKey): string {\n  if (breakpoint === 'base') {\n    return '' // No media query for base (mobile-first)\n  }\n\n  const minWidth = currentBreakpointConfig[breakpoint]\n  return `(min-width: ${minWidth})`\n}\n\n/**\n * Generate CSS media query for a range of breakpoints\n */\nexport function generateRangeMediaQuery(\n  min: BreakpointKey,\n  max?: BreakpointKey\n): string {\n  const queries: string[] = []\n\n  if (min !== 'base') {\n    queries.push(`(min-width: ${currentBreakpointConfig[min]})`)\n  }\n\n  if (max && max !== '2xl') {\n    const maxBreakpoints: BreakpointKey[] = ['sm', 'md', 'lg', 'xl', '2xl']\n    const maxIndex = maxBreakpoints.indexOf(max)\n    if (maxIndex >= 0 && maxIndex < maxBreakpoints.length - 1) {\n      const nextBreakpoint = maxBreakpoints[maxIndex + 1]\n      const maxWidth = `${breakpointToPixels(nextBreakpoint) - 1}px`\n      queries.push(`(max-width: ${maxWidth})`)\n    }\n  }\n\n  return queries.length > 0 ? queries.join(' and ') : ''\n}\n\n/**\n * Get all breakpoints sorted by size\n */\nexport function getSortedBreakpoints(): BreakpointKey[] {\n  return ['base', 'sm', 'md', 'lg', 'xl', '2xl']\n}\n\n/**\n * Get breakpoints above a given breakpoint\n */\nexport function getBreakpointsAbove(\n  breakpoint: BreakpointKey\n): BreakpointKey[] {\n  const sorted = getSortedBreakpoints()\n  const index = sorted.indexOf(breakpoint)\n  return index >= 0 ? sorted.slice(index + 1) : []\n}\n\n/**\n * Get breakpoints below a given breakpoint\n */\nexport function getBreakpointsBelow(\n  breakpoint: BreakpointKey\n): BreakpointKey[] {\n  const sorted = getSortedBreakpoints()\n  const index = sorted.indexOf(breakpoint)\n  return index > 0 ? sorted.slice(0, index) : []\n}\n\n/**\n * Resolve current breakpoint based on viewport width\n */\nfunction updateCurrentBreakpoint(): void {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  const width = window.innerWidth\n  const breakpoints = getSortedBreakpoints().reverse() // Start from largest\n\n  for (const breakpoint of breakpoints) {\n    if (breakpoint === 'base' || width >= breakpointToPixels(breakpoint)) {\n      setCurrentBreakpoint(breakpoint)\n      return\n    }\n  }\n\n  setCurrentBreakpoint('base')\n}\n\n/**\n * Update viewport dimensions\n */\nfunction updateViewportDimensions(): void {\n  if (typeof window !== 'undefined') {\n    setViewportDimensions({\n      width: window.innerWidth,\n      height: window.innerHeight,\n    })\n  }\n}\n\n/**\n * Validate breakpoint configuration\n */\nfunction validateBreakpointConfig(config: Partial<BreakpointConfig>): void {\n  for (const [key, value] of Object.entries(config)) {\n    if (!isValidBreakpointKey(key)) {\n      throw new Error(\n        `Invalid breakpoint key: \"${key}\". Valid keys are: base, sm, md, lg, xl, 2xl`\n      )\n    }\n\n    if (typeof value !== 'string') {\n      throw new Error(\n        `Breakpoint value for \"${key}\" must be a string (e.g., \"768px\")`\n      )\n    }\n\n    if (!value.match(/^\\d+(\\.\\d+)?(px|em|rem|%)$/)) {\n      throw new Error(\n        `Invalid breakpoint value for \"${key}\": \"${value}\". Must be a valid CSS length (e.g., \"768px\", \"48em\")`\n      )\n    }\n  }\n\n  // Validate that breakpoints are in ascending order\n  const sortedKeys = Object.keys(config)\n    .filter(isValidBreakpointKey)\n    .sort((a, b) => {\n      return (\n        getBreakpointIndex(a as BreakpointKey) -\n        getBreakpointIndex(b as BreakpointKey)\n      )\n    })\n\n  for (let i = 1; i < sortedKeys.length; i++) {\n    const prev = sortedKeys[i - 1] as BreakpointKey\n    const current = sortedKeys[i] as BreakpointKey\n    const prevValue = config[prev]!\n    const currentValue = config[current]!\n\n    if (breakpointToPixels(prev) >= parseInt(currentValue, 10)) {\n      throw new Error(\n        `Breakpoint \"${current}\" (${currentValue}) must be larger than \"${prev}\" (${prevValue})`\n      )\n    }\n  }\n}\n\n/**\n * Create common breakpoint configurations\n */\nexport const BreakpointPresets = {\n  // Tailwind CSS (default)\n  tailwind: {\n    sm: '640px',\n    md: '768px',\n    lg: '1024px',\n    xl: '1280px',\n    '2xl': '1536px',\n  } as BreakpointConfig,\n\n  // Bootstrap\n  bootstrap: {\n    sm: '576px',\n    md: '768px',\n    lg: '992px',\n    xl: '1200px',\n    '2xl': '1400px',\n  } as BreakpointConfig,\n\n  // Material Design\n  material: {\n    sm: '600px',\n    md: '960px',\n    lg: '1280px',\n    xl: '1920px',\n    '2xl': '2560px',\n  } as BreakpointConfig,\n\n  // Custom mobile-first\n  mobileFocus: {\n    sm: '480px',\n    md: '768px',\n    lg: '1024px',\n    xl: '1200px',\n    '2xl': '1440px',\n  } as BreakpointConfig,\n} as const\n","/**\n * Responsive CSS Generation Engine\n *\n * Generates optimized CSS media queries from responsive modifier configurations.\n * Supports mobile-first design patterns and advanced media query features.\n */\n\nimport {\n  BreakpointKey,\n  ResponsiveValue,\n  ResponsiveStyleConfig,\n  MediaQueryConfig,\n  GeneratedMediaQuery,\n  ResponsiveModifierResult,\n  isResponsiveValue,\n} from './types'\nimport {\n  generateMediaQuery,\n  getCurrentBreakpointConfig,\n  getSortedBreakpoints,\n} from './breakpoints'\n\n/**\n * CSS generation options\n */\nexport interface CSSGenerationOptions {\n  selector: string // CSS selector for the element\n  generateMinified?: boolean // Generate minified CSS\n  includeComments?: boolean // Include helpful comments\n  optimizeOutput?: boolean // Optimize and deduplicate CSS\n  mobileFirst?: boolean // Use mobile-first approach (default: true)\n}\n\n/**\n * Main CSS generation class\n */\nexport class ResponsiveCSSGenerator {\n  private options: Required<CSSGenerationOptions>\n\n  constructor(options: CSSGenerationOptions) {\n    this.options = {\n      generateMinified: false,\n      includeComments: true,\n      optimizeOutput: true,\n      mobileFirst: true,\n      ...options,\n    }\n  }\n\n  /**\n   * Generate complete responsive CSS from a style configuration\n   */\n  generateResponsiveCSS(\n    config: ResponsiveStyleConfig\n  ): ResponsiveModifierResult {\n    const mediaQueries: GeneratedMediaQuery[] = []\n    const cssRules: string[] = []\n    const fallbackStyles: Record<string, string | number> = {}\n    let hasResponsiveStyles = false\n\n    // Process each property in the configuration\n    for (const [property, value] of Object.entries(config)) {\n      if (isResponsiveValue(value)) {\n        hasResponsiveStyles = true\n        const result = this.generatePropertyMediaQueries(property, value)\n        mediaQueries.push(...result.mediaQueries)\n\n        // Add base styles to fallback\n        if (result.baseStyles) {\n          Object.assign(fallbackStyles, result.baseStyles)\n        }\n      } else {\n        // Non-responsive property - add to fallback styles\n        fallbackStyles[this.toCSSPropertyName(property)] = this.formatCSSValue(\n          property,\n          value\n        )\n      }\n    }\n\n    // Generate CSS rules from media queries\n    cssRules.push(...this.generateCSSRules(mediaQueries, fallbackStyles))\n\n    return {\n      cssRules,\n      mediaQueries,\n      fallbackStyles,\n      hasResponsiveStyles,\n    }\n  }\n\n  /**\n   * Generate media queries for a single property\n   */\n  private generatePropertyMediaQueries(\n    property: string,\n    value: Partial<Record<BreakpointKey, any>>\n  ): {\n    mediaQueries: GeneratedMediaQuery[]\n    baseStyles?: Record<string, string | number>\n  } {\n    const mediaQueries: GeneratedMediaQuery[] = []\n    const baseStyles: Record<string, string | number> = {}\n    const sortedBreakpoints = getSortedBreakpoints()\n\n    for (const breakpoint of sortedBreakpoints) {\n      const breakpointValue = value[breakpoint]\n      if (breakpointValue === undefined) continue\n\n      const cssProperty = this.toCSSPropertyName(property)\n      const cssValue = this.formatCSSValue(property, breakpointValue)\n\n      if (breakpoint === 'base') {\n        // Base styles (no media query needed for mobile-first)\n        baseStyles[cssProperty] = cssValue\n      } else {\n        // Generate media query for this breakpoint\n        const query = generateMediaQuery(breakpoint)\n        const styles = { [cssProperty]: cssValue }\n\n        mediaQueries.push({\n          breakpoint,\n          query,\n          styles,\n          selector: this.options.selector,\n        })\n      }\n    }\n\n    return {\n      mediaQueries,\n      baseStyles: Object.keys(baseStyles).length > 0 ? baseStyles : undefined,\n    }\n  }\n\n  /**\n   * Generate CSS rules from media queries and base styles\n   */\n  private generateCSSRules(\n    mediaQueries: GeneratedMediaQuery[],\n    baseStyles: Record<string, string | number>\n  ): string[] {\n    const rules: string[] = []\n\n    // Generate base styles rule (mobile-first)\n    if (Object.keys(baseStyles).length > 0) {\n      const baseRule = this.generateCSSRule(this.options.selector, baseStyles)\n      rules.push(baseRule)\n    }\n\n    // Generate media query rules\n    const groupedQueries = this.groupQueriesByMediaQuery(mediaQueries)\n\n    for (const [query, queryMediaQueries] of Object.entries(groupedQueries)) {\n      if (query === '') continue // Skip empty queries (base styles)\n\n      // Combine all styles for this media query\n      const combinedStyles: Record<string, string | number> = {}\n      for (const mq of queryMediaQueries) {\n        Object.assign(combinedStyles, mq.styles)\n      }\n\n      const mediaRule = this.generateMediaQueryRule(\n        query,\n        this.options.selector,\n        combinedStyles\n      )\n      rules.push(mediaRule)\n    }\n\n    return rules\n  }\n\n  /**\n   * Group media queries by their query string for optimization\n   */\n  private groupQueriesByMediaQuery(\n    mediaQueries: GeneratedMediaQuery[]\n  ): Record<string, GeneratedMediaQuery[]> {\n    const grouped: Record<string, GeneratedMediaQuery[]> = {}\n\n    for (const mq of mediaQueries) {\n      if (!grouped[mq.query]) {\n        grouped[mq.query] = []\n      }\n      grouped[mq.query].push(mq)\n    }\n\n    return grouped\n  }\n\n  /**\n   * Generate a single CSS rule\n   */\n  private generateCSSRule(\n    selector: string,\n    styles: Record<string, string | number>\n  ): string {\n    const { generateMinified, includeComments } = this.options\n    const indent = generateMinified ? '' : '  '\n    const newline = generateMinified ? '' : '\\n'\n    const space = generateMinified ? '' : ' '\n\n    let rule = `${selector}${space}{${newline}`\n\n    for (const [property, value] of Object.entries(styles)) {\n      rule += `${indent}${property}:${space}${value};${newline}`\n    }\n\n    rule += `}${newline}`\n\n    if (includeComments && !generateMinified) {\n      rule = `/* Base styles (mobile-first) */${newline}${rule}`\n    }\n\n    return rule\n  }\n\n  /**\n   * Generate a CSS media query rule\n   */\n  private generateMediaQueryRule(\n    query: string,\n    selector: string,\n    styles: Record<string, string | number>\n  ): string {\n    const { generateMinified, includeComments } = this.options\n    const indent = generateMinified ? '' : '  '\n    const doubleIndent = generateMinified ? '' : '    '\n    const newline = generateMinified ? '' : '\\n'\n    const space = generateMinified ? '' : ' '\n\n    let rule = `@media ${query}${space}{${newline}`\n    rule += `${indent}${selector}${space}{${newline}`\n\n    for (const [property, value] of Object.entries(styles)) {\n      rule += `${doubleIndent}${property}:${space}${value};${newline}`\n    }\n\n    rule += `${indent}}${newline}`\n    rule += `}${newline}`\n\n    if (includeComments && !generateMinified) {\n      const breakpoint = this.getBreakpointFromQuery(query)\n      rule = `/* ${breakpoint} styles */${newline}${rule}`\n    }\n\n    return rule\n  }\n\n  /**\n   * Convert camelCase property to CSS kebab-case\n   */\n  private toCSSProperty(property: string): string {\n    return property.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)\n  }\n\n  /**\n   * Format CSS value with appropriate units and validation\n   */\n  private formatCSSValue(property: string, value: any): string {\n    if (value === null || value === undefined) {\n      return 'inherit'\n    }\n\n    // Handle numeric values that need units\n    if (typeof value === 'number') {\n      const unitlessProperties = [\n        'opacity',\n        'z-index',\n        'font-weight',\n        'line-height',\n        'flex-grow',\n        'flex-shrink',\n        'order',\n        'grid-column-start',\n        'grid-column-end',\n        'grid-row-start',\n        'grid-row-end',\n      ]\n\n      const cssProperty = this.toCSSProperty(property)\n      if (unitlessProperties.includes(cssProperty)) {\n        return this.addImportantIfNeeded(property, value.toString())\n      }\n\n      // Add px unit for dimension properties\n      const dimensionProperties = [\n        'width',\n        'height',\n        'min-width',\n        'max-width',\n        'min-height',\n        'max-height',\n        'padding',\n        'margin',\n        'border-width',\n        'border-radius',\n        'top',\n        'right',\n        'bottom',\n        'left',\n        'font-size',\n        'letter-spacing',\n        'text-indent',\n      ]\n\n      if (dimensionProperties.some(prop => cssProperty.includes(prop))) {\n        return this.addImportantIfNeeded(property, `${value}px`)\n      }\n    }\n\n    return this.addImportantIfNeeded(property, value.toString())\n  }\n\n  /**\n   * Add !important for properties that need to override base component styles\n   */\n  private addImportantIfNeeded(property: string, value: string): string {\n    const conflictingProperties = [\n      'flexDirection',\n      'flex-direction',\n      'justifyContent',\n      'justify-content',\n      'alignItems',\n      'align-items',\n      'display',\n    ]\n\n    const cssProperty = this.toCSSProperty(property)\n    if (\n      conflictingProperties.includes(property) ||\n      conflictingProperties.includes(cssProperty)\n    ) {\n      return `${value} !important`\n    }\n\n    return value\n  }\n\n  /**\n   * Convert property name to appropriate CSS property (including custom properties)\n   */\n  private toCSSPropertyName(property: string): string {\n    return this.toCSSProperty(property)\n  }\n\n  /**\n   * Extract breakpoint name from media query for comments\n   */\n  private getBreakpointFromQuery(query: string): string {\n    const breakpointConfig = getCurrentBreakpointConfig()\n\n    for (const [breakpoint, value] of Object.entries(breakpointConfig)) {\n      if (query.includes(value)) {\n        return breakpoint\n      }\n    }\n\n    return 'custom'\n  }\n}\n\n/**\n * Utility function to generate responsive CSS for a single property\n */\nexport function generateResponsiveProperty(\n  selector: string,\n  property: string,\n  value: ResponsiveValue<any>,\n  options?: Partial<CSSGenerationOptions>\n): string[] {\n  if (!isResponsiveValue(value)) {\n    // Non-responsive value - return simple CSS rule\n    const cssProperty = property.replace(\n      /[A-Z]/g,\n      match => `-${match.toLowerCase()}`\n    )\n    const cssValue = typeof value === 'number' ? `${value}px` : value.toString()\n    return [`${selector} { ${cssProperty}: ${cssValue}; }`]\n  }\n\n  const generator = new ResponsiveCSSGenerator({ selector, ...options })\n  const config = { [property]: value }\n  const result = generator.generateResponsiveCSS(config)\n\n  return result.cssRules\n}\n\n/**\n * Utility function to generate media query for custom conditions\n */\nexport function generateCustomMediaQuery(\n  selector: string,\n  mediaQueryConfig: MediaQueryConfig,\n  options?: Partial<CSSGenerationOptions>\n): string {\n  const { generateMinified = false } = options || {}\n  const indent = generateMinified ? '' : '  '\n  const newline = generateMinified ? '' : '\\n'\n  const space = generateMinified ? '' : ' '\n\n  let rule = `@media ${mediaQueryConfig.query}${space}{${newline}`\n  rule += `${indent}${selector}${space}{${newline}`\n\n  for (const [property, value] of Object.entries(mediaQueryConfig.styles)) {\n    const cssProperty = property.replace(\n      /[A-Z]/g,\n      match => `-${match.toLowerCase()}`\n    )\n    const cssValue = typeof value === 'number' ? `${value}px` : value.toString()\n    rule += `${indent}${indent}${cssProperty}:${space}${cssValue};${newline}`\n  }\n\n  rule += `${indent}}${newline}`\n  rule += `}${newline}`\n\n  return rule\n}\n\n/**\n * CSS injection utilities for runtime application\n */\nexport class CSSInjector {\n  private static styleSheet: CSSStyleSheet | null = null\n  private static injectedRules = new Set<string>()\n\n  /**\n   * Get or create the tachUI responsive stylesheet\n   */\n  private static getStyleSheet(): CSSStyleSheet {\n    if (this.styleSheet) {\n      return this.styleSheet\n    }\n\n    const style = document.createElement('style')\n    style.setAttribute('data-tachui-responsive', 'true')\n    document.head.appendChild(style)\n\n    this.styleSheet = style.sheet as CSSStyleSheet\n    return this.styleSheet\n  }\n\n  /**\n   * Inject CSS rules into the document\n   */\n  static injectCSS(rules: string[]): void {\n    if (typeof document === 'undefined') {\n      return // Skip on server-side\n    }\n\n    const styleSheet = this.getStyleSheet()\n\n    for (const rule of rules) {\n      if (this.injectedRules.has(rule)) {\n        continue // Skip duplicate rules\n      }\n\n      try {\n        styleSheet.insertRule(rule, styleSheet.cssRules.length)\n        this.injectedRules.add(rule)\n      } catch (error) {\n        console.warn('Failed to inject CSS rule:', rule, error)\n      }\n    }\n  }\n\n  /**\n   * Clear all injected responsive CSS\n   */\n  static clearCSS(): void {\n    if (this.styleSheet) {\n      while (this.styleSheet.cssRules.length > 0) {\n        this.styleSheet.deleteRule(0)\n      }\n      this.injectedRules.clear()\n    }\n  }\n\n  /**\n   * Check if a rule has been injected\n   */\n  static hasRule(rule: string): boolean {\n    return this.injectedRules.has(rule)\n  }\n}\n","/**\n * Responsive System Performance Optimizations\n *\n * Optimizes CSS generation, caching, and runtime performance for the responsive system.\n */\n\nimport { ResponsiveStyleConfig, BreakpointKey } from './types'\n\n/**\n * CSS rule cache for deduplication\n */\nclass CSSRuleCache {\n  private cache = new Map<string, string>()\n  private hitCount = 0\n  private missCount = 0\n\n  get(key: string): string | undefined {\n    const result = this.cache.get(key)\n    if (result) {\n      this.hitCount++\n    } else {\n      this.missCount++\n    }\n    return result\n  }\n\n  set(key: string, value: string): void {\n    this.cache.set(key, value)\n  }\n\n  clear(): void {\n    this.cache.clear()\n    this.hitCount = 0\n    this.missCount = 0\n  }\n\n  getStats() {\n    return {\n      size: this.cache.size,\n      hitRate: this.hitCount / (this.hitCount + this.missCount) || 0,\n      hits: this.hitCount,\n      misses: this.missCount,\n    }\n  }\n}\n\n/**\n * Global CSS rule cache instance\n */\nexport const cssRuleCache = new CSSRuleCache()\n\n/**\n * Performance-optimized CSS generation\n */\nexport class OptimizedCSSGenerator {\n  private static readonly BATCH_SIZE = 50\n  private static ruleQueue: string[] = []\n  private static flushTimer: number | null = null\n\n  /**\n   * Generate CSS with caching and batching\n   */\n  static generateOptimizedCSS(\n    selector: string,\n    config: ResponsiveStyleConfig,\n    options: {\n      minify?: boolean\n      batch?: boolean\n      deduplicate?: boolean\n    } = {}\n  ): string {\n    const {\n      minify = process.env.NODE_ENV === 'production',\n      batch = true,\n      deduplicate = true,\n    } = options\n\n    // Create cache key\n    const cacheKey = this.createCacheKey(selector, config, { minify })\n\n    // Check cache first\n    if (deduplicate) {\n      const cached = cssRuleCache.get(cacheKey)\n      if (cached) {\n        return cached\n      }\n    }\n\n    // Generate CSS\n    const css = this.generateCSS(selector, config, { minify })\n\n    // Cache result\n    if (deduplicate) {\n      cssRuleCache.set(cacheKey, css)\n    }\n\n    // Handle batching\n    if (batch && css.trim()) {\n      this.addToBatch(css)\n      return '' // Return empty since we're batching\n    }\n\n    return css\n  }\n\n  /**\n   * Create cache key for CSS rule\n   */\n  private static createCacheKey(\n    selector: string,\n    config: ResponsiveStyleConfig,\n    options: { minify?: boolean }\n  ): string {\n    return JSON.stringify({ selector, config, options })\n  }\n\n  /**\n   * Generate CSS without optimizations (for comparison)\n   */\n  private static generateCSS(\n    selector: string,\n    config: ResponsiveStyleConfig,\n    options: { minify?: boolean }\n  ): string {\n    const { minify = false } = options\n    const indent = minify ? '' : '  '\n    const newline = minify ? '' : '\\n'\n    const space = minify ? '' : ' '\n\n    let css = ''\n    const processedBreakpoints = new Set<string>()\n\n    // Base styles first\n    const baseStyles = this.extractBaseStyles(config)\n    if (Object.keys(baseStyles).length > 0) {\n      css += `${selector}${space}{${newline}`\n      css += this.generateProperties(baseStyles, indent, newline, space)\n      css += `}${newline}`\n    }\n\n    // Responsive styles\n    for (const [property, value] of Object.entries(config)) {\n      if (typeof value === 'object' && value !== null) {\n        for (const [breakpoint, breakpointValue] of Object.entries(value)) {\n          if (breakpoint === 'base') continue\n\n          const mediaQuery = this.getMediaQuery(breakpoint as BreakpointKey)\n          const breakpointKey = `${mediaQuery}:${property}`\n\n          if (!processedBreakpoints.has(breakpointKey)) {\n            css += `@media ${mediaQuery}${space}{${newline}`\n            css += `${indent}${selector}${space}{${newline}`\n            css += `${indent}${indent}${this.propertyToCSS(property)}:${space}${this.valueToCSS(breakpointValue)};${newline}`\n            css += `${indent}}${newline}`\n            css += `}${newline}`\n\n            processedBreakpoints.add(breakpointKey)\n          }\n        }\n      }\n    }\n\n    return css\n  }\n\n  /**\n   * Add CSS to batch queue\n   */\n  private static addToBatch(css: string): void {\n    this.ruleQueue.push(css)\n\n    if (this.ruleQueue.length >= this.BATCH_SIZE) {\n      this.flushBatch()\n    } else if (!this.flushTimer) {\n      this.flushTimer = window.setTimeout(() => this.flushBatch(), 16) // Next frame\n    }\n  }\n\n  /**\n   * Flush batched CSS rules\n   */\n  private static flushBatch(): void {\n    if (this.ruleQueue.length === 0) return\n\n    const batchedCSS = this.ruleQueue.join('')\n    this.ruleQueue = []\n\n    if (this.flushTimer) {\n      clearTimeout(this.flushTimer)\n      this.flushTimer = null\n    }\n\n    // Inject batched CSS\n    this.injectCSS(batchedCSS)\n  }\n\n  /**\n   * Inject CSS into document\n   */\n  private static injectCSS(css: string): void {\n    if (typeof document === 'undefined') return\n\n    let styleElement = document.getElementById(\n      'tachui-responsive-styles'\n    ) as HTMLStyleElement\n\n    if (!styleElement) {\n      styleElement = document.createElement('style')\n      styleElement.id = 'tachui-responsive-styles'\n      styleElement.type = 'text/css'\n      document.head.appendChild(styleElement)\n    }\n\n    // Use standard approach (legacy IE support removed)\n    styleElement.appendChild(document.createTextNode(css))\n  }\n\n  /**\n   * Extract base (non-responsive) styles\n   */\n  private static extractBaseStyles(\n    config: ResponsiveStyleConfig\n  ): Record<string, any> {\n    const baseStyles: Record<string, any> = {}\n\n    for (const [property, value] of Object.entries(config)) {\n      if (typeof value !== 'object' || value === null) {\n        baseStyles[property] = value\n      } else if ('base' in value) {\n        baseStyles[property] = value.base\n      }\n    }\n\n    return baseStyles\n  }\n\n  /**\n   * Generate CSS properties\n   */\n  private static generateProperties(\n    styles: Record<string, any>,\n    indent: string,\n    newline: string,\n    space: string\n  ): string {\n    let css = ''\n\n    for (const [property, value] of Object.entries(styles)) {\n      if (value !== undefined) {\n        css += `${indent}${this.propertyToCSS(property)}:${space}${this.valueToCSS(value)};${newline}`\n      }\n    }\n\n    return css\n  }\n\n  /**\n   * Convert property name to CSS\n   */\n  private static propertyToCSS(property: string): string {\n    return property.replace(/[A-Z]/g, match => `-${match.toLowerCase()}`)\n  }\n\n  /**\n   * Convert value to CSS\n   */\n  private static valueToCSS(value: any): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    return value.toString()\n  }\n\n  /**\n   * Get media query for breakpoint\n   */\n  private static getMediaQuery(breakpoint: BreakpointKey): string {\n    const queries: Record<BreakpointKey, string> = {\n      base: '',\n      sm: '(min-width: 640px)',\n      md: '(min-width: 768px)',\n      lg: '(min-width: 1024px)',\n      xl: '(min-width: 1280px)',\n      '2xl': '(min-width: 1536px)',\n    }\n\n    return queries[breakpoint] || breakpoint\n  }\n\n  /**\n   * Force flush any pending batched CSS\n   */\n  static flush(): void {\n    this.flushBatch()\n  }\n\n  /**\n   * Get performance statistics\n   */\n  static getStats() {\n    return {\n      cache: cssRuleCache.getStats(),\n      batch: {\n        queueSize: this.ruleQueue.length,\n        batchSize: this.BATCH_SIZE,\n      },\n    }\n  }\n\n  /**\n   * Clear all caches and reset performance counters\n   */\n  static reset(): void {\n    cssRuleCache.clear()\n    this.ruleQueue = []\n    if (this.flushTimer) {\n      clearTimeout(this.flushTimer)\n      this.flushTimer = null\n    }\n  }\n}\n\n/**\n * Performance monitoring for responsive system\n */\nexport class ResponsivePerformanceMonitor {\n  private static measurements = new Map<string, number[]>()\n\n  /**\n   * Start performance measurement\n   */\n  static startMeasurement(name: string): () => number {\n    const startTime = performance.now()\n\n    return () => {\n      const duration = performance.now() - startTime\n      this.recordMeasurement(name, duration)\n      return duration\n    }\n  }\n\n  /**\n   * Record measurement\n   */\n  private static recordMeasurement(name: string, duration: number): void {\n    if (!this.measurements.has(name)) {\n      this.measurements.set(name, [])\n    }\n\n    const measurements = this.measurements.get(name)!\n    measurements.push(duration)\n\n    // Keep only last 100 measurements\n    if (measurements.length > 100) {\n      measurements.shift()\n    }\n  }\n\n  /**\n   * Get performance statistics\n   */\n  static getStats() {\n    const stats: Record<string, any> = {}\n\n    for (const [name, measurements] of this.measurements) {\n      const sorted = [...measurements].sort((a, b) => a - b)\n      const avg =\n        measurements.reduce((sum, val) => sum + val, 0) / measurements.length\n\n      stats[name] = {\n        count: measurements.length,\n        average: avg,\n        min: sorted[0],\n        max: sorted[sorted.length - 1],\n        p50: sorted[Math.floor(sorted.length * 0.5)],\n        p95: sorted[Math.floor(sorted.length * 0.95)],\n        p99: sorted[Math.floor(sorted.length * 0.99)],\n      }\n    }\n\n    return stats\n  }\n\n  /**\n   * Clear all performance data\n   */\n  static reset(): void {\n    this.measurements.clear()\n  }\n}\n","/**\n * Responsive Modifier Implementation\n *\n * Core responsive modifier that integrates with the existing tachUI modifier system.\n * Provides CSS-native media query generation with backward compatibility.\n */\n\nimport { BaseModifier } from '@tachui/modifiers'\nimport type { ModifierContext } from '@tachui/modifiers'\nimport type { DOMNode } from '@tachui/core'\nimport {\n  ResponsiveValue,\n  ResponsiveStyleConfig,\n  ResponsiveModifierResult,\n  isResponsiveValue,\n  BreakpointKey,\n} from './types'\nimport { ResponsiveCSSGenerator, CSSInjector } from './css-generator'\nimport { ResponsivePerformanceMonitor } from './performance'\nimport { createEffect, isSignal, isComputed } from '@tachui/core'\nimport { getThemeSignal } from '@tachui/core'\n\n/**\n * Responsive modifier priority (between appearance and interaction)\n */\nexport const RESPONSIVE_MODIFIER_PRIORITY = 250\n\n/**\n * Core responsive modifier class\n */\nexport class ResponsiveModifier extends BaseModifier<ResponsiveStyleConfig> {\n  readonly type = 'responsive'\n  readonly priority = RESPONSIVE_MODIFIER_PRIORITY\n  private generatedCSS: ResponsiveModifierResult | null = null\n  private elementSelector: string = ''\n  private _config: ResponsiveStyleConfig\n\n  constructor(config: ResponsiveStyleConfig) {\n    super(config)\n    this._config = config\n  }\n\n  get config(): ResponsiveStyleConfig {\n    return this._config\n  }\n\n  /**\n   * Apply responsive styles to the element\n   */\n  apply(node: DOMNode, _context: ModifierContext): DOMNode | undefined {\n    const element = node.element\n\n    if (!element || !(element instanceof HTMLElement)) {\n      return undefined\n    }\n\n    // Generate unique selector for this element\n    this.elementSelector = this.generateUniqueSelector(element)\n    element.classList.add(this.getClassFromSelector(this.elementSelector))\n\n    // Generate responsive CSS\n    this.generateAndInjectCSS()\n\n    // Set up reactive updates for dynamic responsive values\n    this.setupReactiveUpdates()\n\n    return undefined // No DOM modifications needed\n  }\n\n  /**\n   * Generate and inject responsive CSS\n   */\n  private generateAndInjectCSS(): void {\n    const endMeasurement =\n      ResponsivePerformanceMonitor.startMeasurement('css-generation')\n\n    try {\n      // Always use immediate CSS generation for responsive modifiers\n      // Batching can cause FOUC and layout issues when components need responsive styles immediately\n      const generator = new ResponsiveCSSGenerator({\n        selector: this.elementSelector,\n        generateMinified: process.env.NODE_ENV === 'production',\n        includeComments: process.env.NODE_ENV !== 'production',\n        optimizeOutput: true,\n      })\n\n      this.generatedCSS = generator.generateResponsiveCSS(this.config)\n\n      // Inject CSS rules into the document immediately\n      if (this.generatedCSS.cssRules.length > 0) {\n        CSSInjector.injectCSS(this.generatedCSS.cssRules)\n      }\n    } finally {\n      endMeasurement()\n    }\n  }\n\n  /**\n   * Set up reactive updates for dynamic responsive values\n   */\n  private setupReactiveUpdates(): void {\n    // Check if any values are reactive signals\n    const hasReactiveValues = this.hasReactiveValues(this.config)\n\n    if (hasReactiveValues) {\n      // Create reactive effect to regenerate CSS when values change\n      createEffect(() => {\n        // Track all reactive dependencies by accessing them\n        this.trackReactiveDependencies(this.config)\n\n        // Re-evaluate config with current signal values\n        const currentConfig = this.resolveReactiveConfig(this.config)\n\n        // Update CSS if config changed\n        this.updateConfig(currentConfig)\n      })\n    }\n  }\n\n  /**\n   * Track reactive dependencies by accessing all reactive values\n   */\n  private trackReactiveDependencies(config: ResponsiveStyleConfig): void {\n    // Track theme signal for any Assets that might be present\n    let hasAssets = false\n\n    for (const [_key, value] of Object.entries(config)) {\n      if (this.isReactiveValue(value)) {\n        if (isSignal(value) || isComputed(value)) {\n          value() // Access to establish dependency tracking\n        } else if (this.isAsset(value)) {\n          hasAssets = true\n          value.resolve() // Access to establish theme dependency tracking\n        }\n      } else if (isResponsiveValue(value)) {\n        for (const [_breakpoint, breakpointValue] of Object.entries(value)) {\n          if (this.isReactiveValue(breakpointValue)) {\n            if (isSignal(breakpointValue) || isComputed(breakpointValue)) {\n              breakpointValue() // Access to establish dependency tracking\n            } else if (this.isAsset(breakpointValue)) {\n              hasAssets = true\n              breakpointValue.resolve() // Access to establish theme dependency tracking\n            }\n          }\n        }\n      }\n    }\n\n    // If we have Assets, explicitly track the theme signal to ensure theme changes trigger updates\n    if (hasAssets) {\n      const themeSignal = getThemeSignal()\n      themeSignal() // Access theme signal to establish dependency\n    }\n  }\n\n  /**\n   * Update configuration and regenerate CSS\n   */\n  private updateConfig(newConfig: ResponsiveStyleConfig): void {\n    this._config = newConfig\n\n    // Clear old CSS rules (if we had a way to track them individually)\n    // For now, we'll rely on CSS override behavior\n\n    // Generate new CSS\n    this.generateAndInjectCSS()\n  }\n\n  /**\n   * Generate unique CSS selector for this element\n   */\n  private generateUniqueSelector(_element: HTMLElement): string {\n    const uniqueId = this.generateUniqueId()\n    const className = `tachui-responsive-${uniqueId}`\n    return `.${className}`\n  }\n\n  /**\n   * Extract class name from CSS selector\n   */\n  private getClassFromSelector(selector: string): string {\n    return selector.replace(/^\\./, '') // Remove leading dot\n  }\n\n  /**\n   * Generate unique ID for CSS class names\n   */\n  private generateUniqueId(): string {\n    return Math.random().toString(36).substr(2, 9)\n  }\n\n  /**\n   * Check if configuration contains reactive values (signals)\n   */\n  private hasReactiveValues(config: ResponsiveStyleConfig): boolean {\n    for (const value of Object.values(config)) {\n      if (this.isReactiveValue(value)) {\n        return true\n      }\n\n      if (isResponsiveValue(value)) {\n        for (const breakpointValue of Object.values(value)) {\n          if (this.isReactiveValue(breakpointValue)) {\n            return true\n          }\n        }\n      }\n    }\n\n    return false\n  }\n\n  /**\n   * Check if a value is a reactive signal, computed, or Asset\n   */\n  private isReactiveValue(value: any): boolean {\n    // Check for TachUI signals and computed values\n    if (isSignal(value) || isComputed(value)) {\n      return true\n    }\n\n    // Check for Assets (have a resolve method and are theme-reactive)\n    if (this.isAsset(value)) {\n      return true\n    }\n\n    return false\n  }\n\n  /**\n   * Check if a value is an Asset object\n   */\n  private isAsset(value: any): boolean {\n    return (\n      value !== null &&\n      value !== undefined &&\n      typeof value === 'object' &&\n      'resolve' in value &&\n      typeof value.resolve === 'function'\n    )\n  }\n\n  /**\n   * Resolve configuration with current signal values\n   */\n  private resolveReactiveConfig(\n    config: ResponsiveStyleConfig\n  ): ResponsiveStyleConfig {\n    const resolved: ResponsiveStyleConfig = {}\n\n    for (const [key, value] of Object.entries(config)) {\n      if (this.isReactiveValue(value)) {\n        // Handle different types of reactive values\n        if (isSignal(value) || isComputed(value)) {\n          resolved[key] = value() // Call signal/computed to get current value\n        } else if (this.isAsset(value)) {\n          resolved[key] = value.resolve() // Resolve Asset to current theme value\n        }\n      } else if (isResponsiveValue(value)) {\n        const resolvedBreakpoints: Partial<Record<BreakpointKey, any>> = {}\n\n        for (const [breakpoint, breakpointValue] of Object.entries(value)) {\n          if (this.isReactiveValue(breakpointValue)) {\n            // Handle different types of reactive values at breakpoint level\n            if (isSignal(breakpointValue) || isComputed(breakpointValue)) {\n              resolvedBreakpoints[breakpoint as BreakpointKey] =\n                breakpointValue()\n            } else if (this.isAsset(breakpointValue)) {\n              resolvedBreakpoints[breakpoint as BreakpointKey] =\n                breakpointValue.resolve()\n            }\n          } else {\n            resolvedBreakpoints[breakpoint as BreakpointKey] = breakpointValue\n          }\n        }\n\n        resolved[key] = resolvedBreakpoints\n      } else {\n        resolved[key] = value\n      }\n    }\n\n    return resolved\n  }\n\n  /**\n   * Get generated CSS information (for debugging)\n   */\n  getGeneratedCSS(): ResponsiveModifierResult | null {\n    return this.generatedCSS\n  }\n\n  /**\n   * Get configuration (for debugging)\n   */\n  getConfig(): ResponsiveStyleConfig {\n    return this.config\n  }\n}\n\n/**\n * Factory function to create responsive modifiers\n */\nexport function createResponsiveModifier(\n  config: ResponsiveStyleConfig\n): ResponsiveModifier {\n  return new ResponsiveModifier(config)\n}\n\n/**\n * Media query modifier for custom media queries\n */\nexport class MediaQueryModifier extends BaseModifier<{\n  query: string\n  styles: Record<string, any>\n}> {\n  readonly type = 'media-query'\n  readonly priority = RESPONSIVE_MODIFIER_PRIORITY + 1 // Slightly higher than responsive\n  private elementSelector: string = ''\n\n  constructor(query: string, styles: Record<string, any>) {\n    super({ query, styles })\n  }\n\n  get query(): string {\n    return this.properties.query\n  }\n\n  get styles(): Record<string, any> {\n    return this.properties.styles\n  }\n\n  apply(node: DOMNode, _context: ModifierContext): DOMNode | undefined {\n    const element = node.element\n\n    if (!element || !(element instanceof HTMLElement)) {\n      return undefined\n    }\n\n    // Generate unique selector\n    this.elementSelector = this.generateUniqueSelector(element)\n    element.classList.add(this.getClassFromSelector(this.elementSelector))\n\n    // Generate and inject media query CSS\n    this.generateMediaQueryCSS()\n\n    return undefined\n  }\n\n  private generateMediaQueryCSS(): void {\n    const { generateMinified = process.env.NODE_ENV === 'production' } = {}\n    const indent = generateMinified ? '' : '  '\n    const doubleIndent = generateMinified ? '' : '    '\n    const newline = generateMinified ? '' : '\\n'\n    const space = generateMinified ? '' : ' '\n\n    let rule = `@media ${this.query}${space}{${newline}`\n    rule += `${indent}${this.elementSelector}${space}{${newline}`\n\n    for (const [property, value] of Object.entries(this.styles)) {\n      const cssProperty = property.replace(\n        /[A-Z]/g,\n        match => `-${match.toLowerCase()}`\n      )\n      const cssValue =\n        typeof value === 'number' ? `${value}px` : value.toString()\n      rule += `${doubleIndent}${cssProperty}:${space}${cssValue};${newline}`\n    }\n\n    rule += `${indent}}${newline}`\n    rule += `}${newline}`\n\n    CSSInjector.injectCSS([rule])\n  }\n\n  private generateUniqueSelector(_element: HTMLElement): string {\n    const uniqueId = Math.random().toString(36).substr(2, 9)\n    const className = `tachui-mq-${uniqueId}`\n    return `.${className}`\n  }\n\n  private getClassFromSelector(selector: string): string {\n    return selector.replace(/^\\./, '')\n  }\n}\n\n/**\n * Factory function to create media query modifiers\n */\nexport function createMediaQueryModifier(\n  query: string,\n  styles: Record<string, any>\n): MediaQueryModifier {\n  return new MediaQueryModifier(query, styles)\n}\n\n/**\n * Utility to create responsive property modifier\n */\nexport function createResponsivePropertyModifier<T>(\n  property: string,\n  value: ResponsiveValue<T>\n): ResponsiveModifier {\n  const config = { [property]: value } as ResponsiveStyleConfig\n  return new ResponsiveModifier(config)\n}\n\n/**\n * Create a responsive layout modifier\n */\nexport function createResponsiveLayoutModifier(config: {\n  direction?: ResponsiveValue<\n    'row' | 'column' | 'row-reverse' | 'column-reverse'\n  >\n  wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>\n  justify?: ResponsiveValue<\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  >\n  align?: ResponsiveValue<\n    'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  >\n  gap?: ResponsiveValue<number | string>\n}): ResponsiveModifier {\n  const styleConfig: ResponsiveStyleConfig = {}\n\n  if (config.direction) styleConfig.flexDirection = config.direction\n  if (config.wrap) styleConfig.flexWrap = config.wrap\n  if (config.justify) styleConfig.justifyContent = config.justify\n  if (config.align) styleConfig.alignItems = config.align\n  if (config.gap) styleConfig.gap = config.gap\n\n  return new ResponsiveModifier(styleConfig)\n}\n","/**\n * Responsive Modifier Builder\n *\n * Extends the existing ModifierBuilder with responsive capabilities.\n * Provides a fluent API for creating responsive modifiers that integrate\n * seamlessly with the existing modifier system.\n */\n\nimport type { ModifierBuilder, Modifier } from '@tachui/core'\nimport type { ComponentInstance } from '@tachui/core'\nimport {\n  ResponsiveValue,\n  ResponsiveStyleConfig,\n  ResponsiveSpacingConfig,\n  ResponsiveDimensionConfig,\n  ResponsiveTypographyConfig,\n  BreakpointKey,\n  isResponsiveValue,\n} from './types'\nimport {\n  createResponsiveModifier,\n  createMediaQueryModifier,\n  createResponsivePropertyModifier,\n  createResponsiveLayoutModifier,\n} from './responsive-modifier'\n\n/**\n * Responsive modifier builder interface\n */\nexport interface ResponsiveModifierBuilder<\n  T extends ComponentInstance = ComponentInstance,\n> {\n  // Core responsive methods\n  responsive(config: ResponsiveStyleConfig): ResponsiveModifierBuilder<T>\n  mediaQuery(\n    query: string,\n    styles: Record<string, any>\n  ): ResponsiveModifierBuilder<T>\n\n  // Advanced media query methods\n  orientation(\n    orientation: 'portrait' | 'landscape',\n    styles: Record<string, any>\n  ): ResponsiveModifierBuilder<T>\n  colorScheme(\n    scheme: 'light' | 'dark',\n    styles: Record<string, any>\n  ): ResponsiveModifierBuilder<T>\n  reducedMotion(styles: Record<string, any>): ResponsiveModifierBuilder<T>\n  highContrast(styles: Record<string, any>): ResponsiveModifierBuilder<T>\n  touchDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>\n  mouseDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T>\n  retina(styles: Record<string, any>): ResponsiveModifierBuilder<T>\n  print(styles: Record<string, any>): ResponsiveModifierBuilder<T>\n\n  // Responsive layout methods\n  responsiveLayout(config: {\n    direction?: ResponsiveValue<\n      'row' | 'column' | 'row-reverse' | 'column-reverse'\n    >\n    wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>\n    justify?: ResponsiveValue<\n      | 'flex-start'\n      | 'flex-end'\n      | 'center'\n      | 'space-between'\n      | 'space-around'\n      | 'space-evenly'\n    >\n    align?: ResponsiveValue<\n      'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n    >\n    gap?: ResponsiveValue<number | string>\n  }): ResponsiveModifierBuilder<T>\n\n  // Responsive dimension methods\n  responsiveWidth(\n    value: ResponsiveValue<number | string>\n  ): ResponsiveModifierBuilder<T>\n  responsiveHeight(\n    value: ResponsiveValue<number | string>\n  ): ResponsiveModifierBuilder<T>\n  responsiveSize(\n    config: ResponsiveDimensionConfig\n  ): ResponsiveModifierBuilder<T>\n\n  // Responsive spacing methods\n  responsivePadding(\n    value: ResponsiveValue<number | string> | ResponsiveSpacingConfig\n  ): ResponsiveModifierBuilder<T>\n  responsiveMargin(\n    value: ResponsiveValue<number | string> | ResponsiveSpacingConfig\n  ): ResponsiveModifierBuilder<T>\n\n  // Responsive typography methods\n  responsiveFont(\n    config: ResponsiveTypographyConfig\n  ): ResponsiveModifierBuilder<T>\n  responsiveFontSize(\n    value: ResponsiveValue<number | string>\n  ): ResponsiveModifierBuilder<T>\n  responsiveTextAlign(\n    value: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>\n  ): ResponsiveModifierBuilder<T>\n\n  // Breakpoint shorthand methods\n  base: ResponsiveBreakpointBuilder<T>\n  sm: ResponsiveBreakpointBuilder<T>\n  md: ResponsiveBreakpointBuilder<T>\n  lg: ResponsiveBreakpointBuilder<T>\n  xl: ResponsiveBreakpointBuilder<T>\n  '2xl': ResponsiveBreakpointBuilder<T>\n\n  // Builder methods\n  addModifier(modifier: Modifier): void\n  build(): T\n}\n\n/**\n * Breakpoint-specific builder for shorthand syntax\n * Returns ModifierBuilder to allow chaining with regular modifiers after responsive ones\n */\nexport interface ResponsiveBreakpointBuilder<\n  T extends ComponentInstance = ComponentInstance,\n> {\n  // Layout properties\n  width(value: number | string): ModifierBuilder<T>\n  height(value: number | string): ModifierBuilder<T>\n  minWidth(value: number | string): ModifierBuilder<T>\n  maxWidth(value: number | string): ModifierBuilder<T>\n  minHeight(value: number | string): ModifierBuilder<T>\n  maxHeight(value: number | string): ModifierBuilder<T>\n\n  // Padding properties\n  padding(value: number | string): ModifierBuilder<T>\n  paddingHorizontal(value: number | string): ModifierBuilder<T>\n  paddingVertical(value: number | string): ModifierBuilder<T>\n  paddingTop(value: number | string): ModifierBuilder<T>\n  paddingBottom(value: number | string): ModifierBuilder<T>\n  paddingLeft(value: number | string): ModifierBuilder<T>\n  paddingRight(value: number | string): ModifierBuilder<T>\n\n  // Margin properties\n  margin(value: number | string): ModifierBuilder<T>\n  marginHorizontal(value: number | string): ModifierBuilder<T>\n  marginVertical(value: number | string): ModifierBuilder<T>\n  marginTop(value: number | string): ModifierBuilder<T>\n  marginBottom(value: number | string): ModifierBuilder<T>\n  marginLeft(value: number | string): ModifierBuilder<T>\n  marginRight(value: number | string): ModifierBuilder<T>\n\n  // Typography properties\n  fontSize(value: number | string): ModifierBuilder<T>\n  textAlign(value: 'left' | 'center' | 'right' | 'justify'): ModifierBuilder<T>\n\n  // Display properties\n  display(\n    value:\n      | 'none'\n      | 'block'\n      | 'inline'\n      | 'inline-block'\n      | 'flex'\n      | 'inline-flex'\n      | 'grid'\n  ): ModifierBuilder<T>\n\n  // Flexbox properties\n  flexDirection(\n    value: 'row' | 'column' | 'row-reverse' | 'column-reverse'\n  ): ModifierBuilder<T>\n  justifyContent(\n    value:\n      | 'flex-start'\n      | 'flex-end'\n      | 'center'\n      | 'space-between'\n      | 'space-around'\n      | 'space-evenly'\n  ): ModifierBuilder<T>\n  alignItems(\n    value: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  ): ModifierBuilder<T>\n\n  // Visual properties\n  backgroundColor(value: string): ModifierBuilder<T>\n  color(value: string): ModifierBuilder<T>\n  opacity(value: number): ModifierBuilder<T>\n}\n\n/**\n * Implementation of responsive modifier builder using Proxy delegation\n */\nexport class ResponsiveModifierBuilderImpl<\n  T extends ComponentInstance = ComponentInstance,\n> implements ResponsiveModifierBuilder<T>\n{\n  constructor(private baseBuilder: ModifierBuilder<T>) {\n    // Return a Proxy that delegates unknown methods to baseBuilder\n    return new Proxy(this, {\n      get(target, prop) {\n        // If the method exists on this class, use it\n        if (prop in target) {\n          return target[prop as keyof ResponsiveModifierBuilderImpl<T>]\n        }\n\n        // Special handling for responsive breakpoint getters\n        if (\n          prop === 'base' ||\n          prop === 'sm' ||\n          prop === 'md' ||\n          prop === 'lg' ||\n          prop === 'xl' ||\n          prop === '2xl'\n        ) {\n          return target[prop as keyof ResponsiveModifierBuilderImpl<T>]\n        }\n\n        // Delegate everything else to baseBuilder\n        const baseProp = (target.baseBuilder as any)[prop]\n        if (typeof baseProp === 'function') {\n          return (...args: any[]) => {\n            baseProp.apply(target.baseBuilder, args)\n            // Return baseBuilder to maintain fluent chain\n            return target.baseBuilder\n          }\n        }\n\n        return baseProp\n      },\n    }) as ResponsiveModifierBuilderImpl<T>\n  }\n\n  // Delegate essential builder methods\n  addModifier(modifier: Modifier): void {\n    this.baseBuilder.addModifier(modifier)\n  }\n\n  build(): T {\n    return this.baseBuilder.build()\n  }\n\n  // Core responsive methods\n  responsive(config: ResponsiveStyleConfig): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsiveModifier(config)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  mediaQuery(\n    query: string,\n    styles: Record<string, any>\n  ): ResponsiveModifierBuilder<T> {\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  // Advanced media query methods\n  orientation(\n    orientation: 'portrait' | 'landscape',\n    styles: Record<string, any>\n  ): ResponsiveModifierBuilder<T> {\n    const query = `(orientation: ${orientation})`\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  colorScheme(\n    scheme: 'light' | 'dark',\n    styles: Record<string, any>\n  ): ResponsiveModifierBuilder<T> {\n    const query = `(prefers-color-scheme: ${scheme})`\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  reducedMotion(styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = '(prefers-reduced-motion: reduce)'\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  highContrast(styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = '(prefers-contrast: high)'\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  touchDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = '(pointer: coarse)'\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  mouseDevice(styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = '(pointer: fine)'\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  retina(styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = '(min-resolution: 2dppx)'\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  print(styles: Record<string, any>): ResponsiveModifierBuilder<T> {\n    const query = 'print'\n    const modifier = createMediaQueryModifier(query, styles)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  // Responsive layout methods\n  responsiveLayout(config: {\n    direction?: ResponsiveValue<\n      'row' | 'column' | 'row-reverse' | 'column-reverse'\n    >\n    wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>\n    justify?: ResponsiveValue<\n      | 'flex-start'\n      | 'flex-end'\n      | 'center'\n      | 'space-between'\n      | 'space-around'\n      | 'space-evenly'\n    >\n    align?: ResponsiveValue<\n      'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n    >\n    gap?: ResponsiveValue<number | string>\n  }): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsiveLayoutModifier(config)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  // Responsive dimension methods\n  responsiveWidth(\n    value: ResponsiveValue<number | string>\n  ): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsivePropertyModifier('width', value)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  responsiveHeight(\n    value: ResponsiveValue<number | string>\n  ): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsivePropertyModifier('height', value)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  responsiveSize(\n    config: ResponsiveDimensionConfig\n  ): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsiveModifier(config)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  // Responsive spacing methods\n  responsivePadding(\n    value: ResponsiveValue<number | string> | ResponsiveSpacingConfig\n  ): ResponsiveModifierBuilder<T> {\n    if (\n      isResponsiveValue(value) ||\n      typeof value === 'string' ||\n      typeof value === 'number'\n    ) {\n      const modifier = createResponsivePropertyModifier(\n        'padding',\n        value as ResponsiveValue<number | string>\n      )\n      this.baseBuilder.addModifier(modifier)\n    } else {\n      // Handle spacing config\n      const styleConfig: ResponsiveStyleConfig = {}\n      const config = value as ResponsiveSpacingConfig\n\n      if (config.all) styleConfig.padding = config.all\n      if (config.horizontal) {\n        styleConfig.paddingLeft = config.horizontal\n        styleConfig.paddingRight = config.horizontal\n      }\n      if (config.vertical) {\n        styleConfig.paddingTop = config.vertical\n        styleConfig.paddingBottom = config.vertical\n      }\n      if (config.top) styleConfig.paddingTop = config.top\n      if (config.right) styleConfig.paddingRight = config.right\n      if (config.bottom) styleConfig.paddingBottom = config.bottom\n      if (config.left) styleConfig.paddingLeft = config.left\n\n      const modifier = createResponsiveModifier(styleConfig)\n      this.baseBuilder.addModifier(modifier)\n    }\n    return this\n  }\n\n  responsiveMargin(\n    value: ResponsiveValue<number | string> | ResponsiveSpacingConfig\n  ): ResponsiveModifierBuilder<T> {\n    if (\n      isResponsiveValue(value) ||\n      typeof value === 'string' ||\n      typeof value === 'number'\n    ) {\n      const modifier = createResponsivePropertyModifier(\n        'margin',\n        value as ResponsiveValue<number | string>\n      )\n      this.baseBuilder.addModifier(modifier)\n    } else {\n      // Handle spacing config\n      const styleConfig: ResponsiveStyleConfig = {}\n      const config = value as ResponsiveSpacingConfig\n\n      if (config.all) styleConfig.margin = config.all\n      if (config.horizontal) {\n        styleConfig.marginLeft = config.horizontal\n        styleConfig.marginRight = config.horizontal\n      }\n      if (config.vertical) {\n        styleConfig.marginTop = config.vertical\n        styleConfig.marginBottom = config.vertical\n      }\n      if (config.top) styleConfig.marginTop = config.top\n      if (config.right) styleConfig.marginRight = config.right\n      if (config.bottom) styleConfig.marginBottom = config.bottom\n      if (config.left) styleConfig.marginLeft = config.left\n\n      const modifier = createResponsiveModifier(styleConfig)\n      this.baseBuilder.addModifier(modifier)\n    }\n    return this\n  }\n\n  // Responsive typography methods\n  responsiveFont(\n    config: ResponsiveTypographyConfig\n  ): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsiveModifier(config)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  responsiveFontSize(\n    value: ResponsiveValue<number | string>\n  ): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsivePropertyModifier('fontSize', value)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  responsiveTextAlign(\n    value: ResponsiveValue<'left' | 'center' | 'right' | 'justify'>\n  ): ResponsiveModifierBuilder<T> {\n    const modifier = createResponsivePropertyModifier('textAlign', value)\n    this.baseBuilder.addModifier(modifier)\n    return this\n  }\n\n  // Breakpoint shorthand methods\n  get base(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveBreakpointBuilderImpl('base', this, this.baseBuilder)\n  }\n\n  get sm(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveBreakpointBuilderImpl('sm', this, this.baseBuilder)\n  }\n\n  get md(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveBreakpointBuilderImpl('md', this, this.baseBuilder)\n  }\n\n  get lg(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveBreakpointBuilderImpl('lg', this, this.baseBuilder)\n  }\n\n  get xl(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveBreakpointBuilderImpl('xl', this, this.baseBuilder)\n  }\n\n  get '2xl'(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveBreakpointBuilderImpl('2xl', this, this.baseBuilder)\n  }\n\n  // Delegate to base builder methods\n  [key: string]: any\n}\n\n/**\n * Implementation of breakpoint-specific builder\n */\nclass ResponsiveBreakpointBuilderImpl<\n  T extends ComponentInstance = ComponentInstance,\n> implements ResponsiveBreakpointBuilder<T>\n{\n  constructor(\n    private breakpoint: BreakpointKey,\n    private parentBuilder: ResponsiveModifierBuilder<T>,\n    private baseBuilder: ModifierBuilder<T>\n  ) {}\n\n  // Layout properties\n  width(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('width', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  height(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('height', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  minWidth(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'minWidth',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  maxWidth(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'maxWidth',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  minHeight(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'minHeight',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  maxHeight(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'maxHeight',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  padding(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'padding',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  paddingHorizontal(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const leftModifier = createResponsivePropertyModifier(\n      'paddingLeft',\n      responsiveValue\n    )\n    const rightModifier = createResponsivePropertyModifier(\n      'paddingRight',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(leftModifier)\n    this.parentBuilder.addModifier(rightModifier)\n    return this.baseBuilder\n  }\n\n  paddingVertical(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const topModifier = createResponsivePropertyModifier(\n      'paddingTop',\n      responsiveValue\n    )\n    const bottomModifier = createResponsivePropertyModifier(\n      'paddingBottom',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(topModifier)\n    this.parentBuilder.addModifier(bottomModifier)\n    return this.baseBuilder\n  }\n\n  paddingTop(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'paddingTop',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  paddingBottom(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'paddingBottom',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  paddingLeft(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'paddingLeft',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  paddingRight(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'paddingRight',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  margin(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('margin', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  marginHorizontal(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const leftModifier = createResponsivePropertyModifier(\n      'marginLeft',\n      responsiveValue\n    )\n    const rightModifier = createResponsivePropertyModifier(\n      'marginRight',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(leftModifier)\n    this.parentBuilder.addModifier(rightModifier)\n    return this.baseBuilder\n  }\n\n  marginVertical(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const topModifier = createResponsivePropertyModifier(\n      'marginTop',\n      responsiveValue\n    )\n    const bottomModifier = createResponsivePropertyModifier(\n      'marginBottom',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(topModifier)\n    this.parentBuilder.addModifier(bottomModifier)\n    return this.baseBuilder\n  }\n\n  marginTop(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'marginTop',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  marginBottom(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'marginBottom',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  marginLeft(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'marginLeft',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  marginRight(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'marginRight',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  // Typography properties\n  fontSize(value: number | string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'fontSize',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  textAlign(\n    value: 'left' | 'center' | 'right' | 'justify'\n  ): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'textAlign',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  // Display properties\n  display(\n    value:\n      | 'none'\n      | 'block'\n      | 'inline'\n      | 'inline-block'\n      | 'flex'\n      | 'inline-flex'\n      | 'grid'\n  ): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'display',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  // Flexbox properties\n  flexDirection(\n    value: 'row' | 'column' | 'row-reverse' | 'column-reverse'\n  ): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'flexDirection',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  justifyContent(\n    value:\n      | 'flex-start'\n      | 'flex-end'\n      | 'center'\n      | 'space-between'\n      | 'space-around'\n      | 'space-evenly'\n  ): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'justifyContent',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  alignItems(\n    value: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  ): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'alignItems',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  // Visual properties\n  backgroundColor(value: string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'backgroundColor',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  color(value: string): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier('color', responsiveValue)\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n\n  opacity(value: number): ModifierBuilder<T> {\n    const responsiveValue = { [this.breakpoint]: value }\n    const modifier = createResponsivePropertyModifier(\n      'opacity',\n      responsiveValue\n    )\n    this.parentBuilder.addModifier(modifier)\n    return this.baseBuilder\n  }\n}\n\n/**\n * Utility function to wrap existing modifier builder with responsive capabilities\n */\nexport function withResponsive<T extends ComponentInstance = ComponentInstance>(\n  builder: ModifierBuilder<T>\n): ResponsiveModifierBuilder<T> {\n  return new ResponsiveModifierBuilderImpl(builder)\n}\n\n/**\n * Create a responsive modifier builder from scratch\n */\nexport function createResponsiveBuilder<\n  T extends ComponentInstance = ComponentInstance,\n>(baseBuilder: ModifierBuilder<T>): ResponsiveModifierBuilder<T> {\n  return new ResponsiveModifierBuilderImpl(baseBuilder)\n}\n","/**\n * Responsive Design Utilities\n *\n * Provides utility functions and hooks for working with responsive design\n * in tachUI applications. Includes breakpoint detection, media query helpers,\n * and responsive value resolution.\n */\n\nimport {\n  BreakpointKey,\n  BreakpointContext,\n  ResponsiveValue,\n  isResponsiveValue,\n} from './types'\nimport {\n  getCurrentBreakpoint,\n  createBreakpointContext,\n  getBreakpointIndex,\n} from './breakpoints'\nimport { createSignal, createComputed, Signal } from '@tachui/core'\n\n/**\n * Hook to get current breakpoint information\n */\nexport function useBreakpoint(): {\n  current: Signal<BreakpointKey>\n  context: Signal<BreakpointContext>\n  isAbove: (breakpoint: BreakpointKey) => Signal<boolean>\n  isBelow: (breakpoint: BreakpointKey) => Signal<boolean>\n  isBetween: (min: BreakpointKey, max: BreakpointKey) => Signal<boolean>\n  matches: (query: string) => Signal<boolean>\n} {\n  const current = getCurrentBreakpoint()\n\n  const context = createComputed(() => createBreakpointContext())\n\n  const isAbove = (breakpoint: BreakpointKey) =>\n    createComputed(\n      () => getBreakpointIndex(current()) > getBreakpointIndex(breakpoint)\n    )\n\n  const isBelow = (breakpoint: BreakpointKey) =>\n    createComputed(\n      () => getBreakpointIndex(current()) < getBreakpointIndex(breakpoint)\n    )\n\n  const isBetween = (min: BreakpointKey, max: BreakpointKey) =>\n    createComputed(() => {\n      const currentIndex = getBreakpointIndex(current())\n      const minIndex = getBreakpointIndex(min)\n      const maxIndex = getBreakpointIndex(max)\n      return currentIndex >= minIndex && currentIndex <= maxIndex\n    })\n\n  const matches = (query: string) => {\n    const [matchesSignal, setMatches] = createSignal(false)\n\n    if (typeof window !== 'undefined') {\n      const mediaQuery = window.matchMedia(query)\n      setMatches(mediaQuery.matches)\n\n      const handler = (e: MediaQueryListEvent) => setMatches(e.matches)\n      mediaQuery.addEventListener('change', handler)\n\n      // Cleanup would need to be handled by caller\n    }\n\n    return matchesSignal as Signal<boolean>\n  }\n\n  return {\n    current,\n    context,\n    isAbove,\n    isBelow,\n    isBetween,\n    matches,\n  }\n}\n\n/**\n * Hook to create a reactive media query\n */\nexport function useMediaQuery(query: string): Signal<boolean> {\n  const [matches, setMatches] = createSignal(false)\n\n  if (typeof window !== 'undefined') {\n    const mediaQuery = window.matchMedia(query)\n    setMatches(mediaQuery.matches)\n\n    const handler = (e: MediaQueryListEvent) => setMatches(e.matches)\n    mediaQuery.addEventListener('change', handler)\n\n    // TODO: Implement cleanup mechanism\n  }\n\n  return matches as Signal<boolean>\n}\n\n/**\n * Resolve a responsive value to its current value based on the current breakpoint\n */\nexport function useResponsiveValue<T>(value: ResponsiveValue<T>): Signal<T> {\n  const currentBreakpoint = getCurrentBreakpoint()\n\n  return createComputed(() => {\n    if (!isResponsiveValue(value)) {\n      return value as T\n    }\n\n    const breakpoint = currentBreakpoint()\n    const responsiveObj = value as Partial<Record<BreakpointKey, T>>\n\n    // Try to find value for current breakpoint or closest smaller breakpoint\n    const breakpointOrder: BreakpointKey[] = [\n      'base',\n      'sm',\n      'md',\n      'lg',\n      'xl',\n      '2xl',\n    ]\n    const currentIndex = breakpointOrder.indexOf(breakpoint)\n\n    // Search backwards from current breakpoint to find defined value\n    for (let i = currentIndex; i >= 0; i--) {\n      const bp = breakpointOrder[i]\n      if (responsiveObj[bp] !== undefined) {\n        return responsiveObj[bp]!\n      }\n    }\n\n    // Fallback to any defined value\n    for (const bp of breakpointOrder) {\n      if (responsiveObj[bp] !== undefined) {\n        return responsiveObj[bp]!\n      }\n    }\n\n    // This shouldn't happen with proper TypeScript usage\n    throw new Error('No responsive value found for any breakpoint')\n  })\n}\n\n/**\n * Create a responsive value resolver for static resolution\n */\nexport function resolveResponsiveValue<T>(\n  value: ResponsiveValue<T>,\n  targetBreakpoint?: BreakpointKey\n): T {\n  if (!isResponsiveValue(value)) {\n    return value as T\n  }\n\n  const responsiveObj = value as Partial<Record<BreakpointKey, T>>\n  const breakpoint = targetBreakpoint || getCurrentBreakpoint()()\n\n  // Find value for target breakpoint or closest smaller breakpoint\n  const breakpointOrder: BreakpointKey[] = [\n    'base',\n    'sm',\n    'md',\n    'lg',\n    'xl',\n    '2xl',\n  ]\n  const targetIndex = breakpointOrder.indexOf(breakpoint)\n\n  // Search backwards from target breakpoint\n  for (let i = targetIndex; i >= 0; i--) {\n    const bp = breakpointOrder[i]\n    if (responsiveObj[bp] !== undefined) {\n      return responsiveObj[bp]!\n    }\n  }\n\n  // Fallback to any defined value\n  for (const bp of breakpointOrder) {\n    if (responsiveObj[bp] !== undefined) {\n      return responsiveObj[bp]!\n    }\n  }\n\n  throw new Error('No responsive value found for any breakpoint')\n}\n\n/**\n * Create responsive CSS custom properties (CSS variables)\n */\nexport function createResponsiveCSSVariables(\n  prefix: string,\n  values: Record<string, ResponsiveValue<string | number>>\n): Record<string, string> {\n  const cssVariables: Record<string, string> = {}\n\n  for (const [key, value] of Object.entries(values)) {\n    if (isResponsiveValue(value)) {\n      const responsiveObj = value as Partial<\n        Record<BreakpointKey, string | number>\n      >\n\n      // Create CSS variables for each breakpoint\n      for (const [breakpoint, val] of Object.entries(responsiveObj)) {\n        if (val !== undefined) {\n          const varName =\n            breakpoint === 'base'\n              ? `--${prefix}-${key}`\n              : `--${prefix}-${key}-${breakpoint}`\n          cssVariables[varName] = val.toString()\n        }\n      }\n    } else {\n      cssVariables[`--${prefix}-${key}`] = value.toString()\n    }\n  }\n\n  return cssVariables\n}\n\n/**\n * Generate CSS media query string for common patterns\n */\nexport const MediaQueries = {\n  // Viewport size queries\n  mobile: '(max-width: 767px)',\n  tablet: '(min-width: 768px) and (max-width: 1023px)',\n  desktop: '(min-width: 1024px)',\n\n  // Device orientation\n  landscape: '(orientation: landscape)',\n  portrait: '(orientation: portrait)',\n\n  // Device pixel density\n  highDPI: '(min-resolution: 2dppx)',\n  lowDPI: '(max-resolution: 1dppx)',\n  retinaDisplay: '(min-resolution: 2dppx)',\n  standardDisplay: '(max-resolution: 1.9dppx)',\n\n  // Color scheme preference\n  darkMode: '(prefers-color-scheme: dark)',\n  lightMode: '(prefers-color-scheme: light)',\n  noColorSchemePreference: '(prefers-color-scheme: no-preference)',\n\n  // Reduced motion preference\n  reducedMotion: '(prefers-reduced-motion: reduce)',\n  allowMotion: '(prefers-reduced-motion: no-preference)',\n\n  // Contrast preference (accessibility)\n  highContrast: '(prefers-contrast: high)',\n  lowContrast: '(prefers-contrast: low)',\n  normalContrast: '(prefers-contrast: no-preference)',\n\n  // Data usage preference\n  reduceData: '(prefers-reduced-data: reduce)',\n  allowData: '(prefers-reduced-data: no-preference)',\n\n  // Transparency preference\n  reduceTransparency: '(prefers-reduced-transparency: reduce)',\n  allowTransparency: '(prefers-reduced-transparency: no-preference)',\n\n  // Hover capability\n  canHover: '(hover: hover)',\n  noHover: '(hover: none)',\n\n  // Pointer capability\n  finePointer: '(pointer: fine)', // Mouse, trackpad\n  coarsePointer: '(pointer: coarse)', // Touch\n\n  // Any-hover (any input can hover)\n  anyCanHover: '(any-hover: hover)',\n  anyNoHover: '(any-hover: none)',\n\n  // Any-pointer (any input type)\n  anyFinePointer: '(any-pointer: fine)',\n  anyCoarsePointer: '(any-pointer: coarse)',\n\n  // Update preference\n  slowUpdate: '(update: slow)', // E-ink displays\n  fastUpdate: '(update: fast)', // Standard displays\n\n  // Overflow-block capability\n  blockScrolling: '(overflow-block: scroll)',\n  blockPaged: '(overflow-block: paged)',\n\n  // Overflow-inline capability\n  inlineScrolling: '(overflow-inline: scroll)',\n\n  // Forced colors (high contrast mode)\n  forcedColors: '(forced-colors: active)',\n  normalColors: '(forced-colors: none)',\n\n  // Inverted colors\n  invertedColors: '(inverted-colors: inverted)',\n  normalInvertedColors: '(inverted-colors: none)',\n\n  // Scripting capability\n  scriptingEnabled: '(scripting: enabled)',\n  scriptingDisabled: '(scripting: none)',\n  scriptingInitialOnly: '(scripting: initial-only)',\n\n  // Container queries (future)\n  containerSmall: '(max-width: 400px)',\n  containerMedium: '(min-width: 401px) and (max-width: 800px)',\n  containerLarge: '(min-width: 801px)',\n\n  // Custom breakpoint builders\n  minWidth: (width: number | string) =>\n    `(min-width: ${width}${typeof width === 'number' ? 'px' : ''})`,\n  maxWidth: (width: number | string) =>\n    `(max-width: ${width}${typeof width === 'number' ? 'px' : ''})`,\n  between: (min: number | string, max: number | string) =>\n    `(min-width: ${min}${typeof min === 'number' ? 'px' : ''}) and (max-width: ${max}${typeof max === 'number' ? 'px' : ''})`,\n\n  // Height-based queries\n  minHeight: (height: number | string) =>\n    `(min-height: ${height}${typeof height === 'number' ? 'px' : ''})`,\n  maxHeight: (height: number | string) =>\n    `(max-height: ${height}${typeof height === 'number' ? 'px' : ''})`,\n  heightBetween: (min: number | string, max: number | string) =>\n    `(min-height: ${min}${typeof min === 'number' ? 'px' : ''}) and (max-height: ${max}${typeof max === 'number' ? 'px' : ''})`,\n\n  // Aspect ratio queries\n  square: '(aspect-ratio: 1/1)',\n  landscape16_9: '(aspect-ratio: 16/9)',\n  portrait9_16: '(aspect-ratio: 9/16)',\n  widescreen: '(min-aspect-ratio: 16/9)',\n  tallscreen: '(max-aspect-ratio: 9/16)',\n  customAspectRatio: (ratio: string) => `(aspect-ratio: ${ratio})`,\n  minAspectRatio: (ratio: string) => `(min-aspect-ratio: ${ratio})`,\n  maxAspectRatio: (ratio: string) => `(max-aspect-ratio: ${ratio})`,\n\n  // Resolution queries\n  lowRes: '(max-resolution: 120dpi)',\n  standardRes: '(min-resolution: 120dpi) and (max-resolution: 192dpi)',\n  highRes: '(min-resolution: 192dpi)',\n  customResolution: (dpi: number) => `(min-resolution: ${dpi}dpi)`,\n\n  // Print media\n  print: 'print',\n  screen: 'screen',\n  speech: 'speech',\n\n  // Device-specific queries (common patterns)\n  iPhone: '(max-width: 428px)',\n  iPad: '(min-width: 768px) and (max-width: 1024px)',\n  desktopSmall: '(min-width: 1024px) and (max-width: 1440px)',\n  desktopLarge: '(min-width: 1440px)',\n\n  // Special conditions\n  touchDevice: '(pointer: coarse)',\n  mouseDevice: '(pointer: fine)',\n  keyboardNavigation: '(hover: none) and (pointer: coarse)',\n\n  // Modern display features\n  wideColorGamut: '(color-gamut: p3)',\n  standardColorGamut: '(color-gamut: srgb)',\n  hdr: '(dynamic-range: high)',\n  sdr: '(dynamic-range: standard)',\n} as const\n\n/**\n * Utility to combine multiple media queries\n */\nexport function combineMediaQueries(...queries: string[]): string {\n  return queries.filter(q => q).join(' and ')\n}\n\n/**\n * Utility to create OR media queries\n */\nexport function orMediaQueries(...queries: string[]): string {\n  return queries.filter(q => q).join(', ')\n}\n\n/**\n * Create a responsive show/hide utility\n */\nexport function createResponsiveVisibility(config: {\n  showOn?: BreakpointKey[]\n  hideOn?: BreakpointKey[]\n}): Signal<boolean> {\n  const currentBreakpoint = getCurrentBreakpoint()\n\n  return createComputed(() => {\n    const current = currentBreakpoint()\n\n    if (config.hideOn && config.hideOn.includes(current)) {\n      return false\n    }\n\n    if (config.showOn && !config.showOn.includes(current)) {\n      return false\n    }\n\n    return true\n  })\n}\n\n/**\n * Debug utility to log current responsive state\n */\nexport function logResponsiveState(): void {\n  if (typeof window === 'undefined') return\n\n  const context = createBreakpointContext()\n\n  console.group('🔍 tachUI Responsive State')\n  console.log('Current breakpoint:', context.current)\n  console.log('Viewport dimensions:', `${context.width}x${context.height}`)\n  console.log('Available breakpoints:', ['base', 'sm', 'md', 'lg', 'xl', '2xl'])\n\n  // Test common media queries\n  const commonQueries = {\n    Mobile: MediaQueries.mobile,\n    Tablet: MediaQueries.tablet,\n    Desktop: MediaQueries.desktop,\n    'Dark mode': MediaQueries.darkMode,\n    'Reduced motion': MediaQueries.reducedMotion,\n    'Can hover': MediaQueries.canHover,\n  }\n\n  console.log('Media query matches:')\n  for (const [name, query] of Object.entries(commonQueries)) {\n    console.log(`  ${name}: ${window.matchMedia(query).matches}`)\n  }\n\n  console.groupEnd()\n}\n\n/**\n * Utility function to wrap existing modifier builder with responsive capabilities\n */\nexport function withResponsive<T>(value: T): T {\n  // For now, just return the value as-is\n  // This would be enhanced to work with actual modifier builders\n  return value\n}\n\n/**\n * Development-only responsive debugging overlay\n */\nexport function enableResponsiveDebugOverlay(\n  options: {\n    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n    showDimensions?: boolean\n    showBreakpoint?: boolean\n  } = {}\n): void {\n  if (typeof window === 'undefined' || process.env.NODE_ENV === 'production') {\n    return\n  }\n\n  const {\n    position = 'top-right',\n    showDimensions = true,\n    showBreakpoint = true,\n  } = options\n\n  // Create debug overlay element\n  const overlay = document.createElement('div')\n  overlay.id = 'tachui-responsive-debug'\n  overlay.style.cssText = `\n    position: fixed;\n    ${position.includes('top') ? 'top: 10px' : 'bottom: 10px'};\n    ${position.includes('right') ? 'right: 10px' : 'left: 10px'};\n    background: rgba(0, 0, 0, 0.8);\n    color: white;\n    padding: 8px 12px;\n    border-radius: 4px;\n    font-family: monospace;\n    font-size: 12px;\n    z-index: 9999;\n    pointer-events: none;\n    white-space: pre-line;\n  `\n\n  document.body.appendChild(overlay)\n\n  // Update overlay content\n  function updateOverlay() {\n    const context = createBreakpointContext()\n    let content = ''\n\n    if (showBreakpoint) {\n      content += `Breakpoint: ${context.current}`\n    }\n\n    if (showDimensions) {\n      if (content) content += '\\n'\n      content += `Size: ${context.width}×${context.height}`\n    }\n\n    overlay.textContent = content\n  }\n\n  // Initial update\n  updateOverlay()\n\n  // Update on resize\n  window.addEventListener('resize', updateOverlay)\n\n  // Log initial state\n  logResponsiveState()\n}\n","/**\n * Responsive Layout Utility Patterns\n *\n * Provides common responsive layout patterns and utilities that make it easy\n * to create responsive designs without writing custom CSS for every use case.\n */\n\nimport {\n  ResponsiveValue,\n  BreakpointKey,\n  ResponsiveSpacingConfig,\n} from './types'\nimport { createResponsiveModifier } from './responsive-modifier'\n\n/**\n * Configuration for responsive grid layout\n */\nexport interface ResponsiveGridConfig {\n  columns?: ResponsiveValue<number>\n  rows?: ResponsiveValue<number>\n  gap?: ResponsiveValue<string | number>\n  columnGap?: ResponsiveValue<string | number>\n  rowGap?: ResponsiveValue<string | number>\n  autoFlow?: ResponsiveValue<'row' | 'column' | 'row dense' | 'column dense'>\n  autoRows?: ResponsiveValue<string>\n  autoColumns?: ResponsiveValue<string>\n  templateAreas?: ResponsiveValue<string>\n}\n\n/**\n * Configuration for responsive flexbox layout\n */\nexport interface ResponsiveFlexConfig {\n  direction?: ResponsiveValue<\n    'row' | 'row-reverse' | 'column' | 'column-reverse'\n  >\n  wrap?: ResponsiveValue<'nowrap' | 'wrap' | 'wrap-reverse'>\n  justify?: ResponsiveValue<\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  >\n  align?: ResponsiveValue<\n    'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  >\n  alignContent?: ResponsiveValue<\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'stretch'\n    | 'space-between'\n    | 'space-around'\n  >\n  gap?: ResponsiveValue<string | number>\n  columnGap?: ResponsiveValue<string | number>\n  rowGap?: ResponsiveValue<string | number>\n}\n\n/**\n * Configuration for responsive container layout\n */\nexport interface ResponsiveContainerConfig {\n  maxWidth?: ResponsiveValue<string | number>\n  width?: ResponsiveValue<string | number>\n  padding?: ResponsiveValue<string | number>\n  margin?: ResponsiveValue<string | number>\n  centerContent?: ResponsiveValue<boolean>\n}\n\n/**\n * Responsive Grid Layout Utilities\n */\nexport class ResponsiveGridPatterns {\n  /**\n   * Create a responsive grid with automatic column sizing\n   */\n  static autoFit(config: {\n    minColumnWidth: ResponsiveValue<string | number>\n    gap?: ResponsiveValue<string | number>\n    maxColumns?: ResponsiveValue<number>\n  }) {\n    const gridConfig: any = {}\n\n    if (typeof config.minColumnWidth === 'object') {\n      // Handle responsive minColumnWidth\n      gridConfig.gridTemplateColumns = {}\n      for (const [breakpoint, width] of Object.entries(config.minColumnWidth)) {\n        const widthValue = typeof width === 'number' ? `${width}px` : width\n        const maxCols =\n          config.maxColumns && typeof config.maxColumns === 'object'\n            ? config.maxColumns[breakpoint as BreakpointKey] || 'auto'\n            : config.maxColumns || 'auto'\n\n        gridConfig.gridTemplateColumns[breakpoint] =\n          maxCols === 'auto'\n            ? `repeat(auto-fit, minmax(${widthValue}, 1fr))`\n            : `repeat(${maxCols}, minmax(${widthValue}, 1fr))`\n      }\n    } else {\n      const widthValue =\n        typeof config.minColumnWidth === 'number'\n          ? `${config.minColumnWidth}px`\n          : config.minColumnWidth\n      const maxCols = config.maxColumns || 'auto'\n      gridConfig.gridTemplateColumns =\n        maxCols === 'auto'\n          ? `repeat(auto-fit, minmax(${widthValue}, 1fr))`\n          : `repeat(${maxCols}, minmax(${widthValue}, 1fr))`\n    }\n\n    if (config.gap) {\n      gridConfig.gap = config.gap\n    }\n\n    gridConfig.display = 'grid'\n\n    return createResponsiveModifier(gridConfig)\n  }\n\n  /**\n   * Create a responsive grid with explicit column counts\n   */\n  static columns(\n    columns: ResponsiveValue<number>,\n    config?: {\n      gap?: ResponsiveValue<string | number>\n      rowGap?: ResponsiveValue<string | number>\n      autoRows?: ResponsiveValue<string>\n    }\n  ) {\n    const gridConfig: any = {\n      display: 'grid',\n      gridTemplateColumns:\n        typeof columns === 'object'\n          ? Object.fromEntries(\n              Object.entries(columns).map(([bp, cols]) => [\n                bp,\n                `repeat(${cols}, 1fr)`,\n              ])\n            )\n          : `repeat(${columns}, 1fr)`,\n    }\n\n    if (config?.gap) gridConfig.gap = config.gap\n    if (config?.rowGap) gridConfig.rowGap = config.rowGap\n    if (config?.autoRows) gridConfig.gridAutoRows = config.autoRows\n\n    return createResponsiveModifier(gridConfig)\n  }\n\n  /**\n   * Create responsive masonry-style grid\n   */\n  static masonry(config: {\n    columns: ResponsiveValue<number>\n    gap?: ResponsiveValue<string | number>\n  }) {\n    const gridConfig: any = {\n      display: 'grid',\n      gridTemplateColumns:\n        typeof config.columns === 'object'\n          ? Object.fromEntries(\n              Object.entries(config.columns).map(([bp, cols]) => [\n                bp,\n                `repeat(${cols}, 1fr)`,\n              ])\n            )\n          : `repeat(${config.columns}, 1fr)`,\n      gridAutoRows: 'max-content',\n    }\n\n    if (config.gap) gridConfig.gap = config.gap\n\n    return createResponsiveModifier(gridConfig)\n  }\n}\n\n/**\n * Responsive Flexbox Layout Utilities\n */\nexport class ResponsiveFlexPatterns {\n  /**\n   * Create a responsive flex container that stacks on mobile, flows horizontally on desktop\n   */\n  static stackToRow(config?: {\n    stackBreakpoint?: BreakpointKey\n    gap?: ResponsiveValue<string | number>\n    align?: ResponsiveValue<\n      'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n    >\n    justify?: ResponsiveValue<\n      | 'flex-start'\n      | 'flex-end'\n      | 'center'\n      | 'space-between'\n      | 'space-around'\n      | 'space-evenly'\n    >\n  }) {\n    const stackBreakpoint = config?.stackBreakpoint || 'md'\n\n    const flexConfig: any = {\n      display: 'flex',\n      flexDirection: {\n        base: 'column',\n        [stackBreakpoint]: 'row',\n      },\n    }\n\n    if (config?.gap) flexConfig.gap = config.gap\n    if (config?.align) flexConfig.alignItems = config.align\n    if (config?.justify) flexConfig.justifyContent = config.justify\n\n    return createResponsiveModifier(flexConfig)\n  }\n\n  /**\n   * Create a responsive flex container with wrapping behavior\n   */\n  static wrap(config?: ResponsiveFlexConfig) {\n    const flexConfig: any = {\n      display: 'flex',\n      flexWrap: 'wrap',\n      ...config,\n    }\n\n    return createResponsiveModifier(flexConfig)\n  }\n\n  /**\n   * Create centered flex layout\n   */\n  static center(direction: ResponsiveValue<'row' | 'column'> = 'row') {\n    const flexConfig: any = {\n      display: 'flex',\n      flexDirection: direction,\n      justifyContent: 'center',\n      alignItems: 'center',\n    }\n\n    return createResponsiveModifier(flexConfig)\n  }\n\n  /**\n   * Create space-between flex layout\n   */\n  static spaceBetween(direction: ResponsiveValue<'row' | 'column'> = 'row') {\n    const flexConfig: any = {\n      display: 'flex',\n      flexDirection: direction,\n      justifyContent: 'space-between',\n      alignItems: 'center',\n    }\n\n    return createResponsiveModifier(flexConfig)\n  }\n}\n\n/**\n * Responsive Container Utilities\n */\nexport class ResponsiveContainerPatterns {\n  /**\n   * Create a responsive container with max-width constraints\n   */\n  static container(config?: ResponsiveContainerConfig) {\n    const containerConfig: any = {\n      width: '100%',\n      marginLeft: 'auto',\n      marginRight: 'auto',\n    }\n\n    if (config?.maxWidth) {\n      containerConfig.maxWidth = config.maxWidth\n    } else {\n      // Default responsive max-widths\n      containerConfig.maxWidth = {\n        sm: '640px',\n        md: '768px',\n        lg: '1024px',\n        xl: '1280px',\n        '2xl': '1536px',\n      }\n    }\n\n    if (config?.padding) {\n      containerConfig.paddingLeft = config.padding\n      containerConfig.paddingRight = config.padding\n    }\n\n    if (config?.margin) {\n      containerConfig.marginTop = config.margin\n      containerConfig.marginBottom = config.margin\n    }\n\n    return createResponsiveModifier(containerConfig)\n  }\n\n  /**\n   * Create a full-width container that breaks out of constraints\n   */\n  static fullWidth() {\n    return createResponsiveModifier({\n      width: '100vw',\n      marginLeft: 'calc(-50vw + 50%)',\n      marginRight: 'calc(-50vw + 50%)',\n    })\n  }\n\n  /**\n   * Create a section container with responsive padding\n   */\n  static section(config?: {\n    paddingY?: ResponsiveValue<string | number>\n    paddingX?: ResponsiveValue<string | number>\n    maxWidth?: ResponsiveValue<string | number>\n  }) {\n    const sectionConfig: any = {}\n\n    if (config?.paddingY) {\n      sectionConfig.paddingTop = config.paddingY\n      sectionConfig.paddingBottom = config.paddingY\n    }\n\n    if (config?.paddingX) {\n      sectionConfig.paddingLeft = config.paddingX\n      sectionConfig.paddingRight = config.paddingX\n    }\n\n    if (config?.maxWidth) {\n      sectionConfig.maxWidth = config.maxWidth\n      sectionConfig.marginLeft = 'auto'\n      sectionConfig.marginRight = 'auto'\n    }\n\n    return createResponsiveModifier(sectionConfig)\n  }\n}\n\n/**\n * Responsive Visibility Utilities\n */\nexport class ResponsiveVisibilityPatterns {\n  /**\n   * Show element only on specific breakpoints\n   */\n  static showOn(breakpoints: BreakpointKey[]) {\n    const displayConfig: any = {\n      display: {}, // Start with empty object\n    }\n\n    // Show on specified breakpoints\n    for (const breakpoint of breakpoints) {\n      displayConfig.display[breakpoint] = 'block'\n    }\n\n    return createResponsiveModifier(displayConfig)\n  }\n\n  /**\n   * Hide element only on specific breakpoints\n   */\n  static hideOn(breakpoints: BreakpointKey[]) {\n    const displayConfig: any = {\n      display: {}, // Start with empty object\n    }\n\n    // Hide on specified breakpoints\n    for (const breakpoint of breakpoints) {\n      displayConfig.display[breakpoint] = 'none'\n    }\n\n    return createResponsiveModifier(displayConfig)\n  }\n\n  /**\n   * Show on mobile, hide on desktop\n   */\n  static mobileOnly() {\n    return createResponsiveModifier({\n      display: {\n        base: 'block',\n        md: 'none',\n      },\n    })\n  }\n\n  /**\n   * Hide on mobile, show on desktop\n   */\n  static desktopOnly() {\n    return createResponsiveModifier({\n      display: {\n        base: 'none',\n        md: 'block',\n      },\n    })\n  }\n\n  /**\n   * Show only on tablet breakpoint\n   */\n  static tabletOnly() {\n    return createResponsiveModifier({\n      display: {\n        base: 'none',\n        md: 'block',\n        lg: 'none',\n      },\n    })\n  }\n}\n\n/**\n * Responsive Spacing Utilities\n */\nexport class ResponsiveSpacingPatterns {\n  /**\n   * Create responsive padding\n   */\n  static padding(config: ResponsiveSpacingConfig) {\n    const paddingConfig: any = {}\n\n    if (config.all) paddingConfig.padding = config.all\n    if (config.horizontal) {\n      paddingConfig.paddingLeft = config.horizontal\n      paddingConfig.paddingRight = config.horizontal\n    }\n    if (config.vertical) {\n      paddingConfig.paddingTop = config.vertical\n      paddingConfig.paddingBottom = config.vertical\n    }\n    if (config.top) paddingConfig.paddingTop = config.top\n    if (config.right) paddingConfig.paddingRight = config.right\n    if (config.bottom) paddingConfig.paddingBottom = config.bottom\n    if (config.left) paddingConfig.paddingLeft = config.left\n\n    return createResponsiveModifier(paddingConfig)\n  }\n\n  /**\n   * Create responsive margin\n   */\n  static margin(config: ResponsiveSpacingConfig) {\n    const marginConfig: any = {}\n\n    if (config.all) marginConfig.margin = config.all\n    if (config.horizontal) {\n      marginConfig.marginLeft = config.horizontal\n      marginConfig.marginRight = config.horizontal\n    }\n    if (config.vertical) {\n      marginConfig.marginTop = config.vertical\n      marginConfig.marginBottom = config.vertical\n    }\n    if (config.top) marginConfig.marginTop = config.top\n    if (config.right) marginConfig.marginRight = config.right\n    if (config.bottom) marginConfig.marginBottom = config.bottom\n    if (config.left) marginConfig.marginLeft = config.left\n\n    return createResponsiveModifier(marginConfig)\n  }\n\n  /**\n   * Create responsive gap (for flexbox and grid)\n   */\n  static gap(config: {\n    all?: ResponsiveValue<string | number>\n    column?: ResponsiveValue<string | number>\n    row?: ResponsiveValue<string | number>\n  }) {\n    const gapConfig: any = {}\n\n    if (config.all) gapConfig.gap = config.all\n    if (config.column) gapConfig.columnGap = config.column\n    if (config.row) gapConfig.rowGap = config.row\n\n    return createResponsiveModifier(gapConfig)\n  }\n}\n\n/**\n * Responsive Typography Utilities\n */\nexport class ResponsiveTypographyPatterns {\n  /**\n   * Create responsive font scale\n   */\n  static scale(config: {\n    base: string | number\n    scale?: ResponsiveValue<number>\n    lineHeight?: ResponsiveValue<number | string>\n  }) {\n    const typographyConfig: any = {\n      fontSize: config.base,\n    }\n\n    if (config.scale && typeof config.scale === 'object') {\n      typographyConfig.fontSize = {}\n      for (const [breakpoint, scaleValue] of Object.entries(config.scale)) {\n        const baseSize =\n          typeof config.base === 'number'\n            ? config.base\n            : parseFloat(config.base)\n        typographyConfig.fontSize[breakpoint] = `${baseSize * scaleValue}px`\n      }\n    }\n\n    if (config.lineHeight) {\n      typographyConfig.lineHeight = config.lineHeight\n    }\n\n    return createResponsiveModifier(typographyConfig)\n  }\n\n  /**\n   * Create fluid typography that scales smoothly\n   */\n  static fluid(config: {\n    minSize: string | number\n    maxSize: string | number\n    minBreakpoint?: string\n    maxBreakpoint?: string\n  }) {\n    const minBp = config.minBreakpoint || '320px'\n    const maxBp = config.maxBreakpoint || '1200px'\n    const minSize =\n      typeof config.minSize === 'number'\n        ? `${config.minSize}px`\n        : config.minSize\n    const maxSize =\n      typeof config.maxSize === 'number'\n        ? `${config.maxSize}px`\n        : config.maxSize\n\n    return createResponsiveModifier({\n      fontSize: `clamp(${minSize}, calc(${minSize} + (${maxSize} - ${minSize}) * ((100vw - ${minBp}) / (${maxBp} - ${minBp}))), ${maxSize})`,\n    })\n  }\n}\n\n/**\n * Common Layout Patterns\n */\nexport const LayoutPatterns = {\n  /**\n   * Sidebar layout that collapses on mobile\n   */\n  sidebar: (config?: {\n    sidebarWidth?: ResponsiveValue<string | number>\n    collapseBreakpoint?: BreakpointKey\n    gap?: ResponsiveValue<string | number>\n  }) => {\n    const collapseBreakpoint = config?.collapseBreakpoint || 'md'\n    const sidebarWidth = config?.sidebarWidth || '250px'\n\n    return createResponsiveModifier({\n      display: 'grid',\n      gridTemplateColumns: {\n        base: '1fr',\n        [collapseBreakpoint]: `${sidebarWidth} 1fr`,\n      },\n      gap: config?.gap || '1rem',\n    })\n  },\n\n  /**\n   * Holy grail layout (header, footer, sidebar, main content)\n   */\n  holyGrail: (config?: {\n    headerHeight?: ResponsiveValue<string | number>\n    footerHeight?: ResponsiveValue<string | number>\n    sidebarWidth?: ResponsiveValue<string | number>\n    collapseBreakpoint?: BreakpointKey\n  }) => {\n    const collapseBreakpoint = config?.collapseBreakpoint || 'lg'\n\n    return createResponsiveModifier({\n      display: 'grid',\n      gridTemplateAreas: {\n        base: '\"header\" \"main\" \"footer\"',\n        [collapseBreakpoint]: '\"header header\" \"sidebar main\" \"footer footer\"',\n      },\n      gridTemplateRows: {\n        base: `${config?.headerHeight || 'auto'} 1fr ${config?.footerHeight || 'auto'}`,\n        [collapseBreakpoint]: `${config?.headerHeight || 'auto'} 1fr ${config?.footerHeight || 'auto'}`,\n      },\n      gridTemplateColumns: {\n        base: '1fr',\n        [collapseBreakpoint]: `${config?.sidebarWidth || '250px'} 1fr`,\n      },\n      minHeight: '100vh',\n    })\n  },\n\n  /**\n   * Card grid layout\n   */\n  cardGrid: (config?: {\n    minCardWidth?: ResponsiveValue<string | number>\n    gap?: ResponsiveValue<string | number>\n    maxColumns?: ResponsiveValue<number>\n  }) => {\n    return ResponsiveGridPatterns.autoFit({\n      minColumnWidth: config?.minCardWidth || '300px',\n      gap: config?.gap || '1rem',\n      maxColumns: config?.maxColumns,\n    })\n  },\n\n  /**\n   * Hero section layout\n   */\n  hero: (config?: {\n    minHeight?: ResponsiveValue<string | number>\n    textAlign?: ResponsiveValue<'left' | 'center' | 'right'>\n    padding?: ResponsiveValue<string | number>\n  }) => {\n    return createResponsiveModifier({\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: 'center',\n      alignItems: 'center',\n      textAlign: config?.textAlign || 'center',\n      minHeight: config?.minHeight || '50vh',\n      padding: config?.padding || '2rem',\n    })\n  },\n}\n\n/**\n * Export all layout patterns for easy access\n */\nexport {\n  ResponsiveGridPatterns as ResponsiveGrid,\n  ResponsiveFlexPatterns as Flex,\n  ResponsiveContainerPatterns as Container,\n  ResponsiveVisibilityPatterns as Visibility,\n  ResponsiveSpacingPatterns as Spacing,\n  ResponsiveTypographyPatterns as ResponsiveTypography,\n}\n","/**\n * Advanced Responsive Utilities\n *\n * Provides programmatic access to responsive behavior, advanced hooks,\n * and complex responsive logic utilities for sophisticated applications.\n */\n\nimport {\n  createSignal,\n  createComputed,\n  createEffect,\n  createMemo,\n  Signal,\n} from '@tachui/core'\nimport {\n  ResponsiveValue,\n  BreakpointKey,\n  BreakpointContext,\n  isResponsiveValue,\n} from './types'\nimport {\n  getCurrentBreakpoint,\n  getBreakpointIndex,\n  createBreakpointContext,\n  getCurrentBreakpointConfig,\n} from './breakpoints'\n\n/**\n * Advanced breakpoint utilities with enhanced functionality\n */\nexport class AdvancedBreakpointUtils {\n  /**\n   * Create a responsive value resolver with custom logic\n   */\n  static createResponsiveResolver<T>(\n    getValue: (breakpoint: BreakpointKey, context: BreakpointContext) => T,\n    dependencies: Signal<any>[] = []\n  ): Signal<T> {\n    const currentBreakpoint = getCurrentBreakpoint()\n\n    return createComputed(() => {\n      // Include dependencies in computation\n      dependencies.forEach(dep => dep())\n\n      const breakpoint = currentBreakpoint()\n      const context = createBreakpointContext()\n      return getValue(breakpoint, context)\n    })\n  }\n\n  /**\n   * Create responsive value that interpolates between breakpoints\n   */\n  static createInterpolatedValue(\n    values: Partial<Record<BreakpointKey, number>>,\n    options: {\n      smoothing?: 'linear' | 'ease' | 'ease-in' | 'ease-out'\n      clamp?: boolean\n    } = {}\n  ): Signal<number> {\n    const { smoothing = 'linear', clamp = true } = options\n\n    return createComputed(() => {\n      const context = createBreakpointContext()\n      const width = context.width\n      const breakpointConfig = getCurrentBreakpointConfig()\n\n      // Convert breakpoint values to numeric widths\n      const sortedPoints: Array<{ width: number; value: number }> = []\n\n      for (const [bp, value] of Object.entries(values)) {\n        if (value !== undefined) {\n          const bpWidth =\n            bp === 'base'\n              ? 0\n              : parseInt(breakpointConfig[bp as BreakpointKey] || '0')\n          sortedPoints.push({ width: bpWidth, value })\n        }\n      }\n\n      sortedPoints.sort((a, b) => a.width - b.width)\n\n      if (sortedPoints.length === 0) return 0\n      if (sortedPoints.length === 1) return sortedPoints[0].value\n\n      // Find interpolation points\n      let lowerPoint = sortedPoints[0]\n      let upperPoint = sortedPoints[sortedPoints.length - 1]\n\n      for (let i = 0; i < sortedPoints.length - 1; i++) {\n        if (\n          width >= sortedPoints[i].width &&\n          width <= sortedPoints[i + 1].width\n        ) {\n          lowerPoint = sortedPoints[i]\n          upperPoint = sortedPoints[i + 1]\n          break\n        }\n      }\n\n      // Handle edge cases\n      if (clamp) {\n        if (width <= lowerPoint.width) return lowerPoint.value\n        if (width >= upperPoint.width) return upperPoint.value\n      }\n\n      // Calculate interpolation factor\n      const factor =\n        (width - lowerPoint.width) / (upperPoint.width - lowerPoint.width)\n\n      // Apply smoothing function\n      let smoothedFactor = factor\n      switch (smoothing) {\n        case 'ease':\n          smoothedFactor = 0.5 - 0.5 * Math.cos(factor * Math.PI)\n          break\n        case 'ease-in':\n          smoothedFactor = factor * factor\n          break\n        case 'ease-out':\n          smoothedFactor = 1 - (1 - factor) * (1 - factor)\n          break\n        case 'linear':\n        default:\n          smoothedFactor = factor\n          break\n      }\n\n      // Interpolate value\n      return (\n        lowerPoint.value +\n        (upperPoint.value - lowerPoint.value) * smoothedFactor\n      )\n    }) as Signal<number>\n  }\n\n  /**\n   * Create conditional responsive behavior\n   */\n  static createConditionalResponsive<T>(\n    condition: (context: BreakpointContext) => boolean,\n    trueValue: ResponsiveValue<T>,\n    falseValue: ResponsiveValue<T>\n  ): Signal<T> {\n    const currentBreakpoint = getCurrentBreakpoint()\n\n    return createComputed(() => {\n      const context = createBreakpointContext()\n      const shouldUseTrue = condition(context)\n      const activeValue = shouldUseTrue ? trueValue : falseValue\n\n      return this.resolveResponsiveValue(activeValue, currentBreakpoint())\n    })\n  }\n\n  /**\n   * Resolve responsive value at specific breakpoint\n   */\n  private static resolveResponsiveValue<T>(\n    value: ResponsiveValue<T>,\n    breakpoint: BreakpointKey\n  ): T {\n    if (!isResponsiveValue(value)) {\n      return value as T\n    }\n\n    const responsiveObj = value as Partial<Record<BreakpointKey, T>>\n    const breakpointOrder: BreakpointKey[] = [\n      'base',\n      'sm',\n      'md',\n      'lg',\n      'xl',\n      '2xl',\n    ]\n    const currentIndex = breakpointOrder.indexOf(breakpoint)\n\n    // Search backwards from current breakpoint\n    for (let i = currentIndex; i >= 0; i--) {\n      const bp = breakpointOrder[i]\n      if (responsiveObj[bp] !== undefined) {\n        return responsiveObj[bp]!\n      }\n    }\n\n    // Fallback to any defined value\n    for (const bp of breakpointOrder) {\n      if (responsiveObj[bp] !== undefined) {\n        return responsiveObj[bp]!\n      }\n    }\n\n    throw new Error('No responsive value found')\n  }\n}\n\n/**\n * Advanced responsive hooks for complex scenarios\n */\nexport class ResponsiveHooks {\n  /**\n   * Hook for responsive arrays (e.g., responsive grid columns data)\n   */\n  static useResponsiveArray<T>(\n    arrays: Partial<Record<BreakpointKey, T[]>>\n  ): Signal<T[]> {\n    const currentBreakpoint = getCurrentBreakpoint()\n\n    return createComputed(() => {\n      const breakpoint = currentBreakpoint()\n      return (\n        AdvancedBreakpointUtils['resolveResponsiveValue'](arrays, breakpoint) ||\n        []\n      )\n    })\n  }\n\n  /**\n   * Hook for responsive object selection\n   */\n  static useResponsiveObject<T extends Record<string, any>>(\n    objects: Partial<Record<BreakpointKey, T>>\n  ): Signal<T | null> {\n    const currentBreakpoint = getCurrentBreakpoint()\n\n    return createComputed(() => {\n      const breakpoint = currentBreakpoint()\n      try {\n        return AdvancedBreakpointUtils['resolveResponsiveValue'](\n          objects,\n          breakpoint\n        )\n      } catch {\n        return null\n      }\n    })\n  }\n\n  /**\n   * Hook for responsive function selection and execution\n   */\n  static useResponsiveFunction<TArgs extends any[], TReturn>(\n    functions: Partial<Record<BreakpointKey, (...args: TArgs) => TReturn>>\n  ): Signal<((...args: TArgs) => TReturn) | null> {\n    const currentBreakpoint = getCurrentBreakpoint()\n\n    return createComputed(() => {\n      const breakpoint = currentBreakpoint()\n      try {\n        return AdvancedBreakpointUtils['resolveResponsiveValue'](\n          functions,\n          breakpoint\n        )\n      } catch {\n        return null\n      }\n    })\n  }\n\n  /**\n   * Hook for responsive state management\n   */\n  static useResponsiveState<T>(\n    initialValues: Partial<Record<BreakpointKey, T>>\n  ): [\n    Signal<T | undefined>,\n    (value: T | Partial<Record<BreakpointKey, T>>) => void,\n  ] {\n    const [state, setState] =\n      createSignal<Partial<Record<BreakpointKey, T>>>(initialValues)\n    const currentBreakpoint = getCurrentBreakpoint()\n\n    const currentValue = createComputed(() => {\n      const stateObj = state()\n      const breakpoint = currentBreakpoint()\n\n      try {\n        return AdvancedBreakpointUtils['resolveResponsiveValue'](\n          stateObj,\n          breakpoint\n        )\n      } catch {\n        return undefined\n      }\n    })\n\n    const setResponsiveState = (\n      value: T | Partial<Record<BreakpointKey, T>>\n    ) => {\n      if (isResponsiveValue(value)) {\n        setState(value as Partial<Record<BreakpointKey, T>>)\n      } else {\n        setState({ [currentBreakpoint()]: value as T })\n      }\n    }\n\n    return [currentValue, setResponsiveState]\n  }\n\n  /**\n   * Hook for responsive computations with memoization\n   */\n  static useResponsiveComputation<T>(\n    computation: (context: BreakpointContext) => T,\n    dependencies: Signal<any>[] = []\n  ): Signal<T> {\n    return createMemo(() => {\n      // Include dependencies\n      dependencies.forEach(dep => dep())\n\n      const context = createBreakpointContext()\n      return computation(context)\n    })\n  }\n\n  /**\n   * Hook for responsive side effects\n   */\n  static useResponsiveEffect(\n    effect: (\n      context: BreakpointContext,\n      prevContext?: BreakpointContext\n    ) => void | (() => void),\n    dependencies: Signal<any>[] = []\n  ): void {\n    let cleanup: (() => void) | undefined\n    let prevContext: BreakpointContext | undefined\n\n    createEffect(() => {\n      // Include dependencies\n      dependencies.forEach(dep => dep())\n\n      const context = createBreakpointContext()\n\n      // Run cleanup from previous effect\n      if (cleanup) {\n        cleanup()\n        cleanup = undefined\n      }\n\n      // Run the effect\n      const result = effect(context, prevContext)\n\n      if (typeof result === 'function') {\n        cleanup = result\n      }\n\n      prevContext = context\n    })\n  }\n}\n\n/**\n * Responsive breakpoint targeting utilities\n */\nexport class ResponsiveTargeting {\n  /**\n   * Execute callback only on specific breakpoints\n   */\n  static onBreakpoints(\n    breakpoints: BreakpointKey[],\n    callback: (context: BreakpointContext) => void | (() => void)\n  ): () => void {\n    let cleanup: (() => void) | undefined\n\n    createEffect(() => {\n      const context = createBreakpointContext()\n\n      if (breakpoints.includes(context.current)) {\n        // Run cleanup from previous execution\n        if (cleanup) {\n          cleanup()\n          cleanup = undefined\n        }\n\n        // Execute callback\n        const result = callback(context)\n        if (typeof result === 'function') {\n          cleanup = result\n        }\n      }\n    })\n\n    return () => {\n      if (cleanup) cleanup()\n    }\n  }\n\n  /**\n   * Execute callback when breakpoint changes\n   */\n  static onBreakpointChange(\n    callback: (\n      newBreakpoint: BreakpointKey,\n      oldBreakpoint: BreakpointKey,\n      context: BreakpointContext\n    ) => void\n  ): () => void {\n    let oldBreakpoint: BreakpointKey | undefined\n\n    createEffect(() => {\n      const context = createBreakpointContext()\n      const newBreakpoint = context.current\n\n      if (oldBreakpoint && oldBreakpoint !== newBreakpoint) {\n        callback(newBreakpoint, oldBreakpoint, context)\n      }\n\n      oldBreakpoint = newBreakpoint\n    })\n\n    return () => {\n      // No-op for now since createEffect doesn't return dispose function\n    }\n  }\n\n  /**\n   * Execute callback when entering/leaving specific breakpoint ranges\n   */\n  static onBreakpointRange(\n    minBreakpoint: BreakpointKey,\n    maxBreakpoint: BreakpointKey,\n    callbacks: {\n      onEnter?: (context: BreakpointContext) => void | (() => void)\n      onLeave?: (context: BreakpointContext) => void\n      onWithin?: (context: BreakpointContext) => void | (() => void)\n    }\n  ): () => void {\n    let isWithinRange = false\n    let withinCleanup: (() => void) | undefined\n    let enterCleanup: (() => void) | undefined\n\n    createEffect(() => {\n      const context = createBreakpointContext()\n      const currentIndex = getBreakpointIndex(context.current)\n      const minIndex = getBreakpointIndex(minBreakpoint)\n      const maxIndex = getBreakpointIndex(maxBreakpoint)\n\n      const nowWithinRange =\n        currentIndex >= minIndex && currentIndex <= maxIndex\n\n      if (nowWithinRange && !isWithinRange) {\n        // Entering range\n        if (callbacks.onEnter) {\n          const result = callbacks.onEnter(context)\n          if (typeof result === 'function') {\n            enterCleanup = result\n          }\n        }\n        isWithinRange = true\n      } else if (!nowWithinRange && isWithinRange) {\n        // Leaving range\n        if (enterCleanup) {\n          enterCleanup()\n          enterCleanup = undefined\n        }\n        if (withinCleanup) {\n          withinCleanup()\n          withinCleanup = undefined\n        }\n        if (callbacks.onLeave) {\n          callbacks.onLeave(context)\n        }\n        isWithinRange = false\n      }\n\n      if (nowWithinRange && callbacks.onWithin) {\n        // Within range\n        if (withinCleanup) {\n          withinCleanup()\n          withinCleanup = undefined\n        }\n\n        const result = callbacks.onWithin(context)\n        if (typeof result === 'function') {\n          withinCleanup = result\n        }\n      }\n    })\n\n    return () => {\n      if (enterCleanup) enterCleanup()\n      if (withinCleanup) withinCleanup()\n    }\n  }\n}\n\n/**\n * Responsive data management utilities\n */\nexport class ResponsiveDataUtils {\n  /**\n   * Create responsive pagination\n   */\n  static createResponsivePagination<T>(\n    data: T[],\n    itemsPerPage: ResponsiveValue<number>\n  ): {\n    currentPage: Signal<number>\n    totalPages: Signal<number>\n    currentItems: Signal<T[]>\n    setPage: (page: number) => void\n    nextPage: () => void\n    prevPage: () => void\n    hasNext: Signal<boolean>\n    hasPrev: Signal<boolean>\n  } {\n    const [currentPage, setCurrentPage] = createSignal(1)\n    const currentBreakpoint = getCurrentBreakpoint()\n\n    const itemsPerPageResolved = createComputed(() => {\n      const breakpoint = currentBreakpoint()\n      return AdvancedBreakpointUtils['resolveResponsiveValue'](\n        itemsPerPage,\n        breakpoint\n      )\n    }) as Signal<number>\n\n    const totalPages = createComputed(() => {\n      return Math.ceil(data.length / itemsPerPageResolved())\n    }) as Signal<number>\n\n    const currentItems = createComputed(() => {\n      const itemsCount = itemsPerPageResolved()\n      const page = currentPage()\n      const startIndex = (page - 1) * itemsCount\n      const endIndex = startIndex + itemsCount\n      return data.slice(startIndex, endIndex)\n    }) as Signal<T[]>\n\n    const hasNext = createComputed(\n      () => currentPage() < totalPages()\n    ) as Signal<boolean>\n    const hasPrev = createComputed(() => currentPage() > 1) as Signal<boolean>\n\n    const setPage = (page: number) => {\n      const maxPage = totalPages()\n      setCurrentPage(Math.max(1, Math.min(page, maxPage)))\n    }\n\n    const nextPage = () => {\n      if (hasNext()) {\n        setCurrentPage(currentPage() + 1)\n      }\n    }\n\n    const prevPage = () => {\n      if (hasPrev()) {\n        setCurrentPage(currentPage() - 1)\n      }\n    }\n\n    // Reset to page 1 when items per page changes\n    createEffect(() => {\n      itemsPerPageResolved() // Subscribe to changes\n      setCurrentPage(1)\n    })\n\n    return {\n      currentPage: currentPage as Signal<number>,\n      totalPages,\n      currentItems,\n      setPage,\n      nextPage,\n      prevPage,\n      hasNext,\n      hasPrev,\n    }\n  }\n\n  /**\n   * Create responsive filtering\n   */\n  static createResponsiveFilter<T>(\n    data: T[],\n    filters: Partial<Record<BreakpointKey, (item: T) => boolean>>\n  ): Signal<T[]> {\n    const currentBreakpoint = getCurrentBreakpoint()\n\n    return createComputed(() => {\n      const breakpoint = currentBreakpoint()\n      const filter = AdvancedBreakpointUtils['resolveResponsiveValue'](\n        filters,\n        breakpoint\n      )\n\n      if (!filter) return data\n      return data.filter(filter)\n    }) as Signal<T[]>\n  }\n\n  /**\n   * Create responsive sorting\n   */\n  static createResponsiveSort<T>(\n    data: T[],\n    sorters: Partial<Record<BreakpointKey, (a: T, b: T) => number>>\n  ): Signal<T[]> {\n    const currentBreakpoint = getCurrentBreakpoint()\n\n    return createComputed(() => {\n      const breakpoint = currentBreakpoint()\n      const sorter = AdvancedBreakpointUtils['resolveResponsiveValue'](\n        sorters,\n        breakpoint\n      )\n\n      if (!sorter) return data\n      return [...data].sort(sorter)\n    }) as Signal<T[]>\n  }\n}\n\n/**\n * Export all advanced utilities\n */\nexport const ResponsiveAdvanced = {\n  Breakpoints: AdvancedBreakpointUtils,\n  Hooks: ResponsiveHooks,\n  Targeting: ResponsiveTargeting,\n  Data: ResponsiveDataUtils,\n}\n","/**\n * Responsive Development Tools and Debugging Features\n *\n * Provides comprehensive debugging, inspection, and development tools\n * for the responsive design system.\n */\n\nimport { createComputed, Signal } from '@tachui/core'\nimport {\n  ResponsiveValue,\n  BreakpointKey,\n  BreakpointContext,\n  isResponsiveValue,\n} from './types'\nimport {\n  getCurrentBreakpoint,\n  createBreakpointContext,\n  getCurrentBreakpointConfig,\n} from './breakpoints'\nimport { ResponsivePerformanceMonitor, cssRuleCache } from './performance'\nimport { MediaQueries } from './utilities'\n\n/**\n * Development mode responsive debugging\n */\nexport class ResponsiveDevTools {\n  private static isEnabled = false\n  private static debugOverlay: HTMLElement | null = null\n  private static logLevel: 'error' | 'warn' | 'info' | 'debug' = 'info'\n\n  /**\n   * Enable responsive development tools\n   */\n  static enable(\n    options: {\n      showOverlay?: boolean\n      showBreakpoints?: boolean\n      showPerformance?: boolean\n      logLevel?: 'error' | 'warn' | 'info' | 'debug'\n      highlightResponsiveElements?: boolean\n      position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n    } = {}\n  ): void {\n    if (process.env.NODE_ENV === 'production') {\n      console.warn('ResponsiveDevTools: Not enabling in production mode')\n      return\n    }\n\n    this.isEnabled = true\n    this.logLevel = options.logLevel || 'info'\n\n    this.log('info', 'ResponsiveDevTools: Enabled')\n\n    if (options.showOverlay) {\n      this.createDebugOverlay(options)\n    }\n\n    if (options.highlightResponsiveElements) {\n      this.enableElementHighlighting()\n    }\n\n    if (options.showPerformance) {\n      this.enablePerformanceMonitoring()\n    }\n\n    // Log initial state\n    this.logResponsiveState()\n  }\n\n  /**\n   * Disable responsive development tools\n   */\n  static disable(): void {\n    this.isEnabled = false\n\n    if (this.debugOverlay) {\n      this.debugOverlay.remove()\n      this.debugOverlay = null\n    }\n\n    this.disableElementHighlighting()\n    this.log('info', 'ResponsiveDevTools: Disabled')\n  }\n\n  /**\n   * Check if development tools are enabled\n   */\n  static get enabled(): boolean {\n    return this.isEnabled && process.env.NODE_ENV !== 'production'\n  }\n\n  /**\n   * Log responsive information\n   */\n  private static log(\n    level: 'error' | 'warn' | 'info' | 'debug',\n    ...args: any[]\n  ): void {\n    if (!this.enabled) return\n\n    const levels = ['error', 'warn', 'info', 'debug']\n    const currentLevel = levels.indexOf(this.logLevel)\n    const messageLevel = levels.indexOf(level)\n\n    if (messageLevel <= currentLevel) {\n      console[level]('[ResponsiveDevTools]', ...args)\n    }\n  }\n\n  /**\n   * Create visual debug overlay\n   */\n  private static createDebugOverlay(options: {\n    showBreakpoints?: boolean\n    showPerformance?: boolean\n    position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right'\n  }): void {\n    if (typeof document === 'undefined') return\n\n    const position = options.position || 'top-right'\n\n    this.debugOverlay = document.createElement('div')\n    this.debugOverlay.id = 'tachui-responsive-debug'\n    this.debugOverlay.style.cssText = `\n      position: fixed;\n      ${position.includes('top') ? 'top: 10px' : 'bottom: 10px'};\n      ${position.includes('right') ? 'right: 10px' : 'left: 10px'};\n      background: rgba(0, 0, 0, 0.9);\n      color: white;\n      padding: 12px;\n      border-radius: 8px;\n      font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', Consolas, 'Courier New', monospace;\n      font-size: 12px;\n      z-index: 10000;\n      pointer-events: auto;\n      cursor: pointer;\n      max-width: 300px;\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n    `\n\n    // Add close button\n    const closeButton = document.createElement('div')\n    closeButton.textContent = '×'\n    closeButton.style.cssText = `\n      position: absolute;\n      top: 4px;\n      right: 8px;\n      cursor: pointer;\n      font-size: 16px;\n      color: #ff6b6b;\n    `\n    closeButton.onclick = () => this.disable()\n    this.debugOverlay.appendChild(closeButton)\n\n    document.body.appendChild(this.debugOverlay)\n\n    // Update overlay content reactively\n    this.updateDebugOverlay(options)\n\n    // Update on resize\n    let resizeTimer: number\n    window.addEventListener('resize', () => {\n      clearTimeout(resizeTimer)\n      resizeTimer = window.setTimeout(() => {\n        this.updateDebugOverlay(options)\n      }, 100)\n    })\n  }\n\n  /**\n   * Update debug overlay content\n   */\n  private static updateDebugOverlay(options: {\n    showBreakpoints?: boolean\n    showPerformance?: boolean\n  }): void {\n    if (!this.debugOverlay) return\n\n    const context = createBreakpointContext()\n    const breakpointConfig = getCurrentBreakpointConfig()\n\n    let content = `\n      <div style=\"margin-bottom: 8px; font-weight: bold; color: #4fc3f7;\">\n        📱 Responsive Debug\n      </div>\n    `\n\n    // Current breakpoint info\n    content += `\n      <div style=\"margin-bottom: 6px;\">\n        <strong>Current:</strong> <span style=\"color: #66bb6a;\">${context.current}</span>\n      </div>\n      <div style=\"margin-bottom: 6px;\">\n        <strong>Size:</strong> ${context.width}×${context.height}\n      </div>\n    `\n\n    // Breakpoint ranges\n    if (options.showBreakpoints) {\n      content += `<div style=\"margin: 8px 0; font-weight: bold; color: #ffb74d;\">Breakpoints:</div>`\n\n      for (const [name, value] of Object.entries(breakpointConfig)) {\n        const isActive = name === context.current\n        const color = isActive ? '#66bb6a' : '#999'\n        content += `\n          <div style=\"color: ${color}; margin-bottom: 2px;\">\n            ${isActive ? '▶' : '▷'} ${name}: ${value}\n          </div>\n        `\n      }\n    }\n\n    // Performance info\n    if (options.showPerformance) {\n      const perfStats = ResponsivePerformanceMonitor.getStats()\n      const cacheStats = cssRuleCache.getStats()\n\n      content += `<div style=\"margin: 8px 0; font-weight: bold; color: #f06292;\">Performance:</div>`\n      content += `\n        <div style=\"margin-bottom: 2px;\">\n          Cache: ${cacheStats.size} rules (${(cacheStats.hitRate * 100).toFixed(1)}% hit rate)\n        </div>\n      `\n\n      if (Object.keys(perfStats).length > 0) {\n        for (const [name, stats] of Object.entries(perfStats)) {\n          content += `\n            <div style=\"margin-bottom: 2px;\">\n              ${name}: ${stats.average.toFixed(2)}ms avg\n            </div>\n          `\n        }\n      }\n    }\n\n    // Media query test results\n    content += `<div style=\"margin: 8px 0; font-weight: bold; color: #ba68c8;\">Media Queries:</div>`\n\n    const testQueries = {\n      Touch: MediaQueries.touchDevice,\n      Dark: MediaQueries.darkMode,\n      'Reduced Motion': MediaQueries.reducedMotion,\n      'High Contrast': MediaQueries.highContrast,\n    }\n\n    for (const [name, query] of Object.entries(testQueries)) {\n      const matches = window.matchMedia(query).matches\n      const color = matches ? '#66bb6a' : '#666'\n      content += `\n        <div style=\"color: ${color}; margin-bottom: 2px;\">\n          ${matches ? '✓' : '✗'} ${name}\n        </div>\n      `\n    }\n\n    this.debugOverlay.innerHTML =\n      content + this.debugOverlay.querySelector('div:last-child')?.outerHTML ||\n      ''\n  }\n\n  /**\n   * Enable element highlighting for responsive elements\n   */\n  private static enableElementHighlighting(): void {\n    if (typeof document === 'undefined') return\n\n    const style = document.createElement('style')\n    style.id = 'tachui-responsive-highlight'\n    style.textContent = `\n      .tachui-responsive-element {\n        outline: 2px dashed #4fc3f7 !important;\n        outline-offset: 2px !important;\n        position: relative !important;\n      }\n\n      .tachui-responsive-element::before {\n        content: 'R';\n        position: absolute !important;\n        top: -8px !important;\n        right: -8px !important;\n        background: #4fc3f7 !important;\n        color: white !important;\n        width: 16px !important;\n        height: 16px !important;\n        border-radius: 50% !important;\n        font-size: 10px !important;\n        font-weight: bold !important;\n        display: flex !important;\n        align-items: center !important;\n        justify-content: center !important;\n        z-index: 10001 !important;\n        font-family: monospace !important;\n      }\n    `\n\n    document.head.appendChild(style)\n\n    // Find and mark responsive elements\n    const observer = new MutationObserver(() => {\n      this.highlightResponsiveElements()\n    })\n\n    observer.observe(document.body, {\n      childList: true,\n      subtree: true,\n      attributes: true,\n      attributeFilter: ['class'],\n    })\n\n    // Initial highlighting\n    this.highlightResponsiveElements()\n  }\n\n  /**\n   * Disable element highlighting\n   */\n  private static disableElementHighlighting(): void {\n    if (typeof document === 'undefined') return\n\n    const style = document.getElementById('tachui-responsive-highlight')\n    if (style) {\n      style.remove()\n    }\n\n    document.querySelectorAll('.tachui-responsive-element').forEach(el => {\n      el.classList.remove('tachui-responsive-element')\n    })\n  }\n\n  /**\n   * Highlight elements with responsive classes\n   */\n  private static highlightResponsiveElements(): void {\n    if (typeof document === 'undefined') return\n\n    // Find elements with tachui responsive classes\n    const responsiveSelectors = [\n      '[class*=\"tachui-responsive-\"]',\n      '[class*=\"tachui-mq-\"]',\n    ]\n\n    responsiveSelectors.forEach(selector => {\n      document.querySelectorAll(selector).forEach(el => {\n        if (!el.classList.contains('tachui-responsive-element')) {\n          el.classList.add('tachui-responsive-element')\n        }\n      })\n    })\n  }\n\n  /**\n   * Enable performance monitoring display\n   */\n  private static enablePerformanceMonitoring(): void {\n    // Log performance stats periodically\n    setInterval(() => {\n      if (!this.enabled) return\n\n      const perfStats = ResponsivePerformanceMonitor.getStats()\n      const cacheStats = cssRuleCache.getStats()\n\n      this.log('debug', 'Performance Stats:', {\n        cache: cacheStats,\n        performance: perfStats,\n      })\n    }, 5000)\n  }\n\n  /**\n   * Log current responsive state\n   */\n  static logResponsiveState(): void {\n    if (!this.enabled) return\n\n    const context = createBreakpointContext()\n    const config = getCurrentBreakpointConfig()\n\n    console.group('🔍 TachUI Responsive State')\n    console.log('Current breakpoint:', context.current)\n    console.log('Viewport:', `${context.width}×${context.height}`)\n    console.log('Configuration:', config)\n\n    // Test media queries only in browser environment\n    if (typeof window !== 'undefined' && window.matchMedia) {\n      const queries = {\n        Mobile: MediaQueries.mobile,\n        Tablet: MediaQueries.tablet,\n        Desktop: MediaQueries.desktop,\n        'Touch Device': MediaQueries.touchDevice,\n        'Dark Mode': MediaQueries.darkMode,\n        'Reduced Motion': MediaQueries.reducedMotion,\n      }\n\n      console.log('Media Query Results:')\n      for (const [name, query] of Object.entries(queries)) {\n        try {\n          console.log(`  ${name}: ${window.matchMedia(query).matches}`)\n        } catch (_error) {\n          console.log(`  ${name}: Error testing query`)\n        }\n      }\n    }\n\n    console.groupEnd()\n  }\n\n  /**\n   * Inspect a responsive value\n   */\n  static inspectResponsiveValue<T>(\n    value: ResponsiveValue<T>,\n    label?: string\n  ): void {\n    if (!this.enabled) return\n\n    const currentBreakpoint = getCurrentBreakpoint()\n\n    console.group(`🔍 Responsive Value${label ? ` - ${label}` : ''}`)\n\n    if (isResponsiveValue(value)) {\n      const responsiveObj = value as Partial<Record<BreakpointKey, T>>\n      console.log('Responsive object:', responsiveObj)\n\n      // Show resolved value for current breakpoint\n      const breakpointOrder: BreakpointKey[] = [\n        'base',\n        'sm',\n        'md',\n        'lg',\n        'xl',\n        '2xl',\n      ]\n      const currentIndex = breakpointOrder.indexOf(currentBreakpoint())\n\n      let resolvedValue: T | undefined\n      for (let i = currentIndex; i >= 0; i--) {\n        const bp = breakpointOrder[i]\n        if (responsiveObj[bp] !== undefined) {\n          resolvedValue = responsiveObj[bp]\n          console.log(`Resolved value (${bp}):`, resolvedValue)\n          break\n        }\n      }\n\n      // Show all defined breakpoints\n      console.log('Defined breakpoints:')\n      for (const [bp, val] of Object.entries(responsiveObj)) {\n        if (val !== undefined) {\n          const isCurrent = bp === currentBreakpoint()\n          console.log(`  ${isCurrent ? '→' : ' '} ${bp}:`, val)\n        }\n      }\n    } else {\n      console.log('Static value:', value)\n    }\n\n    console.groupEnd()\n  }\n\n  /**\n   * Test responsive behavior\n   */\n  static testResponsiveBehavior(\n    responsiveValue: ResponsiveValue<any>,\n    testBreakpoints: BreakpointKey[] = ['base', 'sm', 'md', 'lg', 'xl', '2xl']\n  ): Partial<Record<BreakpointKey, any>> {\n    if (!this.enabled) return {}\n\n    const results: Partial<Record<BreakpointKey, any>> = {}\n\n    // Mock different breakpoints and test resolution\n    testBreakpoints.forEach(bp => {\n      // This would require breakpoint mocking functionality\n      // For now, just log what would happen\n      this.log('debug', `Testing breakpoint ${bp}:`, responsiveValue)\n    })\n\n    return results\n  }\n\n  /**\n   * Export responsive configuration for debugging\n   */\n  static exportConfiguration(): {\n    breakpoints: Record<BreakpointKey, string>\n    currentContext: BreakpointContext\n    performance: any\n    mediaQueries: Record<string, boolean>\n  } {\n    const context = createBreakpointContext()\n    const config = getCurrentBreakpointConfig()\n    const perfStats = ResponsivePerformanceMonitor.getStats()\n    const cacheStats = cssRuleCache.getStats()\n\n    const mediaQueryResults: Record<string, boolean> = {}\n    if (typeof window !== 'undefined' && window.matchMedia) {\n      for (const [name, query] of Object.entries(MediaQueries)) {\n        if (typeof query === 'string') {\n          try {\n            mediaQueryResults[name] = window.matchMedia(query).matches\n          } catch (_error) {\n            mediaQueryResults[name] = false\n          }\n        }\n      }\n    }\n\n    return {\n      breakpoints: config,\n      currentContext: context,\n      performance: {\n        cache: cacheStats,\n        timings: perfStats,\n      },\n      mediaQueries: mediaQueryResults,\n    }\n  }\n}\n\n/**\n * Responsive value inspector hook\n */\nexport function useResponsiveInspector<T>(\n  value: ResponsiveValue<T>,\n  label?: string\n): Signal<{\n  resolvedValue: T | undefined\n  activeBreakpoint: BreakpointKey\n  allValues: Partial<Record<BreakpointKey, T>>\n  isResponsive: boolean\n}> {\n  const currentBreakpoint = getCurrentBreakpoint()\n\n  return createComputed(() => {\n    const breakpoint = currentBreakpoint()\n    const isResponsive = isResponsiveValue(value)\n\n    let resolvedValue: T | undefined\n    let allValues: Partial<Record<BreakpointKey, T>> = {}\n\n    if (isResponsive) {\n      const responsiveObj = value as Partial<Record<BreakpointKey, T>>\n      allValues = responsiveObj\n\n      // Resolve value for current breakpoint\n      const breakpointOrder: BreakpointKey[] = [\n        'base',\n        'sm',\n        'md',\n        'lg',\n        'xl',\n        '2xl',\n      ]\n      const currentIndex = breakpointOrder.indexOf(breakpoint)\n\n      for (let i = currentIndex; i >= 0; i--) {\n        const bp = breakpointOrder[i]\n        if (responsiveObj[bp] !== undefined) {\n          resolvedValue = responsiveObj[bp]\n          break\n        }\n      }\n    } else {\n      resolvedValue = value as T\n      allValues = { [breakpoint]: resolvedValue }\n    }\n\n    // Log in development mode\n    if (ResponsiveDevTools.enabled && label) {\n      ResponsiveDevTools.inspectResponsiveValue(value, label)\n    }\n\n    return {\n      resolvedValue,\n      activeBreakpoint: breakpoint,\n      allValues,\n      isResponsive,\n    }\n  }) as Signal<{\n    resolvedValue: T | undefined\n    activeBreakpoint: BreakpointKey\n    allValues: Partial<Record<BreakpointKey, T>>\n    isResponsive: boolean\n  }>\n}\n\n/**\n * Browser compatibility testing utilities\n */\nexport class BrowserCompatibility {\n  /**\n   * Test CSS features support\n   */\n  static testCSSFeatures(): Record<string, boolean> {\n    if (\n      typeof window === 'undefined' ||\n      typeof CSS === 'undefined' ||\n      !CSS.supports\n    ) {\n      return {}\n    }\n\n    const features: Record<string, boolean> = {}\n\n    try {\n      // Test CSS Grid\n      features.cssGrid = CSS.supports('display', 'grid')\n\n      // Test CSS Flexbox\n      features.flexbox = CSS.supports('display', 'flex')\n\n      // Test CSS Custom Properties\n      features.customProperties = CSS.supports('--test', 'value')\n\n      // Test viewport units\n      features.viewportUnits = CSS.supports('width', '100vw')\n\n      // Test media queries\n      features.mediaQueries = typeof window.matchMedia === 'function'\n\n      // Test container queries (modern feature)\n      features.containerQueries = CSS.supports('container-type', 'inline-size')\n\n      // Test CSS logical properties\n      features.logicalProperties = CSS.supports('margin-inline-start', '1rem')\n    } catch (_error) {\n      // If any test fails, just return what we have so far\n    }\n\n    return features\n  }\n\n  /**\n   * Test responsive behavior across different viewport sizes\n   */\n  static testViewportSizes(\n    callback: (width: number, height: number) => void\n  ): void {\n    if (typeof window === 'undefined') return\n\n    const testSizes = [\n      { width: 320, height: 568, name: 'iPhone SE' },\n      { width: 375, height: 667, name: 'iPhone 8' },\n      { width: 768, height: 1024, name: 'iPad Portrait' },\n      { width: 1024, height: 768, name: 'iPad Landscape' },\n      { width: 1280, height: 720, name: 'Desktop Small' },\n      { width: 1920, height: 1080, name: 'Desktop Large' },\n    ]\n\n    // This would require a testing environment or dev tools integration\n    if (ResponsiveDevTools.enabled) {\n      ResponsiveDevTools['log']('info', 'Testing viewport sizes:', testSizes)\n    }\n\n    testSizes.forEach(size => {\n      // In a real implementation, this would simulate the viewport size\n      callback(size.width, size.height)\n    })\n  }\n}\n\n/**\n * Development-only global helpers\n */\nif (typeof window !== 'undefined' && process.env.NODE_ENV !== 'production') {\n  // Add global helpers for development\n  ;(window as any).tachUIResponsive = {\n    devTools: ResponsiveDevTools,\n    inspector: useResponsiveInspector,\n    compatibility: BrowserCompatibility,\n    logState: () => ResponsiveDevTools.logResponsiveState(),\n    export: () => ResponsiveDevTools.exportConfiguration(),\n  }\n}\n","/**\n * @tachui/responsive - Advanced Responsive Design Plugin\n *\n * Advanced responsive design utilities that extend the core responsive system\n * with sophisticated breakpoint management, responsive typography, container queries,\n * and adaptive component behaviors.\n */\n\n// Export all responsive modifiers and utilities\nexport * from './modifiers/responsive'\n\n// Re-export core types for convenience\nexport type {\n  ResponsiveValue,\n  BreakpointKey,\n  ResponsiveStyleConfig,\n  ResponsiveModifierResult,\n  BreakpointConfig,\n} from './modifiers/responsive/types'\n\n// Re-export commonly used functions\nexport {\n  createResponsiveModifier,\n  ResponsiveCSSGenerator,\n  CSSInjector,\n  configureBreakpoints,\n  useBreakpoint,\n  useMediaQuery,\n  useResponsiveValue,\n  DEFAULT_BREAKPOINTS,\n} from './modifiers/responsive'\n\n// Registry integration for responsive modifiers\nimport { globalModifierRegistry } from '@tachui/core'\nimport {\n  createResponsiveModifier,\n  createMediaQueryModifier,\n  createResponsivePropertyModifier,\n  createResponsiveLayoutModifier,\n} from './modifiers/responsive'\n\nconst responsiveModifierRegistrations: Array<\n  [string, (...args: any[]) => any]\n> = [\n  ['responsive', createResponsiveModifier],\n  ['mediaQuery', createMediaQueryModifier],\n  ['responsiveProperty', createResponsivePropertyModifier],\n  ['responsiveLayout', createResponsiveLayoutModifier],\n]\n\n// Auto-register responsive modifiers on import\nresponsiveModifierRegistrations.forEach(([name, factory]) => {\n  globalModifierRegistry.register(name, factory)\n})\n\nif (process.env.NODE_ENV !== 'production') {\n  console.info(\n    `🔍 [@tachui/responsive] Registered ${responsiveModifierRegistrations.length} responsive modifiers with global registry`\n  )\n}\n"],"names":["DEFAULT_BREAKPOINTS","isResponsiveValue","value","key","isValidBreakpointKey","currentBreakpointConfig","currentBreakpoint","setCurrentBreakpoint","createSignal","viewportDimensions","setViewportDimensions","configureBreakpoints","config","validateBreakpointConfig","updateCurrentBreakpoint","getCurrentBreakpointConfig","getCurrentBreakpoint","getViewportDimensions","initializeResponsiveSystem","updateViewportDimensions","createBreakpointContext","current","dimensions","breakpoint","isBreakpointAbove","isBreakpointBelow","min","max","query","breakpointToPixels","getBreakpointIndex","a","b","generateMediaQuery","generateRangeMediaQuery","queries","maxBreakpoints","maxIndex","nextBreakpoint","maxWidth","getSortedBreakpoints","getBreakpointsAbove","sorted","index","getBreakpointsBelow","width","breakpoints","sortedKeys","i","prev","prevValue","currentValue","BreakpointPresets","ResponsiveCSSGenerator","options","mediaQueries","cssRules","fallbackStyles","hasResponsiveStyles","property","result","baseStyles","sortedBreakpoints","breakpointValue","cssProperty","cssValue","styles","rules","baseRule","groupedQueries","queryMediaQueries","combinedStyles","mq","mediaRule","grouped","selector","generateMinified","includeComments","indent","newline","space","rule","doubleIndent","match","unitlessProperties","prop","conflictingProperties","breakpointConfig","generateResponsiveProperty","generator","generateCustomMediaQuery","mediaQueryConfig","CSSInjector","style","styleSheet","error","CSSRuleCache","cssRuleCache","OptimizedCSSGenerator","minify","batch","deduplicate","cacheKey","cached","css","processedBreakpoints","mediaQuery","breakpointKey","batchedCSS","styleElement","ResponsivePerformanceMonitor","name","startTime","duration","measurements","stats","avg","sum","val","RESPONSIVE_MODIFIER_PRIORITY","ResponsiveModifier","BaseModifier","node","_context","element","endMeasurement","createEffect","currentConfig","hasAssets","_key","isSignal","isComputed","_breakpoint","getThemeSignal","newConfig","_element","resolved","resolvedBreakpoints","createResponsiveModifier","MediaQueryModifier","createMediaQueryModifier","createResponsivePropertyModifier","createResponsiveLayoutModifier","styleConfig","ResponsiveModifierBuilderImpl","baseBuilder","target","baseProp","args","modifier","orientation","scheme","ResponsiveBreakpointBuilderImpl","parentBuilder","responsiveValue","leftModifier","rightModifier","topModifier","bottomModifier","withResponsive","builder","createResponsiveBuilder","useBreakpoint","context","createComputed","currentIndex","minIndex","matchesSignal","setMatches","handler","e","useMediaQuery","matches","useResponsiveValue","responsiveObj","breakpointOrder","bp","resolveResponsiveValue","targetBreakpoint","targetIndex","createResponsiveCSSVariables","prefix","values","cssVariables","varName","MediaQueries","height","ratio","dpi","combineMediaQueries","q","orMediaQueries","createResponsiveVisibility","logResponsiveState","commonQueries","enableResponsiveDebugOverlay","position","showDimensions","showBreakpoint","overlay","updateOverlay","content","ResponsiveGridPatterns","gridConfig","widthValue","maxCols","columns","cols","ResponsiveFlexPatterns","flexConfig","direction","ResponsiveContainerPatterns","containerConfig","sectionConfig","ResponsiveVisibilityPatterns","displayConfig","ResponsiveSpacingPatterns","paddingConfig","marginConfig","gapConfig","ResponsiveTypographyPatterns","typographyConfig","scaleValue","baseSize","minBp","maxBp","minSize","maxSize","LayoutPatterns","collapseBreakpoint","sidebarWidth","AdvancedBreakpointUtils","getValue","dependencies","dep","smoothing","clamp","sortedPoints","bpWidth","lowerPoint","upperPoint","factor","smoothedFactor","condition","trueValue","falseValue","activeValue","ResponsiveHooks","arrays","objects","functions","initialValues","state","setState","stateObj","computation","createMemo","effect","cleanup","prevContext","ResponsiveTargeting","callback","oldBreakpoint","newBreakpoint","minBreakpoint","maxBreakpoint","callbacks","isWithinRange","withinCleanup","enterCleanup","nowWithinRange","ResponsiveDataUtils","data","itemsPerPage","currentPage","setCurrentPage","itemsPerPageResolved","totalPages","currentItems","itemsCount","startIndex","endIndex","hasNext","hasPrev","setPage","page","maxPage","nextPage","prevPage","filters","filter","sorters","sorter","ResponsiveAdvanced","ResponsiveDevTools","level","levels","currentLevel","closeButton","resizeTimer","isActive","perfStats","cacheStats","testQueries","el","label","resolvedValue","isCurrent","testBreakpoints","results","mediaQueryResults","useResponsiveInspector","isResponsive","allValues","BrowserCompatibility","features","testSizes","size","responsiveModifierRegistrations","factory","globalModifierRegistry"],"mappings":"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"}

package/dist/modifiers/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Responsive Modifiers Export
+ */
+export * from './responsive';
+//# sourceMappingURL=index.d.ts.map

package/dist/modifiers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/modifiers/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,cAAc,CAAA"}