@tachui/core 0.7.0-alpha1

package/dist/components/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sources":["../../src/components/Grid.ts"],"sourcesContent":["/**\n * Grid Layout Components (Phase 1)\n *\n * SwiftUI-inspired Grid components with CSS Grid integration.\n * Provides Grid, GridRow, LazyVGrid, and LazyHGrid components\n * that mirror SwiftUI's grid system while leveraging modern CSS Grid capabilities.\n */\n\nimport type { ModifiableComponent, ModifierBuilder } from '../modifiers/types'\nimport type { ComponentInstance, ComponentProps } from '../runtime/types'\nimport { withModifiers } from './wrapper'\nimport { \n  processElementOverride, \n  type ElementOverrideProps \n} from '../runtime/element-override'\nimport {\n  ComponentWithCSSClasses,\n  type CSSClassesProps\n} from '../css-classes'\nimport { useLifecycle } from '../lifecycle/hooks'\nimport { registerComponentWithLifecycleHooks } from '../runtime/dom-bridge'\nimport type { ResponsiveValue } from '../modifiers/responsive/types'\nimport { \n  GridResponsiveUtils,\n  createResponsiveGridModifier,\n  GridDebugger,\n  GridPerformanceMonitor,\n  type EnhancedResponsiveGridConfig\n} from './GridResponsive'\nimport { \n  transition\n} from '../modifiers/transitions'\n\n// Lazy import debug manager to avoid circular dependencies\nlet debugManager: any = null\nconst getDebugManager = () => {\n  if (!debugManager) {\n    try {\n      const debugModule = require('../debug')\n      debugManager = debugModule.debugManager\n    } catch {\n      // Debug module not available, create a mock\n      debugManager = {\n        isEnabled: () => false,\n        logComponent: () => {},\n      }\n    }\n  }\n  return debugManager\n}\n\n/**\n * GridItem sizing configuration (SwiftUI-equivalent)\n */\nexport interface GridItemConfig {\n  type: 'fixed' | 'flexible' | 'adaptive'\n  size?: number\n  minimum?: number\n  maximum?: number\n  spacing?: number\n}\n\n/**\n * Grid item spanning configuration (Phase 3)\n */\nexport interface GridSpanConfig {\n  columnSpan?: number\n  rowSpan?: number\n  columnStart?: number\n  rowStart?: number\n  area?: string\n  alignment?: 'start' | 'center' | 'end' | 'stretch'\n}\n\n/**\n * Enhanced grid item with spanning support (Phase 3)\n */\nexport interface EnhancedGridItemConfig extends GridItemConfig {\n  span?: GridSpanConfig\n}\n\n/**\n * GridItem factory class - matches SwiftUI GridItem exactly\n */\nexport class GridItem {\n  /**\n   * Fixed-size grid column/row\n   */\n  static fixed(size: number, spacing?: number): GridItemConfig {\n    return {\n      type: 'fixed',\n      size,\n      spacing\n    }\n  }\n\n  /**\n   * Flexible grid column/row with optional constraints\n   */\n  static flexible(minimum: number = 0, maximum?: number): GridItemConfig {\n    return {\n      type: 'flexible',\n      minimum,\n      maximum\n    }\n  }\n\n  /**\n   * Adaptive grid column/row with minimum size\n   */\n  static adaptive(minimum: number, maximum?: number): GridItemConfig {\n    return {\n      type: 'adaptive',\n      minimum,\n      maximum\n    }\n  }\n\n  /**\n   * Create spanning configuration for grid items (Phase 3)\n   */\n  static spanning(config: GridSpanConfig): GridSpanConfig {\n    return config\n  }\n\n  /**\n   * Create enhanced grid item with spanning support (Phase 3)\n   */\n  static withSpan(baseConfig: GridItemConfig, spanConfig: GridSpanConfig): EnhancedGridItemConfig {\n    return {\n      ...baseConfig,\n      span: spanConfig\n    }\n  }\n}\n\n/**\n * Responsive grid configuration for breakpoint-aware layouts\n */\nexport type ResponsiveGridItemConfig = {\n  base?: GridItemConfig[]\n  sm?: GridItemConfig[]\n  md?: GridItemConfig[]\n  lg?: GridItemConfig[]\n  xl?: GridItemConfig[]\n  xxl?: GridItemConfig[]\n}\n\n/**\n * Grid alignment options (SwiftUI-equivalent)\n */\nexport type GridAlignment = \n  | 'topLeading' | 'top' | 'topTrailing'\n  | 'leading' | 'center' | 'trailing'\n  | 'bottomLeading' | 'bottom' | 'bottomTrailing'\n\n/**\n * Base Grid component properties\n */\nexport interface BaseGridProps extends ComponentProps, ElementOverrideProps, CSSClassesProps {\n  children?: ComponentInstance[]\n  alignment?: GridAlignment\n  spacing?: number | { horizontal?: number; vertical?: number }\n  debugLabel?: string\n  /** Animation configuration for grid layout changes (Phase 3) */\n  animations?: GridAnimationConfig\n  /** Accessibility configuration for grid components (Phase 3) */\n  accessibility?: GridAccessibilityConfig\n  /** Advanced styling configuration for grid components (Phase 3) */\n  styling?: GridStylingConfig\n}\n\n/**\n * Grid component properties (explicit row/column control)\n */\nexport interface GridProps extends BaseGridProps {\n  // Grid uses explicit rows defined by GridRow children\n}\n\n/**\n * LazyVGrid component properties (vertical scrolling with flexible columns)\n */\nexport interface LazyVGridProps extends BaseGridProps {\n  columns: GridItemConfig[] | ResponsiveGridItemConfig | ResponsiveValue<GridItemConfig[]>\n  pinnedViews?: ('sectionHeaders' | 'sectionFooters')[]\n  /** Enhanced responsive configuration (Phase 2) */\n  responsive?: EnhancedResponsiveGridConfig\n  /** Sectioned data with headers/footers (Phase 3) */\n  sections?: GridSection[]\n}\n\n/**\n * LazyHGrid component properties (horizontal scrolling with flexible rows)\n */\nexport interface LazyHGridProps extends BaseGridProps {\n  rows: GridItemConfig[] | ResponsiveGridItemConfig | ResponsiveValue<GridItemConfig[]>\n  pinnedViews?: ('sectionHeaders' | 'sectionFooters')[]\n  /** Enhanced responsive configuration (Phase 2) */\n  responsive?: EnhancedResponsiveGridConfig\n  /** Sectioned data with headers/footers (Phase 3) */\n  sections?: GridSection[]\n}\n\n/**\n * Grid animation configuration (Phase 3)\n */\nexport interface GridAnimationConfig {\n  /** Enable layout animations when grid structure changes */\n  layoutChanges?: boolean | {\n    duration?: number\n    easing?: string\n    delay?: number\n  }\n  /** Enable animations when items are added/removed */\n  itemChanges?: boolean | {\n    enter?: {\n      duration?: number\n      easing?: string\n      delay?: number\n      from?: 'fade' | 'scale' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right'\n    }\n    exit?: {\n      duration?: number\n      easing?: string\n      delay?: number\n      to?: 'fade' | 'scale' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right'\n    }\n  }\n  /** Enable animations for responsive breakpoint changes */\n  responsive?: boolean | {\n    duration?: number\n    easing?: string\n    delay?: number\n  }\n  /** Enable animations for section header/footer changes */\n  sections?: boolean | {\n    duration?: number\n    easing?: string\n    delay?: number\n  }\n}\n\n/**\n * Grid accessibility configuration (Phase 3)\n */\nexport interface GridAccessibilityConfig {\n  /** Main accessibility label for the grid */\n  label?: string\n  /** Description of the grid's purpose */\n  description?: string\n  /** ARIA role override (defaults to 'grid' for data grids, 'group' for layout grids) */\n  role?: 'grid' | 'group' | 'list' | 'region'\n  /** Enable keyboard navigation between grid items */\n  keyboardNavigation?: boolean | {\n    enabled?: boolean\n    /** Arrow key behavior: 'grid' for 2D navigation, 'list' for linear navigation */\n    mode?: 'grid' | 'list'\n    /** Enable page up/down navigation */\n    pageNavigation?: boolean\n    /** Enable home/end navigation */\n    homeEndNavigation?: boolean\n  }\n  /** Enable focus management */\n  focusManagement?: boolean | {\n    enabled?: boolean\n    /** Focus trap within grid */\n    trapFocus?: boolean\n    /** Restore focus when grid is unmounted */\n    restoreFocus?: boolean\n    /** Skip links for screen readers */\n    skipLinks?: boolean\n  }\n  /** Screen reader optimizations */\n  screenReader?: boolean | {\n    enabled?: boolean\n    /** Announce grid structure changes */\n    announceChanges?: boolean\n    /** Provide row/column count information */\n    announceStructure?: boolean\n    /** Announce item positions */\n    announcePositions?: boolean\n  }\n  /** Reduced motion support */\n  reducedMotion?: boolean | {\n    respectPreference?: boolean\n    fallbackBehavior?: 'disable' | 'reduce' | 'instant'\n  }\n}\n\n/**\n * Advanced grid styling configuration (Phase 3)\n */\nexport interface GridStylingConfig {\n  /** Custom grid template areas for named grid positioning */\n  templateAreas?: string[]\n  /** Advanced gap configuration with different spacing for different breakpoints */\n  advancedGap?: {\n    row?: number | string | { [breakpoint: string]: number | string }\n    column?: number | string | { [breakpoint: string]: number | string }\n  }\n  /** Grid debugging and overlay styles */\n  debug?: boolean | {\n    enabled?: boolean\n    /** Show grid lines */\n    showLines?: boolean\n    /** Show grid areas */\n    showAreas?: boolean\n    /** Grid line color */\n    lineColor?: string\n    /** Grid line style */\n    lineStyle?: 'solid' | 'dashed' | 'dotted'\n    /** Show item numbers */\n    showItemNumbers?: boolean\n  }\n  /** Theme integration */\n  theme?: {\n    /** Use theme-based grid colors */\n    useThemeColors?: boolean\n    /** Custom theme variant */\n    variant?: string\n    /** Grid-specific theme overrides */\n    overrides?: Record<string, string | number>\n  }\n  /** Advanced hover and focus states */\n  itemStates?: {\n    /** Grid item hover effects */\n    hover?: {\n      enabled?: boolean\n      transform?: 'scale' | 'lift' | 'glow' | 'highlight'\n      transition?: string\n      customCSS?: Record<string, string>\n    }\n    /** Grid item focus effects */\n    focus?: {\n      enabled?: boolean\n      style?: 'ring' | 'outline' | 'background' | 'border'\n      color?: string\n      customCSS?: Record<string, string>\n    }\n    /** Grid item active/pressed effects */\n    active?: {\n      enabled?: boolean\n      transform?: 'scale' | 'inset' | 'darken'\n      customCSS?: Record<string, string>\n    }\n  }\n  /** Grid container styling */\n  container?: {\n    /** Background patterns or overlays */\n    background?: string | {\n      pattern?: 'dots' | 'lines' | 'grid' | 'none'\n      color?: string\n      opacity?: number\n    }\n    /** Container border and shadow */\n    border?: string\n    borderRadius?: number | string\n    boxShadow?: string\n    /** Container padding */\n    padding?: number | string | {\n      top?: number | string\n      right?: number | string\n      bottom?: number | string\n      left?: number | string\n    }\n  }\n}\n\n/**\n * Grid section configuration (Phase 3)\n */\nexport interface GridSection {\n  id: string\n  header?: ComponentInstance | string\n  footer?: ComponentInstance | string\n  items: ComponentInstance[]\n  headerStyle?: 'automatic' | 'grouped' | 'plain' | 'sticky'\n  footerStyle?: 'automatic' | 'grouped' | 'plain' | 'sticky'\n}\n\n/**\n * Grid section header/footer properties (Phase 3)\n */\nexport interface GridSectionHeaderProps extends ComponentProps, ElementOverrideProps, CSSClassesProps {\n  content: ComponentInstance | string\n  sectionId: string\n  type: 'header' | 'footer'\n  style: 'automatic' | 'grouped' | 'plain' | 'sticky'\n  debugLabel?: string\n}\n\n/**\n * GridRow component properties\n */\nexport interface GridRowProps extends ComponentProps, ElementOverrideProps, CSSClassesProps {\n  children?: ComponentInstance[]\n  alignment?: 'leading' | 'center' | 'trailing'\n  debugLabel?: string\n}\n\n/**\n * CSS Grid generation utilities\n */\nclass GridCSSGenerator {\n  /**\n   * Generate CSS grid-template-columns from GridItem configurations\n   */\n  static generateColumns(items: GridItemConfig[]): string {\n    return items.map(item => {\n      switch (item.type) {\n        case 'fixed':\n          return `${item.size}px`\n        case 'flexible':\n          const minSize = item.minimum || 0\n          const maxSize = item.maximum ? `${item.maximum}px` : '1fr'\n          return minSize > 0 ? `minmax(${minSize}px, ${maxSize})` : '1fr'\n        case 'adaptive':\n          const adaptiveMin = item.minimum\n          const adaptiveMax = item.maximum ? `${item.maximum}px` : '1fr'\n          return `minmax(${adaptiveMin}px, ${adaptiveMax})`\n        default:\n          return '1fr'\n      }\n    }).join(' ')\n  }\n\n  /**\n   * Generate CSS grid-template-rows from GridItem configurations\n   */\n  static generateRows(items: GridItemConfig[]): string {\n    return this.generateColumns(items) // Same logic applies\n  }\n\n  /**\n   * Generate responsive CSS for grid layouts\n   */\n  static generateResponsiveGridCSS(config: ResponsiveGridItemConfig, property: 'grid-template-columns' | 'grid-template-rows'): Record<string, string | Record<string, string>> {\n    const responsiveCSS: Record<string, string | Record<string, string>> = {}\n    \n    if (config.base) {\n      responsiveCSS[property] = property === 'grid-template-columns' \n        ? this.generateColumns(config.base)\n        : this.generateRows(config.base)\n    }\n\n    // Generate media queries for other breakpoints\n    const breakpoints = {\n      sm: '640px',\n      md: '768px', \n      lg: '1024px',\n      xl: '1280px',\n      xxl: '1536px'\n    }\n\n    Object.entries(breakpoints).forEach(([breakpoint, minWidth]) => {\n      const breakpointConfig = config[breakpoint as keyof ResponsiveGridItemConfig]\n      if (breakpointConfig) {\n        const mediaQuery = `@media (min-width: ${minWidth})`\n        const gridValue = property === 'grid-template-columns'\n          ? this.generateColumns(breakpointConfig)\n          : this.generateRows(breakpointConfig)\n        \n        if (!responsiveCSS[mediaQuery]) {\n          responsiveCSS[mediaQuery] = {}\n        }\n        const existing = responsiveCSS[mediaQuery] as Record<string, string>\n        responsiveCSS[mediaQuery] = {\n          ...existing,\n          [property]: gridValue\n        }\n      }\n    })\n\n    return responsiveCSS\n  }\n\n  /**\n   * Convert spacing configuration to CSS gap values\n   */\n  static generateSpacing(spacing?: number | { horizontal?: number; vertical?: number }): string {\n    if (typeof spacing === 'number') {\n      return `${spacing}px`\n    }\n    if (spacing && typeof spacing === 'object') {\n      const horizontal = spacing.horizontal ?? 0\n      const vertical = spacing.vertical ?? 0\n      return `${vertical}px ${horizontal}px`\n    }\n    return '0'\n  }\n\n  /**\n   * Convert GridAlignment to CSS grid alignment properties\n   */\n  static generateAlignment(alignment: GridAlignment): { justifyItems?: string; alignItems?: string } {\n    const alignmentMap: Record<GridAlignment, { justifyItems: string; alignItems: string }> = {\n      'topLeading': { justifyItems: 'start', alignItems: 'start' },\n      'top': { justifyItems: 'center', alignItems: 'start' },\n      'topTrailing': { justifyItems: 'end', alignItems: 'start' },\n      'leading': { justifyItems: 'start', alignItems: 'center' },\n      'center': { justifyItems: 'center', alignItems: 'center' },\n      'trailing': { justifyItems: 'end', alignItems: 'center' },\n      'bottomLeading': { justifyItems: 'start', alignItems: 'end' },\n      'bottom': { justifyItems: 'center', alignItems: 'end' },\n      'bottomTrailing': { justifyItems: 'end', alignItems: 'end' }\n    }\n    \n    return alignmentMap[alignment] || alignmentMap.center\n  }\n\n  /**\n   * Generate CSS for section header/footer styling (Phase 3)\n   */\n  static generateSectionHeaderCSS(style: 'automatic' | 'grouped' | 'plain' | 'sticky', type: 'header' | 'footer', columnSpan: number): Record<string, string> {\n    const baseStyles: Record<string, string> = {\n      gridColumn: `1 / span ${columnSpan}`,\n      display: 'flex',\n      alignItems: 'center'\n    }\n\n    switch (style) {\n      case 'sticky':\n        baseStyles.position = 'sticky'\n        baseStyles.top = type === 'header' ? '0' : 'auto'\n        baseStyles.bottom = type === 'footer' ? '0' : 'auto'\n        baseStyles.zIndex = '10'\n        baseStyles.backgroundColor = 'var(--background-color, white)'\n        break\n      case 'grouped':\n        baseStyles.padding = '12px 16px'\n        baseStyles.backgroundColor = 'var(--section-bg, #f8f9fa)'\n        baseStyles.borderRadius = type === 'header' ? '8px 8px 0 0' : '0 0 8px 8px'\n        break\n      case 'plain':\n        baseStyles.padding = '8px 0'\n        break\n      case 'automatic':\n      default:\n        baseStyles.padding = '12px 0'\n        baseStyles.fontWeight = '600'\n        baseStyles.fontSize = '1.1em'\n        if (type === 'footer') {\n          baseStyles.fontSize = '0.9em'\n          baseStyles.fontWeight = '400'\n          baseStyles.color = 'var(--text-secondary, #6b7280)'\n        }\n        break\n    }\n\n    return baseStyles\n  }\n\n  /**\n   * Generate CSS animations for grid layout changes (Phase 3)\n   */\n  static generateGridAnimationCSS(animations: GridAnimationConfig): Record<string, string> {\n    const animationStyles: Record<string, string> = {}\n\n    // Layout change animations\n    if (animations.layoutChanges) {\n      const config = typeof animations.layoutChanges === 'boolean' ? {} : animations.layoutChanges\n      const duration = config.duration || 300\n      const easing = config.easing || 'ease-out'\n      const delay = config.delay || 0\n\n      animationStyles.transition = `grid-template-columns ${duration}ms ${easing}${delay > 0 ? ` ${delay}ms` : ''}, grid-template-rows ${duration}ms ${easing}${delay > 0 ? ` ${delay}ms` : ''}`\n    }\n\n    // Responsive breakpoint change animations\n    if (animations.responsive) {\n      const config = typeof animations.responsive === 'boolean' ? {} : animations.responsive\n      const duration = config.duration || 250\n      const easing = config.easing || 'ease-out'\n      const delay = config.delay || 0\n\n      const responsiveTransition = `grid-template-columns ${duration}ms ${easing}${delay > 0 ? ` ${delay}ms` : ''}, grid-template-rows ${duration}ms ${easing}${delay > 0 ? ` ${delay}ms` : ''}, gap ${duration}ms ${easing}${delay > 0 ? ` ${delay}ms` : ''}`\n      \n      if (animationStyles.transition) {\n        animationStyles.transition += `, ${responsiveTransition}`\n      } else {\n        animationStyles.transition = responsiveTransition\n      }\n    }\n\n    return animationStyles\n  }\n\n  /**\n   * Generate item entrance/exit animation keyframes (Phase 3)\n   */\n  static generateItemAnimationKeyframes(type: 'enter' | 'exit', animation: 'fade' | 'scale' | 'slide-up' | 'slide-down' | 'slide-left' | 'slide-right'): Record<string, string> {\n    const keyframeName = `grid-item-${type}-${animation}`\n    \n    let keyframeContent = ''\n    switch (animation) {\n      case 'fade':\n        keyframeContent = type === 'enter' \n          ? 'from { opacity: 0; } to { opacity: 1; }'\n          : 'from { opacity: 1; } to { opacity: 0; }'\n        break\n      case 'scale':\n        keyframeContent = type === 'enter'\n          ? 'from { opacity: 0; transform: scale(0.8); } to { opacity: 1; transform: scale(1); }'\n          : 'from { opacity: 1; transform: scale(1); } to { opacity: 0; transform: scale(0.8); }'\n        break\n      case 'slide-up':\n        keyframeContent = type === 'enter'\n          ? 'from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); }'\n          : 'from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(-20px); }'\n        break\n      case 'slide-down':\n        keyframeContent = type === 'enter'\n          ? 'from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); }'\n          : 'from { opacity: 1; transform: translateY(0); } to { opacity: 0; transform: translateY(20px); }'\n        break\n      case 'slide-left':\n        keyframeContent = type === 'enter'\n          ? 'from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: translateX(0); }'\n          : 'from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(-20px); }'\n        break\n      case 'slide-right':\n        keyframeContent = type === 'enter'\n          ? 'from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); }'\n          : 'from { opacity: 1; transform: translateX(0); } to { opacity: 0; transform: translateX(20px); }'\n        break\n    }\n\n    return {\n      [`@keyframes ${keyframeName}`]: `{ ${keyframeContent} }`,\n      [`--${keyframeName}-keyframes`]: keyframeName\n    }\n  }\n\n  /**\n   * Generate accessibility attributes for grid elements (Phase 3)\n   */\n  static generateAccessibilityAttributes(\n    accessibility: GridAccessibilityConfig, \n    gridType: 'grid' | 'lazy-vgrid' | 'lazy-hgrid',\n    columnCount?: number,\n    rowCount?: number\n  ): Record<string, string | number | boolean> {\n    const attributes: Record<string, string | number | boolean> = {}\n\n    // Determine appropriate ARIA role\n    const defaultRole = gridType === 'grid' ? 'grid' : 'group'\n    const role = accessibility.role || defaultRole\n    attributes.role = role\n\n    // Add accessibility labels\n    if (accessibility.label) {\n      attributes['aria-label'] = accessibility.label\n    }\n    if (accessibility.description) {\n      attributes['aria-describedby'] = accessibility.description\n    }\n\n    // Grid structure information for screen readers\n    if (accessibility.screenReader !== false) {\n      const screenReaderConfig = typeof accessibility.screenReader === 'boolean' ? {} : accessibility.screenReader || {}\n      \n      if (screenReaderConfig.announceStructure !== false && columnCount !== undefined) {\n        attributes['aria-colcount'] = columnCount\n      }\n      if (screenReaderConfig.announceStructure !== false && rowCount !== undefined) {\n        attributes['aria-rowcount'] = rowCount\n      }\n    }\n\n    // Keyboard navigation attributes\n    if (accessibility.keyboardNavigation !== false) {\n      const keyboardConfig = typeof accessibility.keyboardNavigation === 'boolean' ? {} : accessibility.keyboardNavigation || {}\n      \n      if (keyboardConfig.enabled !== false) {\n        attributes.tabIndex = 0\n        attributes['data-keyboard-navigation'] = keyboardConfig.mode || 'grid'\n        \n        if (keyboardConfig.pageNavigation) {\n          attributes['data-page-navigation'] = true\n        }\n        if (keyboardConfig.homeEndNavigation) {\n          attributes['data-home-end-navigation'] = true\n        }\n      }\n    }\n\n    // Focus management attributes\n    if (accessibility.focusManagement !== false) {\n      const focusConfig = typeof accessibility.focusManagement === 'boolean' ? {} : accessibility.focusManagement || {}\n      \n      if (focusConfig.trapFocus) {\n        attributes['data-focus-trap'] = true\n      }\n      if (focusConfig.skipLinks) {\n        attributes['data-skip-links'] = true\n      }\n    }\n\n    // Reduced motion attributes\n    if (accessibility.reducedMotion !== false) {\n      const motionConfig = typeof accessibility.reducedMotion === 'boolean' ? {} : accessibility.reducedMotion || {}\n      \n      if (motionConfig.respectPreference !== false) {\n        attributes['data-respect-reduced-motion'] = true\n        attributes['data-reduced-motion-fallback'] = motionConfig.fallbackBehavior || 'disable'\n      }\n    }\n\n    return attributes\n  }\n\n  /**\n   * Generate reduced motion CSS based on user preferences (Phase 3)\n   */\n  static generateReducedMotionCSS(accessibility?: GridAccessibilityConfig): Record<string, string> {\n    if (!accessibility?.reducedMotion) return {}\n\n    const motionConfig = typeof accessibility.reducedMotion === 'boolean' ? {} : accessibility.reducedMotion\n    const fallback = motionConfig.fallbackBehavior || 'disable'\n\n    const reducedMotionCSS: Record<string, string> = {}\n\n    switch (fallback) {\n      case 'disable':\n        reducedMotionCSS['@media (prefers-reduced-motion: reduce)'] = '{ transition: none !important; animation: none !important; }'\n        break\n      case 'reduce':\n        reducedMotionCSS['@media (prefers-reduced-motion: reduce)'] = '{ transition-duration: 0.1s !important; animation-duration: 0.1s !important; }'\n        break\n      case 'instant':\n        reducedMotionCSS['@media (prefers-reduced-motion: reduce)'] = '{ transition-duration: 0s !important; animation-duration: 0s !important; }'\n        break\n    }\n\n    return reducedMotionCSS\n  }\n\n  /**\n   * Generate advanced styling CSS for grid components (Phase 3)\n   */\n  static generateAdvancedStylingCSS(styling: GridStylingConfig): Record<string, string> {\n    const styles: Record<string, string> = {}\n\n    // Grid template areas\n    if (styling.templateAreas && styling.templateAreas.length > 0) {\n      const areas = styling.templateAreas.map(area => `\"${area}\"`).join(' ')\n      styles.gridTemplateAreas = areas\n    }\n\n    // Advanced gap configuration\n    if (styling.advancedGap) {\n      if (styling.advancedGap.row) {\n        if (typeof styling.advancedGap.row === 'object') {\n          // Responsive row gap - would need media queries\n          Object.entries(styling.advancedGap.row).forEach(([breakpoint, value]) => {\n            const mediaQuery = this.getMediaQueryForBreakpoint(breakpoint)\n            if (mediaQuery) {\n              styles[mediaQuery] = styles[mediaQuery] || '{}'\n              styles[mediaQuery] = styles[mediaQuery].replace('}', ` row-gap: ${value}px; }`)\n            }\n          })\n        } else {\n          styles.rowGap = typeof styling.advancedGap.row === 'number' \n            ? `${styling.advancedGap.row}px` \n            : styling.advancedGap.row\n        }\n      }\n      \n      if (styling.advancedGap.column) {\n        if (typeof styling.advancedGap.column === 'object') {\n          // Responsive column gap\n          Object.entries(styling.advancedGap.column).forEach(([breakpoint, value]) => {\n            const mediaQuery = this.getMediaQueryForBreakpoint(breakpoint)\n            if (mediaQuery) {\n              styles[mediaQuery] = styles[mediaQuery] || '{}'\n              styles[mediaQuery] = styles[mediaQuery].replace('}', ` column-gap: ${value}px; }`)\n            }\n          })\n        } else {\n          styles.columnGap = typeof styling.advancedGap.column === 'number'\n            ? `${styling.advancedGap.column}px`\n            : styling.advancedGap.column\n        }\n      }\n    }\n\n    // Container styling (handle first to allow debug to override/combine)\n    if (styling.container) {\n      if (styling.container.background) {\n        if (typeof styling.container.background === 'string') {\n          styles.background = styling.container.background\n        } else {\n          const bgConfig = styling.container.background\n          switch (bgConfig.pattern) {\n            case 'dots':\n              styles.background = `radial-gradient(circle, ${bgConfig.color || '#e0e0e0'} 1px, transparent 1px)`\n              styles.backgroundSize = '20px 20px'\n              if (bgConfig.opacity) {\n                styles.opacity = bgConfig.opacity.toString()\n              }\n              break\n            case 'lines':\n              styles.background = `linear-gradient(90deg, ${bgConfig.color || '#e0e0e0'} 1px, transparent 1px), linear-gradient(${bgConfig.color || '#e0e0e0'} 1px, transparent 1px)`\n              styles.backgroundSize = '20px 20px'\n              break\n            case 'grid':\n              styles.background = `linear-gradient(to right, ${bgConfig.color || '#e0e0e0'} 1px, transparent 1px), linear-gradient(to bottom, ${bgConfig.color || '#e0e0e0'} 1px, transparent 1px)`\n              styles.backgroundSize = '20px 20px'\n              break\n          }\n        }\n      }\n\n      if (styling.container.border) {\n        styles.border = styling.container.border\n      }\n      if (styling.container.borderRadius) {\n        styles.borderRadius = typeof styling.container.borderRadius === 'number'\n          ? `${styling.container.borderRadius}px`\n          : styling.container.borderRadius\n      }\n      if (styling.container.boxShadow) {\n        styles.boxShadow = styling.container.boxShadow\n      }\n      if (styling.container.padding) {\n        if (typeof styling.container.padding === 'object') {\n          const p = styling.container.padding\n          styles.padding = `${p.top || 0} ${p.right || 0} ${p.bottom || 0} ${p.left || 0}`\n        } else {\n          styles.padding = typeof styling.container.padding === 'number'\n            ? `${styling.container.padding}px`\n            : styling.container.padding\n        }\n      }\n    }\n\n    // Debug visualization (applies after container background to combine properly)\n    if (styling.debug && (styling.debug === true || styling.debug.enabled)) {\n      const debugConfig = typeof styling.debug === 'boolean' ? {} : styling.debug\n      const lineColor = debugConfig.lineColor || '#ff0000'\n\n      if (debugConfig.showLines !== false) {\n        const debugGradient = `linear-gradient(to right, ${lineColor} 1px, transparent 1px), linear-gradient(to bottom, ${lineColor} 1px, transparent 1px)`\n        \n        // Combine with existing background if present\n        if (styles.background && !styles.background.includes('linear-gradient')) {\n          styles.background = `${debugGradient}, ${styles.background}`\n        } else {\n          styles.background = debugGradient\n        }\n        styles.backgroundSize = 'var(--grid-debug-size, 20px) var(--grid-debug-size, 20px)'\n      }\n\n      if (debugConfig.showAreas) {\n        styles.position = 'relative'\n        styles['&::after'] = `{ content: \"\"; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient(45deg, transparent, transparent 10px, ${lineColor}22 10px, ${lineColor}22 20px); pointer-events: none; }`\n      }\n    }\n\n    return styles\n  }\n\n  /**\n   * Generate item state CSS (hover, focus, active) (Phase 3)\n   */\n  static generateItemStateCSS(itemStates: NonNullable<GridStylingConfig['itemStates']>): Record<string, string> {\n    const styles: Record<string, string> = {}\n\n    // Hover effects\n    if (itemStates.hover && itemStates.hover.enabled !== false) {\n      const hoverConfig = itemStates.hover\n      const hoverStyles: string[] = []\n\n      switch (hoverConfig.transform) {\n        case 'scale':\n          hoverStyles.push('transform: scale(1.05)')\n          break\n        case 'lift':\n          hoverStyles.push('transform: translateY(-2px)', 'box-shadow: 0 4px 8px rgba(0,0,0,0.12)')\n          break\n        case 'glow':\n          hoverStyles.push('box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.4)')\n          break\n        case 'highlight':\n          hoverStyles.push('background-color: rgba(59, 130, 246, 0.1)')\n          break\n      }\n\n      if (hoverConfig.transition) {\n        hoverStyles.push(`transition: ${hoverConfig.transition}`)\n      } else {\n        hoverStyles.push('transition: all 0.2s ease')\n      }\n\n      if (hoverConfig.customCSS) {\n        Object.entries(hoverConfig.customCSS).forEach(([prop, value]) => {\n          hoverStyles.push(`${prop}: ${value}`)\n        })\n      }\n\n      styles['& > *:hover'] = `{ ${hoverStyles.join('; ')} }`\n    }\n\n    // Focus effects\n    if (itemStates.focus && itemStates.focus.enabled !== false) {\n      const focusConfig = itemStates.focus\n      const focusStyles: string[] = []\n\n      switch (focusConfig.style) {\n        case 'ring':\n          focusStyles.push(`box-shadow: 0 0 0 2px ${focusConfig.color || '#3b82f6'}`)\n          break\n        case 'outline':\n          focusStyles.push(`outline: 2px solid ${focusConfig.color || '#3b82f6'}`, 'outline-offset: 2px')\n          break\n        case 'background':\n          focusStyles.push(`background-color: ${focusConfig.color || 'rgba(59, 130, 246, 0.1)'}`)\n          break\n        case 'border':\n          focusStyles.push(`border: 2px solid ${focusConfig.color || '#3b82f6'}`)\n          break\n      }\n\n      if (focusConfig.customCSS) {\n        Object.entries(focusConfig.customCSS).forEach(([prop, value]) => {\n          focusStyles.push(`${prop}: ${value}`)\n        })\n      }\n\n      styles['& > *:focus'] = `{ ${focusStyles.join('; ')} }`\n    }\n\n    // Active effects\n    if (itemStates.active && itemStates.active.enabled !== false) {\n      const activeConfig = itemStates.active\n      const activeStyles: string[] = []\n\n      switch (activeConfig.transform) {\n        case 'scale':\n          activeStyles.push('transform: scale(0.95)')\n          break\n        case 'inset':\n          activeStyles.push('box-shadow: inset 0 2px 4px rgba(0,0,0,0.1)')\n          break\n        case 'darken':\n          activeStyles.push('filter: brightness(0.9)')\n          break\n      }\n\n      if (activeConfig.customCSS) {\n        Object.entries(activeConfig.customCSS).forEach(([prop, value]) => {\n          activeStyles.push(`${prop}: ${value}`)\n        })\n      }\n\n      styles['& > *:active'] = `{ ${activeStyles.join('; ')} }`\n    }\n\n    return styles\n  }\n\n  /**\n   * Get media query for breakpoint (helper function)\n   */\n  private static getMediaQueryForBreakpoint(breakpoint: string): string | null {\n    const breakpoints: Record<string, string> = {\n      sm: '@media (min-width: 640px)',\n      md: '@media (min-width: 768px)',\n      lg: '@media (min-width: 1024px)',\n      xl: '@media (min-width: 1280px)',\n      xxl: '@media (min-width: 1536px)'\n    }\n    return breakpoints[breakpoint] || null\n  }\n}\n\n/**\n * Grid Section Header/Footer component (Phase 3)\n */\nclass GridSectionHeaderComponent extends ComponentWithCSSClasses implements ComponentInstance<GridSectionHeaderProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n  private effectiveTag: string\n  private validationResult: any\n\n  constructor(public props: GridSectionHeaderProps) {\n    super()\n    this.id = `grid-section-${props.type}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n    \n    // Process element override\n    const componentType = `GridSection${props.type === 'header' ? 'Header' : 'Footer'}`\n    const override = processElementOverride(componentType, 'div', this.props.element)\n    this.effectiveTag = override.tag\n    this.validationResult = override.validation\n  }\n\n  render() {\n    const { content, sectionId, type, style, debugLabel } = this.props\n    \n    // Log component for debugging\n    const debug = getDebugManager()\n    debug.logComponent(`GRID_SECTION_${type.toUpperCase()}`, debugLabel)\n    \n    // Process CSS classes for this component\n    const baseClasses = [`tachui-grid-section-${type}`, ...(debug.isEnabled() ? ['tachui-debug'] : [])]\n    const classString = this.createClassString(this.props, baseClasses)\n\n    // Determine column span (will be set by parent grid)\n    const columnSpan = 12 // Default, should be overridden by parent\n    \n    // Generate section header styles\n    const sectionStyles = GridCSSGenerator.generateSectionHeaderCSS(style, type, columnSpan)\n    \n    // Render content\n    let renderedContent: any\n    if (typeof content === 'string') {\n      renderedContent = [{\n        type: 'element' as const,\n        tag: 'span',\n        props: { \n          className: `tachui-grid-section-${type}-text`,\n          children: [{ type: 'text' as const, text: content }]\n        }\n      }]\n    } else {\n      const contentResult = content.render()\n      renderedContent = Array.isArray(contentResult) ? contentResult : [contentResult]\n    }\n\n    const element = {\n      type: 'element' as const,\n      tag: this.effectiveTag,\n      props: {\n        className: classString,\n        style: sectionStyles,\n        'data-section-id': sectionId,\n        'data-section-type': type,\n        // Add debug attributes\n        ...(debug.isEnabled() && {\n          'data-tachui-component': `GridSection${type === 'header' ? 'Header' : 'Footer'}`,\n          ...(debugLabel && { 'data-tachui-label': debugLabel })\n        })\n      },\n      children: renderedContent,\n      // Add component metadata\n      componentMetadata: {\n        originalType: `GridSection${type === 'header' ? 'Header' : 'Footer'}`,\n        overriddenTo: this.effectiveTag !== 'div' ? this.effectiveTag : undefined,\n        validationResult: this.validationResult\n      }\n    }\n\n    return [element]\n  }\n}\n\n/**\n * Base Grid component class with CSS Grid layout\n */\nclass BaseGridComponent extends ComponentWithCSSClasses implements ComponentInstance<BaseGridProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n  protected effectiveTag: string\n  protected validationResult: any\n\n  constructor(\n    public props: BaseGridProps,\n    protected gridType: 'grid' | 'lazy-vgrid' | 'lazy-hgrid',\n    public children: ComponentInstance[] = []\n  ) {\n    super()\n    this.id = `${gridType}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n    \n    // Process element override for tag specification enhancement\n    const componentType = gridType === 'grid' ? 'Grid' : \n                         gridType === 'lazy-vgrid' ? 'LazyVGrid' : 'LazyHGrid'\n    const override = processElementOverride(componentType, 'div', this.props.element)\n    this.effectiveTag = override.tag\n    this.validationResult = override.validation\n\n    // Set up lifecycle hooks for child components\n    this.setupLifecycleHooks()\n\n    // Register this component for lifecycle processing\n    registerComponentWithLifecycleHooks(this)\n  }\n\n  /**\n   * Generate animation styles for grid layout (Phase 3)\n   */\n  protected generateAnimationStyles(animations?: GridAnimationConfig): Record<string, string> {\n    if (!animations) return {}\n    \n    return GridCSSGenerator.generateGridAnimationCSS(animations)\n  }\n\n  /**\n   * Apply item animations to child elements (Phase 3)\n   */\n  protected applyItemAnimations(children: ComponentInstance[], animations?: GridAnimationConfig): ComponentInstance[] {\n    if (!animations?.itemChanges) return children\n\n    const itemConfig = typeof animations.itemChanges === 'boolean' ? {} : animations.itemChanges\n    \n    // Apply enter animations to new items\n    if (itemConfig.enter) {\n      const enterConfig = itemConfig.enter\n      const duration = enterConfig.duration || 250\n      const easing = enterConfig.easing || 'ease-out'\n      const delay = enterConfig.delay || 0\n\n      // Apply animation styles to children\n      return children.map((child, index) => {\n        // Add animation modifier to child (if child supports modifiers)\n        if ('modifiers' in child && Array.isArray((child as any).modifiers)) {\n          const animationDelay = delay + (index * 50) // Stagger animations\n          const animationModifier = transition('all', duration, easing, animationDelay)\n          ;(child as any).modifiers.push(animationModifier)\n        }\n        return child\n      })\n    }\n\n    return children\n  }\n\n  /**\n   * Generate accessibility attributes for grid (Phase 3)\n   */\n  protected generateAccessibilityAttributes(accessibility?: GridAccessibilityConfig, columnCount?: number, rowCount?: number): Record<string, any> {\n    if (!accessibility) return {}\n    \n    return GridCSSGenerator.generateAccessibilityAttributes(accessibility, this.gridType, columnCount, rowCount)\n  }\n\n  /**\n   * Generate advanced styling CSS for grid (Phase 3)\n   */\n  protected generateStylingCSS(styling?: GridStylingConfig): Record<string, string> {\n    if (!styling) return {}\n    \n    const stylingCSS = GridCSSGenerator.generateAdvancedStylingCSS(styling)\n    \n    // Add item state CSS if configured\n    if (styling.itemStates) {\n      const itemStateCSS = GridCSSGenerator.generateItemStateCSS(styling.itemStates)\n      Object.assign(stylingCSS, itemStateCSS)\n    }\n    \n    return stylingCSS\n  }\n\n  /**\n   * Handle keyboard navigation events (Phase 3)\n   */\n  protected setupKeyboardNavigation(element: HTMLElement, accessibility?: GridAccessibilityConfig) {\n    if (!accessibility?.keyboardNavigation) return\n\n    const keyboardConfig = typeof accessibility.keyboardNavigation === 'boolean' ? {} : accessibility.keyboardNavigation\n    if (keyboardConfig.enabled === false) return\n\n    const mode = keyboardConfig.mode || 'grid'\n    \n    const handleKeyDown = (event: KeyboardEvent) => {\n      const target = event.target as HTMLElement\n      if (!element.contains(target)) return\n\n      let handled = false\n\n      switch (event.key) {\n        case 'ArrowUp':\n          if (mode === 'grid') {\n            this.navigateGrid(element, 'up')\n            handled = true\n          }\n          break\n        case 'ArrowDown':\n          if (mode === 'grid') {\n            this.navigateGrid(element, 'down')\n            handled = true\n          } else if (mode === 'list') {\n            this.navigateList(element, 'next')\n            handled = true\n          }\n          break\n        case 'ArrowLeft':\n          this.navigateGrid(element, 'left')\n          handled = true\n          break\n        case 'ArrowRight':\n          this.navigateGrid(element, 'right')\n          handled = true\n          break\n        case 'Home':\n          if (keyboardConfig.homeEndNavigation) {\n            this.navigateToFirst(element)\n            handled = true\n          }\n          break\n        case 'End':\n          if (keyboardConfig.homeEndNavigation) {\n            this.navigateToLast(element)\n            handled = true\n          }\n          break\n        case 'PageUp':\n          if (keyboardConfig.pageNavigation) {\n            this.navigatePage(element, 'up')\n            handled = true\n          }\n          break\n        case 'PageDown':\n          if (keyboardConfig.pageNavigation) {\n            this.navigatePage(element, 'down')\n            handled = true\n          }\n          break\n      }\n\n      if (handled) {\n        event.preventDefault()\n        event.stopPropagation()\n      }\n    }\n\n    element.addEventListener('keydown', handleKeyDown)\n    \n    // Store cleanup function\n    this.cleanup.push(() => {\n      element.removeEventListener('keydown', handleKeyDown)\n    })\n  }\n\n  /**\n   * Navigate within grid structure (Phase 3)\n   */\n  private navigateGrid(container: HTMLElement, direction: 'up' | 'down' | 'left' | 'right') {\n    const focusableElements = container.querySelectorAll('[tabindex=\"0\"], button, input, select, textarea, [contenteditable]')\n    const currentIndex = Array.from(focusableElements).indexOf(document.activeElement as HTMLElement)\n    \n    if (currentIndex === -1) return\n\n    // Get grid dimensions (simplified - assumes regular grid)\n    const computedStyle = getComputedStyle(container)\n    const columns = computedStyle.gridTemplateColumns.split(' ').length\n    \n    let targetIndex = currentIndex\n    \n    switch (direction) {\n      case 'up':\n        targetIndex = Math.max(0, currentIndex - columns)\n        break\n      case 'down':\n        targetIndex = Math.min(focusableElements.length - 1, currentIndex + columns)\n        break\n      case 'left':\n        targetIndex = Math.max(0, currentIndex - 1)\n        break\n      case 'right':\n        targetIndex = Math.min(focusableElements.length - 1, currentIndex + 1)\n        break\n    }\n\n    if (targetIndex !== currentIndex) {\n      (focusableElements[targetIndex] as HTMLElement).focus()\n    }\n  }\n\n  /**\n   * Navigate in list mode (Phase 3)\n   */\n  private navigateList(container: HTMLElement, direction: 'previous' | 'next') {\n    const focusableElements = container.querySelectorAll('[tabindex=\"0\"], button, input, select, textarea, [contenteditable]')\n    const currentIndex = Array.from(focusableElements).indexOf(document.activeElement as HTMLElement)\n    \n    if (currentIndex === -1) return\n\n    const targetIndex = direction === 'next' \n      ? Math.min(focusableElements.length - 1, currentIndex + 1)\n      : Math.max(0, currentIndex - 1)\n\n    if (targetIndex !== currentIndex) {\n      (focusableElements[targetIndex] as HTMLElement).focus()\n    }\n  }\n\n  /**\n   * Navigate to first/last elements (Phase 3)\n   */\n  private navigateToFirst(container: HTMLElement) {\n    const focusableElements = container.querySelectorAll('[tabindex=\"0\"], button, input, select, textarea, [contenteditable]')\n    if (focusableElements.length > 0) {\n      (focusableElements[0] as HTMLElement).focus()\n    }\n  }\n\n  private navigateToLast(container: HTMLElement) {\n    const focusableElements = container.querySelectorAll('[tabindex=\"0\"], button, input, select, textarea, [contenteditable]')\n    if (focusableElements.length > 0) {\n      (focusableElements[focusableElements.length - 1] as HTMLElement).focus()\n    }\n  }\n\n  /**\n   * Navigate by page (Phase 3)\n   */\n  private navigatePage(container: HTMLElement, direction: 'up' | 'down') {\n    const focusableElements = container.querySelectorAll('[tabindex=\"0\"], button, input, select, textarea, [contenteditable]')\n    const currentIndex = Array.from(focusableElements).indexOf(document.activeElement as HTMLElement)\n    \n    if (currentIndex === -1) return\n\n    // Page navigation jumps by ~10 items or to start/end\n    const pageSize = 10\n    const targetIndex = direction === 'down'\n      ? Math.min(focusableElements.length - 1, currentIndex + pageSize)\n      : Math.max(0, currentIndex - pageSize)\n\n    if (targetIndex !== currentIndex) {\n      (focusableElements[targetIndex] as HTMLElement).focus()\n    }\n  }\n\n  private setupLifecycleHooks() {\n    useLifecycle(this, {\n      onDOMReady: (_elements, primaryElement) => {\n        // Process lifecycle hooks for child components that have them\n        this.children.forEach((child, index) => {\n          const enhancedLifecycle = (child as any)._enhancedLifecycle\n          \n          if (enhancedLifecycle && enhancedLifecycle.onDOMReady && !child.domReady) {\n            try {\n              if (primaryElement) {\n                const childElements = this.findChildDOMElements(child, primaryElement, index)\n                \n                if (childElements.length > 0) {\n                  child.domElements = new Map()\n                  childElements.forEach((element, idx) => {\n                    const key = element.id || `element-${idx}`\n                    child.domElements!.set(key, element)\n                    if (!child.primaryElement) {\n                      child.primaryElement = element\n                    }\n                  })\n\n                  child.domReady = true\n\n                  // Call the child's onDOMReady hook\n                  const cleanup = enhancedLifecycle.onDOMReady(\n                    child.domElements,\n                    child.primaryElement\n                  )\n                  if (typeof cleanup === 'function') {\n                    child.cleanup = child.cleanup || []\n                    child.cleanup.push(cleanup)\n                  }\n\n                  // Also call onMount if it exists\n                  if (enhancedLifecycle.onMount) {\n                    const mountCleanup = enhancedLifecycle.onMount()\n                    if (typeof mountCleanup === 'function') {\n                      child.cleanup = child.cleanup || []\n                      child.cleanup.push(mountCleanup)\n                    }\n                  }\n                }\n              }\n            } catch (error) {\n              console.error(`Error processing lifecycle hooks for child ${child.id}:`, error)\n            }\n          }\n        })\n      }\n    })\n  }\n\n  /**\n   * Find DOM elements for child components (reusing pattern from LayoutComponent)\n   */\n  private findChildDOMElements(child: ComponentInstance, container: Element, childIndex: number): Element[] {\n    // For Image components, look for img elements with the tachui-image class\n    if (child.id.startsWith('image-')) {\n      const images = container.querySelectorAll('img.tachui-image')\n      if (images[childIndex]) {\n        return [images[childIndex]]\n      }\n      return Array.from(images)\n    }\n\n    // For Button components, look for button elements with the tachui-button class\n    if (child.id.startsWith('button-')) {\n      const buttons = container.querySelectorAll('button.tachui-button')\n      if (buttons[childIndex]) {\n        return [buttons[childIndex]]\n      }\n      return Array.from(buttons)\n    }\n\n    // For Text components, look for span elements with the tachui-text class\n    if (child.id.startsWith('text-')) {\n      const textElements = container.querySelectorAll('span.tachui-text, .tachui-text')\n      if (textElements[childIndex]) {\n        return [textElements[childIndex]]\n      }\n      return Array.from(textElements)\n    }\n\n    // For other components, try to find any direct children elements\n    const allChildren = Array.from(container.children)\n    if (allChildren[childIndex]) {\n      return [allChildren[childIndex]]\n    }\n\n    return allChildren\n  }\n\n  render(): any[] {\n    // To be implemented by specific grid component subclasses\n    throw new Error('BaseGridComponent.render() must be implemented by subclass')\n  }\n}\n\n/**\n * Grid component class (explicit row/column control)\n */\nclass GridComponent extends BaseGridComponent {\n  constructor(public props: GridProps, children: ComponentInstance[] = []) {\n    super(props, 'grid', children)\n  }\n\n  render() {\n    const { alignment = 'center', spacing, debugLabel, animations, accessibility, styling } = this.props\n    \n    // Log component for debugging\n    const debug = getDebugManager()\n    debug.logComponent('GRID', debugLabel)\n    \n    // Process CSS classes for this component\n    const baseClasses = ['tachui-grid', ...(debug.isEnabled() ? ['tachui-debug'] : [])]\n    const classString = this.createClassString(this.props, baseClasses)\n\n    // Apply item animations to children before rendering (Phase 3)\n    const animatedChildren = this.applyItemAnimations(this.children, animations)\n\n    // Render children - Grid expects GridRow children for explicit layout\n    const renderedChildren = animatedChildren.map((child) => {\n      const childResult = child.render()\n      return Array.isArray(childResult) ? childResult : [childResult]\n    }).flat()\n\n    // Generate base CSS Grid styles\n    const alignmentStyles = GridCSSGenerator.generateAlignment(alignment)\n    const gapValue = GridCSSGenerator.generateSpacing(spacing)\n\n    // Phase 3: Generate animation styles\n    const animationStyles = this.generateAnimationStyles(animations)\n\n    // Phase 3: Generate accessibility attributes\n    const accessibilityAttrs = this.generateAccessibilityAttributes(accessibility)\n    \n    // Phase 3: Generate reduced motion CSS\n    const reducedMotionCSS = GridCSSGenerator.generateReducedMotionCSS(accessibility)\n    \n    // Phase 3: Generate advanced styling CSS\n    const advancedStylingCSS = this.generateStylingCSS(styling)\n    \n    const finalStyles = {\n      display: 'grid',\n      gap: gapValue,\n      ...alignmentStyles,\n      ...animationStyles,\n      ...reducedMotionCSS,\n      ...advancedStylingCSS\n    }\n\n    const element = {\n      type: 'element' as const,\n      tag: this.effectiveTag,\n      props: {\n        className: classString,\n        style: finalStyles,\n        ...accessibilityAttrs,\n        // Add debug attributes\n        ...(debug.isEnabled() && {\n          'data-tachui-component': 'Grid',\n          ...(debugLabel && { 'data-tachui-label': debugLabel })\n        })\n      },\n      children: renderedChildren,\n      // Add component metadata for semantic role processing\n      componentMetadata: {\n        originalType: 'Grid',\n        overriddenTo: this.effectiveTag !== 'div' ? this.effectiveTag : undefined,\n        validationResult: this.validationResult\n      }\n    }\n\n    return [element]\n  }\n}\n\n/**\n * GridRow component class\n */\nclass GridRowComponent extends ComponentWithCSSClasses implements ComponentInstance<GridRowProps> {\n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n  private effectiveTag: string\n  private validationResult: any\n\n  constructor(public props: GridRowProps, public children: ComponentInstance[] = []) {\n    super()\n    this.id = `gridrow-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n    \n    // Process element override for tag specification enhancement\n    const override = processElementOverride('GridRow', 'div', this.props.element)\n    this.effectiveTag = override.tag\n    this.validationResult = override.validation\n  }\n\n  render() {\n    const { debugLabel } = this.props\n    \n    // Log component for debugging\n    const debug = getDebugManager()\n    debug.logComponent('GRIDROW', debugLabel)\n    \n    // Process CSS classes for this component\n    const baseClasses = ['tachui-gridrow', ...(debug.isEnabled() ? ['tachui-debug'] : [])]\n    const classString = this.createClassString(this.props, baseClasses)\n\n    // Render children\n    const renderedChildren = this.children.map((child) => {\n      const childResult = child.render()\n      return Array.isArray(childResult) ? childResult : [childResult]\n    }).flat()\n\n    // GridRow creates a row within the parent Grid - contents are positioned within the grid row\n    const element = {\n      type: 'element' as const,\n      tag: this.effectiveTag,\n      props: {\n        className: classString,\n        style: {\n          display: 'contents', // GridRow acts as a transparent container within CSS Grid\n        },\n        // Add debug attributes\n        ...(debug.isEnabled() && {\n          'data-tachui-component': 'GridRow',\n          ...(debugLabel && { 'data-tachui-label': debugLabel })\n        })\n      },\n      children: renderedChildren,\n      // Add component metadata\n      componentMetadata: {\n        originalType: 'GridRow',\n        overriddenTo: this.effectiveTag !== 'div' ? this.effectiveTag : undefined,\n        validationResult: this.validationResult\n      }\n    }\n\n    return [element]\n  }\n}\n\n/**\n * LazyVGrid component class (vertical scrolling with flexible columns)\n */\nclass LazyVGridComponent extends BaseGridComponent {\n  constructor(public props: LazyVGridProps, children: ComponentInstance[] = []) {\n    super(props, 'lazy-vgrid', children)\n  }\n\n  render() {\n    const { columns, alignment = 'center', spacing, debugLabel, responsive, sections, pinnedViews, animations, accessibility, styling } = this.props\n    \n    // Log component for debugging\n    const debug = getDebugManager()\n    debug.logComponent('LAZYVGRID', debugLabel)\n    \n    // Process CSS classes for this component\n    const baseClasses = ['tachui-lazy-vgrid', ...(debug.isEnabled() ? ['tachui-debug'] : [])]\n    const classString = this.createClassString(this.props, baseClasses)\n\n    // Phase 3: Handle sectioned data with headers and footers\n    let renderedChildren: any[]\n    if (sections && sections.length > 0) {\n      renderedChildren = this.renderSections(sections, pinnedViews)\n    } else {\n      // Apply item animations to children before rendering (Phase 3)\n      const animatedChildren = this.applyItemAnimations(this.children, animations)\n      \n      // Render regular children (backward compatibility)\n      renderedChildren = animatedChildren.map((child) => {\n        const childResult = child.render()\n        return Array.isArray(childResult) ? childResult : [childResult]\n      }).flat()\n    }\n\n    // Generate CSS Grid styles\n    let gridTemplateColumns: string\n    let baseStyles: Record<string, any> = {\n      display: 'grid',\n    }\n\n    // Phase 2: Enhanced responsive integration\n    if (responsive) {\n      // Performance monitoring for responsive CSS generation\n      const endMeasurement = GridPerformanceMonitor.startMeasurement('responsive-css-generation')\n      \n      try {\n        // Use enhanced responsive configuration\n        const responsiveConfig = GridResponsiveUtils.createResponsiveGridConfig({\n          columns: columns as any,\n          spacing,\n          alignment\n        })\n        \n        // Merge with provided responsive config\n        const finalConfig = { ...responsiveConfig, ...responsive }\n        \n        // Debug: Register grid instance and visualize breakpoints\n        GridDebugger.registerGrid(this.id, finalConfig, `#${this.id}`)\n        GridDebugger.visualizeBreakpoints(finalConfig)\n        \n        // Generate responsive modifier (would be applied by modifier system)\n        const responsiveModifier = createResponsiveGridModifier(finalConfig)\n        \n        // For Phase 2, we'll apply base styles and let the modifier system handle responsive styles\n        if (finalConfig.columns && typeof finalConfig.columns === 'object' && 'base' in finalConfig.columns && finalConfig.columns.base) {\n          gridTemplateColumns = this.generateColumnsFromConfig(finalConfig.columns.base)\n        } else if (Array.isArray(columns)) {\n          gridTemplateColumns = GridCSSGenerator.generateColumns(columns)\n        } else {\n          gridTemplateColumns = '1fr'\n        }\n        \n        // Add responsive modifier to component metadata for processing\n        baseStyles._responsiveModifier = responsiveModifier\n      } finally {\n        endMeasurement()\n      }\n    } else {\n      // Phase 1: Basic responsive support (backward compatibility)\n      const alignmentStyles = GridCSSGenerator.generateAlignment(alignment)\n      const gapValue = GridCSSGenerator.generateSpacing(spacing)\n\n      if (Array.isArray(columns)) {\n        // Simple column configuration\n        gridTemplateColumns = GridCSSGenerator.generateColumns(columns)\n      } else {\n        // Responsive column configuration (legacy)\n        const responsiveCSS = GridCSSGenerator.generateResponsiveGridCSS(columns, 'grid-template-columns')\n        const templateValue = responsiveCSS['grid-template-columns']\n        gridTemplateColumns = (typeof templateValue === 'string' ? templateValue : '1fr')\n      }\n      \n      baseStyles = {\n        ...baseStyles,\n        gap: gapValue,\n        ...alignmentStyles,\n      }\n    }\n\n    baseStyles.gridTemplateColumns = gridTemplateColumns\n\n    // Phase 3: Apply animation styles\n    const animationStyles = this.generateAnimationStyles(animations)\n    Object.assign(baseStyles, animationStyles)\n\n    // Phase 3: Generate accessibility attributes\n    const columnCount = this.getColumnCount()\n    const accessibilityAttrs = this.generateAccessibilityAttributes(accessibility, columnCount)\n    \n    // Phase 3: Generate reduced motion CSS\n    const reducedMotionCSS = GridCSSGenerator.generateReducedMotionCSS(accessibility)\n    Object.assign(baseStyles, reducedMotionCSS)\n    \n    // Phase 3: Generate advanced styling CSS\n    const advancedStylingCSS = this.generateStylingCSS(styling)\n    Object.assign(baseStyles, advancedStylingCSS)\n\n    const element = {\n      type: 'element' as const,\n      tag: this.effectiveTag,\n      props: {\n        className: classString,\n        style: baseStyles,\n        ...accessibilityAttrs,\n        // Add debug attributes\n        ...(debug.isEnabled() && {\n          'data-tachui-component': 'LazyVGrid',\n          ...(debugLabel && { 'data-tachui-label': debugLabel })\n        })\n      },\n      children: renderedChildren,\n      // Add component metadata\n      componentMetadata: {\n        originalType: 'LazyVGrid',\n        overriddenTo: this.effectiveTag !== 'div' ? this.effectiveTag : undefined,\n        validationResult: this.validationResult,\n        // Phase 2: Include responsive modifier for processing\n        ...(responsive && baseStyles._responsiveModifier && {\n          responsiveModifier: baseStyles._responsiveModifier\n        })\n      }\n    }\n\n    // Clean up internal responsive modifier from styles\n    if (baseStyles._responsiveModifier) {\n      delete baseStyles._responsiveModifier\n    }\n\n    return [element]\n  }\n\n  /**\n   * Render sectioned data with headers and footers (Phase 3)\n   */\n  private renderSections(sections: GridSection[], pinnedViews?: ('sectionHeaders' | 'sectionFooters')[]): any[] {\n    const renderedElements: any[] = []\n    const columnCount = this.getColumnCount()\n    const isPinnedHeaders = pinnedViews?.includes('sectionHeaders')\n    const isPinnedFooters = pinnedViews?.includes('sectionFooters')\n\n    sections.forEach((section) => {\n      // Render section header\n      if (section.header) {\n        const headerStyle = section.headerStyle || (isPinnedHeaders ? 'sticky' : 'automatic')\n        const headerComponent = new GridSectionHeaderComponent({\n          content: section.header,\n          sectionId: section.id,\n          type: 'header',\n          style: headerStyle\n        })\n        \n        const headerResult = headerComponent.render()\n        if (Array.isArray(headerResult)) {\n          // Update grid-column style to span all columns\n          headerResult.forEach(element => {\n            if (element.props && element.props.style) {\n              element.props.style.gridColumn = `1 / span ${columnCount}`\n            }\n          })\n          renderedElements.push(...headerResult)\n        }\n      }\n\n      // Render section items\n      section.items.forEach((item) => {\n        const itemResult = item.render()\n        const flatResult = Array.isArray(itemResult) ? itemResult : [itemResult]\n        renderedElements.push(...flatResult)\n      })\n\n      // Render section footer\n      if (section.footer) {\n        const footerStyle = section.footerStyle || (isPinnedFooters ? 'sticky' : 'automatic')\n        const footerComponent = new GridSectionHeaderComponent({\n          content: section.footer,\n          sectionId: section.id,\n          type: 'footer',\n          style: footerStyle\n        })\n        \n        const footerResult = footerComponent.render()\n        if (Array.isArray(footerResult)) {\n          // Update grid-column style to span all columns\n          footerResult.forEach(element => {\n            if (element.props && element.props.style) {\n              element.props.style.gridColumn = `1 / span ${columnCount}`\n            }\n          })\n          renderedElements.push(...footerResult)\n        }\n      }\n    })\n\n    return renderedElements\n  }\n\n  /**\n   * Get the number of columns in the grid (Phase 3 helper)\n   */\n  private getColumnCount(): number {\n    const { columns } = this.props\n    \n    if (Array.isArray(columns)) {\n      return columns.length\n    }\n    \n    // For responsive configurations, use the base or first available\n    if (typeof columns === 'object' && columns !== null) {\n      const responsiveConfig = columns as any\n      const baseColumns = responsiveConfig.base || responsiveConfig.sm || responsiveConfig.md || responsiveConfig.lg || responsiveConfig.xl || responsiveConfig.xxl\n      return Array.isArray(baseColumns) ? baseColumns.length : 1\n    }\n    \n    return 1\n  }\n\n  /**\n   * Generate columns from GridItemConfig array (Phase 2 helper)\n   */\n  private generateColumnsFromConfig(items: GridItemConfig[]): string {\n    return items.map(item => {\n      switch (item.type) {\n        case 'fixed':\n          return `${item.size}px`\n        case 'flexible':\n          const minSize = item.minimum || 0\n          const maxSize = item.maximum ? `${item.maximum}px` : '1fr'\n          return minSize > 0 ? `minmax(${minSize}px, ${maxSize})` : '1fr'\n        case 'adaptive':\n          const adaptiveMin = item.minimum\n          const adaptiveMax = item.maximum ? `${item.maximum}px` : '1fr'\n          return `minmax(${adaptiveMin}px, ${adaptiveMax})`\n        default:\n          return '1fr'\n      }\n    }).join(' ')\n  }\n}\n\n/**\n * LazyHGrid component class (horizontal scrolling with flexible rows)\n */\nclass LazyHGridComponent extends BaseGridComponent {\n  constructor(public props: LazyHGridProps, children: ComponentInstance[] = []) {\n    super(props, 'lazy-hgrid', children)\n  }\n\n  render() {\n    const { rows, alignment = 'center', spacing, debugLabel, responsive, sections, pinnedViews, animations, accessibility, styling } = this.props\n    \n    // Log component for debugging\n    const debug = getDebugManager()\n    debug.logComponent('LAZYHGRID', debugLabel)\n    \n    // Process CSS classes for this component\n    const baseClasses = ['tachui-lazy-hgrid', ...(debug.isEnabled() ? ['tachui-debug'] : [])]\n    const classString = this.createClassString(this.props, baseClasses)\n\n    // Phase 3: Handle sectioned data with headers and footers\n    let renderedChildren: any[]\n    if (sections && sections.length > 0) {\n      renderedChildren = this.renderSections(sections, pinnedViews)\n    } else {\n      // Apply item animations to children before rendering (Phase 3)\n      const animatedChildren = this.applyItemAnimations(this.children, animations)\n      \n      // Render regular children (backward compatibility)\n      renderedChildren = animatedChildren.map((child) => {\n        const childResult = child.render()\n        return Array.isArray(childResult) ? childResult : [childResult]\n      }).flat()\n    }\n\n    // Generate CSS Grid styles\n    let gridTemplateRows: string\n    let baseStyles: Record<string, any> = {\n      display: 'grid',\n      gridAutoFlow: 'column', // Horizontal flow for LazyHGrid\n      overflowX: 'auto', // Enable horizontal scrolling\n    }\n\n    // Phase 2: Enhanced responsive integration\n    if (responsive) {\n      // Performance monitoring for responsive CSS generation\n      const endMeasurement = GridPerformanceMonitor.startMeasurement('responsive-css-generation')\n      \n      try {\n        // Use enhanced responsive configuration\n        const responsiveConfig = GridResponsiveUtils.createResponsiveGridConfig({\n          rows: rows as any,\n          spacing,\n          alignment\n        })\n        \n        // Merge with provided responsive config\n        const finalConfig = { ...responsiveConfig, ...responsive }\n        \n        // Debug: Register grid instance and visualize breakpoints\n        GridDebugger.registerGrid(this.id, finalConfig, `#${this.id}`)\n        GridDebugger.visualizeBreakpoints(finalConfig)\n        \n        // Generate responsive modifier (would be applied by modifier system)\n        const responsiveModifier = createResponsiveGridModifier(finalConfig)\n        \n        // For Phase 2, we'll apply base styles and let the modifier system handle responsive styles\n        if (finalConfig.rows && typeof finalConfig.rows === 'object' && 'base' in finalConfig.rows && finalConfig.rows.base) {\n          gridTemplateRows = this.generateRowsFromConfig(finalConfig.rows.base)\n        } else if (Array.isArray(rows)) {\n          gridTemplateRows = GridCSSGenerator.generateRows(rows)\n        } else {\n          gridTemplateRows = 'auto'\n        }\n        \n        // Add responsive modifier to component metadata for processing\n        baseStyles._responsiveModifier = responsiveModifier\n      } finally {\n        endMeasurement()\n      }\n    } else {\n      // Phase 1: Basic responsive support (backward compatibility)\n      const alignmentStyles = GridCSSGenerator.generateAlignment(alignment)\n      const gapValue = GridCSSGenerator.generateSpacing(spacing)\n\n      if (Array.isArray(rows)) {\n        // Simple row configuration\n        gridTemplateRows = GridCSSGenerator.generateRows(rows)\n      } else {\n        // Responsive row configuration (legacy)\n        const responsiveCSS = GridCSSGenerator.generateResponsiveGridCSS(rows, 'grid-template-rows')\n        const templateValue = responsiveCSS['grid-template-rows']\n        gridTemplateRows = (typeof templateValue === 'string' ? templateValue : 'auto')\n      }\n      \n      baseStyles = {\n        ...baseStyles,\n        gap: gapValue,\n        ...alignmentStyles,\n      }\n    }\n\n    baseStyles.gridTemplateRows = gridTemplateRows\n\n    // Phase 3: Apply animation styles\n    const animationStyles = this.generateAnimationStyles(animations)\n    Object.assign(baseStyles, animationStyles)\n\n    // Phase 3: Generate accessibility attributes\n    const rowCount = this.getRowCount()\n    const accessibilityAttrs = this.generateAccessibilityAttributes(accessibility, undefined, rowCount)\n    \n    // Phase 3: Generate reduced motion CSS\n    const reducedMotionCSS = GridCSSGenerator.generateReducedMotionCSS(accessibility)\n    Object.assign(baseStyles, reducedMotionCSS)\n    \n    // Phase 3: Generate advanced styling CSS\n    const advancedStylingCSS = this.generateStylingCSS(styling)\n    Object.assign(baseStyles, advancedStylingCSS)\n\n    const element = {\n      type: 'element' as const,\n      tag: this.effectiveTag,\n      props: {\n        className: classString,\n        style: baseStyles,\n        ...accessibilityAttrs,\n        // Add debug attributes\n        ...(debug.isEnabled() && {\n          'data-tachui-component': 'LazyHGrid',\n          ...(debugLabel && { 'data-tachui-label': debugLabel })\n        })\n      },\n      children: renderedChildren,\n      // Add component metadata\n      componentMetadata: {\n        originalType: 'LazyHGrid',\n        overriddenTo: this.effectiveTag !== 'div' ? this.effectiveTag : undefined,\n        validationResult: this.validationResult,\n        // Phase 2: Include responsive modifier for processing\n        ...(responsive && baseStyles._responsiveModifier && {\n          responsiveModifier: baseStyles._responsiveModifier\n        })\n      }\n    }\n\n    // Clean up internal responsive modifier from styles\n    if (baseStyles._responsiveModifier) {\n      delete baseStyles._responsiveModifier\n    }\n\n    return [element]\n  }\n\n  /**\n   * Render sectioned data with headers and footers (Phase 3)\n   */\n  private renderSections(sections: GridSection[], pinnedViews?: ('sectionHeaders' | 'sectionFooters')[]): any[] {\n    const renderedElements: any[] = []\n    const rowCount = this.getRowCount()\n    const isPinnedHeaders = pinnedViews?.includes('sectionHeaders')\n    const isPinnedFooters = pinnedViews?.includes('sectionFooters')\n\n    sections.forEach((section) => {\n      // Render section header\n      if (section.header) {\n        const headerStyle = section.headerStyle || (isPinnedHeaders ? 'sticky' : 'automatic')\n        const headerComponent = new GridSectionHeaderComponent({\n          content: section.header,\n          sectionId: section.id,\n          type: 'header',\n          style: headerStyle\n        })\n        \n        const headerResult = headerComponent.render()\n        if (Array.isArray(headerResult)) {\n          // Update grid-row style to span all rows for horizontal grid\n          headerResult.forEach(element => {\n            if (element.props && element.props.style) {\n              element.props.style.gridRow = `1 / span ${rowCount}`\n              element.props.style.gridColumn = 'auto'\n            }\n          })\n          renderedElements.push(...headerResult)\n        }\n      }\n\n      // Render section items\n      section.items.forEach((item) => {\n        const itemResult = item.render()\n        const flatResult = Array.isArray(itemResult) ? itemResult : [itemResult]\n        renderedElements.push(...flatResult)\n      })\n\n      // Render section footer\n      if (section.footer) {\n        const footerStyle = section.footerStyle || (isPinnedFooters ? 'sticky' : 'automatic')\n        const footerComponent = new GridSectionHeaderComponent({\n          content: section.footer,\n          sectionId: section.id,\n          type: 'footer',\n          style: footerStyle\n        })\n        \n        const footerResult = footerComponent.render()\n        if (Array.isArray(footerResult)) {\n          // Update grid-row style to span all rows for horizontal grid\n          footerResult.forEach(element => {\n            if (element.props && element.props.style) {\n              element.props.style.gridRow = `1 / span ${rowCount}`\n              element.props.style.gridColumn = 'auto'\n            }\n          })\n          renderedElements.push(...footerResult)\n        }\n      }\n    })\n\n    return renderedElements\n  }\n\n  /**\n   * Get the number of rows in the grid (Phase 3 helper)\n   */\n  private getRowCount(): number {\n    const { rows } = this.props\n    \n    if (Array.isArray(rows)) {\n      return rows.length\n    }\n    \n    // For responsive configurations, use the base or first available\n    if (typeof rows === 'object' && rows !== null) {\n      const responsiveConfig = rows as any\n      const baseRows = responsiveConfig.base || responsiveConfig.sm || responsiveConfig.md || responsiveConfig.lg || responsiveConfig.xl || responsiveConfig.xxl\n      return Array.isArray(baseRows) ? baseRows.length : 1\n    }\n    \n    return 1\n  }\n\n  /**\n   * Generate rows from GridItemConfig array (Phase 2 helper)\n   */\n  private generateRowsFromConfig(items: GridItemConfig[]): string {\n    return items.map(item => {\n      switch (item.type) {\n        case 'fixed':\n          return `${item.size}px`\n        case 'flexible':\n          const minSize = item.minimum || 0\n          const maxSize = item.maximum ? `${item.maximum}px` : '1fr'\n          return minSize > 0 ? `minmax(${minSize}px, ${maxSize})` : '1fr'\n        case 'adaptive':\n          const adaptiveMin = item.minimum\n          const adaptiveMax = item.maximum ? `${item.maximum}px` : '1fr'\n          return `minmax(${adaptiveMin}px, ${adaptiveMax})`\n        default:\n          return 'auto'\n      }\n    }).join(' ')\n  }\n}\n\n/**\n * Grid component factory function with modifier support\n */\nexport function Grid(props: GridProps = {}): ModifiableComponent<GridProps> & { modifier: ModifierBuilder<ModifiableComponent<GridProps>> } {\n  const { children = [], ...gridProps } = props\n  const component = new GridComponent(gridProps, children)\n  return withModifiers(component)\n}\n\n/**\n * GridRow component factory function with modifier support\n */\nexport function GridRow(children: ComponentInstance[] = [], props: Omit<GridRowProps, 'children'> = {}): ModifiableComponent<GridRowProps> & { modifier: ModifierBuilder<ModifiableComponent<GridRowProps>> } {\n  const gridRowProps: GridRowProps = { ...props, children }\n  const component = new GridRowComponent(gridRowProps, children)\n  return withModifiers(component)\n}\n\n/**\n * LazyVGrid component factory function with modifier support\n */\nexport function LazyVGrid(props: LazyVGridProps): ModifiableComponent<LazyVGridProps> & { modifier: ModifierBuilder<ModifiableComponent<LazyVGridProps>> } {\n  const { children = [], ...vgridProps } = props\n  const component = new LazyVGridComponent({ ...vgridProps, children }, children)\n  return withModifiers(component)\n}\n\n/**\n * LazyHGrid component factory function with modifier support\n */\nexport function LazyHGrid(props: LazyHGridProps): ModifiableComponent<LazyHGridProps> & { modifier: ModifierBuilder<ModifiableComponent<LazyHGridProps>> } {\n  const { children = [], ...hgridProps } = props\n  const component = new LazyHGridComponent({ ...hgridProps, children }, children)\n  return withModifiers(component)\n}\n\n/**\n * Create a grid section with header, footer, and items (Phase 3)\n */\nexport function createGridSection(config: {\n  id: string\n  header?: ComponentInstance | string\n  footer?: ComponentInstance | string\n  items: ComponentInstance[]\n  headerStyle?: 'automatic' | 'grouped' | 'plain' | 'sticky'\n  footerStyle?: 'automatic' | 'grouped' | 'plain' | 'sticky'\n}): GridSection {\n  return {\n    id: config.id,\n    header: config.header,\n    footer: config.footer,\n    items: config.items,\n    headerStyle: config.headerStyle || 'automatic',\n    footerStyle: config.footerStyle || 'automatic'\n  }\n}\n\n/**\n * Grid section header factory (Phase 3)\n */\nexport function GridSectionHeader(props: GridSectionHeaderProps): ModifiableComponent<GridSectionHeaderProps> & { modifier: ModifierBuilder<ModifiableComponent<GridSectionHeaderProps>> } {\n  const component = new GridSectionHeaderComponent(props)\n  return withModifiers(component)\n}\n\n/**\n * Grid animation preset functions (Phase 3)\n */\nexport const GridAnimations = {\n  /**\n   * Basic fade-in animation for new items\n   */\n  fadeIn(duration: number = 250, delay: number = 0): GridAnimationConfig {\n    return {\n      itemChanges: {\n        enter: {\n          duration,\n          delay,\n          easing: 'ease-out',\n          from: 'fade'\n        }\n      }\n    }\n  },\n\n  /**\n   * Scale animation for new items\n   */\n  scaleIn(duration: number = 300, delay: number = 0): GridAnimationConfig {\n    return {\n      itemChanges: {\n        enter: {\n          duration,\n          delay,\n          easing: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n          from: 'scale'\n        }\n      }\n    }\n  },\n\n  /**\n   * Slide animation for new items\n   */\n  slideIn(direction: 'up' | 'down' | 'left' | 'right' = 'up', duration: number = 250): GridAnimationConfig {\n    return {\n      itemChanges: {\n        enter: {\n          duration,\n          easing: 'ease-out',\n          from: `slide-${direction}` as any\n        }\n      }\n    }\n  },\n\n  /**\n   * Smooth layout changes when grid structure changes\n   */\n  smoothLayout(duration: number = 300): GridAnimationConfig {\n    return {\n      layoutChanges: {\n        duration,\n        easing: 'ease-out'\n      }\n    }\n  },\n\n  /**\n   * Responsive breakpoint animations\n   */\n  smoothResponsive(duration: number = 250): GridAnimationConfig {\n    return {\n      responsive: {\n        duration,\n        easing: 'ease-out'\n      }\n    }\n  },\n\n  /**\n   * Comprehensive animation configuration\n   */\n  comprehensive(itemDuration: number = 250, layoutDuration: number = 300): GridAnimationConfig {\n    return {\n      itemChanges: {\n        enter: {\n          duration: itemDuration,\n          easing: 'ease-out',\n          from: 'fade'\n        }\n      },\n      layoutChanges: {\n        duration: layoutDuration,\n        easing: 'ease-out'\n      },\n      responsive: {\n        duration: layoutDuration,\n        easing: 'ease-out'\n      },\n      sections: {\n        duration: itemDuration,\n        easing: 'ease-out'\n      }\n    }\n  },\n\n  /**\n   * Staggered entrance animation for multiple items\n   */\n  staggered(itemDuration: number = 250): GridAnimationConfig {\n    return {\n      itemChanges: {\n        enter: {\n          duration: itemDuration,\n          delay: 0, // Stagger delay is calculated per-item in applyItemAnimations\n          easing: 'ease-out',\n          from: 'fade'\n        }\n      }\n    }\n  }\n}\n\n/**\n * Grid accessibility preset functions (Phase 3)\n */\nexport const GridAccessibility = {\n  /**\n   * Full accessibility support with keyboard navigation and screen reader optimizations\n   */\n  full(label: string, description?: string): GridAccessibilityConfig {\n    return {\n      label,\n      description,\n      keyboardNavigation: {\n        enabled: true,\n        mode: 'grid',\n        pageNavigation: true,\n        homeEndNavigation: true\n      },\n      focusManagement: {\n        enabled: true,\n        skipLinks: true\n      },\n      screenReader: {\n        enabled: true,\n        announceChanges: true,\n        announceStructure: true,\n        announcePositions: true\n      },\n      reducedMotion: {\n        respectPreference: true,\n        fallbackBehavior: 'disable'\n      }\n    }\n  },\n\n  /**\n   * Basic accessibility support for simple grids\n   */\n  basic(label: string): GridAccessibilityConfig {\n    return {\n      label,\n      keyboardNavigation: true,\n      reducedMotion: true\n    }\n  },\n\n  /**\n   * Screen reader focused accessibility\n   */\n  screenReader(label: string, description?: string): GridAccessibilityConfig {\n    return {\n      label,\n      description,\n      role: 'grid',\n      screenReader: {\n        enabled: true,\n        announceStructure: true,\n        announceChanges: true\n      },\n      reducedMotion: true\n    }\n  },\n\n  /**\n   * Keyboard navigation focused accessibility\n   */\n  keyboardOnly(label: string): GridAccessibilityConfig {\n    return {\n      label,\n      keyboardNavigation: {\n        enabled: true,\n        mode: 'grid',\n        pageNavigation: true,\n        homeEndNavigation: true\n      },\n      focusManagement: {\n        enabled: true\n      }\n    }\n  }\n}\n\n/**\n * Grid styling preset functions (Phase 3)\n */\nexport const GridStyling = {\n  /**\n   * Debug grid with visible lines and areas\n   */\n  debug(options?: { lineColor?: string; showAreas?: boolean }): GridStylingConfig {\n    return {\n      debug: {\n        enabled: true,\n        showLines: true,\n        showAreas: options?.showAreas || false,\n        lineColor: options?.lineColor || '#ff0000',\n        lineStyle: 'dashed'\n      }\n    }\n  },\n\n  /**\n   * Interactive grid with hover and focus effects\n   */\n  interactive(hoverTransform: 'scale' | 'lift' | 'glow' | 'highlight' = 'scale'): GridStylingConfig {\n    return {\n      itemStates: {\n        hover: {\n          enabled: true,\n          transform: hoverTransform,\n          transition: 'all 0.2s ease'\n        },\n        focus: {\n          enabled: true,\n          style: 'ring',\n          color: '#3b82f6'\n        },\n        active: {\n          enabled: true,\n          transform: 'scale'\n        }\n      }\n    }\n  },\n\n  /**\n   * Card-style grid with background and borders\n   */\n  card(options?: { shadow?: string; borderRadius?: number; padding?: number }): GridStylingConfig {\n    return {\n      container: {\n        background: '#ffffff',\n        border: '1px solid #e0e0e0',\n        borderRadius: options?.borderRadius || 8,\n        boxShadow: options?.shadow || '0 2px 4px rgba(0,0,0,0.1)',\n        padding: options?.padding || 16\n      },\n      itemStates: {\n        hover: {\n          enabled: true,\n          transform: 'lift'\n        }\n      }\n    }\n  },\n\n  /**\n   * Custom template areas grid\n   */\n  templateAreas(areas: string[]): GridStylingConfig {\n    return {\n      templateAreas: areas\n    }\n  },\n\n  /**\n   * Grid with background pattern\n   */\n  backgroundPattern(pattern: 'dots' | 'lines' | 'grid', color?: string, opacity?: number): GridStylingConfig {\n    return {\n      container: {\n        background: {\n          pattern,\n          color: color || '#e0e0e0',\n          opacity: opacity || 0.5\n        }\n      }\n    }\n  },\n\n  /**\n   * Comprehensive styling with multiple features\n   */\n  comprehensive(options?: {\n    debug?: boolean\n    interactive?: boolean\n    card?: boolean\n    pattern?: 'dots' | 'lines' | 'grid'\n  }): GridStylingConfig {\n    const config: GridStylingConfig = {}\n\n    if (options?.debug) {\n      config.debug = { enabled: true, showLines: true }\n    }\n\n    if (options?.interactive) {\n      config.itemStates = {\n        hover: { enabled: true, transform: 'scale' },\n        focus: { enabled: true, style: 'ring' },\n        active: { enabled: true, transform: 'scale' }\n      }\n    }\n\n    if (options?.card) {\n      config.container = {\n        background: '#ffffff',\n        border: '1px solid #e0e0e0',\n        borderRadius: 8,\n        boxShadow: '0 2px 4px rgba(0,0,0,0.1)',\n        padding: 16\n      }\n    }\n\n    if (options?.pattern) {\n      config.container = {\n        ...config.container,\n        background: {\n          pattern: options.pattern,\n          color: '#e0e0e0',\n          opacity: 0.3\n        }\n      }\n    }\n\n    return config\n  }\n}\n\n// Export all the types and components (including component classes for testing)\nexport { \n  BaseGridComponent,\n  GridComponent as EnhancedGrid,\n  GridRowComponent as EnhancedGridRow,\n  LazyVGridComponent as EnhancedLazyVGrid,\n  LazyHGridComponent as EnhancedLazyHGrid,\n  GridCSSGenerator,\n  GridSectionHeaderComponent,\n  // Phase 2: Enhanced debugging and performance utilities\n  GridDebugger,\n  GridPerformanceMonitor\n}"],"names":["debugManager","getDebugManager","GridItem","size","spacing","minimum","maximum","config","baseConfig","spanConfig","GridCSSGenerator","items","item","minSize","maxSize","adaptiveMin","adaptiveMax","property","responsiveCSS","breakpoint","minWidth","breakpointConfig","mediaQuery","gridValue","existing","horizontal","alignment","alignmentMap","style","type","columnSpan","baseStyles","animations","animationStyles","duration","easing","delay","responsiveTransition","animation","keyframeName","keyframeContent","accessibility","gridType","columnCount","rowCount","attributes","defaultRole","role","screenReaderConfig","keyboardConfig","focusConfig","motionConfig","fallback","reducedMotionCSS","styling","styles","areas","area","value","bgConfig","p","debugConfig","lineColor","debugGradient","itemStates","hoverConfig","hoverStyles","prop","focusStyles","activeConfig","activeStyles","GridSectionHeaderComponent","ComponentWithCSSClasses","props","__publicField","componentType","override","processElementOverride","content","sectionId","debugLabel","debug","baseClasses","classString","sectionStyles","renderedContent","contentResult","BaseGridComponent","children","registerComponentWithLifecycleHooks","itemConfig","enterConfig","child","index","animationDelay","animationModifier","transition","stylingCSS","itemStateCSS","element","mode","handleKeyDown","event","target","handled","container","direction","focusableElements","currentIndex","columns","targetIndex","pageSize","useLifecycle","_elements","primaryElement","enhancedLifecycle","childElements","idx","key","cleanup","mountCleanup","error","childIndex","images","buttons","textElements","allChildren","GridComponent","renderedChildren","childResult","alignmentStyles","gapValue","accessibilityAttrs","advancedStylingCSS","finalStyles","GridRowComponent","LazyVGridComponent","responsive","sections","pinnedViews","gridTemplateColumns","endMeasurement","GridPerformanceMonitor","finalConfig","GridResponsiveUtils","GridDebugger","responsiveModifier","createResponsiveGridModifier","templateValue","renderedElements","isPinnedHeaders","isPinnedFooters","section","headerStyle","headerResult","itemResult","flatResult","footerStyle","footerResult","responsiveConfig","baseColumns","LazyHGridComponent","rows","gridTemplateRows","baseRows","Grid","gridProps","component","withModifiers","GridRow","gridRowProps","LazyVGrid","vgridProps","LazyHGrid","hgridProps"],"mappings":"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"}

package/dist/components/GridResponsive.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("../modifiers/responsive/css-generator.cjs"),b=require("../modifiers/responsive/responsive-modifier.cjs");var y=Object.defineProperty,C=(a,e,t)=>e in a?y(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t,m=(a,e,t)=>C(a,typeof e!="symbol"?e+"":e,t);class d extends p.ResponsiveCSSGenerator{constructor(e){super({selector:e,mobileFirst:!0,optimizeOutput:!0,includeComments:!1,generateMinified:!0})}generateGridCSS(e){const t={};return Object.entries(e).forEach(([s,r])=>{if(this.isResponsiveValue(r))Object.entries(r).forEach(([i,c])=>{t[i]||(t[i]={});const n=this.mapGridPropertyToCSS(s,c);n&&Object.assign(t[i],n)});else{t.base||(t.base={});const i=this.mapGridPropertyToCSS(s,r);i&&Object.assign(t.base,i)}}),this.generateResponsiveCSS(t)}mapGridPropertyToCSS(e,t){switch(e){case"columns":return{"grid-template-columns":this.generateGridColumns(t)};case"rows":return{"grid-template-rows":this.generateGridRows(t)};case"gap":return{gap:this.normalizeSpacing(t)};case"columnGap":return{"column-gap":this.normalizeSpacing(t)};case"rowGap":return{"row-gap":this.normalizeSpacing(t)};case"autoFlow":return{"grid-auto-flow":t};case"autoRows":return{"grid-auto-rows":t};case"autoColumns":return{"grid-auto-columns":t};case"templateAreas":return{"grid-template-areas":t};case"alignItems":return{"align-items":t};case"justifyItems":return{"justify-items":t};case"alignContent":return{"align-content":t};case"justifyContent":return{"justify-content":t};default:return null}}generateGridColumns(e){return e.map(t=>{switch(t.type){case"fixed":return`${t.size}px`;case"flexible":const s=t.minimum||0,r=t.maximum?`${t.maximum}px`:"1fr";return s>0?`minmax(${s}px, ${r})`:"1fr";case"adaptive":const i=t.minimum,c=t.maximum?`${t.maximum}px`:"1fr";return`minmax(${i}px, ${c})`;default:return"1fr"}}).join(" ")}generateGridRows(e){return this.generateGridColumns(e)}normalizeSpacing(e){return typeof e=="number"?`${e}px`:e}isResponsiveValue(e){return e&&typeof e=="object"&&!Array.isArray(e)&&Object.keys(e).some(t=>["base","sm","md","lg","xl","xxl"].includes(t))}}function S(a){return b.createResponsiveModifier(e=>{const t=`#${e}`;return o.getCachedCSS(a,t)})}class o{static generateCacheKey(e){return JSON.stringify(e,(t,s)=>typeof s=="function"?"[Function]":s)}static getCachedCSS(e,t){const s=this.generateCacheKey(e);if(this.cache.has(s)){this.hitCount++;const n=this.cache.get(s);return{...n,mediaQueries:n.mediaQueries.map(u=>({...u,selector:t}))}}this.missCount++;const i=new d(t).generateGridCSS(e),c={...i,mediaQueries:i.mediaQueries.map(n=>({...n,selector:".cached-selector"}))};if(this.cache.size>=this.maxCacheSize){const n=this.cache.keys().next().value;n!==void 0&&this.cache.delete(n)}return this.cache.set(s,c),i}static getStats(){return{cacheSize:this.cache.size,hitCount:this.hitCount,missCount:this.missCount,hitRate:this.hitCount/(this.hitCount+this.missCount)||0}}static clearCache(){this.cache.clear(),this.hitCount=0,this.missCount=0}}m(o,"cache",new Map);m(o,"maxCacheSize",100);m(o,"hitCount",0);m(o,"missCount",0);class G{static convertLegacyConfig(e){const t={};return Object.entries(e).forEach(([s,r])=>{r&&(t[s]=r)}),t}static createResponsiveGridConfig(e){const t={};if(e.columns&&(this.isLegacyResponsiveGridConfig(e.columns)?t.columns=this.convertLegacyConfig(e.columns):t.columns=e.columns),e.rows&&(this.isLegacyResponsiveGridConfig(e.rows)?t.rows=this.convertLegacyConfig(e.rows):t.rows=e.rows),e.spacing)if(this.isResponsiveValue(e.spacing)){const s={};Object.entries(e.spacing).forEach(([r,i])=>{s[r]=this.normalizeSpacing(i)}),t.gap=s}else t.gap={base:this.normalizeSpacing(e.spacing)};if(e.alignment)if(this.isResponsiveValue(e.alignment)){const s={},r={};Object.entries(e.alignment).forEach(([i,c])=>{const{alignItems:n,justifyItems:u}=this.convertAlignment(c);s[i]=n,r[i]=u}),t.alignItems=s,t.justifyItems=r}else{const{alignItems:s,justifyItems:r}=this.convertAlignment(e.alignment);t.alignItems={base:s},t.justifyItems={base:r}}return t}static convertAlignment(e){const t={topLeading:{alignItems:"start",justifyItems:"start"},top:{alignItems:"start",justifyItems:"center"},topTrailing:{alignItems:"start",justifyItems:"end"},leading:{alignItems:"center",justifyItems:"start"},center:{alignItems:"center",justifyItems:"center"},trailing:{alignItems:"center",justifyItems:"end"},bottomLeading:{alignItems:"end",justifyItems:"start"},bottom:{alignItems:"end",justifyItems:"center"},bottomTrailing:{alignItems:"end",justifyItems:"end"}};return t[e]||t.center}static normalizeSpacing(e){if(typeof e=="number")return`${e}px`;if(typeof e=="string")return e;if(e&&typeof e=="object"){const t=e.horizontal??0;return`${e.vertical??0}px ${t}px`}return"0"}static isResponsiveValue(e){return e&&typeof e=="object"&&!Array.isArray(e)&&Object.keys(e).some(t=>["base","sm","md","lg","xl","xxl"].includes(t))}static isLegacyResponsiveGridConfig(e){return e&&typeof e=="object"&&!Array.isArray(e)&&Object.keys(e).some(t=>["base","sm","md","lg","xl","xxl"].includes(t))&&Object.values(e).every(t=>Array.isArray(t))}}class g{static setDebugMode(e){this.debugMode=e,e&&console.log("🔍 tachUI Grid debugging enabled")}static registerGrid(e,t,s){this.debugMode&&(this.instances.set(e,{config:t,selector:s,timestamp:Date.now()}),console.group(`🏗️ Grid registered: ${e}`),console.log("Configuration:",t),console.log("Selector:",s),console.log("Cache stats:",o.getStats()),console.groupEnd())}static logPerformanceMetrics(){if(!this.debugMode)return;console.group("📊 Grid Performance Metrics");const e=o.getStats();console.log(`Cache efficiency: ${(e.hitRate*100).toFixed(1)}%`),console.log(`Cache size: ${e.cacheSize}/100`),console.log(`Cache hits: ${e.hitCount}, misses: ${e.missCount}`),console.log(`Active grid instances: ${this.instances.size}`),console.groupEnd()}static visualizeBreakpoints(e){this.debugMode&&(console.group("📱 Responsive Grid Breakpoints"),e.columns&&(console.log("Column configuration:"),Object.entries(e.columns).forEach(([t,s])=>{const r=Array.isArray(s)?s.map(i=>`${i.type}(${i.size||i.minimum||"auto"})`).join(" "):String(s||"auto");console.log(`  ${t}: ${r}`)})),e.gap&&(console.log("Gap configuration:"),Object.entries(e.gap).forEach(([t,s])=>{console.log(`  ${t}: ${s}`)})),console.groupEnd())}static getDebugInfo(){return{debugMode:this.debugMode,instances:Array.from(this.instances.entries()).map(([e,t])=>({id:e,...t,age:Date.now()-t.timestamp})),cacheStats:o.getStats()}}static clear(){this.instances.clear(),o.clearCache(),this.debugMode&&console.log("🧹 Grid debugging data cleared")}}m(g,"debugMode",!1);m(g,"instances",new Map);class l{static enable(){this.enabled=!0,console.log("⏱️ Grid performance monitoring enabled")}static disable(){this.enabled=!1}static startMeasurement(e){if(!this.enabled)return()=>{};const t=performance.now();return()=>{const s=performance.now()-t;this.measurements.has(e)||this.measurements.set(e,[]),this.measurements.get(e).push(s),s>10&&console.warn(`🐌 Slow grid operation: ${e} took ${s.toFixed(2)}ms`)}}static getStats(){const e={};for(const[t,s]of this.measurements){const r=s.length,i=s.reduce((h,f)=>h+f,0),c=i/r,n=Math.min(...s),u=Math.max(...s);e[t]={count:r,averageTime:Number(c.toFixed(2)),minTime:Number(n.toFixed(2)),maxTime:Number(u.toFixed(2)),totalTime:Number(i.toFixed(2))}}return e}static logReport(){if(!this.enabled)return;console.group("📈 Grid Performance Report");const e=this.getStats();for(const[t,s]of Object.entries(e))console.log(`${t}:`,s);console.groupEnd()}static clear(){this.measurements.clear(),this.enabled&&console.log("🧹 Grid performance data cleared")}}m(l,"measurements",new Map);m(l,"enabled",!1);exports.GridCSSCache=o;exports.GridDebugger=g;exports.GridPerformanceMonitor=l;exports.GridResponsiveUtils=G;exports.ResponsiveGridCSSGenerator=d;exports.createResponsiveGridModifier=S;
+//# sourceMappingURL=GridResponsive.cjs.map

package/dist/components/GridResponsive.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridResponsive.cjs","sources":["../../src/components/GridResponsive.ts"],"sourcesContent":["/**\n * Grid Responsive Integration (Phase 2)\n *\n * Enhanced responsive integration for Grid components that deeply integrates\n * with tachUI's responsive modifier system for optimal performance and capabilities.\n */\n\nimport type { \n  ResponsiveValue, \n  BreakpointKey, \n  ResponsiveStyleConfig,\n  ResponsiveModifierResult\n} from '../modifiers/responsive/types'\nimport { ResponsiveCSSGenerator } from '../modifiers/responsive/css-generator'\nimport { createResponsiveModifier } from '../modifiers/responsive/responsive-modifier'\nimport type { GridItemConfig, ResponsiveGridItemConfig } from './Grid'\n\n/**\n * Enhanced responsive grid configuration with full modifier integration\n */\nexport interface EnhancedResponsiveGridConfig {\n  columns?: ResponsiveValue<GridItemConfig[]>\n  rows?: ResponsiveValue<GridItemConfig[]>\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  alignItems?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch' | 'baseline'>\n  justifyItems?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch'>\n  alignContent?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly'>\n  justifyContent?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly'>\n}\n\n/**\n * Enhanced GridItem CSS Generator with responsive modifier integration\n */\nexport class ResponsiveGridCSSGenerator extends ResponsiveCSSGenerator {\n  constructor(selector: string) {\n    super({\n      selector,\n      mobileFirst: true,\n      optimizeOutput: true,\n      includeComments: false,\n      generateMinified: true\n    })\n  }\n\n  /**\n   * Generate responsive grid CSS that integrates with tachUI's modifier system\n   */\n  generateGridCSS(config: EnhancedResponsiveGridConfig): ResponsiveModifierResult {\n    const responsiveStyles: ResponsiveStyleConfig = {}\n    \n    // Process each responsive property\n    Object.entries(config).forEach(([property, value]) => {\n      if (this.isResponsiveValue(value)) {\n        // Handle responsive values\n        Object.entries(value).forEach(([breakpoint, breakpointValue]) => {\n          if (!responsiveStyles[breakpoint as BreakpointKey]) {\n            responsiveStyles[breakpoint as BreakpointKey] = {}\n          }\n          \n          const cssProperty = this.mapGridPropertyToCSS(property, breakpointValue)\n          if (cssProperty) {\n            Object.assign(responsiveStyles[breakpoint as BreakpointKey]!, cssProperty)\n          }\n        })\n      } else {\n        // Handle non-responsive values - add to base styles\n        if (!responsiveStyles.base) {\n          responsiveStyles.base = {}\n        }\n        \n        const cssProperty = this.mapGridPropertyToCSS(property, value)\n        if (cssProperty) {\n          Object.assign(responsiveStyles.base, cssProperty)\n        }\n      }\n    })\n\n    return this.generateResponsiveCSS(responsiveStyles)\n  }\n\n  /**\n   * Map grid property names to CSS properties with appropriate value processing\n   */\n  private mapGridPropertyToCSS(property: string, value: any): Record<string, string> | null {\n    switch (property) {\n      case 'columns':\n        return { 'grid-template-columns': this.generateGridColumns(value) }\n      case 'rows':\n        return { 'grid-template-rows': this.generateGridRows(value) }\n      case 'gap':\n        return { 'gap': this.normalizeSpacing(value) }\n      case 'columnGap':\n        return { 'column-gap': this.normalizeSpacing(value) }\n      case 'rowGap':\n        return { 'row-gap': this.normalizeSpacing(value) }\n      case 'autoFlow':\n        return { 'grid-auto-flow': value }\n      case 'autoRows':\n        return { 'grid-auto-rows': value }\n      case 'autoColumns':\n        return { 'grid-auto-columns': value }\n      case 'templateAreas':\n        return { 'grid-template-areas': value }\n      case 'alignItems':\n        return { 'align-items': value }\n      case 'justifyItems':\n        return { 'justify-items': value }\n      case 'alignContent':\n        return { 'align-content': value }\n      case 'justifyContent':\n        return { 'justify-content': value }\n      default:\n        return null\n    }\n  }\n\n  /**\n   * Generate CSS grid-template-columns from GridItem configurations\n   */\n  private generateGridColumns(items: GridItemConfig[]): string {\n    return items.map(item => {\n      switch (item.type) {\n        case 'fixed':\n          return `${item.size}px`\n        case 'flexible':\n          const minSize = item.minimum || 0\n          const maxSize = item.maximum ? `${item.maximum}px` : '1fr'\n          return minSize > 0 ? `minmax(${minSize}px, ${maxSize})` : '1fr'\n        case 'adaptive':\n          const adaptiveMin = item.minimum\n          const adaptiveMax = item.maximum ? `${item.maximum}px` : '1fr'\n          return `minmax(${adaptiveMin}px, ${adaptiveMax})`\n        default:\n          return '1fr'\n      }\n    }).join(' ')\n  }\n\n  /**\n   * Generate CSS grid-template-rows from GridItem configurations\n   */\n  private generateGridRows(items: GridItemConfig[]): string {\n    return this.generateGridColumns(items) // Same logic applies\n  }\n\n  /**\n   * Normalize spacing values to CSS\n   */\n  private normalizeSpacing(value: string | number): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    return value\n  }\n\n  /**\n   * Check if a value is responsive (has breakpoint keys)\n   */\n  private isResponsiveValue(value: any): value is ResponsiveValue<any> {\n    return value && typeof value === 'object' && !Array.isArray(value) &&\n           Object.keys(value).some(key => ['base', 'sm', 'md', 'lg', 'xl', 'xxl'].includes(key))\n  }\n}\n\n/**\n * Create responsive grid modifier for LazyVGrid components with caching\n */\nexport function createResponsiveGridModifier(config: EnhancedResponsiveGridConfig) {\n  return createResponsiveModifier((elementId: string) => {\n    const selector = `#${elementId}`\n    // Use cached CSS generation for improved performance\n    return GridCSSCache.getCachedCSS(config, selector)\n  })\n}\n\n/**\n * CSS caching system for responsive grids (Phase 2)\n */\nclass GridCSSCache {\n  private static cache = new Map<string, ResponsiveModifierResult>()\n  private static maxCacheSize = 100\n  private static hitCount = 0\n  private static missCount = 0\n\n  /**\n   * Generate cache key from configuration\n   */\n  private static generateCacheKey(config: EnhancedResponsiveGridConfig): string {\n    return JSON.stringify(config, (_key, value) => {\n      // Normalize function references and ensure consistent ordering\n      if (typeof value === 'function') {\n        return '[Function]'\n      }\n      return value\n    })\n  }\n\n  /**\n   * Get cached CSS or generate new if not cached\n   */\n  static getCachedCSS(\n    config: EnhancedResponsiveGridConfig,\n    selector: string\n  ): ResponsiveModifierResult {\n    const cacheKey = this.generateCacheKey(config)\n    \n    if (this.cache.has(cacheKey)) {\n      this.hitCount++\n      const cachedResult = this.cache.get(cacheKey)!\n      \n      // Update selector in cached result (selectors may differ between instances)\n      return {\n        ...cachedResult,\n        mediaQueries: cachedResult.mediaQueries.map(mq => ({\n          ...mq,\n          selector\n        }))\n      }\n    }\n\n    this.missCount++\n    \n    // Generate new CSS\n    const generator = new ResponsiveGridCSSGenerator(selector)\n    const result = generator.generateGridCSS(config)\n    \n    // Cache the result (with generic selector that will be replaced)\n    const cacheableResult = {\n      ...result,\n      mediaQueries: result.mediaQueries.map(mq => ({\n        ...mq,\n        selector: '.cached-selector' // Placeholder selector for caching\n      }))\n    }\n    \n    // Implement LRU cache eviction\n    if (this.cache.size >= this.maxCacheSize) {\n      const firstKey = this.cache.keys().next().value\n      if (firstKey !== undefined) {\n        this.cache.delete(firstKey)\n      }\n    }\n    \n    this.cache.set(cacheKey, cacheableResult)\n    return result\n  }\n\n  /**\n   * Get cache statistics for performance monitoring\n   */\n  static getStats() {\n    return {\n      cacheSize: this.cache.size,\n      hitCount: this.hitCount,\n      missCount: this.missCount,\n      hitRate: this.hitCount / (this.hitCount + this.missCount) || 0\n    }\n  }\n\n  /**\n   * Clear cache (useful for testing or memory management)\n   */\n  static clearCache() {\n    this.cache.clear()\n    this.hitCount = 0\n    this.missCount = 0\n  }\n}\n\n/**\n * Enhanced responsive utilities for grid components\n */\nexport class GridResponsiveUtils {\n  /**\n   * Convert legacy ResponsiveGridItemConfig to enhanced format\n   */\n  static convertLegacyConfig(\n    legacyConfig: ResponsiveGridItemConfig\n  ): ResponsiveValue<GridItemConfig[]> {\n    const responsiveValue: ResponsiveValue<GridItemConfig[]> = {}\n    \n    Object.entries(legacyConfig).forEach(([breakpoint, items]) => {\n      if (items) {\n        responsiveValue[breakpoint as BreakpointKey] = items\n      }\n    })\n    \n    return responsiveValue\n  }\n\n  /**\n   * Create responsive grid configuration from simple column/row definitions\n   */\n  static createResponsiveGridConfig(options: {\n    columns?: ResponsiveValue<GridItemConfig[]> | ResponsiveGridItemConfig\n    rows?: ResponsiveValue<GridItemConfig[]> | ResponsiveGridItemConfig\n    spacing?: ResponsiveValue<string | number | { horizontal?: number; vertical?: number }>\n    alignment?: ResponsiveValue<'topLeading' | 'top' | 'topTrailing' | 'leading' | 'center' | 'trailing' | 'bottomLeading' | 'bottom' | 'bottomTrailing'>\n  }): EnhancedResponsiveGridConfig {\n    const config: EnhancedResponsiveGridConfig = {}\n\n    // Handle columns\n    if (options.columns) {\n      if (this.isLegacyResponsiveGridConfig(options.columns)) {\n        config.columns = this.convertLegacyConfig(options.columns)\n      } else {\n        config.columns = options.columns\n      }\n    }\n\n    // Handle rows\n    if (options.rows) {\n      if (this.isLegacyResponsiveGridConfig(options.rows)) {\n        config.rows = this.convertLegacyConfig(options.rows)\n      } else {\n        config.rows = options.rows\n      }\n    }\n\n    // Handle spacing\n    if (options.spacing) {\n      if (this.isResponsiveValue(options.spacing)) {\n        const processedSpacing: ResponsiveValue<string> = {}\n        Object.entries(options.spacing).forEach(([breakpoint, value]) => {\n          processedSpacing[breakpoint as BreakpointKey] = this.normalizeSpacing(value)\n        })\n        config.gap = processedSpacing\n      } else {\n        config.gap = { base: this.normalizeSpacing(options.spacing) }\n      }\n    }\n\n    // Handle alignment\n    if (options.alignment) {\n      if (this.isResponsiveValue(options.alignment)) {\n        const alignItems: ResponsiveValue<'start' | 'end' | 'center' | 'stretch'> = {}\n        const justifyItems: ResponsiveValue<'start' | 'end' | 'center' | 'stretch'> = {}\n        \n        Object.entries(options.alignment).forEach(([breakpoint, alignment]) => {\n          const { alignItems: ai, justifyItems: ji } = this.convertAlignment(alignment)\n          alignItems[breakpoint as BreakpointKey] = ai\n          justifyItems[breakpoint as BreakpointKey] = ji\n        })\n        \n        config.alignItems = alignItems\n        config.justifyItems = justifyItems\n      } else {\n        const { alignItems, justifyItems } = this.convertAlignment(options.alignment)\n        config.alignItems = { base: alignItems }\n        config.justifyItems = { base: justifyItems }\n      }\n    }\n\n    return config\n  }\n\n  /**\n   * Convert GridAlignment to CSS alignment properties\n   */\n  private static convertAlignment(alignment: string): { alignItems: 'start' | 'end' | 'center' | 'stretch'; justifyItems: 'start' | 'end' | 'center' | 'stretch' } {\n    const alignmentMap: Record<string, { alignItems: 'start' | 'end' | 'center' | 'stretch'; justifyItems: 'start' | 'end' | 'center' | 'stretch' }> = {\n      'topLeading': { alignItems: 'start', justifyItems: 'start' },\n      'top': { alignItems: 'start', justifyItems: 'center' },\n      'topTrailing': { alignItems: 'start', justifyItems: 'end' },\n      'leading': { alignItems: 'center', justifyItems: 'start' },\n      'center': { alignItems: 'center', justifyItems: 'center' },\n      'trailing': { alignItems: 'center', justifyItems: 'end' },\n      'bottomLeading': { alignItems: 'end', justifyItems: 'start' },\n      'bottom': { alignItems: 'end', justifyItems: 'center' },\n      'bottomTrailing': { alignItems: 'end', justifyItems: 'end' }\n    }\n    \n    return alignmentMap[alignment] || alignmentMap.center\n  }\n\n  /**\n   * Normalize spacing values to CSS\n   */\n  private static normalizeSpacing(value: string | number | { horizontal?: number; vertical?: number }): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    if (typeof value === 'string') {\n      return value\n    }\n    if (value && typeof value === 'object') {\n      const horizontal = value.horizontal ?? 0\n      const vertical = value.vertical ?? 0\n      return `${vertical}px ${horizontal}px`\n    }\n    return '0'\n  }\n\n  /**\n   * Check if value is a responsive value\n   */\n  private static isResponsiveValue(value: any): value is ResponsiveValue<any> {\n    return value && typeof value === 'object' && !Array.isArray(value) &&\n           Object.keys(value).some(key => ['base', 'sm', 'md', 'lg', 'xl', 'xxl'].includes(key))\n  }\n\n  /**\n   * Check if value is legacy ResponsiveGridItemConfig\n   */\n  private static isLegacyResponsiveGridConfig(value: any): value is ResponsiveGridItemConfig {\n    return value && typeof value === 'object' && !Array.isArray(value) &&\n           Object.keys(value).some(key => ['base', 'sm', 'md', 'lg', 'xl', 'xxl'].includes(key)) &&\n           Object.values(value).every(v => Array.isArray(v))\n  }\n}\n\n/**\n * Enhanced debugging tools for responsive grids (Phase 2)\n */\nexport class GridDebugger {\n  private static debugMode = false\n  private static instances = new Map<string, {\n    config: EnhancedResponsiveGridConfig\n    selector: string\n    timestamp: number\n  }>()\n\n  /**\n   * Enable/disable grid debugging\n   */\n  static setDebugMode(enabled: boolean) {\n    this.debugMode = enabled\n    if (enabled) {\n      console.log('🔍 tachUI Grid debugging enabled')\n    }\n  }\n\n  /**\n   * Register a grid instance for debugging\n   */\n  static registerGrid(elementId: string, config: EnhancedResponsiveGridConfig, selector: string) {\n    if (!this.debugMode) return\n\n    this.instances.set(elementId, {\n      config,\n      selector,\n      timestamp: Date.now()\n    })\n\n    console.group(`🏗️ Grid registered: ${elementId}`)\n    console.log('Configuration:', config)\n    console.log('Selector:', selector)\n    console.log('Cache stats:', GridCSSCache.getStats())\n    console.groupEnd()\n  }\n\n  /**\n   * Log responsive grid performance metrics\n   */\n  static logPerformanceMetrics() {\n    if (!this.debugMode) return\n\n    console.group('📊 Grid Performance Metrics')\n    \n    const cacheStats = GridCSSCache.getStats()\n    console.log(`Cache efficiency: ${(cacheStats.hitRate * 100).toFixed(1)}%`)\n    console.log(`Cache size: ${cacheStats.cacheSize}/${100}`)\n    console.log(`Cache hits: ${cacheStats.hitCount}, misses: ${cacheStats.missCount}`)\n    \n    console.log(`Active grid instances: ${this.instances.size}`)\n    console.groupEnd()\n  }\n\n  /**\n   * Visualize breakpoint behavior in browser console\n   */\n  static visualizeBreakpoints(config: EnhancedResponsiveGridConfig) {\n    if (!this.debugMode) return\n\n    console.group('📱 Responsive Grid Breakpoints')\n    \n    if (config.columns) {\n      console.log('Column configuration:')\n      Object.entries(config.columns).forEach(([breakpoint, cols]) => {\n        const description = Array.isArray(cols) \n          ? cols.map(c => `${c.type}(${c.size || c.minimum || 'auto'})`).join(' ')\n          : String(cols || 'auto')\n        console.log(`  ${breakpoint}: ${description}`)\n      })\n    }\n    \n    if (config.gap) {\n      console.log('Gap configuration:')\n      Object.entries(config.gap).forEach(([breakpoint, gap]) => {\n        console.log(`  ${breakpoint}: ${gap}`)\n      })\n    }\n    \n    console.groupEnd()\n  }\n\n  /**\n   * Get debugging information for all registered grids\n   */\n  static getDebugInfo() {\n    return {\n      debugMode: this.debugMode,\n      instances: Array.from(this.instances.entries()).map(([id, info]) => ({\n        id,\n        ...info,\n        age: Date.now() - info.timestamp\n      })),\n      cacheStats: GridCSSCache.getStats()\n    }\n  }\n\n  /**\n   * Clear debugging data\n   */\n  static clear() {\n    this.instances.clear()\n    GridCSSCache.clearCache()\n    if (this.debugMode) {\n      console.log('🧹 Grid debugging data cleared')\n    }\n  }\n}\n\n/**\n * Performance monitoring for responsive grid layouts (Phase 2)\n */\nexport class GridPerformanceMonitor {\n  private static measurements = new Map<string, number[]>()\n  private static enabled = false\n\n  /**\n   * Enable performance monitoring\n   */\n  static enable() {\n    this.enabled = true\n    console.log('⏱️ Grid performance monitoring enabled')\n  }\n\n  /**\n   * Disable performance monitoring\n   */\n  static disable() {\n    this.enabled = false\n  }\n\n  /**\n   * Start measuring a performance metric\n   */\n  static startMeasurement(operation: string): () => void {\n    if (!this.enabled) return () => {}\n\n    const startTime = performance.now()\n    \n    return () => {\n      const duration = performance.now() - startTime\n      \n      if (!this.measurements.has(operation)) {\n        this.measurements.set(operation, [])\n      }\n      \n      this.measurements.get(operation)!.push(duration)\n      \n      // Log slow operations (>10ms)\n      if (duration > 10) {\n        console.warn(`🐌 Slow grid operation: ${operation} took ${duration.toFixed(2)}ms`)\n      }\n    }\n  }\n\n  /**\n   * Get performance statistics\n   */\n  static getStats() {\n    const stats: Record<string, {\n      count: number\n      averageTime: number\n      minTime: number\n      maxTime: number\n      totalTime: number\n    }> = {}\n\n    for (const [operation, times] of this.measurements) {\n      const count = times.length\n      const totalTime = times.reduce((sum, time) => sum + time, 0)\n      const averageTime = totalTime / count\n      const minTime = Math.min(...times)\n      const maxTime = Math.max(...times)\n\n      stats[operation] = {\n        count,\n        averageTime: Number(averageTime.toFixed(2)),\n        minTime: Number(minTime.toFixed(2)),\n        maxTime: Number(maxTime.toFixed(2)),\n        totalTime: Number(totalTime.toFixed(2))\n      }\n    }\n\n    return stats\n  }\n\n  /**\n   * Log performance report\n   */\n  static logReport() {\n    if (!this.enabled) return\n\n    console.group('📈 Grid Performance Report')\n    const stats = this.getStats()\n    \n    for (const [operation, data] of Object.entries(stats)) {\n      console.log(`${operation}:`, data)\n    }\n    \n    console.groupEnd()\n  }\n\n  /**\n   * Clear performance data\n   */\n  static clear() {\n    this.measurements.clear()\n    if (this.enabled) {\n      console.log('🧹 Grid performance data cleared')\n    }\n  }\n}\n\nexport type { ResponsiveGridItemConfig }\n\n// Export debugging and performance utilities (declared above as classes)\nexport { GridCSSCache }"],"names":["ResponsiveGridCSSGenerator","ResponsiveCSSGenerator","selector","config","responsiveStyles","property","value","breakpoint","breakpointValue","cssProperty","items","item","minSize","maxSize","adaptiveMin","adaptiveMax","key","createResponsiveGridModifier","createResponsiveModifier","elementId","GridCSSCache","_key","cacheKey","cachedResult","mq","result","cacheableResult","firstKey","__publicField","GridResponsiveUtils","legacyConfig","responsiveValue","options","processedSpacing","alignItems","justifyItems","alignment","ai","ji","alignmentMap","horizontal","v","GridDebugger","enabled","cacheStats","cols","description","c","gap","id","info","GridPerformanceMonitor","operation","startTime","duration","stats","times","count","totalTime","sum","time","averageTime","minTime","maxTime","data"],"mappings":"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"}

package/dist/components/GridResponsive.d.ts

@@ -0,0 +1,214 @@
+/**
+ * Grid Responsive Integration (Phase 2)
+ *
+ * Enhanced responsive integration for Grid components that deeply integrates
+ * with tachUI's responsive modifier system for optimal performance and capabilities.
+ */
+import type { ResponsiveValue, ResponsiveModifierResult } from '../modifiers/responsive/types';
+import { ResponsiveCSSGenerator } from '../modifiers/responsive/css-generator';
+import type { GridItemConfig, ResponsiveGridItemConfig } from './Grid';
+/**
+ * Enhanced responsive grid configuration with full modifier integration
+ */
+export interface EnhancedResponsiveGridConfig {
+    columns?: ResponsiveValue<GridItemConfig[]>;
+    rows?: ResponsiveValue<GridItemConfig[]>;
+    gap?: ResponsiveValue<string | number>;
+    columnGap?: ResponsiveValue<string | number>;
+    rowGap?: ResponsiveValue<string | number>;
+    autoFlow?: ResponsiveValue<'row' | 'column' | 'row dense' | 'column dense'>;
+    autoRows?: ResponsiveValue<string>;
+    autoColumns?: ResponsiveValue<string>;
+    templateAreas?: ResponsiveValue<string>;
+    alignItems?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch' | 'baseline'>;
+    justifyItems?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch'>;
+    alignContent?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly'>;
+    justifyContent?: ResponsiveValue<'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly'>;
+}
+/**
+ * Enhanced GridItem CSS Generator with responsive modifier integration
+ */
+export declare class ResponsiveGridCSSGenerator extends ResponsiveCSSGenerator {
+    constructor(selector: string);
+    /**
+     * Generate responsive grid CSS that integrates with tachUI's modifier system
+     */
+    generateGridCSS(config: EnhancedResponsiveGridConfig): ResponsiveModifierResult;
+    /**
+     * Map grid property names to CSS properties with appropriate value processing
+     */
+    private mapGridPropertyToCSS;
+    /**
+     * Generate CSS grid-template-columns from GridItem configurations
+     */
+    private generateGridColumns;
+    /**
+     * Generate CSS grid-template-rows from GridItem configurations
+     */
+    private generateGridRows;
+    /**
+     * Normalize spacing values to CSS
+     */
+    private normalizeSpacing;
+    /**
+     * Check if a value is responsive (has breakpoint keys)
+     */
+    private isResponsiveValue;
+}
+/**
+ * Create responsive grid modifier for LazyVGrid components with caching
+ */
+export declare function createResponsiveGridModifier(config: EnhancedResponsiveGridConfig): import("../modifiers/responsive/responsive-modifier").ResponsiveModifier;
+/**
+ * CSS caching system for responsive grids (Phase 2)
+ */
+declare class GridCSSCache {
+    private static cache;
+    private static maxCacheSize;
+    private static hitCount;
+    private static missCount;
+    /**
+     * Generate cache key from configuration
+     */
+    private static generateCacheKey;
+    /**
+     * Get cached CSS or generate new if not cached
+     */
+    static getCachedCSS(config: EnhancedResponsiveGridConfig, selector: string): ResponsiveModifierResult;
+    /**
+     * Get cache statistics for performance monitoring
+     */
+    static getStats(): {
+        cacheSize: number;
+        hitCount: number;
+        missCount: number;
+        hitRate: number;
+    };
+    /**
+     * Clear cache (useful for testing or memory management)
+     */
+    static clearCache(): void;
+}
+/**
+ * Enhanced responsive utilities for grid components
+ */
+export declare class GridResponsiveUtils {
+    /**
+     * Convert legacy ResponsiveGridItemConfig to enhanced format
+     */
+    static convertLegacyConfig(legacyConfig: ResponsiveGridItemConfig): ResponsiveValue<GridItemConfig[]>;
+    /**
+     * Create responsive grid configuration from simple column/row definitions
+     */
+    static createResponsiveGridConfig(options: {
+        columns?: ResponsiveValue<GridItemConfig[]> | ResponsiveGridItemConfig;
+        rows?: ResponsiveValue<GridItemConfig[]> | ResponsiveGridItemConfig;
+        spacing?: ResponsiveValue<string | number | {
+            horizontal?: number;
+            vertical?: number;
+        }>;
+        alignment?: ResponsiveValue<'topLeading' | 'top' | 'topTrailing' | 'leading' | 'center' | 'trailing' | 'bottomLeading' | 'bottom' | 'bottomTrailing'>;
+    }): EnhancedResponsiveGridConfig;
+    /**
+     * Convert GridAlignment to CSS alignment properties
+     */
+    private static convertAlignment;
+    /**
+     * Normalize spacing values to CSS
+     */
+    private static normalizeSpacing;
+    /**
+     * Check if value is a responsive value
+     */
+    private static isResponsiveValue;
+    /**
+     * Check if value is legacy ResponsiveGridItemConfig
+     */
+    private static isLegacyResponsiveGridConfig;
+}
+/**
+ * Enhanced debugging tools for responsive grids (Phase 2)
+ */
+export declare class GridDebugger {
+    private static debugMode;
+    private static instances;
+    /**
+     * Enable/disable grid debugging
+     */
+    static setDebugMode(enabled: boolean): void;
+    /**
+     * Register a grid instance for debugging
+     */
+    static registerGrid(elementId: string, config: EnhancedResponsiveGridConfig, selector: string): void;
+    /**
+     * Log responsive grid performance metrics
+     */
+    static logPerformanceMetrics(): void;
+    /**
+     * Visualize breakpoint behavior in browser console
+     */
+    static visualizeBreakpoints(config: EnhancedResponsiveGridConfig): void;
+    /**
+     * Get debugging information for all registered grids
+     */
+    static getDebugInfo(): {
+        debugMode: boolean;
+        instances: {
+            age: number;
+            config: EnhancedResponsiveGridConfig;
+            selector: string;
+            timestamp: number;
+            id: string;
+        }[];
+        cacheStats: {
+            cacheSize: number;
+            hitCount: number;
+            missCount: number;
+            hitRate: number;
+        };
+    };
+    /**
+     * Clear debugging data
+     */
+    static clear(): void;
+}
+/**
+ * Performance monitoring for responsive grid layouts (Phase 2)
+ */
+export declare class GridPerformanceMonitor {
+    private static measurements;
+    private static enabled;
+    /**
+     * Enable performance monitoring
+     */
+    static enable(): void;
+    /**
+     * Disable performance monitoring
+     */
+    static disable(): void;
+    /**
+     * Start measuring a performance metric
+     */
+    static startMeasurement(operation: string): () => void;
+    /**
+     * Get performance statistics
+     */
+    static getStats(): Record<string, {
+        count: number;
+        averageTime: number;
+        minTime: number;
+        maxTime: number;
+        totalTime: number;
+    }>;
+    /**
+     * Log performance report
+     */
+    static logReport(): void;
+    /**
+     * Clear performance data
+     */
+    static clear(): void;
+}
+export type { ResponsiveGridItemConfig };
+export { GridCSSCache };
+//# sourceMappingURL=GridResponsive.d.ts.map

package/dist/components/GridResponsive.d.ts.map

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