@tachui/core 0.7.0-alpha1 → 0.8.0-alpha

package/dist/concatenation/concatenated-component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"concatenated-component.js","sources":["../../src/concatenation/concatenated-component.ts"],"sourcesContent":["/**\n * ConcatenatedComponent Implementation\n * \n * The main class that represents a concatenated component composed of multiple\n * component segments. Handles rendering, accessibility, and further concatenation.\n */\n\nimport { h } from '../runtime/renderer'\nimport type { ComponentInstance, DOMNode } from '../runtime/types'\nimport type { \n  Concatenatable, \n  ComponentSegment, \n  ConcatenationMetadata,\n  AccessibilityNode \n} from './types'\n// import { CONCAT_SYMBOL } from './concatenatable' // Unused\n\n/**\n * A component that represents the concatenation of multiple components\n */\nexport class ConcatenatedComponent<T = any> \n  implements ComponentInstance<any>, Concatenatable<T> {\n  \n  public readonly type = 'component' as const\n  public readonly id: string\n  public mounted = false\n  public cleanup: (() => void)[] = []\n  public props: any = {} // Required by ComponentInstance interface\n  public segments: ComponentSegment[] // Make segments public\n  \n  constructor(\n    segments: ComponentSegment[],\n    public metadata: ConcatenationMetadata,\n    _enableOptimization: boolean = true\n  ) {\n    this.id = `concat-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`\n    \n    // Temporarily disable optimization to avoid require() issues in browser\n    // TODO: Fix text optimization to work in browser environment\n    this.segments = segments\n    \n    // Apply text optimization if enabled and beneficial (disabled for now)\n    // if (enableOptimization && TextConcatenationOptimizer.shouldOptimize(segments)) {\n    //   this.segments = TextConcatenationOptimizer.optimize(segments)\n    //   \n    //   // Log optimization stats in development\n    //   if (process.env.NODE_ENV === 'development') {\n    //     const stats = TextConcatenationOptimizer.getOptimizationStats(segments, this.segments)\n    //     console.log(`TachUI Concatenation: Optimized ${stats.originalCount} → ${stats.optimizedCount} segments (${stats.reductionPercent}% reduction)`)\n    //   }\n    // } else {\n    //   this.segments = segments\n    // }\n  }\n  \n  /**\n   * Render the concatenated component to DOM nodes (Enhanced - Phase 4.2)\n   */\n  render(): DOMNode[] {\n    const containerClass = this.determineContainerClass()\n    const ariaLabel = this.buildAccessibilityLabel()\n    const accessibilityAttributes = this.buildAccessibilityAttributes()\n    \n    // Render all segments and flatten the results\n    const segmentNodes = this.segments.map(segment => segment.render()).flat()\n    \n    // Create container element with comprehensive accessibility\n    const container = h('span', {\n      class: `tachui-concatenated ${containerClass}`,\n      ...accessibilityAttributes,\n      'aria-label': ariaLabel || undefined,\n      // Enhanced live region support for dynamic content\n      ...(this.hasInteractiveContent() && {\n        'aria-live': 'polite',\n        'aria-atomic': 'true'\n      }),\n      // Add debug information in development\n      ...(process.env.NODE_ENV === 'development' && {\n        'data-concatenated-segments': this.segments.length,\n        'data-semantic-structure': this.metadata.semanticStructure,\n        'data-accessibility-role': this.metadata.accessibilityRole\n      })\n    }, ...segmentNodes)\n    \n    return [container]\n  }\n  \n  /**\n   * Build comprehensive accessibility attributes\n   */\n  private buildAccessibilityAttributes(): Record<string, string> {\n    const attributes: Record<string, string> = {}\n    \n    // Set appropriate role based on metadata\n    switch (this.metadata.accessibilityRole) {\n      case 'text':\n        // For text-only content, no explicit role needed (default text semantics)\n        break\n      \n      case 'group':\n        attributes.role = 'group'\n        // Add description for groups to clarify purpose\n        attributes['aria-describedby'] = this.generateGroupDescription()\n        break\n      \n      case 'composite':\n        attributes.role = 'group'\n        // For composite content (with interactive elements), mark as application region\n        attributes['aria-roledescription'] = 'interactive content group'\n        break\n    }\n    \n    // Add reading order hints for complex layouts\n    if (this.metadata.semanticStructure === 'mixed' && this.segments.length > 2) {\n      attributes['aria-flowto'] = this.generateFlowTargets()\n    }\n    \n    // Add keyboard navigation hints for interactive content\n    if (this.hasInteractiveContent()) {\n      attributes.tabindex = '0'\n      attributes['aria-description'] = 'Contains interactive elements. Use Tab to navigate.'\n    }\n    \n    return attributes\n  }\n  \n  /**\n   * Generate description for grouped content\n   */\n  private generateGroupDescription(): string {\n    const componentTypes = this.getUniqueComponentTypes()\n    \n    if (componentTypes.length === 1) {\n      return `Group of ${this.segments.length} ${componentTypes[0]} elements`\n    }\n    \n    return `Group containing ${componentTypes.join(', ')} elements`\n  }\n  \n  /**\n   * Generate flow targets for reading order\n   */\n  private generateFlowTargets(): string {\n    // This would typically reference IDs of next focusable elements\n    // For now, return empty string as it requires DOM coordination\n    return ''\n  }\n  \n  /**\n   * Check if concatenated content contains interactive elements\n   */\n  private hasInteractiveContent(): boolean {\n    return this.segments.some(segment => {\n      const componentType = segment.component.constructor.name\n      return componentType === 'EnhancedButton' || componentType === 'EnhancedLinkComponent'\n    })\n  }\n  \n  /**\n   * Get unique component types in this concatenation\n   */\n  private getUniqueComponentTypes(): string[] {\n    const types = new Set(this.segments.map(segment => {\n      const componentType = segment.component.constructor.name\n      switch (componentType) {\n        case 'EnhancedText': return 'text'\n        case 'EnhancedImage': return 'image'\n        case 'EnhancedButton': return 'button'\n        case 'EnhancedLinkComponent': return 'link'\n        default: return 'component'\n      }\n    }))\n    \n    return Array.from(types)\n  }\n  \n  /**\n   * Concatenate this component with another concatenatable component\n   */\n  concat<U extends Concatenatable<any>>(other: U): ConcatenatedComponent<T | U> {\n    let newSegments: ComponentSegment[]\n    let newMetadata: ConcatenationMetadata\n    \n    if (other instanceof ConcatenatedComponent) {\n      // Merging with another concatenated component\n      newSegments = [...this.segments, ...other.segments]\n      newMetadata = this.mergeMetadata(this.metadata, other.metadata, newSegments.length)\n    } else {\n      // Adding a single component\n      newSegments = [...this.segments, other.toSegment()]\n      newMetadata = this.mergeMetadata(\n        this.metadata, \n        {\n          totalSegments: 1,\n          accessibilityRole: this.determineComponentAccessibilityRole(other),\n          semanticStructure: this.determineComponentSemanticStructure(other)\n        },\n        newSegments.length\n      )\n    }\n    \n    return new ConcatenatedComponent(newSegments, newMetadata)\n  }\n  \n  /**\n   * Convert this concatenated component to a segment (for further concatenation)\n   */\n  toSegment(): ComponentSegment {\n    return {\n      id: this.id,\n      component: this as any, // Cast to satisfy interface requirements\n      modifiers: [], // Concatenated components don't have their own modifiers\n      render: () => this.render()[0]\n    }\n  }\n  \n  /**\n   * Check if this component supports concatenation\n   */\n  isConcatenatable(): boolean {\n    return true\n  }\n  \n  /**\n   * Determine the appropriate CSS class for the container\n   */\n  private determineContainerClass(): string {\n    const componentTypes = this.segments.map(s => s.component.constructor.name)\n    \n    const hasImages = componentTypes.some(type => type === 'EnhancedImage')\n    const hasText = componentTypes.some(type => type === 'EnhancedText')\n    const hasButtons = componentTypes.some(type => type === 'EnhancedButton')\n    const hasLinks = componentTypes.some(type => type === 'EnhancedLink')\n    \n    // Determine the most appropriate container class\n    if (hasImages && hasText && (hasButtons || hasLinks)) {\n      return 'mixed-content'\n    } else if (hasImages && hasText) {\n      return 'image-text-composition'\n    } else if (hasImages && !hasText) {\n      return 'image-composition'\n    } else if (hasText && !hasImages) {\n      return 'text-composition'\n    } else {\n      return 'generic-composition'\n    }\n  }\n  \n  /**\n   * Build comprehensive accessibility label for screen readers (Enhanced - Phase 4.2)\n   */\n  private buildAccessibilityLabel(): string {\n    const labels = this.segments.map(segment => this.extractAccessibilityText(segment))\n    \n    // Filter out empty labels and format appropriately\n    const cleanLabels = labels.filter(Boolean)\n    \n    if (cleanLabels.length === 0) return ''\n    \n    // Apply intelligent joining based on content type\n    return this.joinAccessibilityLabels(cleanLabels)\n  }\n  \n  /**\n   * Intelligently join accessibility labels based on content and structure\n   */\n  private joinAccessibilityLabels(labels: string[]): string {\n    if (labels.length === 1) return labels[0]\n    \n    // Analyze the semantic structure to determine appropriate joining\n    switch (this.metadata.semanticStructure) {\n      case 'inline':\n        // For inline content, join with spaces (natural reading flow)\n        return labels.join(' ')\n      \n      case 'block':\n        // For block content, use more explicit separators\n        return labels.join('. ')\n      \n      case 'mixed':\n        // For mixed content, use context-aware joining\n        return this.smartJoinLabels(labels)\n      \n      default:\n        return labels.join(' ')\n    }\n  }\n  \n  /**\n   * Context-aware label joining for mixed content\n   */\n  private smartJoinLabels(labels: string[]): string {\n    const result: string[] = []\n    \n    for (let i = 0; i < labels.length; i++) {\n      const current = labels[i]\n      const next = labels[i + 1]\n      \n      result.push(current)\n      \n      if (next) {\n        // Add appropriate separator based on content\n        if (this.needsExplicitSeparator(current, next)) {\n          result.push('. ')\n        } else {\n          result.push(' ')\n        }\n      }\n    }\n    \n    return result.join('')\n  }\n  \n  /**\n   * Determine if two accessibility labels need explicit separation\n   */\n  private needsExplicitSeparator(current: string, next: string): boolean {\n    // Add separator if current doesn't end with punctuation and next is a new concept\n    const currentEndsWithPunctuation = /[.!?:;]$/.test(current.trim())\n    const nextStartsWithCapital = /^[A-Z]/.test(next.trim())\n    \n    return !currentEndsWithPunctuation && nextStartsWithCapital\n  }\n  \n  /**\n   * Extract accessibility text from a component segment\n   */\n  private extractAccessibilityText(segment: ComponentSegment): string {\n    const component = segment.component\n    const componentType = component.constructor.name\n    \n    // Handle different component types\n    switch (componentType) {\n      case 'EnhancedText':\n        return (component as any).content || (component as any).title || ''\n      \n      case 'EnhancedImage':\n        return (component as any).alt || (component as any).accessibilityLabel || 'Image'\n      \n      case 'EnhancedButton':\n        return (component as any).title || (component as any).accessibilityLabel || 'Button'\n      \n      case 'EnhancedLink':\n        return (component as any).title || (component as any).accessibilityLabel || 'Link'\n      \n      case 'ConcatenatedComponent':\n        return (component as unknown as ConcatenatedComponent).buildAccessibilityLabel()\n      \n      default:\n        return (component as any).accessibilityLabel || ''\n    }\n  }\n  \n  /**\n   * Merge metadata from two concatenation operations\n   */\n  private mergeMetadata(\n    metadata1: ConcatenationMetadata,\n    metadata2: ConcatenationMetadata,\n    totalSegments: number\n  ): ConcatenationMetadata {\n    return {\n      totalSegments,\n      accessibilityRole: this.mergeAccessibilityRoles(\n        metadata1.accessibilityRole, \n        metadata2.accessibilityRole\n      ),\n      semanticStructure: this.mergeSemanticStructures(\n        metadata1.semanticStructure, \n        metadata2.semanticStructure\n      )\n    }\n  }\n  \n  /**\n   * Merge accessibility roles from two components\n   */\n  private mergeAccessibilityRoles(\n    role1: 'text' | 'group' | 'composite',\n    role2: 'text' | 'group' | 'composite'\n  ): 'text' | 'group' | 'composite' {\n    // If both are text, keep text\n    if (role1 === 'text' && role2 === 'text') return 'text'\n    \n    // If either is composite, result is composite\n    if (role1 === 'composite' || role2 === 'composite') return 'composite'\n    \n    // Otherwise, it's a group\n    return 'group'\n  }\n  \n  /**\n   * Merge semantic structures from two components\n   */\n  private mergeSemanticStructures(\n    structure1: 'inline' | 'block' | 'mixed',\n    structure2: 'inline' | 'block' | 'mixed'\n  ): 'inline' | 'block' | 'mixed' {\n    // If both are inline, keep inline\n    if (structure1 === 'inline' && structure2 === 'inline') return 'inline'\n    \n    // If both are block, keep block\n    if (structure1 === 'block' && structure2 === 'block') return 'block'\n    \n    // Otherwise, it's mixed\n    return 'mixed'\n  }\n  \n  /**\n   * Determine accessibility role for a single component\n   */\n  private determineComponentAccessibilityRole(component: Concatenatable): 'text' | 'group' | 'composite' {\n    const componentType = (component as any).constructor.name\n    \n    switch (componentType) {\n      case 'EnhancedText':\n        return 'text'\n      case 'EnhancedImage':\n        return 'group'\n      case 'EnhancedButton':\n      case 'EnhancedLink':\n        return 'group'\n      default:\n        return 'composite'\n    }\n  }\n  \n  /**\n   * Determine semantic structure for a single component\n   */\n  private determineComponentSemanticStructure(component: Concatenatable): 'inline' | 'block' | 'mixed' {\n    const componentType = (component as any).constructor.name\n    \n    switch (componentType) {\n      case 'EnhancedText':\n      case 'EnhancedImage':\n        return 'inline'\n      case 'EnhancedButton':\n      case 'EnhancedLink':\n        return 'inline' // Buttons and links are typically inline in concatenation\n      default:\n        return 'mixed'\n    }\n  }\n  \n  /**\n   * Generate comprehensive accessibility tree for this concatenated component\n   */\n  generateAccessibilityTree(): AccessibilityNode {\n    return {\n      role: this.metadata.accessibilityRole,\n      label: this.buildAccessibilityLabel(),\n      children: this.segments.map(segment => this.segmentToAccessibilityNode(segment))\n    }\n  }\n  \n  /**\n   * Convert a component segment to an accessibility node\n   */\n  private segmentToAccessibilityNode(segment: ComponentSegment): AccessibilityNode {\n    const component = segment.component\n    \n    return {\n      role: this.determineComponentAccessibilityRole(component as unknown as Concatenatable),\n      label: this.extractAccessibilityText(segment),\n      children: component instanceof ConcatenatedComponent \n        ? component.generateAccessibilityTree().children \n        : undefined\n    }\n  }\n}"],"names":["ConcatenatedComponent","segments","metadata","_enableOptimization","__publicField","containerClass","ariaLabel","accessibilityAttributes","segmentNodes","segment","h","attributes","componentTypes","componentType","types","other","newSegments","newMetadata","s","hasImages","type","hasText","hasButtons","hasLinks","cleanLabels","labels","result","i","current","next","currentEndsWithPunctuation","nextStartsWithCapital","component","metadata1","metadata2","totalSegments","role1","role2","structure1","structure2"],"mappings":"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"}

package/dist/concatenation/text-optimizer.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=new Map,m=300*1e3,p=100;class u{static optimize(t){const e=performance.now();if(t.length<2)return t;const n=this.generateCacheKey(t),o=this.getCachedOptimization(n);if(o)return o.optimizedSegments;const r=this.performOptimization(t),i=performance.now()-e,c={...this.getOptimizationStats(t,r),processingTimeMs:i};return this.cacheOptimization(n,r,c),process.env.NODE_ENV==="development"&&i>5&&console.log(`TachUI Concatenation: Optimization took ${i.toFixed(2)}ms for ${t.length} segments`),r}static performOptimization(t){const e=[];for(const n of t){const o=e[e.length-1];o&&this.canMergeTextSegments(o,n)?e[e.length-1]=this.mergeTextSegments(o,n):e.push(n)}return e}static generateCacheKey(t){return t.map(n=>{const o=n.component,r=this.extractTextContent(o),i=this.hashModifiers(n.modifiers);return`${o.constructor.name}:${r}:${i}`}).join("|")}static hashModifiers(t){if(t.length===0)return"none";try{const e=t.map(o=>({type:o.type,props:o.properties})),n=JSON.stringify(e);return typeof btoa=="function"?btoa(n).substring(0,8):this.simpleHash(n).toString(16).substring(0,8)}catch{return"hash-error"}}static simpleHash(t){let e=0;for(let n=0;n<t.length;n++){const o=t.charCodeAt(n);e=(e<<5)-e+o,e=e&e}return Math.abs(e)}static getCachedOptimization(t){const e=s.get(t);return e?Date.now()-e.timestamp>m?(s.delete(t),null):e:null}static cacheOptimization(t,e,n){if(s.size>=p){const o=s.keys().next().value;o&&s.delete(o)}s.set(t,{optimizedSegments:e,stats:n,timestamp:Date.now()})}static clearCache(){s.clear()}static getCacheStats(){return{size:s.size,maxSize:p,hitRate:0}}static canMergeTextSegments(t,e){return t.component.constructor.name!=="EnhancedText"||e.component.constructor.name!=="EnhancedText"?!1:this.modifiersCompatible(t.modifiers,e.modifiers)}static modifiersCompatible(t,e){if(t.length!==e.length)return!1;for(let n=0;n<t.length;n++)if(!this.modifierEqual(t[n],e[n]))return!1;return!0}static modifierEqual(t,e){if(t.type!==e.type)return!1;try{return JSON.stringify(t.properties)===JSON.stringify(e.properties)}catch{return!1}}static mergeTextSegments(t,e){const n=t.component,o=e.component,r=this.extractTextContent(n),i=this.extractTextContent(o),c=r+i;return{id:`merged-${t.id}-${e.id}`,component:this.createMergedTextComponent(c,n.props,t.modifiers),modifiers:t.modifiers,render:()=>this.createMergedTextComponent(c,n.props,t.modifiers).render()[0]}}static extractTextContent(t){const e=t.props?.content;return typeof e=="string"?e:typeof e=="function"?e():e&&typeof e=="object"&&"peek"in e&&e.peek()||""}static createMergedTextComponent(t,e,n){const o={...e,content:t};return{type:"Text",id:`merged-text-${Date.now()}-${Math.random().toString(36).substr(2,9)}`,props:o,mounted:!1,cleanup:[],modifiers:n,render(){const r=globalThis.__tachui_runtime;if(r&&r.h&&r.text){const i=r.text(t);return[r.h("span",{},[i])]}return[]}}}static shouldOptimize(t){if(t.length<2)return!1;let e=0;for(let n=0;n<t.length-1;n++){const o=t[n],r=t[n+1];o.component.constructor.name==="EnhancedText"&&r.component.constructor.name==="EnhancedText"&&e++}return e>0}static getOptimizationStats(t,e){const n=t.length-e.length,o=t.length>0?Math.round(n/t.length*100):0;return{originalCount:t.length,optimizedCount:e.length,reductionPercent:o,textSegmentsMerged:n}}static analyzeOptimizationOpportunities(t){let e=0,n=0,o=0,r=0;for(let c=0;c<t.length;c++){const a=t[c];switch(a.component.constructor.name){case"EnhancedText":if(e++,c<t.length-1){const h=t[c+1];this.canMergeTextSegments(a,h)&&r++}break;case"EnhancedImage":n++;break;case"EnhancedButton":case"EnhancedLinkComponent":o++;break}}const i=t.length>0?Math.round(r/t.length*100):0;return{totalSegments:t.length,textSegments:e,imageSegments:n,interactiveSegments:o,optimizableTextPairs:r,estimatedReductionPercent:i}}}exports.TextConcatenationOptimizer=u;
-//# sourceMappingURL=text-optimizer.cjs.map

package/dist/concatenation/text-optimizer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-optimizer.cjs","sources":["../../src/concatenation/text-optimizer.ts"],"sourcesContent":["/**\n * Text Concatenation Optimizer (Enhanced - Phase 4.1)\n * \n * Optimizes concatenated text components by merging adjacent text segments\n * with compatible modifiers to improve performance and reduce DOM complexity.\n * \n * Enhanced with caching and advanced optimization strategies.\n */\n\nimport type { ComponentSegment } from './types'\nimport type { Modifier } from '../modifiers/types'\n\n/**\n * Optimization cache for storing processed segment combinations\n */\ninterface OptimizationCacheEntry {\n  optimizedSegments: ComponentSegment[]\n  stats: OptimizationStats\n  timestamp: number\n}\n\n/**\n * Optimization statistics interface\n */\ninterface OptimizationStats {\n  originalCount: number\n  optimizedCount: number\n  reductionPercent: number\n  textSegmentsMerged: number\n  processingTimeMs: number\n}\n\n/**\n * Cache for segment optimization results\n */\nconst optimizationCache = new Map<string, OptimizationCacheEntry>()\nconst CACHE_TTL = 5 * 60 * 1000 // 5 minutes\nconst MAX_CACHE_SIZE = 100\n\n/**\n * Text-specific concatenation optimizer\n */\nexport class TextConcatenationOptimizer {\n  /**\n   * Optimize an array of segments by merging compatible adjacent text segments\n   * Enhanced with caching and performance monitoring\n   */\n  static optimize(segments: ComponentSegment[]): ComponentSegment[] {\n    const startTime = performance.now()\n    \n    if (segments.length < 2) return segments\n    \n    // Generate cache key from segments\n    const cacheKey = this.generateCacheKey(segments)\n    \n    // Check cache first\n    const cached = this.getCachedOptimization(cacheKey)\n    if (cached) {\n      return cached.optimizedSegments\n    }\n    \n    // Perform optimization\n    const optimized = this.performOptimization(segments)\n    const processingTime = performance.now() - startTime\n    \n    // Cache the result\n    const stats: OptimizationStats = {\n      ...this.getOptimizationStats(segments, optimized),\n      processingTimeMs: processingTime\n    }\n    \n    this.cacheOptimization(cacheKey, optimized, stats)\n    \n    // Log performance in development\n    if (process.env.NODE_ENV === 'development' && processingTime > 5) {\n      console.log(`TachUI Concatenation: Optimization took ${processingTime.toFixed(2)}ms for ${segments.length} segments`)\n    }\n    \n    return optimized\n  }\n  \n  /**\n   * Core optimization algorithm separated for clarity\n   */\n  private static performOptimization(segments: ComponentSegment[]): ComponentSegment[] {\n    const optimized: ComponentSegment[] = []\n    \n    for (const segment of segments) {\n      const lastSegment = optimized[optimized.length - 1]\n      \n      if (lastSegment && this.canMergeTextSegments(lastSegment, segment)) {\n        // Merge the segments\n        optimized[optimized.length - 1] = this.mergeTextSegments(lastSegment, segment)\n      } else {\n        // Add segment as-is\n        optimized.push(segment)\n      }\n    }\n    \n    return optimized\n  }\n  \n  /**\n   * Generate a cache key from segments\n   */\n  private static generateCacheKey(segments: ComponentSegment[]): string {\n    const keyParts = segments.map(segment => {\n      const component = segment.component as any\n      const content = this.extractTextContent(component)\n      const modifierHash = this.hashModifiers(segment.modifiers)\n      return `${component.constructor.name}:${content}:${modifierHash}`\n    })\n    \n    return keyParts.join('|')\n  }\n  \n  /**\n   * Hash modifiers for cache key generation\n   */\n  private static hashModifiers(modifiers: Modifier[]): string {\n    if (modifiers.length === 0) return 'none'\n    \n    try {\n      const modifierData = modifiers.map(m => ({\n        type: m.type,\n        props: m.properties\n      }))\n      const jsonString = JSON.stringify(modifierData)\n      \n      // Use btoa safely by checking for undefined/null\n      if (typeof btoa === 'function') {\n        return btoa(jsonString).substring(0, 8)\n      } else {\n        // Fallback hash function for environments without btoa\n        return this.simpleHash(jsonString).toString(16).substring(0, 8)\n      }\n    } catch {\n      return 'hash-error'\n    }\n  }\n  \n  /**\n   * Simple hash function fallback for environments without btoa\n   */\n  private static simpleHash(str: string): number {\n    let hash = 0\n    for (let i = 0; i < str.length; i++) {\n      const char = str.charCodeAt(i)\n      hash = ((hash << 5) - hash) + char\n      hash = hash & hash // Convert to 32-bit integer\n    }\n    return Math.abs(hash)\n  }\n  \n  /**\n   * Get cached optimization result\n   */\n  private static getCachedOptimization(cacheKey: string): OptimizationCacheEntry | null {\n    const cached = optimizationCache.get(cacheKey)\n    \n    if (!cached) return null\n    \n    // Check if cache entry is still valid\n    const now = Date.now()\n    if (now - cached.timestamp > CACHE_TTL) {\n      optimizationCache.delete(cacheKey)\n      return null\n    }\n    \n    return cached\n  }\n  \n  /**\n   * Cache optimization result\n   */\n  private static cacheOptimization(\n    cacheKey: string, \n    optimizedSegments: ComponentSegment[], \n    stats: OptimizationStats\n  ): void {\n    // Implement LRU eviction if cache is full\n    if (optimizationCache.size >= MAX_CACHE_SIZE) {\n      const oldestKey = optimizationCache.keys().next().value\n      if (oldestKey) {\n        optimizationCache.delete(oldestKey)\n      }\n    }\n    \n    optimizationCache.set(cacheKey, {\n      optimizedSegments,\n      stats,\n      timestamp: Date.now()\n    })\n  }\n  \n  /**\n   * Clear optimization cache (useful for testing)\n   */\n  static clearCache(): void {\n    optimizationCache.clear()\n  }\n  \n  /**\n   * Get cache statistics\n   */\n  static getCacheStats(): {\n    size: number\n    maxSize: number\n    hitRate: number\n  } {\n    return {\n      size: optimizationCache.size,\n      maxSize: MAX_CACHE_SIZE,\n      hitRate: 0 // Would need to track hits/misses to calculate this\n    }\n  }\n  \n  /**\n   * Check if two segments can be merged\n   */\n  private static canMergeTextSegments(a: ComponentSegment, b: ComponentSegment): boolean {\n    // Both must be text components\n    if (a.component.constructor.name !== 'EnhancedText' || \n        b.component.constructor.name !== 'EnhancedText') {\n      return false\n    }\n    \n    // Check if modifiers are compatible\n    return this.modifiersCompatible(a.modifiers, b.modifiers)\n  }\n  \n  /**\n   * Check if two modifier arrays are compatible for merging\n   */\n  private static modifiersCompatible(modifiersA: Modifier[], modifiersB: Modifier[]): boolean {\n    // If lengths differ, they're not compatible\n    if (modifiersA.length !== modifiersB.length) return false\n    \n    // Check each modifier for compatibility\n    for (let i = 0; i < modifiersA.length; i++) {\n      if (!this.modifierEqual(modifiersA[i], modifiersB[i])) {\n        return false\n      }\n    }\n    \n    return true\n  }\n  \n  /**\n   * Check if two modifiers are equal (simplified comparison)\n   */\n  private static modifierEqual(a: Modifier, b: Modifier): boolean {\n    // Basic type check\n    if (a.type !== b.type) return false\n    \n    // For now, we'll be conservative and only merge if modifiers are exactly the same\n    // This could be expanded to allow compatible modifiers in the future\n    try {\n      return JSON.stringify(a.properties) === JSON.stringify(b.properties)\n    } catch {\n      return false\n    }\n  }\n  \n  /**\n   * Merge two text segments into a single segment\n   */\n  private static mergeTextSegments(a: ComponentSegment, b: ComponentSegment): ComponentSegment {\n    const componentA = a.component as any\n    const componentB = b.component as any\n    \n    // Extract text content from both components\n    const textA = this.extractTextContent(componentA)\n    const textB = this.extractTextContent(componentB)\n    \n    // Create a new merged text component\n    const mergedContent = textA + textB\n    \n    // Create merged segment\n    return {\n      id: `merged-${a.id}-${b.id}`,\n      component: this.createMergedTextComponent(mergedContent, componentA.props, a.modifiers),\n      modifiers: a.modifiers, // Use modifiers from first segment (they're identical)\n      render: () => {\n        // Create a merged render function\n        const mergedComponent = this.createMergedTextComponent(mergedContent, componentA.props, a.modifiers)\n        return mergedComponent.render()[0]\n      }\n    }\n  }\n  \n  /**\n   * Extract text content from a text component\n   */\n  private static extractTextContent(component: any): string {\n    const content = component.props?.content\n    \n    if (typeof content === 'string') return content\n    if (typeof content === 'function') return content()\n    if (content && typeof content === 'object' && 'peek' in content) {\n      return content.peek() || ''\n    }\n    \n    return ''\n  }\n  \n  /**\n   * Create a new merged text component\n   */\n  private static createMergedTextComponent(content: string, baseProps: any, modifiers: Modifier[]): any {\n    // Create a simplified text component to avoid circular dependencies\n    // Instead of importing EnhancedText, create a minimal compatible component\n    \n    // Create new text component with merged content\n    const mergedProps = {\n      ...baseProps,\n      content: content\n    }\n    \n    // Return a minimal component-like object that can be rendered\n    return {\n      type: 'Text' as const,\n      id: `merged-text-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,\n      props: mergedProps,\n      mounted: false,\n      cleanup: [],\n      modifiers: modifiers,\n      render() {\n        // Simple text rendering - import at runtime to avoid circular deps\n        const runtime = (globalThis as any).__tachui_runtime\n        if (runtime && runtime.h && runtime.text) {\n          const textNode = runtime.text(content)\n          return [runtime.h('span', {}, [textNode])]\n        }\n        // Fallback if runtime not available\n        return []\n      }\n    }\n  }\n  \n  /**\n   * Analyze segments and determine if optimization would be beneficial\n   */\n  static shouldOptimize(segments: ComponentSegment[]): boolean {\n    if (segments.length < 2) return false\n    \n    // Count adjacent text segments\n    let adjacentTextPairs = 0\n    \n    for (let i = 0; i < segments.length - 1; i++) {\n      const current = segments[i]\n      const next = segments[i + 1]\n      \n      if (current.component.constructor.name === 'EnhancedText' &&\n          next.component.constructor.name === 'EnhancedText') {\n        adjacentTextPairs++\n      }\n    }\n    \n    // Optimize if we have at least one pair of adjacent text segments\n    return adjacentTextPairs > 0\n  }\n  \n  /**\n   * Get optimization statistics (enhanced for Phase 4.1)\n   */\n  static getOptimizationStats(originalSegments: ComponentSegment[], optimizedSegments: ComponentSegment[]): {\n    originalCount: number\n    optimizedCount: number\n    reductionPercent: number\n    textSegmentsMerged: number\n  } {\n    const reduction = originalSegments.length - optimizedSegments.length\n    const reductionPercent = originalSegments.length > 0 \n      ? Math.round((reduction / originalSegments.length) * 100) \n      : 0\n    \n    return {\n      originalCount: originalSegments.length,\n      optimizedCount: optimizedSegments.length,\n      reductionPercent,\n      textSegmentsMerged: reduction\n    }\n  }\n  \n  /**\n   * Advanced optimization analysis for performance monitoring\n   */\n  static analyzeOptimizationOpportunities(segments: ComponentSegment[]): {\n    totalSegments: number\n    textSegments: number\n    imageSegments: number\n    interactiveSegments: number\n    optimizableTextPairs: number\n    estimatedReductionPercent: number\n  } {\n    let textSegments = 0\n    let imageSegments = 0\n    let interactiveSegments = 0\n    let optimizableTextPairs = 0\n    \n    for (let i = 0; i < segments.length; i++) {\n      const segment = segments[i]\n      const componentType = segment.component.constructor.name\n      \n      switch (componentType) {\n        case 'EnhancedText':\n          textSegments++\n          // Check if next segment is also text and compatible\n          if (i < segments.length - 1) {\n            const nextSegment = segments[i + 1]\n            if (this.canMergeTextSegments(segment, nextSegment)) {\n              optimizableTextPairs++\n            }\n          }\n          break\n        case 'EnhancedImage':\n          imageSegments++\n          break\n        case 'EnhancedButton':\n        case 'EnhancedLinkComponent':\n          interactiveSegments++\n          break\n      }\n    }\n    \n    const estimatedReductionPercent = segments.length > 0\n      ? Math.round((optimizableTextPairs / segments.length) * 100)\n      : 0\n    \n    return {\n      totalSegments: segments.length,\n      textSegments,\n      imageSegments,\n      interactiveSegments,\n      optimizableTextPairs,\n      estimatedReductionPercent\n    }\n  }\n}"],"names":["optimizationCache","CACHE_TTL","MAX_CACHE_SIZE","TextConcatenationOptimizer","segments","startTime","cacheKey","cached","optimized","processingTime","stats","segment","lastSegment","component","content","modifierHash","modifiers","modifierData","m","jsonString","str","hash","i","char","optimizedSegments","oldestKey","a","b","modifiersA","modifiersB","componentA","componentB","textA","textB","mergedContent","baseProps","mergedProps","runtime","textNode","adjacentTextPairs","current","next","originalSegments","reduction","reductionPercent","textSegments","imageSegments","interactiveSegments","optimizableTextPairs","nextSegment","estimatedReductionPercent"],"mappings":"gFAmCA,MAAMA,MAAwB,IACxBC,EAAY,IAAS,IACrBC,EAAiB,IAKhB,MAAMC,CAA2B,CAKtC,OAAO,SAASC,EAAkD,CAChE,MAAMC,EAAY,YAAY,IAAA,EAE9B,GAAID,EAAS,OAAS,EAAG,OAAOA,EAGhC,MAAME,EAAW,KAAK,iBAAiBF,CAAQ,EAGzCG,EAAS,KAAK,sBAAsBD,CAAQ,EAClD,GAAIC,EACF,OAAOA,EAAO,kBAIhB,MAAMC,EAAY,KAAK,oBAAoBJ,CAAQ,EAC7CK,EAAiB,YAAY,IAAA,EAAQJ,EAGrCK,EAA2B,CAC/B,GAAG,KAAK,qBAAqBN,EAAUI,CAAS,EAChD,iBAAkBC,CAAA,EAGpB,YAAK,kBAAkBH,EAAUE,EAAWE,CAAK,EAG7C,QAAQ,IAAI,WAAa,eAAiBD,EAAiB,GAC7D,QAAQ,IAAI,2CAA2CA,EAAe,QAAQ,CAAC,CAAC,UAAUL,EAAS,MAAM,WAAW,EAG/GI,CACT,CAKA,OAAe,oBAAoBJ,EAAkD,CACnF,MAAMI,EAAgC,CAAA,EAEtC,UAAWG,KAAWP,EAAU,CAC9B,MAAMQ,EAAcJ,EAAUA,EAAU,OAAS,CAAC,EAE9CI,GAAe,KAAK,qBAAqBA,EAAaD,CAAO,EAE/DH,EAAUA,EAAU,OAAS,CAAC,EAAI,KAAK,kBAAkBI,EAAaD,CAAO,EAG7EH,EAAU,KAAKG,CAAO,CAE1B,CAEA,OAAOH,CACT,CAKA,OAAe,iBAAiBJ,EAAsC,CAQpE,OAPiBA,EAAS,IAAIO,GAAW,CACvC,MAAME,EAAYF,EAAQ,UACpBG,EAAU,KAAK,mBAAmBD,CAAS,EAC3CE,EAAe,KAAK,cAAcJ,EAAQ,SAAS,EACzD,MAAO,GAAGE,EAAU,YAAY,IAAI,IAAIC,CAAO,IAAIC,CAAY,EACjE,CAAC,EAEe,KAAK,GAAG,CAC1B,CAKA,OAAe,cAAcC,EAA+B,CAC1D,GAAIA,EAAU,SAAW,EAAG,MAAO,OAEnC,GAAI,CACF,MAAMC,EAAeD,EAAU,IAAIE,IAAM,CACvC,KAAMA,EAAE,KACR,MAAOA,EAAE,UAAA,EACT,EACIC,EAAa,KAAK,UAAUF,CAAY,EAG9C,OAAI,OAAO,MAAS,WACX,KAAKE,CAAU,EAAE,UAAU,EAAG,CAAC,EAG/B,KAAK,WAAWA,CAAU,EAAE,SAAS,EAAE,EAAE,UAAU,EAAG,CAAC,CAElE,MAAQ,CACN,MAAO,YACT,CACF,CAKA,OAAe,WAAWC,EAAqB,CAC7C,IAAIC,EAAO,EACX,QAASC,EAAI,EAAGA,EAAIF,EAAI,OAAQE,IAAK,CACnC,MAAMC,EAAOH,EAAI,WAAWE,CAAC,EAC7BD,GAASA,GAAQ,GAAKA,EAAQE,EAC9BF,EAAOA,EAAOA,CAChB,CACA,OAAO,KAAK,IAAIA,CAAI,CACtB,CAKA,OAAe,sBAAsBf,EAAiD,CACpF,MAAMC,EAASP,EAAkB,IAAIM,CAAQ,EAE7C,OAAKC,EAGO,KAAK,IAAA,EACPA,EAAO,UAAYN,GAC3BD,EAAkB,OAAOM,CAAQ,EAC1B,MAGFC,EATa,IAUtB,CAKA,OAAe,kBACbD,EACAkB,EACAd,EACM,CAEN,GAAIV,EAAkB,MAAQE,EAAgB,CAC5C,MAAMuB,EAAYzB,EAAkB,KAAA,EAAO,OAAO,MAC9CyB,GACFzB,EAAkB,OAAOyB,CAAS,CAEtC,CAEAzB,EAAkB,IAAIM,EAAU,CAC9B,kBAAAkB,EACA,MAAAd,EACA,UAAW,KAAK,IAAA,CAAI,CACrB,CACH,CAKA,OAAO,YAAmB,CACxBV,EAAkB,MAAA,CACpB,CAKA,OAAO,eAIL,CACA,MAAO,CACL,KAAMA,EAAkB,KACxB,QAASE,EACT,QAAS,CAAA,CAEb,CAKA,OAAe,qBAAqBwB,EAAqBC,EAA8B,CAErF,OAAID,EAAE,UAAU,YAAY,OAAS,gBACjCC,EAAE,UAAU,YAAY,OAAS,eAC5B,GAIF,KAAK,oBAAoBD,EAAE,UAAWC,EAAE,SAAS,CAC1D,CAKA,OAAe,oBAAoBC,EAAwBC,EAAiC,CAE1F,GAAID,EAAW,SAAWC,EAAW,OAAQ,MAAO,GAGpD,QAASP,EAAI,EAAGA,EAAIM,EAAW,OAAQN,IACrC,GAAI,CAAC,KAAK,cAAcM,EAAWN,CAAC,EAAGO,EAAWP,CAAC,CAAC,EAClD,MAAO,GAIX,MAAO,EACT,CAKA,OAAe,cAAcI,EAAaC,EAAsB,CAE9D,GAAID,EAAE,OAASC,EAAE,KAAM,MAAO,GAI9B,GAAI,CACF,OAAO,KAAK,UAAUD,EAAE,UAAU,IAAM,KAAK,UAAUC,EAAE,UAAU,CACrE,MAAQ,CACN,MAAO,EACT,CACF,CAKA,OAAe,kBAAkBD,EAAqBC,EAAuC,CAC3F,MAAMG,EAAaJ,EAAE,UACfK,EAAaJ,EAAE,UAGfK,EAAQ,KAAK,mBAAmBF,CAAU,EAC1CG,EAAQ,KAAK,mBAAmBF,CAAU,EAG1CG,EAAgBF,EAAQC,EAG9B,MAAO,CACL,GAAI,UAAUP,EAAE,EAAE,IAAIC,EAAE,EAAE,GAC1B,UAAW,KAAK,0BAA0BO,EAAeJ,EAAW,MAAOJ,EAAE,SAAS,EACtF,UAAWA,EAAE,UACb,OAAQ,IAEkB,KAAK,0BAA0BQ,EAAeJ,EAAW,MAAOJ,EAAE,SAAS,EAC5E,OAAA,EAAS,CAAC,CACnC,CAEJ,CAKA,OAAe,mBAAmBb,EAAwB,CACxD,MAAMC,EAAUD,EAAU,OAAO,QAEjC,OAAI,OAAOC,GAAY,SAAiBA,EACpC,OAAOA,GAAY,WAAmBA,EAAA,EACtCA,GAAW,OAAOA,GAAY,UAAY,SAAUA,GAC/CA,EAAQ,QAAU,EAI7B,CAKA,OAAe,0BAA0BA,EAAiBqB,EAAgBnB,EAA4B,CAKpG,MAAMoB,EAAc,CAClB,GAAGD,EACH,QAAArB,CAAA,EAIF,MAAO,CACL,KAAM,OACN,GAAI,eAAe,KAAK,IAAA,CAAK,IAAI,KAAK,OAAA,EAAS,SAAS,EAAE,EAAE,OAAO,EAAG,CAAC,CAAC,GACxE,MAAOsB,EACP,QAAS,GACT,QAAS,CAAA,EACT,UAAApB,EACA,QAAS,CAEP,MAAMqB,EAAW,WAAmB,iBACpC,GAAIA,GAAWA,EAAQ,GAAKA,EAAQ,KAAM,CACxC,MAAMC,EAAWD,EAAQ,KAAKvB,CAAO,EACrC,MAAO,CAACuB,EAAQ,EAAE,OAAQ,CAAA,EAAI,CAACC,CAAQ,CAAC,CAAC,CAC3C,CAEA,MAAO,CAAA,CACT,CAAA,CAEJ,CAKA,OAAO,eAAelC,EAAuC,CAC3D,GAAIA,EAAS,OAAS,EAAG,MAAO,GAGhC,IAAImC,EAAoB,EAExB,QAASjB,EAAI,EAAGA,EAAIlB,EAAS,OAAS,EAAGkB,IAAK,CAC5C,MAAMkB,EAAUpC,EAASkB,CAAC,EACpBmB,EAAOrC,EAASkB,EAAI,CAAC,EAEvBkB,EAAQ,UAAU,YAAY,OAAS,gBACvCC,EAAK,UAAU,YAAY,OAAS,gBACtCF,GAEJ,CAGA,OAAOA,EAAoB,CAC7B,CAKA,OAAO,qBAAqBG,EAAsClB,EAKhE,CACA,MAAMmB,EAAYD,EAAiB,OAASlB,EAAkB,OACxDoB,EAAmBF,EAAiB,OAAS,EAC/C,KAAK,MAAOC,EAAYD,EAAiB,OAAU,GAAG,EACtD,EAEJ,MAAO,CACL,cAAeA,EAAiB,OAChC,eAAgBlB,EAAkB,OAClC,iBAAAoB,EACA,mBAAoBD,CAAA,CAExB,CAKA,OAAO,iCAAiCvC,EAOtC,CACA,IAAIyC,EAAe,EACfC,EAAgB,EAChBC,EAAsB,EACtBC,EAAuB,EAE3B,QAAS1B,EAAI,EAAGA,EAAIlB,EAAS,OAAQkB,IAAK,CACxC,MAAMX,EAAUP,EAASkB,CAAC,EAG1B,OAFsBX,EAAQ,UAAU,YAAY,KAE5C,CACN,IAAK,eAGH,GAFAkC,IAEIvB,EAAIlB,EAAS,OAAS,EAAG,CAC3B,MAAM6C,EAAc7C,EAASkB,EAAI,CAAC,EAC9B,KAAK,qBAAqBX,EAASsC,CAAW,GAChDD,GAEJ,CACA,MACF,IAAK,gBACHF,IACA,MACF,IAAK,iBACL,IAAK,wBACHC,IACA,KAAA,CAEN,CAEA,MAAMG,EAA4B9C,EAAS,OAAS,EAChD,KAAK,MAAO4C,EAAuB5C,EAAS,OAAU,GAAG,EACzD,EAEJ,MAAO,CACL,cAAeA,EAAS,OACxB,aAAAyC,EACA,cAAAC,EACA,oBAAAC,EACA,qBAAAC,EACA,0BAAAE,CAAA,CAEJ,CACF"}

package/dist/concatenation/text-optimizer.js

@@ -1,236 +0,0 @@
-const s = /* @__PURE__ */ new Map(), m = 300 * 1e3, p = 100;
-class d {
-  /**
-   * Optimize an array of segments by merging compatible adjacent text segments
-   * Enhanced with caching and performance monitoring
-   */
-  static optimize(t) {
-    const e = performance.now();
-    if (t.length < 2) return t;
-    const n = this.generateCacheKey(t), o = this.getCachedOptimization(n);
-    if (o)
-      return o.optimizedSegments;
-    const r = this.performOptimization(t), i = performance.now() - e, c = {
-      ...this.getOptimizationStats(t, r),
-      processingTimeMs: i
-    };
-    return this.cacheOptimization(n, r, c), process.env.NODE_ENV === "development" && i > 5 && console.log(`TachUI Concatenation: Optimization took ${i.toFixed(2)}ms for ${t.length} segments`), r;
-  }
-  /**
-   * Core optimization algorithm separated for clarity
-   */
-  static performOptimization(t) {
-    const e = [];
-    for (const n of t) {
-      const o = e[e.length - 1];
-      o && this.canMergeTextSegments(o, n) ? e[e.length - 1] = this.mergeTextSegments(o, n) : e.push(n);
-    }
-    return e;
-  }
-  /**
-   * Generate a cache key from segments
-   */
-  static generateCacheKey(t) {
-    return t.map((n) => {
-      const o = n.component, r = this.extractTextContent(o), i = this.hashModifiers(n.modifiers);
-      return `${o.constructor.name}:${r}:${i}`;
-    }).join("|");
-  }
-  /**
-   * Hash modifiers for cache key generation
-   */
-  static hashModifiers(t) {
-    if (t.length === 0) return "none";
-    try {
-      const e = t.map((o) => ({
-        type: o.type,
-        props: o.properties
-      })), n = JSON.stringify(e);
-      return typeof btoa == "function" ? btoa(n).substring(0, 8) : this.simpleHash(n).toString(16).substring(0, 8);
-    } catch {
-      return "hash-error";
-    }
-  }
-  /**
-   * Simple hash function fallback for environments without btoa
-   */
-  static simpleHash(t) {
-    let e = 0;
-    for (let n = 0; n < t.length; n++) {
-      const o = t.charCodeAt(n);
-      e = (e << 5) - e + o, e = e & e;
-    }
-    return Math.abs(e);
-  }
-  /**
-   * Get cached optimization result
-   */
-  static getCachedOptimization(t) {
-    const e = s.get(t);
-    return e ? Date.now() - e.timestamp > m ? (s.delete(t), null) : e : null;
-  }
-  /**
-   * Cache optimization result
-   */
-  static cacheOptimization(t, e, n) {
-    if (s.size >= p) {
-      const o = s.keys().next().value;
-      o && s.delete(o);
-    }
-    s.set(t, {
-      optimizedSegments: e,
-      stats: n,
-      timestamp: Date.now()
-    });
-  }
-  /**
-   * Clear optimization cache (useful for testing)
-   */
-  static clearCache() {
-    s.clear();
-  }
-  /**
-   * Get cache statistics
-   */
-  static getCacheStats() {
-    return {
-      size: s.size,
-      maxSize: p,
-      hitRate: 0
-      // Would need to track hits/misses to calculate this
-    };
-  }
-  /**
-   * Check if two segments can be merged
-   */
-  static canMergeTextSegments(t, e) {
-    return t.component.constructor.name !== "EnhancedText" || e.component.constructor.name !== "EnhancedText" ? !1 : this.modifiersCompatible(t.modifiers, e.modifiers);
-  }
-  /**
-   * Check if two modifier arrays are compatible for merging
-   */
-  static modifiersCompatible(t, e) {
-    if (t.length !== e.length) return !1;
-    for (let n = 0; n < t.length; n++)
-      if (!this.modifierEqual(t[n], e[n]))
-        return !1;
-    return !0;
-  }
-  /**
-   * Check if two modifiers are equal (simplified comparison)
-   */
-  static modifierEqual(t, e) {
-    if (t.type !== e.type) return !1;
-    try {
-      return JSON.stringify(t.properties) === JSON.stringify(e.properties);
-    } catch {
-      return !1;
-    }
-  }
-  /**
-   * Merge two text segments into a single segment
-   */
-  static mergeTextSegments(t, e) {
-    const n = t.component, o = e.component, r = this.extractTextContent(n), i = this.extractTextContent(o), c = r + i;
-    return {
-      id: `merged-${t.id}-${e.id}`,
-      component: this.createMergedTextComponent(c, n.props, t.modifiers),
-      modifiers: t.modifiers,
-      // Use modifiers from first segment (they're identical)
-      render: () => this.createMergedTextComponent(c, n.props, t.modifiers).render()[0]
-    };
-  }
-  /**
-   * Extract text content from a text component
-   */
-  static extractTextContent(t) {
-    const e = t.props?.content;
-    return typeof e == "string" ? e : typeof e == "function" ? e() : e && typeof e == "object" && "peek" in e && e.peek() || "";
-  }
-  /**
-   * Create a new merged text component
-   */
-  static createMergedTextComponent(t, e, n) {
-    const o = {
-      ...e,
-      content: t
-    };
-    return {
-      type: "Text",
-      id: `merged-text-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-      props: o,
-      mounted: !1,
-      cleanup: [],
-      modifiers: n,
-      render() {
-        const r = globalThis.__tachui_runtime;
-        if (r && r.h && r.text) {
-          const i = r.text(t);
-          return [r.h("span", {}, [i])];
-        }
-        return [];
-      }
-    };
-  }
-  /**
-   * Analyze segments and determine if optimization would be beneficial
-   */
-  static shouldOptimize(t) {
-    if (t.length < 2) return !1;
-    let e = 0;
-    for (let n = 0; n < t.length - 1; n++) {
-      const o = t[n], r = t[n + 1];
-      o.component.constructor.name === "EnhancedText" && r.component.constructor.name === "EnhancedText" && e++;
-    }
-    return e > 0;
-  }
-  /**
-   * Get optimization statistics (enhanced for Phase 4.1)
-   */
-  static getOptimizationStats(t, e) {
-    const n = t.length - e.length, o = t.length > 0 ? Math.round(n / t.length * 100) : 0;
-    return {
-      originalCount: t.length,
-      optimizedCount: e.length,
-      reductionPercent: o,
-      textSegmentsMerged: n
-    };
-  }
-  /**
-   * Advanced optimization analysis for performance monitoring
-   */
-  static analyzeOptimizationOpportunities(t) {
-    let e = 0, n = 0, o = 0, r = 0;
-    for (let c = 0; c < t.length; c++) {
-      const a = t[c];
-      switch (a.component.constructor.name) {
-        case "EnhancedText":
-          if (e++, c < t.length - 1) {
-            const h = t[c + 1];
-            this.canMergeTextSegments(a, h) && r++;
-          }
-          break;
-        case "EnhancedImage":
-          n++;
-          break;
-        case "EnhancedButton":
-        case "EnhancedLinkComponent":
-          o++;
-          break;
-      }
-    }
-    const i = t.length > 0 ? Math.round(r / t.length * 100) : 0;
-    return {
-      totalSegments: t.length,
-      textSegments: e,
-      imageSegments: n,
-      interactiveSegments: o,
-      optimizableTextPairs: r,
-      estimatedReductionPercent: i
-    };
-  }
-}
-export {
-  d as TextConcatenationOptimizer
-};
-//# sourceMappingURL=text-optimizer.js.map

package/dist/concatenation/text-optimizer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text-optimizer.js","sources":["../../src/concatenation/text-optimizer.ts"],"sourcesContent":["/**\n * Text Concatenation Optimizer (Enhanced - Phase 4.1)\n * \n * Optimizes concatenated text components by merging adjacent text segments\n * with compatible modifiers to improve performance and reduce DOM complexity.\n * \n * Enhanced with caching and advanced optimization strategies.\n */\n\nimport type { ComponentSegment } from './types'\nimport type { Modifier } from '../modifiers/types'\n\n/**\n * Optimization cache for storing processed segment combinations\n */\ninterface OptimizationCacheEntry {\n  optimizedSegments: ComponentSegment[]\n  stats: OptimizationStats\n  timestamp: number\n}\n\n/**\n * Optimization statistics interface\n */\ninterface OptimizationStats {\n  originalCount: number\n  optimizedCount: number\n  reductionPercent: number\n  textSegmentsMerged: number\n  processingTimeMs: number\n}\n\n/**\n * Cache for segment optimization results\n */\nconst optimizationCache = new Map<string, OptimizationCacheEntry>()\nconst CACHE_TTL = 5 * 60 * 1000 // 5 minutes\nconst MAX_CACHE_SIZE = 100\n\n/**\n * Text-specific concatenation optimizer\n */\nexport class TextConcatenationOptimizer {\n  /**\n   * Optimize an array of segments by merging compatible adjacent text segments\n   * Enhanced with caching and performance monitoring\n   */\n  static optimize(segments: ComponentSegment[]): ComponentSegment[] {\n    const startTime = performance.now()\n    \n    if (segments.length < 2) return segments\n    \n    // Generate cache key from segments\n    const cacheKey = this.generateCacheKey(segments)\n    \n    // Check cache first\n    const cached = this.getCachedOptimization(cacheKey)\n    if (cached) {\n      return cached.optimizedSegments\n    }\n    \n    // Perform optimization\n    const optimized = this.performOptimization(segments)\n    const processingTime = performance.now() - startTime\n    \n    // Cache the result\n    const stats: OptimizationStats = {\n      ...this.getOptimizationStats(segments, optimized),\n      processingTimeMs: processingTime\n    }\n    \n    this.cacheOptimization(cacheKey, optimized, stats)\n    \n    // Log performance in development\n    if (process.env.NODE_ENV === 'development' && processingTime > 5) {\n      console.log(`TachUI Concatenation: Optimization took ${processingTime.toFixed(2)}ms for ${segments.length} segments`)\n    }\n    \n    return optimized\n  }\n  \n  /**\n   * Core optimization algorithm separated for clarity\n   */\n  private static performOptimization(segments: ComponentSegment[]): ComponentSegment[] {\n    const optimized: ComponentSegment[] = []\n    \n    for (const segment of segments) {\n      const lastSegment = optimized[optimized.length - 1]\n      \n      if (lastSegment && this.canMergeTextSegments(lastSegment, segment)) {\n        // Merge the segments\n        optimized[optimized.length - 1] = this.mergeTextSegments(lastSegment, segment)\n      } else {\n        // Add segment as-is\n        optimized.push(segment)\n      }\n    }\n    \n    return optimized\n  }\n  \n  /**\n   * Generate a cache key from segments\n   */\n  private static generateCacheKey(segments: ComponentSegment[]): string {\n    const keyParts = segments.map(segment => {\n      const component = segment.component as any\n      const content = this.extractTextContent(component)\n      const modifierHash = this.hashModifiers(segment.modifiers)\n      return `${component.constructor.name}:${content}:${modifierHash}`\n    })\n    \n    return keyParts.join('|')\n  }\n  \n  /**\n   * Hash modifiers for cache key generation\n   */\n  private static hashModifiers(modifiers: Modifier[]): string {\n    if (modifiers.length === 0) return 'none'\n    \n    try {\n      const modifierData = modifiers.map(m => ({\n        type: m.type,\n        props: m.properties\n      }))\n      const jsonString = JSON.stringify(modifierData)\n      \n      // Use btoa safely by checking for undefined/null\n      if (typeof btoa === 'function') {\n        return btoa(jsonString).substring(0, 8)\n      } else {\n        // Fallback hash function for environments without btoa\n        return this.simpleHash(jsonString).toString(16).substring(0, 8)\n      }\n    } catch {\n      return 'hash-error'\n    }\n  }\n  \n  /**\n   * Simple hash function fallback for environments without btoa\n   */\n  private static simpleHash(str: string): number {\n    let hash = 0\n    for (let i = 0; i < str.length; i++) {\n      const char = str.charCodeAt(i)\n      hash = ((hash << 5) - hash) + char\n      hash = hash & hash // Convert to 32-bit integer\n    }\n    return Math.abs(hash)\n  }\n  \n  /**\n   * Get cached optimization result\n   */\n  private static getCachedOptimization(cacheKey: string): OptimizationCacheEntry | null {\n    const cached = optimizationCache.get(cacheKey)\n    \n    if (!cached) return null\n    \n    // Check if cache entry is still valid\n    const now = Date.now()\n    if (now - cached.timestamp > CACHE_TTL) {\n      optimizationCache.delete(cacheKey)\n      return null\n    }\n    \n    return cached\n  }\n  \n  /**\n   * Cache optimization result\n   */\n  private static cacheOptimization(\n    cacheKey: string, \n    optimizedSegments: ComponentSegment[], \n    stats: OptimizationStats\n  ): void {\n    // Implement LRU eviction if cache is full\n    if (optimizationCache.size >= MAX_CACHE_SIZE) {\n      const oldestKey = optimizationCache.keys().next().value\n      if (oldestKey) {\n        optimizationCache.delete(oldestKey)\n      }\n    }\n    \n    optimizationCache.set(cacheKey, {\n      optimizedSegments,\n      stats,\n      timestamp: Date.now()\n    })\n  }\n  \n  /**\n   * Clear optimization cache (useful for testing)\n   */\n  static clearCache(): void {\n    optimizationCache.clear()\n  }\n  \n  /**\n   * Get cache statistics\n   */\n  static getCacheStats(): {\n    size: number\n    maxSize: number\n    hitRate: number\n  } {\n    return {\n      size: optimizationCache.size,\n      maxSize: MAX_CACHE_SIZE,\n      hitRate: 0 // Would need to track hits/misses to calculate this\n    }\n  }\n  \n  /**\n   * Check if two segments can be merged\n   */\n  private static canMergeTextSegments(a: ComponentSegment, b: ComponentSegment): boolean {\n    // Both must be text components\n    if (a.component.constructor.name !== 'EnhancedText' || \n        b.component.constructor.name !== 'EnhancedText') {\n      return false\n    }\n    \n    // Check if modifiers are compatible\n    return this.modifiersCompatible(a.modifiers, b.modifiers)\n  }\n  \n  /**\n   * Check if two modifier arrays are compatible for merging\n   */\n  private static modifiersCompatible(modifiersA: Modifier[], modifiersB: Modifier[]): boolean {\n    // If lengths differ, they're not compatible\n    if (modifiersA.length !== modifiersB.length) return false\n    \n    // Check each modifier for compatibility\n    for (let i = 0; i < modifiersA.length; i++) {\n      if (!this.modifierEqual(modifiersA[i], modifiersB[i])) {\n        return false\n      }\n    }\n    \n    return true\n  }\n  \n  /**\n   * Check if two modifiers are equal (simplified comparison)\n   */\n  private static modifierEqual(a: Modifier, b: Modifier): boolean {\n    // Basic type check\n    if (a.type !== b.type) return false\n    \n    // For now, we'll be conservative and only merge if modifiers are exactly the same\n    // This could be expanded to allow compatible modifiers in the future\n    try {\n      return JSON.stringify(a.properties) === JSON.stringify(b.properties)\n    } catch {\n      return false\n    }\n  }\n  \n  /**\n   * Merge two text segments into a single segment\n   */\n  private static mergeTextSegments(a: ComponentSegment, b: ComponentSegment): ComponentSegment {\n    const componentA = a.component as any\n    const componentB = b.component as any\n    \n    // Extract text content from both components\n    const textA = this.extractTextContent(componentA)\n    const textB = this.extractTextContent(componentB)\n    \n    // Create a new merged text component\n    const mergedContent = textA + textB\n    \n    // Create merged segment\n    return {\n      id: `merged-${a.id}-${b.id}`,\n      component: this.createMergedTextComponent(mergedContent, componentA.props, a.modifiers),\n      modifiers: a.modifiers, // Use modifiers from first segment (they're identical)\n      render: () => {\n        // Create a merged render function\n        const mergedComponent = this.createMergedTextComponent(mergedContent, componentA.props, a.modifiers)\n        return mergedComponent.render()[0]\n      }\n    }\n  }\n  \n  /**\n   * Extract text content from a text component\n   */\n  private static extractTextContent(component: any): string {\n    const content = component.props?.content\n    \n    if (typeof content === 'string') return content\n    if (typeof content === 'function') return content()\n    if (content && typeof content === 'object' && 'peek' in content) {\n      return content.peek() || ''\n    }\n    \n    return ''\n  }\n  \n  /**\n   * Create a new merged text component\n   */\n  private static createMergedTextComponent(content: string, baseProps: any, modifiers: Modifier[]): any {\n    // Create a simplified text component to avoid circular dependencies\n    // Instead of importing EnhancedText, create a minimal compatible component\n    \n    // Create new text component with merged content\n    const mergedProps = {\n      ...baseProps,\n      content: content\n    }\n    \n    // Return a minimal component-like object that can be rendered\n    return {\n      type: 'Text' as const,\n      id: `merged-text-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,\n      props: mergedProps,\n      mounted: false,\n      cleanup: [],\n      modifiers: modifiers,\n      render() {\n        // Simple text rendering - import at runtime to avoid circular deps\n        const runtime = (globalThis as any).__tachui_runtime\n        if (runtime && runtime.h && runtime.text) {\n          const textNode = runtime.text(content)\n          return [runtime.h('span', {}, [textNode])]\n        }\n        // Fallback if runtime not available\n        return []\n      }\n    }\n  }\n  \n  /**\n   * Analyze segments and determine if optimization would be beneficial\n   */\n  static shouldOptimize(segments: ComponentSegment[]): boolean {\n    if (segments.length < 2) return false\n    \n    // Count adjacent text segments\n    let adjacentTextPairs = 0\n    \n    for (let i = 0; i < segments.length - 1; i++) {\n      const current = segments[i]\n      const next = segments[i + 1]\n      \n      if (current.component.constructor.name === 'EnhancedText' &&\n          next.component.constructor.name === 'EnhancedText') {\n        adjacentTextPairs++\n      }\n    }\n    \n    // Optimize if we have at least one pair of adjacent text segments\n    return adjacentTextPairs > 0\n  }\n  \n  /**\n   * Get optimization statistics (enhanced for Phase 4.1)\n   */\n  static getOptimizationStats(originalSegments: ComponentSegment[], optimizedSegments: ComponentSegment[]): {\n    originalCount: number\n    optimizedCount: number\n    reductionPercent: number\n    textSegmentsMerged: number\n  } {\n    const reduction = originalSegments.length - optimizedSegments.length\n    const reductionPercent = originalSegments.length > 0 \n      ? Math.round((reduction / originalSegments.length) * 100) \n      : 0\n    \n    return {\n      originalCount: originalSegments.length,\n      optimizedCount: optimizedSegments.length,\n      reductionPercent,\n      textSegmentsMerged: reduction\n    }\n  }\n  \n  /**\n   * Advanced optimization analysis for performance monitoring\n   */\n  static analyzeOptimizationOpportunities(segments: ComponentSegment[]): {\n    totalSegments: number\n    textSegments: number\n    imageSegments: number\n    interactiveSegments: number\n    optimizableTextPairs: number\n    estimatedReductionPercent: number\n  } {\n    let textSegments = 0\n    let imageSegments = 0\n    let interactiveSegments = 0\n    let optimizableTextPairs = 0\n    \n    for (let i = 0; i < segments.length; i++) {\n      const segment = segments[i]\n      const componentType = segment.component.constructor.name\n      \n      switch (componentType) {\n        case 'EnhancedText':\n          textSegments++\n          // Check if next segment is also text and compatible\n          if (i < segments.length - 1) {\n            const nextSegment = segments[i + 1]\n            if (this.canMergeTextSegments(segment, nextSegment)) {\n              optimizableTextPairs++\n            }\n          }\n          break\n        case 'EnhancedImage':\n          imageSegments++\n          break\n        case 'EnhancedButton':\n        case 'EnhancedLinkComponent':\n          interactiveSegments++\n          break\n      }\n    }\n    \n    const estimatedReductionPercent = segments.length > 0\n      ? Math.round((optimizableTextPairs / segments.length) * 100)\n      : 0\n    \n    return {\n      totalSegments: segments.length,\n      textSegments,\n      imageSegments,\n      interactiveSegments,\n      optimizableTextPairs,\n      estimatedReductionPercent\n    }\n  }\n}"],"names":["optimizationCache","CACHE_TTL","MAX_CACHE_SIZE","TextConcatenationOptimizer","segments","startTime","cacheKey","cached","optimized","processingTime","stats","segment","lastSegment","component","content","modifierHash","modifiers","modifierData","m","jsonString","str","hash","i","char","optimizedSegments","oldestKey","a","b","modifiersA","modifiersB","componentA","componentB","textA","textB","mergedContent","baseProps","mergedProps","runtime","textNode","adjacentTextPairs","current","next","originalSegments","reduction","reductionPercent","textSegments","imageSegments","interactiveSegments","optimizableTextPairs","nextSegment","estimatedReductionPercent"],"mappings":"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"}

package/dist/concatenation/types.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=Symbol.for("tachui.concat");function e(t){return t&&typeof t=="object"&&typeof t.isConcatenatable=="function"&&t.isConcatenatable()}function o(t){return t&&typeof t=="object"&&t.constructor.name==="ConcatenatedComponent"}exports.ConcatenationSymbol=n;exports.isConcatenatable=e;exports.isConcatenatedComponent=o;
-//# sourceMappingURL=types.cjs.map

package/dist/concatenation/types.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.cjs","sources":["../../src/concatenation/types.ts"],"sourcesContent":["/**\n * Core Concatenation Types\n * \n * Defines the fundamental types and interfaces for component concatenation,\n * enabling SwiftUI-style component composition with the + operator.\n */\n\nimport type { ComponentInstance } from '../runtime/types'\nimport type { Modifier } from '../modifiers/types'\nimport type { DOMNode } from '../runtime/types'\n\n/**\n * Represents a single component segment within a concatenated component\n */\nexport interface ComponentSegment {\n  /** Unique identifier for this segment */\n  id: string\n  \n  /** The wrapped component instance */\n  component: ComponentInstance\n  \n  /** Modifiers applied to this specific segment */\n  modifiers: Modifier[]\n  \n  /** Render this segment to a DOM node */\n  render(): DOMNode\n}\n\n/**\n * Metadata describing a concatenated component's structure and accessibility\n */\nexport interface ConcatenationMetadata {\n  /** Total number of segments in the concatenated component */\n  totalSegments: number\n  \n  /** ARIA role for accessibility */\n  accessibilityRole: 'text' | 'group' | 'composite'\n  \n  /** Semantic structure type for CSS rendering */\n  semanticStructure: 'inline' | 'block' | 'mixed'\n}\n\n/**\n * Accessibility node structure for screen readers\n */\nexport interface AccessibilityNode {\n  /** ARIA role */\n  role: string\n  \n  /** Accessibility label */\n  label: string\n  \n  /** Child accessibility nodes */\n  children?: AccessibilityNode[]\n}\n\n/**\n * Type union for concatenation results\n */\nexport type ConcatenationResult<T, U> = \n  T extends ComponentInstance<infer TProps> \n    ? U extends ComponentInstance<infer UProps>\n      ? ConcatenatedComponent<TProps | UProps>\n      : ConcatenatedComponent<TProps | any>\n    : ConcatenatedComponent<any>\n\n// Forward declaration of ConcatenatedComponent (defined in concatenated-component.ts)\nexport declare class ConcatenatedComponent<_T = any> implements ComponentInstance<any> {\n  readonly type: 'component'\n  readonly id: string\n  mounted: boolean\n  cleanup: (() => void)[]\n  props: any\n  segments: ComponentSegment[]\n  metadata: ConcatenationMetadata\n  render(): DOMNode[]\n}\n\n/**\n * Core interface that components must implement to support concatenation\n */\nexport interface Concatenatable<T = any> {\n  /**\n   * Concatenate this component with another concatenatable component\n   */\n  concat<U extends Concatenatable<any>>(other: U): ConcatenatedComponent<T | U>\n  \n  /**\n   * Convert this component to a segment for concatenation\n   */\n  toSegment(): ComponentSegment\n  \n  /**\n   * Check if this component supports concatenation\n   */\n  isConcatenatable(): boolean\n}\n\n/**\n * Symbol used for concatenation operator overloading\n */\nexport const ConcatenationSymbol = Symbol.for('tachui.concat')\n\n/**\n * Type guard to check if an object is concatenatable\n */\nexport function isConcatenatable(obj: any): obj is Concatenatable {\n  return obj && typeof obj === 'object' && typeof obj.isConcatenatable === 'function' && obj.isConcatenatable()\n}\n\n/**\n * Type guard to check if an object is a concatenated component\n */\nexport function isConcatenatedComponent(obj: any): obj is ConcatenatedComponent {\n  return obj && typeof obj === 'object' && obj.constructor.name === 'ConcatenatedComponent'\n}"],"names":["ConcatenationSymbol","isConcatenatable","obj","isConcatenatedComponent"],"mappings":"gFAqGO,MAAMA,EAAsB,OAAO,IAAI,eAAe,EAKtD,SAASC,EAAiBC,EAAiC,CAChE,OAAOA,GAAO,OAAOA,GAAQ,UAAY,OAAOA,EAAI,kBAAqB,YAAcA,EAAI,iBAAA,CAC7F,CAKO,SAASC,EAAwBD,EAAwC,CAC9E,OAAOA,GAAO,OAAOA,GAAQ,UAAYA,EAAI,YAAY,OAAS,uBACpE"}

package/dist/concatenation/types.js

@@ -1,13 +0,0 @@
-const n = Symbol.for("tachui.concat");
-function e(t) {
-  return t && typeof t == "object" && typeof t.isConcatenatable == "function" && t.isConcatenatable();
-}
-function o(t) {
-  return t && typeof t == "object" && t.constructor.name === "ConcatenatedComponent";
-}
-export {
-  n as ConcatenationSymbol,
-  e as isConcatenatable,
-  o as isConcatenatedComponent
-};
-//# sourceMappingURL=types.js.map

package/dist/concatenation/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../src/concatenation/types.ts"],"sourcesContent":["/**\n * Core Concatenation Types\n * \n * Defines the fundamental types and interfaces for component concatenation,\n * enabling SwiftUI-style component composition with the + operator.\n */\n\nimport type { ComponentInstance } from '../runtime/types'\nimport type { Modifier } from '../modifiers/types'\nimport type { DOMNode } from '../runtime/types'\n\n/**\n * Represents a single component segment within a concatenated component\n */\nexport interface ComponentSegment {\n  /** Unique identifier for this segment */\n  id: string\n  \n  /** The wrapped component instance */\n  component: ComponentInstance\n  \n  /** Modifiers applied to this specific segment */\n  modifiers: Modifier[]\n  \n  /** Render this segment to a DOM node */\n  render(): DOMNode\n}\n\n/**\n * Metadata describing a concatenated component's structure and accessibility\n */\nexport interface ConcatenationMetadata {\n  /** Total number of segments in the concatenated component */\n  totalSegments: number\n  \n  /** ARIA role for accessibility */\n  accessibilityRole: 'text' | 'group' | 'composite'\n  \n  /** Semantic structure type for CSS rendering */\n  semanticStructure: 'inline' | 'block' | 'mixed'\n}\n\n/**\n * Accessibility node structure for screen readers\n */\nexport interface AccessibilityNode {\n  /** ARIA role */\n  role: string\n  \n  /** Accessibility label */\n  label: string\n  \n  /** Child accessibility nodes */\n  children?: AccessibilityNode[]\n}\n\n/**\n * Type union for concatenation results\n */\nexport type ConcatenationResult<T, U> = \n  T extends ComponentInstance<infer TProps> \n    ? U extends ComponentInstance<infer UProps>\n      ? ConcatenatedComponent<TProps | UProps>\n      : ConcatenatedComponent<TProps | any>\n    : ConcatenatedComponent<any>\n\n// Forward declaration of ConcatenatedComponent (defined in concatenated-component.ts)\nexport declare class ConcatenatedComponent<_T = any> implements ComponentInstance<any> {\n  readonly type: 'component'\n  readonly id: string\n  mounted: boolean\n  cleanup: (() => void)[]\n  props: any\n  segments: ComponentSegment[]\n  metadata: ConcatenationMetadata\n  render(): DOMNode[]\n}\n\n/**\n * Core interface that components must implement to support concatenation\n */\nexport interface Concatenatable<T = any> {\n  /**\n   * Concatenate this component with another concatenatable component\n   */\n  concat<U extends Concatenatable<any>>(other: U): ConcatenatedComponent<T | U>\n  \n  /**\n   * Convert this component to a segment for concatenation\n   */\n  toSegment(): ComponentSegment\n  \n  /**\n   * Check if this component supports concatenation\n   */\n  isConcatenatable(): boolean\n}\n\n/**\n * Symbol used for concatenation operator overloading\n */\nexport const ConcatenationSymbol = Symbol.for('tachui.concat')\n\n/**\n * Type guard to check if an object is concatenatable\n */\nexport function isConcatenatable(obj: any): obj is Concatenatable {\n  return obj && typeof obj === 'object' && typeof obj.isConcatenatable === 'function' && obj.isConcatenatable()\n}\n\n/**\n * Type guard to check if an object is a concatenated component\n */\nexport function isConcatenatedComponent(obj: any): obj is ConcatenatedComponent {\n  return obj && typeof obj === 'object' && obj.constructor.name === 'ConcatenatedComponent'\n}"],"names":["ConcatenationSymbol","isConcatenatable","obj","isConcatenatedComponent"],"mappings":"AAqGO,MAAMA,IAAsB,OAAO,IAAI,eAAe;AAKtD,SAASC,EAAiBC,GAAiC;AAChE,SAAOA,KAAO,OAAOA,KAAQ,YAAY,OAAOA,EAAI,oBAAqB,cAAcA,EAAI,iBAAA;AAC7F;AAKO,SAASC,EAAwBD,GAAwC;AAC9E,SAAOA,KAAO,OAAOA,KAAQ,YAAYA,EAAI,YAAY,SAAS;AACpE;"}

package/dist/constants/frame-utils.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./layout.cjs"),n=require("../modifiers/base.cjs");function a(){return new n.LayoutModifier({frame:{maxWidth:i.infinity}})}function o(){return new n.LayoutModifier({frame:{maxHeight:i.infinity}})}function u(){return new n.LayoutModifier({frame:{maxWidth:i.infinity,maxHeight:i.infinity}})}function d(){return new n.LayoutModifier({frame:{width:i.infinity,height:i.infinity}})}function h(e){return new n.LayoutModifier({frame:{width:e,maxHeight:i.infinity}})}function y(e){return new n.LayoutModifier({frame:{height:e,maxWidth:i.infinity}})}function x(e,t){return new n.LayoutModifier({frame:{width:i.infinity,height:i.infinity,maxWidth:e,maxHeight:t}})}function l(e,t,f,r){return new n.LayoutModifier({frame:{width:i.infinity,height:i.infinity,minWidth:e,maxWidth:t,minHeight:f,maxHeight:r}})}function m(){return new n.LayoutModifier({frame:{maxWidth:i.infinity,maxHeight:i.infinity}})}function c(){return new n.LayoutModifier({frame:{width:"100vw",height:"100vh"}})}function g(){return new n.LayoutModifier({frame:{width:i.infinity,height:i.infinity}})}function w(){return new n.LayoutModifier({frame:{width:i.infinity}})}exports.constrainedExpand=x;exports.equalShare=w;exports.expand=d;exports.fillMaxHeight=o;exports.fillMaxSize=u;exports.fillMaxWidth=a;exports.fixedHeightExpandWidth=y;exports.fixedWidthExpandHeight=h;exports.flexible=m;exports.fullScreen=c;exports.remainingSpace=g;exports.responsive=l;
-//# sourceMappingURL=frame-utils.cjs.map

package/dist/constants/frame-utils.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"frame-utils.cjs","sources":["../../src/constants/frame-utils.ts"],"sourcesContent":["/**\n * Frame Utility Functions\n *\n * Convenience functions for common frame operations using infinity\n * Provides SwiftUI-compatible patterns for responsive layouts\n */\n\nimport { infinity } from './layout'\nimport type { Modifier } from '../modifiers/types'\nimport { LayoutModifier } from '../modifiers/base'\n\n/**\n * Create a frame that fills maximum width\n * Equivalent to SwiftUI's .frame(maxWidth: .infinity)\n */\nexport function fillMaxWidth(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      maxWidth: infinity\n    }\n  })\n}\n\n/**\n * Create a frame that fills maximum height\n * Equivalent to SwiftUI's .frame(maxHeight: .infinity)\n */\nexport function fillMaxHeight(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      maxHeight: infinity\n    }\n  })\n}\n\n/**\n * Create a frame that fills both maximum width and height\n * Equivalent to SwiftUI's .frame(maxWidth: .infinity, maxHeight: .infinity)\n */\nexport function fillMaxSize(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      maxWidth: infinity,\n      maxHeight: infinity\n    }\n  })\n}\n\n/**\n * Create a frame that expands to fill available space\n * Sets both width and height to infinity with flex properties\n */\nexport function expand(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width: infinity,\n      height: infinity\n    }\n  })\n}\n\n/**\n * Create a frame with specific width but infinite height\n * Useful for sidebars or navigation panels\n */\nexport function fixedWidthExpandHeight(width: number | string): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width,\n      maxHeight: infinity\n    }\n  })\n}\n\n/**\n * Create a frame with specific height but infinite width\n * Useful for headers, footers, or horizontal bars\n */\nexport function fixedHeightExpandWidth(height: number | string): Modifier {\n  return new LayoutModifier({\n    frame: {\n      height,\n      maxWidth: infinity\n    }\n  })\n}\n\n/**\n * Create a frame with constrained maximum dimensions\n * Expands within the given constraints\n */\nexport function constrainedExpand(maxWidth?: number | string, maxHeight?: number | string): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width: infinity,\n      height: infinity,\n      maxWidth,\n      maxHeight\n    }\n  })\n}\n\n/**\n * Create a responsive frame that adapts to container\n * Useful for cards or content areas\n */\nexport function responsive(\n  minWidth?: number | string,\n  maxWidth?: number | string,\n  minHeight?: number | string,\n  maxHeight?: number | string\n): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width: infinity,\n      height: infinity,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight\n    }\n  })\n}\n\n/**\n * Create a frame for flexible content\n * Grows to fill space but respects content size\n */\nexport function flexible(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      maxWidth: infinity,\n      maxHeight: infinity\n    }\n  })\n}\n\n/**\n * Create a frame for full viewport coverage\n * Useful for overlays, modals, or full-screen components\n */\nexport function fullScreen(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width: '100vw',\n      height: '100vh'\n    }\n  })\n}\n\n/**\n * Create a frame that takes remaining space in flex containers\n * Combines infinity with flex-grow for optimal space distribution\n */\nexport function remainingSpace(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width: infinity,\n      height: infinity\n    }\n  })\n}\n\n/**\n * Create a frame for equal distribution in containers\n * Useful for button groups or tab layouts\n */\nexport function equalShare(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width: infinity\n    }\n  })\n}"],"names":["fillMaxWidth","LayoutModifier","infinity","fillMaxHeight","fillMaxSize","expand","fixedWidthExpandHeight","width","fixedHeightExpandWidth","height","constrainedExpand","maxWidth","maxHeight","responsive","minWidth","minHeight","flexible","fullScreen","remainingSpace","equalShare"],"mappings":"mJAeO,SAASA,GAAyB,CACvC,OAAO,IAAIC,EAAAA,eAAe,CACxB,MAAO,CACL,SAAUC,EAAAA,QAAA,CACZ,CACD,CACH,CAMO,SAASC,GAA0B,CACxC,OAAO,IAAIF,EAAAA,eAAe,CACxB,MAAO,CACL,UAAWC,EAAAA,QAAA,CACb,CACD,CACH,CAMO,SAASE,GAAwB,CACtC,OAAO,IAAIH,EAAAA,eAAe,CACxB,MAAO,CACL,SAAUC,EAAAA,SACV,UAAWA,EAAAA,QAAA,CACb,CACD,CACH,CAMO,SAASG,GAAmB,CACjC,OAAO,IAAIJ,EAAAA,eAAe,CACxB,MAAO,CACL,MAAOC,EAAAA,SACP,OAAQA,EAAAA,QAAA,CACV,CACD,CACH,CAMO,SAASI,EAAuBC,EAAkC,CACvE,OAAO,IAAIN,EAAAA,eAAe,CACxB,MAAO,CACL,MAAAM,EACA,UAAWL,EAAAA,QAAA,CACb,CACD,CACH,CAMO,SAASM,EAAuBC,EAAmC,CACxE,OAAO,IAAIR,EAAAA,eAAe,CACxB,MAAO,CACL,OAAAQ,EACA,SAAUP,EAAAA,QAAA,CACZ,CACD,CACH,CAMO,SAASQ,EAAkBC,EAA4BC,EAAuC,CACnG,OAAO,IAAIX,EAAAA,eAAe,CACxB,MAAO,CACL,MAAOC,EAAAA,SACP,OAAQA,EAAAA,SACR,SAAAS,EACA,UAAAC,CAAA,CACF,CACD,CACH,CAMO,SAASC,EACdC,EACAH,EACAI,EACAH,EACU,CACV,OAAO,IAAIX,EAAAA,eAAe,CACxB,MAAO,CACL,MAAOC,EAAAA,SACP,OAAQA,EAAAA,SACR,SAAAY,EACA,SAAAH,EACA,UAAAI,EACA,UAAAH,CAAA,CACF,CACD,CACH,CAMO,SAASI,GAAqB,CACnC,OAAO,IAAIf,EAAAA,eAAe,CACxB,MAAO,CACL,SAAUC,EAAAA,SACV,UAAWA,EAAAA,QAAA,CACb,CACD,CACH,CAMO,SAASe,GAAuB,CACrC,OAAO,IAAIhB,EAAAA,eAAe,CACxB,MAAO,CACL,MAAO,QACP,OAAQ,OAAA,CACV,CACD,CACH,CAMO,SAASiB,GAA2B,CACzC,OAAO,IAAIjB,EAAAA,eAAe,CACxB,MAAO,CACL,MAAOC,EAAAA,SACP,OAAQA,EAAAA,QAAA,CACV,CACD,CACH,CAMO,SAASiB,GAAuB,CACrC,OAAO,IAAIlB,EAAAA,eAAe,CACxB,MAAO,CACL,MAAOC,EAAAA,QAAA,CACT,CACD,CACH"}

package/dist/constants/frame-utils.js

@@ -1,116 +0,0 @@
-import { infinity as e } from "./layout.js";
-import { LayoutModifier as n } from "../modifiers/base.js";
-function u() {
-  return new n({
-    frame: {
-      maxWidth: e
-    }
-  });
-}
-function m() {
-  return new n({
-    frame: {
-      maxHeight: e
-    }
-  });
-}
-function d() {
-  return new n({
-    frame: {
-      maxWidth: e,
-      maxHeight: e
-    }
-  });
-}
-function o() {
-  return new n({
-    frame: {
-      width: e,
-      height: e
-    }
-  });
-}
-function w(i) {
-  return new n({
-    frame: {
-      width: i,
-      maxHeight: e
-    }
-  });
-}
-function x(i) {
-  return new n({
-    frame: {
-      height: i,
-      maxWidth: e
-    }
-  });
-}
-function c(i, t) {
-  return new n({
-    frame: {
-      width: e,
-      height: e,
-      maxWidth: i,
-      maxHeight: t
-    }
-  });
-}
-function g(i, t, r, f) {
-  return new n({
-    frame: {
-      width: e,
-      height: e,
-      minWidth: i,
-      maxWidth: t,
-      minHeight: r,
-      maxHeight: f
-    }
-  });
-}
-function l() {
-  return new n({
-    frame: {
-      maxWidth: e,
-      maxHeight: e
-    }
-  });
-}
-function p() {
-  return new n({
-    frame: {
-      width: "100vw",
-      height: "100vh"
-    }
-  });
-}
-function H() {
-  return new n({
-    frame: {
-      width: e,
-      height: e
-    }
-  });
-}
-function W() {
-  return new n({
-    frame: {
-      width: e
-    }
-  });
-}
-export {
-  c as constrainedExpand,
-  W as equalShare,
-  o as expand,
-  m as fillMaxHeight,
-  d as fillMaxSize,
-  u as fillMaxWidth,
-  x as fixedHeightExpandWidth,
-  w as fixedWidthExpandHeight,
-  l as flexible,
-  p as fullScreen,
-  H as remainingSpace,
-  g as responsive
-};
-//# sourceMappingURL=frame-utils.js.map

package/dist/constants/frame-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"frame-utils.js","sources":["../../src/constants/frame-utils.ts"],"sourcesContent":["/**\n * Frame Utility Functions\n *\n * Convenience functions for common frame operations using infinity\n * Provides SwiftUI-compatible patterns for responsive layouts\n */\n\nimport { infinity } from './layout'\nimport type { Modifier } from '../modifiers/types'\nimport { LayoutModifier } from '../modifiers/base'\n\n/**\n * Create a frame that fills maximum width\n * Equivalent to SwiftUI's .frame(maxWidth: .infinity)\n */\nexport function fillMaxWidth(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      maxWidth: infinity\n    }\n  })\n}\n\n/**\n * Create a frame that fills maximum height\n * Equivalent to SwiftUI's .frame(maxHeight: .infinity)\n */\nexport function fillMaxHeight(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      maxHeight: infinity\n    }\n  })\n}\n\n/**\n * Create a frame that fills both maximum width and height\n * Equivalent to SwiftUI's .frame(maxWidth: .infinity, maxHeight: .infinity)\n */\nexport function fillMaxSize(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      maxWidth: infinity,\n      maxHeight: infinity\n    }\n  })\n}\n\n/**\n * Create a frame that expands to fill available space\n * Sets both width and height to infinity with flex properties\n */\nexport function expand(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width: infinity,\n      height: infinity\n    }\n  })\n}\n\n/**\n * Create a frame with specific width but infinite height\n * Useful for sidebars or navigation panels\n */\nexport function fixedWidthExpandHeight(width: number | string): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width,\n      maxHeight: infinity\n    }\n  })\n}\n\n/**\n * Create a frame with specific height but infinite width\n * Useful for headers, footers, or horizontal bars\n */\nexport function fixedHeightExpandWidth(height: number | string): Modifier {\n  return new LayoutModifier({\n    frame: {\n      height,\n      maxWidth: infinity\n    }\n  })\n}\n\n/**\n * Create a frame with constrained maximum dimensions\n * Expands within the given constraints\n */\nexport function constrainedExpand(maxWidth?: number | string, maxHeight?: number | string): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width: infinity,\n      height: infinity,\n      maxWidth,\n      maxHeight\n    }\n  })\n}\n\n/**\n * Create a responsive frame that adapts to container\n * Useful for cards or content areas\n */\nexport function responsive(\n  minWidth?: number | string,\n  maxWidth?: number | string,\n  minHeight?: number | string,\n  maxHeight?: number | string\n): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width: infinity,\n      height: infinity,\n      minWidth,\n      maxWidth,\n      minHeight,\n      maxHeight\n    }\n  })\n}\n\n/**\n * Create a frame for flexible content\n * Grows to fill space but respects content size\n */\nexport function flexible(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      maxWidth: infinity,\n      maxHeight: infinity\n    }\n  })\n}\n\n/**\n * Create a frame for full viewport coverage\n * Useful for overlays, modals, or full-screen components\n */\nexport function fullScreen(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width: '100vw',\n      height: '100vh'\n    }\n  })\n}\n\n/**\n * Create a frame that takes remaining space in flex containers\n * Combines infinity with flex-grow for optimal space distribution\n */\nexport function remainingSpace(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width: infinity,\n      height: infinity\n    }\n  })\n}\n\n/**\n * Create a frame for equal distribution in containers\n * Useful for button groups or tab layouts\n */\nexport function equalShare(): Modifier {\n  return new LayoutModifier({\n    frame: {\n      width: infinity\n    }\n  })\n}"],"names":["fillMaxWidth","LayoutModifier","infinity","fillMaxHeight","fillMaxSize","expand","fixedWidthExpandHeight","width","fixedHeightExpandWidth","height","constrainedExpand","maxWidth","maxHeight","responsive","minWidth","minHeight","flexible","fullScreen","remainingSpace","equalShare"],"mappings":";;AAeO,SAASA,IAAyB;AACvC,SAAO,IAAIC,EAAe;AAAA,IACxB,OAAO;AAAA,MACL,UAAUC;AAAA,IAAA;AAAA,EACZ,CACD;AACH;AAMO,SAASC,IAA0B;AACxC,SAAO,IAAIF,EAAe;AAAA,IACxB,OAAO;AAAA,MACL,WAAWC;AAAA,IAAA;AAAA,EACb,CACD;AACH;AAMO,SAASE,IAAwB;AACtC,SAAO,IAAIH,EAAe;AAAA,IACxB,OAAO;AAAA,MACL,UAAUC;AAAA,MACV,WAAWA;AAAA,IAAA;AAAA,EACb,CACD;AACH;AAMO,SAASG,IAAmB;AACjC,SAAO,IAAIJ,EAAe;AAAA,IACxB,OAAO;AAAA,MACL,OAAOC;AAAA,MACP,QAAQA;AAAA,IAAA;AAAA,EACV,CACD;AACH;AAMO,SAASI,EAAuBC,GAAkC;AACvE,SAAO,IAAIN,EAAe;AAAA,IACxB,OAAO;AAAA,MACL,OAAAM;AAAA,MACA,WAAWL;AAAA,IAAA;AAAA,EACb,CACD;AACH;AAMO,SAASM,EAAuBC,GAAmC;AACxE,SAAO,IAAIR,EAAe;AAAA,IACxB,OAAO;AAAA,MACL,QAAAQ;AAAA,MACA,UAAUP;AAAA,IAAA;AAAA,EACZ,CACD;AACH;AAMO,SAASQ,EAAkBC,GAA4BC,GAAuC;AACnG,SAAO,IAAIX,EAAe;AAAA,IACxB,OAAO;AAAA,MACL,OAAOC;AAAA,MACP,QAAQA;AAAA,MACR,UAAAS;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EACF,CACD;AACH;AAMO,SAASC,EACdC,GACAH,GACAI,GACAH,GACU;AACV,SAAO,IAAIX,EAAe;AAAA,IACxB,OAAO;AAAA,MACL,OAAOC;AAAA,MACP,QAAQA;AAAA,MACR,UAAAY;AAAA,MACA,UAAAH;AAAA,MACA,WAAAI;AAAA,MACA,WAAAH;AAAA,IAAA;AAAA,EACF,CACD;AACH;AAMO,SAASI,IAAqB;AACnC,SAAO,IAAIf,EAAe;AAAA,IACxB,OAAO;AAAA,MACL,UAAUC;AAAA,MACV,WAAWA;AAAA,IAAA;AAAA,EACb,CACD;AACH;AAMO,SAASe,IAAuB;AACrC,SAAO,IAAIhB,EAAe;AAAA,IACxB,OAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV,CACD;AACH;AAMO,SAASiB,IAA2B;AACzC,SAAO,IAAIjB,EAAe;AAAA,IACxB,OAAO;AAAA,MACL,OAAOC;AAAA,MACP,QAAQA;AAAA,IAAA;AAAA,EACV,CACD;AACH;AAMO,SAASiB,IAAuB;AACrC,SAAO,IAAIlB,EAAe;AAAA,IACxB,OAAO;AAAA,MACL,OAAOC;AAAA,IAAA;AAAA,EACT,CACD;AACH;"}

package/dist/constants/layout.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=Symbol.for("tachui.infinity"),o={infinity:n};function f(i){return i===n}function s(i){if(i!==void 0)return i===n?"100%":typeof i=="number"?`${i}px`:i}function a(){return{flexGrow:"1",flexShrink:"1",flexBasis:"0%"}}function x(i){const r=i.width===n||i.maxWidth===n,e=i.height===n||i.maxHeight===n,t={};return r&&Object.assign(t,{flexGrow:"1 !important",flexShrink:"1 !important",flexBasis:"0% !important",alignSelf:"stretch !important"}),e&&Object.assign(t,{flexGrow:"1 !important",flexShrink:"1 !important",flexBasis:"0% !important",alignSelf:"stretch !important"}),{expandWidth:r,expandHeight:e,cssProps:t}}exports.SUI=o;exports.dimensionToCSS=s;exports.infinity=n;exports.infinityToFlexCSS=a;exports.isInfinity=f;exports.shouldExpandForInfinity=x;
-//# sourceMappingURL=layout.cjs.map

package/dist/constants/layout.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.cjs","sources":["../../src/constants/layout.ts"],"sourcesContent":["/**\n * TachUI Layout Constants\n *\n * Provides SwiftUI-style constants for layout and sizing operations.\n * Enables familiar APIs like `.frame(maxWidth: infinity)` for responsive layouts.\n */\n\n/**\n * Infinity constant representing unlimited space availability\n * Equivalent to SwiftUI's .infinity for frame dimensions\n */\nexport const infinity = Symbol.for('tachui.infinity')\n\n/**\n * Type definition for the infinity constant\n */\nexport type InfinityValue = typeof infinity\n\n/**\n * Dimension type that accepts numbers, strings, or infinity\n * Used throughout the modifier system for size-related properties\n */\nexport type Dimension = number | string | InfinityValue\n\n/**\n * SUI-compatible export object (SUI = SwiftUI-inspired)\n * Allows usage like: import { SUI } from '@tachui/core'; SUI.infinity\n */\nexport const SUI = {\n  infinity: infinity\n} as const\n\n/**\n * Helper function to check if a value is the infinity constant\n */\nexport function isInfinity(value: any): value is InfinityValue {\n  return value === infinity\n}\n\n/**\n * Convert a Dimension value to appropriate CSS value\n * \n * @param value - The dimension value to convert\n * @returns CSS-compatible string or undefined\n */\nexport function dimensionToCSS(value: Dimension | undefined): string | undefined {\n  if (value === undefined) {\n    return undefined\n  }\n  \n  if (value === infinity) {\n    return '100%'\n  }\n  \n  if (typeof value === 'number') {\n    return `${value}px`\n  }\n  \n  // String values are passed through as-is (allows for custom units)\n  return value\n}\n\n/**\n * Convert infinity to flexbox properties for proper expansion\n * Used when width/height is set to infinity to ensure proper flex behavior\n */\nexport function infinityToFlexCSS(): Record<string, string> {\n  return {\n    flexGrow: '1',\n    flexShrink: '1',\n    flexBasis: '0%'\n  }\n}\n\n/**\n * Helper to determine if a frame constraint should expand to fill\n * Takes precedence of constraints into account\n */\nexport function shouldExpandForInfinity(options: {\n  width?: Dimension\n  height?: Dimension\n  maxWidth?: Dimension\n  maxHeight?: Dimension\n  minWidth?: Dimension\n  minHeight?: Dimension\n}): { \n  expandWidth: boolean\n  expandHeight: boolean \n  cssProps: Record<string, string>\n} {\n  const expandWidth = options.width === infinity || options.maxWidth === infinity\n  const expandHeight = options.height === infinity || options.maxHeight === infinity\n  \n  const cssProps: Record<string, string> = {}\n  \n  // Apply flex properties for infinity dimensions\n  if (expandWidth) {\n    Object.assign(cssProps, {\n      flexGrow: '1 !important',\n      flexShrink: '1 !important', \n      flexBasis: '0% !important',\n      alignSelf: 'stretch !important'  // Override parent's align-items constraint\n    })\n  }\n  \n  if (expandHeight) {\n    Object.assign(cssProps, {\n      flexGrow: '1 !important',\n      flexShrink: '1 !important',\n      flexBasis: '0% !important',\n      alignSelf: 'stretch !important'  // Override parent's align-items constraint\n    })\n  }\n  \n  return {\n    expandWidth,\n    expandHeight,\n    cssProps\n  }\n}"],"names":["infinity","SUI","isInfinity","value","dimensionToCSS","infinityToFlexCSS","shouldExpandForInfinity","options","expandWidth","expandHeight","cssProps"],"mappings":"gFAWO,MAAMA,EAAW,OAAO,IAAI,iBAAiB,EAiBvCC,EAAM,CACjB,SAAAD,CACF,EAKO,SAASE,EAAWC,EAAoC,CAC7D,OAAOA,IAAUH,CACnB,CAQO,SAASI,EAAeD,EAAkD,CAC/E,GAAIA,IAAU,OAId,OAAIA,IAAUH,EACL,OAGL,OAAOG,GAAU,SACZ,GAAGA,CAAK,KAIVA,CACT,CAMO,SAASE,GAA4C,CAC1D,MAAO,CACL,SAAU,IACV,WAAY,IACZ,UAAW,IAAA,CAEf,CAMO,SAASC,EAAwBC,EAWtC,CACA,MAAMC,EAAcD,EAAQ,QAAUP,GAAYO,EAAQ,WAAaP,EACjES,EAAeF,EAAQ,SAAWP,GAAYO,EAAQ,YAAcP,EAEpEU,EAAmC,CAAA,EAGzC,OAAIF,GACF,OAAO,OAAOE,EAAU,CACtB,SAAU,eACV,WAAY,eACZ,UAAW,gBACX,UAAW,oBAAA,CACZ,EAGCD,GACF,OAAO,OAAOC,EAAU,CACtB,SAAU,eACV,WAAY,eACZ,UAAW,gBACX,UAAW,oBAAA,CACZ,EAGI,CACL,YAAAF,EACA,aAAAC,EACA,SAAAC,CAAA,CAEJ"}

package/dist/constants/layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.js","sources":["../../src/constants/layout.ts"],"sourcesContent":["/**\n * TachUI Layout Constants\n *\n * Provides SwiftUI-style constants for layout and sizing operations.\n * Enables familiar APIs like `.frame(maxWidth: infinity)` for responsive layouts.\n */\n\n/**\n * Infinity constant representing unlimited space availability\n * Equivalent to SwiftUI's .infinity for frame dimensions\n */\nexport const infinity = Symbol.for('tachui.infinity')\n\n/**\n * Type definition for the infinity constant\n */\nexport type InfinityValue = typeof infinity\n\n/**\n * Dimension type that accepts numbers, strings, or infinity\n * Used throughout the modifier system for size-related properties\n */\nexport type Dimension = number | string | InfinityValue\n\n/**\n * SUI-compatible export object (SUI = SwiftUI-inspired)\n * Allows usage like: import { SUI } from '@tachui/core'; SUI.infinity\n */\nexport const SUI = {\n  infinity: infinity\n} as const\n\n/**\n * Helper function to check if a value is the infinity constant\n */\nexport function isInfinity(value: any): value is InfinityValue {\n  return value === infinity\n}\n\n/**\n * Convert a Dimension value to appropriate CSS value\n * \n * @param value - The dimension value to convert\n * @returns CSS-compatible string or undefined\n */\nexport function dimensionToCSS(value: Dimension | undefined): string | undefined {\n  if (value === undefined) {\n    return undefined\n  }\n  \n  if (value === infinity) {\n    return '100%'\n  }\n  \n  if (typeof value === 'number') {\n    return `${value}px`\n  }\n  \n  // String values are passed through as-is (allows for custom units)\n  return value\n}\n\n/**\n * Convert infinity to flexbox properties for proper expansion\n * Used when width/height is set to infinity to ensure proper flex behavior\n */\nexport function infinityToFlexCSS(): Record<string, string> {\n  return {\n    flexGrow: '1',\n    flexShrink: '1',\n    flexBasis: '0%'\n  }\n}\n\n/**\n * Helper to determine if a frame constraint should expand to fill\n * Takes precedence of constraints into account\n */\nexport function shouldExpandForInfinity(options: {\n  width?: Dimension\n  height?: Dimension\n  maxWidth?: Dimension\n  maxHeight?: Dimension\n  minWidth?: Dimension\n  minHeight?: Dimension\n}): { \n  expandWidth: boolean\n  expandHeight: boolean \n  cssProps: Record<string, string>\n} {\n  const expandWidth = options.width === infinity || options.maxWidth === infinity\n  const expandHeight = options.height === infinity || options.maxHeight === infinity\n  \n  const cssProps: Record<string, string> = {}\n  \n  // Apply flex properties for infinity dimensions\n  if (expandWidth) {\n    Object.assign(cssProps, {\n      flexGrow: '1 !important',\n      flexShrink: '1 !important', \n      flexBasis: '0% !important',\n      alignSelf: 'stretch !important'  // Override parent's align-items constraint\n    })\n  }\n  \n  if (expandHeight) {\n    Object.assign(cssProps, {\n      flexGrow: '1 !important',\n      flexShrink: '1 !important',\n      flexBasis: '0% !important',\n      alignSelf: 'stretch !important'  // Override parent's align-items constraint\n    })\n  }\n  \n  return {\n    expandWidth,\n    expandHeight,\n    cssProps\n  }\n}"],"names":["infinity","SUI","isInfinity","value","dimensionToCSS","infinityToFlexCSS","shouldExpandForInfinity","options","expandWidth","expandHeight","cssProps"],"mappings":"AAWO,MAAMA,IAAW,OAAO,IAAI,iBAAiB,GAiBvCC,IAAM;AAAA,EACjB,UAAAD;AACF;AAKO,SAASE,EAAWC,GAAoC;AAC7D,SAAOA,MAAUH;AACnB;AAQO,SAASI,EAAeD,GAAkD;AAC/E,MAAIA,MAAU;AAId,WAAIA,MAAUH,IACL,SAGL,OAAOG,KAAU,WACZ,GAAGA,CAAK,OAIVA;AACT;AAMO,SAASE,IAA4C;AAC1D,SAAO;AAAA,IACL,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,EAAA;AAEf;AAMO,SAASC,EAAwBC,GAWtC;AACA,QAAMC,IAAcD,EAAQ,UAAUP,KAAYO,EAAQ,aAAaP,GACjES,IAAeF,EAAQ,WAAWP,KAAYO,EAAQ,cAAcP,GAEpEU,IAAmC,CAAA;AAGzC,SAAIF,KACF,OAAO,OAAOE,GAAU;AAAA,IACtB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA;AAAA,EAAA,CACZ,GAGCD,KACF,OAAO,OAAOC,GAAU;AAAA,IACtB,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,WAAW;AAAA;AAAA,EAAA,CACZ,GAGI;AAAA,IACL,aAAAF;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAEJ;"}

package/dist/css-classes/component-base.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");const a=require("../reactive/computed.cjs");require("../reactive/unified-scheduler.cjs");const i=require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");const o=require("./css-class-manager.cjs");var l=Object.defineProperty,C=(r,s,e)=>s in r?l(r,s,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[s]=e,u=(r,s,e)=>C(r,s+"",e);class g{constructor(){u(this,"cssClassManager",o.cssClassManager)}processComponentClasses(s,e=[]){if(!s.css)return e;const n=this.cssClassManager.processClasses(s.css);return this.cssClassManager.combineClasses(e,n)}createClassString(s,e=[]){return s.css&&(i.isSignal(s.css)||a.isComputed(s.css))?a.createComputed(()=>this.processComponentClasses(s,e).join(" ")):this.processComponentClasses(s,e).join(" ")}createClassArray(s,e=[]){return s.css&&i.isSignal(s.css)?a.createComputed(()=>this.processComponentClasses(s,e)):this.processComponentClasses(s,e)}validateCSSClasses(s){if(process.env.NODE_ENV!=="development"||!s.css)return;const e=s.css;if(typeof e=="string"||Array.isArray(e)||i.isSignal(e)||console.warn("[tachUI] css must be a string, array of strings, or signal. Got:",typeof e),Array.isArray(e)){const t=e.filter(c=>typeof c!="string");t.length>0&&console.warn("[tachUI] All items in css array must be strings. Invalid items:",t)}}getClassDebugInfo(s,e=[]){const n=s.css?this.cssClassManager.processClasses(s.css):[],t=this.processComponentClasses(s,e);return{base:e,user:n,processed:t,final:t.join(" ")}}}exports.ComponentWithCSSClasses=g;
-//# sourceMappingURL=component-base.cjs.map