@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/components/Grid.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.cjs","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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"}