@tachui/core 0.7.0-alpha1

package/dist/validation/production-bypass.js

@@ -0,0 +1,218 @@
+var f = Object.defineProperty, m = (o, e, n) => e in o ? f(o, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[e] = n, l = (o, e, n) => m(o, typeof e != "symbol" ? e + "" : e, n);
+let t = {
+  enabled: process.env.NODE_ENV === "production",
+  mode: process.env.NODE_ENV || "development",
+  optimizationLevel: process.env.NODE_ENV === "production" ? "aggressive" : "basic",
+  debugInfo: process.env.NODE_ENV !== "production"
+};
+class i {
+  /**
+   * Check if we're in production mode
+   */
+  static isProduction() {
+    return t.enabled || process.env.NODE_ENV === "production";
+  }
+  /**
+   * Check if validation should be bypassed
+   */
+  static shouldBypassValidation() {
+    return this.isProduction() ? (this.bypassCount++, !0) : this.validationDisabled ? (this.bypassCount++, !0) : process.env.TACHUI_VALIDATION === "false" ? (this.bypassCount++, !0) : !1;
+  }
+  /**
+   * Manually disable validation (for testing/debugging)
+   */
+  static disableValidation() {
+    this.validationDisabled = !0, t.debugInfo && console.info("🚫 TachUI validation manually disabled");
+  }
+  /**
+   * Re-enable validation (only works in development)
+   */
+  static enableValidation() {
+    if (this.isProduction()) {
+      console.warn("⚠️ Cannot enable validation in production mode");
+      return;
+    }
+    this.validationDisabled = !1, t.debugInfo && console.info("✅ TachUI validation re-enabled");
+  }
+  /**
+   * Get bypass statistics
+   */
+  static getBypassStats() {
+    return {
+      mode: t.mode,
+      bypassCount: this.bypassCount,
+      validationDisabled: this.validationDisabled,
+      performanceGain: this.performanceGain,
+      optimizationLevel: t.optimizationLevel
+    };
+  }
+  /**
+   * Configure production mode settings
+   */
+  static configure(e) {
+    t = { ...t, ...e }, e.enabled !== void 0 && (this.validationDisabled = !e.enabled);
+  }
+  /**
+   * Measure performance gain from bypassing validation
+   */
+  static recordPerformanceGain(e) {
+    this.performanceGain += e;
+  }
+}
+l(i, "validationDisabled", !1);
+l(i, "bypassCount", 0);
+l(i, "performanceGain", 0);
+function _(o, e) {
+  return e && i.isProduction() ? e : ((...n) => i.shouldBypassValidation() ? e ? e(...n) : void 0 : o(...n));
+}
+function h(o, e, n) {
+  return i.isProduction() ? o : function(...s) {
+    const a = performance.now();
+    if (i.shouldBypassValidation()) {
+      const d = performance.now();
+      return i.recordPerformanceGain(d - a), o.apply(this, s);
+    }
+    if (e)
+      try {
+        e(s);
+      } catch (d) {
+        throw t.debugInfo && n && console.error(`Validation failed for ${n}:`, d), d;
+      }
+    const r = o.apply(this, s), u = performance.now() - a;
+    return u > 5 && console.warn(`⚠️ Validation overhead: ${u.toFixed(2)}ms for ${n || "component"}`), r;
+  };
+}
+function E(o, e, n) {
+  return i.isProduction() ? o : function(...s) {
+    if (i.shouldBypassValidation())
+      return o.apply(this, s);
+    if (e)
+      try {
+        e(s);
+      } catch (a) {
+        throw t.debugInfo && n && console.error(`Modifier validation failed for ${n}:`, a), a;
+      }
+    return o.apply(this, s);
+  };
+}
+const b = {
+  /**
+   * Mark validation code for tree-shaking in production
+   */
+  __DEVELOPMENT_ONLY__: process.env.NODE_ENV !== "production",
+  /**
+   * Webpack DefinePlugin constants for dead code elimination
+   */
+  WEBPACK_DEFINES: {
+    __TACHUI_VALIDATION_ENABLED__: process.env.NODE_ENV !== "production",
+    __TACHUI_PRODUCTION_MODE__: process.env.NODE_ENV === "production",
+    __TACHUI_DEBUG_INFO__: process.env.NODE_ENV !== "production"
+  },
+  /**
+   * Rollup/Vite constants for dead code elimination
+   */
+  VITE_DEFINES: {
+    "import.meta.env.TACHUI_VALIDATION": process.env.NODE_ENV !== "production",
+    "import.meta.env.TACHUI_PRODUCTION": process.env.NODE_ENV === "production"
+  }
+};
+function N(o, e) {
+  return process.env.NODE_ENV !== "production" && !i.shouldBypassValidation() ? o() : e;
+}
+function V(o, e) {
+  if (process.env.NODE_ENV !== "production" && !o && !i.shouldBypassValidation())
+    throw new Error(`TachUI Dev Assertion: ${e}`);
+}
+function O(o, e) {
+  process.env.NODE_ENV !== "production" && !o && !i.shouldBypassValidation() && console.warn(`TachUI Dev Warning: ${e}`);
+}
+function D(o, e) {
+  return i.isProduction() ? o : ((...n) => {
+    if (i.shouldBypassValidation())
+      return o(...n);
+    const c = performance.now(), s = o(...n), r = performance.now() - c;
+    return r > 10 && console.info(`⏱️ ${e}: ${r.toFixed(2)}ms`), s;
+  });
+}
+const p = {
+  /**
+   * Estimate validation code size for bundle analysis
+   */
+  getValidationCodeSize() {
+    const o = {
+      // ~12KB
+      total: 35e3
+      // ~35KB total
+    };
+    return i.isProduction() ? 0 : o.total;
+  },
+  /**
+   * Get optimization report
+   */
+  getOptimizationReport() {
+    const o = i.getBypassStats(), e = this.getValidationCodeSize();
+    return {
+      mode: o.mode,
+      validationCodeSize: e,
+      bypassCount: o.bypassCount,
+      performanceGain: o.performanceGain,
+      optimization: e === 0 ? "Fully optimized (tree-shaken)" : "Development mode",
+      recommendations: this.getOptimizationRecommendations()
+    };
+  },
+  /**
+   * Get optimization recommendations
+   */
+  getOptimizationRecommendations() {
+    const o = [];
+    return i.isProduction() || o.push("Enable production mode (NODE_ENV=production) to remove validation code"), t.optimizationLevel !== "aggressive" && o.push("Use aggressive optimization level for maximum performance"), process.env.TACHUI_VALIDATION !== "false" && o.push("Consider setting TACHUI_VALIDATION=false for production if not needed"), o;
+  }
+}, I = {
+  /**
+   * Configure production mode
+   */
+  configure: i.configure,
+  /**
+   * Check if in production
+   */
+  isProduction: i.isProduction,
+  /**
+   * Manually disable validation
+   */
+  disableValidation: i.disableValidation,
+  /**
+   * Re-enable validation (development only)
+   */
+  enableValidation: i.enableValidation,
+  /**
+   * Get performance statistics
+   */
+  getStats: i.getBypassStats,
+  /**
+   * Get bundle optimization report
+   */
+  getBundleReport: p.getOptimizationReport,
+  /**
+   * Test production optimization
+   */
+  test() {
+    console.group("🚀 Production Optimization Test");
+    const o = i.getBypassStats(), e = p.getOptimizationReport();
+    console.info("✅ Production mode detection:", i.isProduction()), console.info("✅ Validation bypass count:", o.bypassCount), console.info("✅ Performance gain:", `${o.performanceGain.toFixed(2)}ms`), console.info("✅ Bundle optimization:", e.optimization), console.info("✅ Code size:", e.validationCodeSize === 0 ? "Removed" : `${e.validationCodeSize} bytes`), e.recommendations.length > 0 && (console.info("💡 Recommendations:"), e.recommendations.forEach((n) => console.info(`   • ${n}`))), console.groupEnd();
+  }
+};
+typeof window < "u" && !window.location.hostname.includes("localhost") && !window.location.hostname.includes("127.0.0.1") && !window.location.hostname.includes("dev") && i.configure({ enabled: !0, mode: "production" });
+export {
+  b as BuildOptimizationHints,
+  p as BundleAnalysis,
+  i as ProductionModeManager,
+  I as ProductionOptimizationUtils,
+  N as conditionalValidation,
+  h as createOptimizedComponent,
+  E as createOptimizedModifier,
+  _ as createProductionOptimizedFunction,
+  V as devAssert,
+  O as devWarn,
+  D as withPerformanceMonitoring
+};
+//# sourceMappingURL=production-bypass.js.map

package/dist/validation/production-bypass.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"production-bypass.js","sources":["../../src/validation/production-bypass.ts"],"sourcesContent":["/**\n * Production Mode Bypass System - Phase 1C\n * \n * Zero-overhead validation bypass for production builds with smart\n * compile-time elimination and runtime optimization.\n */\n\nimport type { ComponentInstance } from '../runtime/types'\n\n/**\n * Production mode detection and configuration\n */\nexport interface ProductionConfig {\n  enabled: boolean\n  mode: 'development' | 'production' | 'test'\n  optimizationLevel: 'none' | 'basic' | 'aggressive'\n  debugInfo: boolean\n}\n\n/**\n * Global production configuration\n */\nlet productionConfig: ProductionConfig = {\n  enabled: process.env.NODE_ENV === 'production',\n  mode: (process.env.NODE_ENV as any) || 'development',\n  optimizationLevel: process.env.NODE_ENV === 'production' ? 'aggressive' : 'basic',\n  debugInfo: process.env.NODE_ENV !== 'production'\n}\n\n/**\n * Production mode utilities\n */\nexport class ProductionModeManager {\n  private static validationDisabled = false\n  private static bypassCount = 0\n  private static performanceGain = 0\n\n  /**\n   * Check if we're in production mode\n   */\n  static isProduction(): boolean {\n    return productionConfig.enabled || process.env.NODE_ENV === 'production'\n  }\n\n  /**\n   * Check if validation should be bypassed\n   */\n  static shouldBypassValidation(): boolean {\n    // Always bypass in production\n    if (this.isProduction()) {\n      this.bypassCount++\n      return true\n    }\n\n    // Check if manually disabled\n    if (this.validationDisabled) {\n      this.bypassCount++\n      return true\n    }\n\n    // Check environment variable override\n    if (process.env.TACHUI_VALIDATION === 'false') {\n      this.bypassCount++\n      return true\n    }\n\n    return false\n  }\n\n  /**\n   * Manually disable validation (for testing/debugging)\n   */\n  static disableValidation(): void {\n    this.validationDisabled = true\n    if (productionConfig.debugInfo) {\n      console.info('🚫 TachUI validation manually disabled')\n    }\n  }\n\n  /**\n   * Re-enable validation (only works in development)\n   */\n  static enableValidation(): void {\n    if (this.isProduction()) {\n      console.warn('⚠️ Cannot enable validation in production mode')\n      return\n    }\n    \n    this.validationDisabled = false\n    if (productionConfig.debugInfo) {\n      console.info('✅ TachUI validation re-enabled')\n    }\n  }\n\n  /**\n   * Get bypass statistics\n   */\n  static getBypassStats() {\n    return {\n      mode: productionConfig.mode,\n      bypassCount: this.bypassCount,\n      validationDisabled: this.validationDisabled,\n      performanceGain: this.performanceGain,\n      optimizationLevel: productionConfig.optimizationLevel\n    }\n  }\n\n  /**\n   * Configure production mode settings\n   */\n  static configure(config: Partial<ProductionConfig>): void {\n    productionConfig = { ...productionConfig, ...config }\n    \n    if (config.enabled !== undefined) {\n      this.validationDisabled = !config.enabled\n    }\n  }\n\n  /**\n   * Measure performance gain from bypassing validation\n   */\n  static recordPerformanceGain(timeMs: number): void {\n    this.performanceGain += timeMs\n  }\n}\n\n/**\n * Zero-overhead function wrapper for production builds\n */\nexport function createProductionOptimizedFunction<T extends (...args: any[]) => any>(\n  developmentFunction: T,\n  productionFunction?: T\n): T {\n  // If we have a specific production function, use it\n  if (productionFunction && ProductionModeManager.isProduction()) {\n    return productionFunction\n  }\n\n  // Return optimized wrapper\n  return ((...args: any[]) => {\n    if (ProductionModeManager.shouldBypassValidation()) {\n      // In production, try to use the production function or skip entirely\n      if (productionFunction) {\n        return productionFunction(...args)\n      }\n      \n      // If no production function, return a no-op that matches expected signature\n      // This should be tree-shaken out by bundlers in production\n      return undefined\n    }\n\n    // Development mode - run full function\n    return developmentFunction(...args)\n  }) as T\n}\n\n/**\n * Component constructor wrapper with production optimization\n */\nexport function createOptimizedComponent<T extends ComponentInstance>(\n  originalConstructor: (...args: any[]) => T,\n  validator?: (args: unknown[]) => void,\n  componentType?: string\n): (...args: any[]) => T {\n  \n  // In production, return the original constructor without validation\n  if (ProductionModeManager.isProduction()) {\n    return originalConstructor\n  }\n\n  // Development mode with validation\n  return function optimizedComponent(this: any, ...args: unknown[]): T {\n    const startTime = performance.now()\n    \n    // Skip validation if bypassed\n    if (ProductionModeManager.shouldBypassValidation()) {\n      const endTime = performance.now()\n      ProductionModeManager.recordPerformanceGain(endTime - startTime)\n      return originalConstructor.apply(this, args as any)\n    }\n\n    // Run validation in development\n    if (validator) {\n      try {\n        validator(args)\n      } catch (error) {\n        // In development, provide detailed error information\n        if (productionConfig.debugInfo && componentType) {\n          console.error(`Validation failed for ${componentType}:`, error)\n        }\n        throw error\n      }\n    }\n\n    const result = originalConstructor.apply(this, args as any)\n    const endTime = performance.now()\n    \n    // Record validation overhead for monitoring\n    const overhead = endTime - startTime\n    if (overhead > 5) { // More than 5ms is concerning\n      console.warn(`⚠️ Validation overhead: ${overhead.toFixed(2)}ms for ${componentType || 'component'}`)\n    }\n\n    return result\n  }\n}\n\n/**\n * Modifier validation wrapper with production bypass\n */\nexport function createOptimizedModifier(\n  originalModifier: Function,\n  validator?: (args: unknown[]) => void,\n  modifierName?: string\n): Function {\n  \n  // In production, return original modifier without validation\n  if (ProductionModeManager.isProduction()) {\n    return originalModifier\n  }\n\n  return function optimizedModifier(this: any, ...args: unknown[]) {\n    // Skip validation if bypassed\n    if (ProductionModeManager.shouldBypassValidation()) {\n      return originalModifier.apply(this, args)\n    }\n\n    // Run validation in development\n    if (validator) {\n      try {\n        validator(args)\n      } catch (error) {\n        if (productionConfig.debugInfo && modifierName) {\n          console.error(`Modifier validation failed for ${modifierName}:`, error)\n        }\n        throw error\n      }\n    }\n\n    return originalModifier.apply(this, args)\n  }\n}\n\n/**\n * Build-time optimization hints for bundlers\n */\nexport const BuildOptimizationHints = {\n  /**\n   * Mark validation code for tree-shaking in production\n   */\n  __DEVELOPMENT_ONLY__: process.env.NODE_ENV !== 'production',\n  \n  /**\n   * Webpack DefinePlugin constants for dead code elimination\n   */\n  WEBPACK_DEFINES: {\n    '__TACHUI_VALIDATION_ENABLED__': process.env.NODE_ENV !== 'production',\n    '__TACHUI_PRODUCTION_MODE__': process.env.NODE_ENV === 'production',\n    '__TACHUI_DEBUG_INFO__': process.env.NODE_ENV !== 'production'\n  },\n  \n  /**\n   * Rollup/Vite constants for dead code elimination\n   */\n  VITE_DEFINES: {\n    'import.meta.env.TACHUI_VALIDATION': process.env.NODE_ENV !== 'production',\n    'import.meta.env.TACHUI_PRODUCTION': process.env.NODE_ENV === 'production'\n  }\n}\n\n/**\n * Conditional validation macro for tree-shaking\n */\nexport function conditionalValidation<T>(\n  validationFn: () => T,\n  fallbackValue?: T\n): T | undefined {\n  // This will be completely removed in production builds by bundlers\n  if (process.env.NODE_ENV !== 'production' && !ProductionModeManager.shouldBypassValidation()) {\n    return validationFn()\n  }\n  \n  return fallbackValue\n}\n\n/**\n * Development-only assertion macro\n */\nexport function devAssert(condition: boolean, message: string): void {\n  // Tree-shaken out in production\n  if (process.env.NODE_ENV !== 'production') {\n    if (!condition && !ProductionModeManager.shouldBypassValidation()) {\n      throw new Error(`TachUI Dev Assertion: ${message}`)\n    }\n  }\n}\n\n/**\n * Development-only warning macro\n */\nexport function devWarn(condition: boolean, message: string): void {\n  // Tree-shaken out in production\n  if (process.env.NODE_ENV !== 'production') {\n    if (!condition && !ProductionModeManager.shouldBypassValidation()) {\n      console.warn(`TachUI Dev Warning: ${message}`)\n    }\n  }\n}\n\n/**\n * Performance monitoring wrapper\n */\nexport function withPerformanceMonitoring<T extends (...args: any[]) => any>(\n  fn: T,\n  name: string\n): T {\n  // In production, return function without monitoring\n  if (ProductionModeManager.isProduction()) {\n    return fn\n  }\n\n  return ((...args: any[]) => {\n    if (ProductionModeManager.shouldBypassValidation()) {\n      return fn(...args)\n    }\n\n    const start = performance.now()\n    const result = fn(...args)\n    const end = performance.now()\n    \n    const duration = end - start\n    if (duration > 10) { // More than 10ms is worth noting\n      console.info(`⏱️ ${name}: ${duration.toFixed(2)}ms`)\n    }\n    \n    return result\n  }) as T\n}\n\n/**\n * Bundle size analysis helper\n */\nexport const BundleAnalysis = {\n  /**\n   * Estimate validation code size for bundle analysis\n   */\n  getValidationCodeSize(): number {\n    // This would be replaced with actual measurements in a real implementation\n    const estimatedSize = {\n      validation: 15000, // ~15KB\n      errorReporting: 8000, // ~8KB\n      enhancedRuntime: 12000, // ~12KB\n      total: 35000 // ~35KB total\n    }\n    \n    return ProductionModeManager.isProduction() ? 0 : estimatedSize.total\n  },\n\n  /**\n   * Get optimization report\n   */\n  getOptimizationReport() {\n    const stats = ProductionModeManager.getBypassStats()\n    const codeSize = this.getValidationCodeSize()\n    \n    return {\n      mode: stats.mode,\n      validationCodeSize: codeSize,\n      bypassCount: stats.bypassCount,\n      performanceGain: stats.performanceGain,\n      optimization: codeSize === 0 ? 'Fully optimized (tree-shaken)' : 'Development mode',\n      recommendations: this.getOptimizationRecommendations()\n    }\n  },\n\n  /**\n   * Get optimization recommendations\n   */\n  getOptimizationRecommendations(): string[] {\n    const recommendations: string[] = []\n    \n    if (!ProductionModeManager.isProduction()) {\n      recommendations.push('Enable production mode (NODE_ENV=production) to remove validation code')\n    }\n    \n    if (productionConfig.optimizationLevel !== 'aggressive') {\n      recommendations.push('Use aggressive optimization level for maximum performance')\n    }\n    \n    if (process.env.TACHUI_VALIDATION !== 'false') {\n      recommendations.push('Consider setting TACHUI_VALIDATION=false for production if not needed')\n    }\n    \n    return recommendations\n  }\n}\n\n/**\n * Production optimization utilities\n */\nexport const ProductionOptimizationUtils = {\n  /**\n   * Configure production mode\n   */\n  configure: ProductionModeManager.configure,\n  \n  /**\n   * Check if in production\n   */\n  isProduction: ProductionModeManager.isProduction,\n  \n  /**\n   * Manually disable validation\n   */\n  disableValidation: ProductionModeManager.disableValidation,\n  \n  /**\n   * Re-enable validation (development only)\n   */\n  enableValidation: ProductionModeManager.enableValidation,\n  \n  /**\n   * Get performance statistics\n   */\n  getStats: ProductionModeManager.getBypassStats,\n  \n  /**\n   * Get bundle optimization report\n   */\n  getBundleReport: BundleAnalysis.getOptimizationReport,\n  \n  /**\n   * Test production optimization\n   */\n  test(): void {\n    console.group('🚀 Production Optimization Test')\n    \n    const stats = ProductionModeManager.getBypassStats()\n    const report = BundleAnalysis.getOptimizationReport()\n    \n    console.info('✅ Production mode detection:', ProductionModeManager.isProduction())\n    console.info('✅ Validation bypass count:', stats.bypassCount)\n    console.info('✅ Performance gain:', `${stats.performanceGain.toFixed(2)}ms`)\n    console.info('✅ Bundle optimization:', report.optimization)\n    console.info('✅ Code size:', report.validationCodeSize === 0 ? 'Removed' : `${report.validationCodeSize} bytes`)\n    \n    if (report.recommendations.length > 0) {\n      console.info('💡 Recommendations:')\n      report.recommendations.forEach(rec => console.info(`   • ${rec}`))\n    }\n    \n    console.groupEnd()\n  }\n}\n\n// Auto-configure based on environment\nif (typeof window !== 'undefined') {\n  // Browser environment\n  const isProduction = !window.location.hostname.includes('localhost') && \n                      !window.location.hostname.includes('127.0.0.1') &&\n                      !window.location.hostname.includes('dev')\n  \n  if (isProduction) {\n    ProductionModeManager.configure({ enabled: true, mode: 'production' })\n  }\n}"],"names":["productionConfig","ProductionModeManager","config","timeMs","__publicField","createProductionOptimizedFunction","developmentFunction","productionFunction","args","createOptimizedComponent","originalConstructor","validator","componentType","startTime","endTime","error","result","overhead","createOptimizedModifier","originalModifier","modifierName","BuildOptimizationHints","conditionalValidation","validationFn","fallbackValue","devAssert","condition","message","devWarn","withPerformanceMonitoring","fn","name","start","duration","BundleAnalysis","estimatedSize","stats","codeSize","recommendations","ProductionOptimizationUtils","report","rec"],"mappings":"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"}

package/dist/validation/simple.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");require("../reactive/unified-scheduler.cjs");const c=require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");class r extends Error{constructor(e,n){super(e),this.context=n,this.name="TachUIValidationError"}getFormattedMessage(){const{component:e,suggestion:n,example:o,documentation:a}=this.context;let i=`❌ ${e} Component Error: ${this.message}
+`;return n&&(i+=`
+💡 Suggestion: ${n}
+`),o&&(i+=`
+❌ Wrong: ${o.wrong}`,i+=`
+✅ Correct: ${o.correct}
+`),a&&(i+=`
+📚 Documentation: ${a}`),i}}let s={enabled:process.env.NODE_ENV!=="production",errorLevel:"error"};function l(){return s.enabled&&process.env.NODE_ENV!=="production"}const u={validateText(t){if(!l())return;if(t.length===0)throw new r("Text component requires a content parameter",{component:"Text",suggestion:'Add a content parameter: Text("Hello World")',documentation:"https://docs.tachui.dev/components/text",example:{wrong:"Text()",correct:'Text("Hello World")'}});const[e]=t;if(e==null)throw new r("Text content cannot be undefined or null",{component:"Text",suggestion:"Provide a valid string, function, or Signal",example:{wrong:"Text(null)",correct:'Text("Hello World")'}});const n=typeof e;if(!(n==="string"||n==="function"||c.isSignal(e)))throw new r(`Text content must be a string, function, or Signal. Received: ${n}`,{component:"Text",suggestion:"Use a string literal, function, or reactive signal",example:{wrong:"Text(123)",correct:'Text("Hello World")'}})},validateButton(t){if(!l())return;if(t.length===0)throw new r("Button component requires a title parameter",{component:"Button",suggestion:'Add a title parameter: Button("Click me", () => {})',documentation:"https://docs.tachui.dev/components/button",example:{wrong:"Button()",correct:'Button("Click me", () => {})'}});const[e,n]=t;if(e==null)throw new r("Button title cannot be undefined or null",{component:"Button",suggestion:"Provide a valid string, function, or Signal",example:{wrong:"Button(null)",correct:'Button("Click me")'}});const o=typeof e;if(!(o==="string"||o==="function"||c.isSignal(e)))throw new r(`Button title must be a string, function, or Signal. Received: ${o}`,{component:"Button",suggestion:"Use a string literal, function, or reactive signal",example:{wrong:"Button(123)",correct:'Button("Click me")'}});n===void 0&&t.length===1&&s.errorLevel},validateStack(t,e){if(!l())return;if(e.length===0)throw new r(`${t} component requires a props object with children array`,{component:t,suggestion:`Add children: ${t}({ children: [Text("Hello")] })`,documentation:"https://docs.tachui.dev/components/layout",example:{wrong:`${t}()`,correct:`${t}({ children: [Text("Hello")] })`}});const[n]=e;if(!n||typeof n!="object")throw new r(`${t} requires a props object`,{component:t,suggestion:"Pass a props object with children array",example:{wrong:`${t}("invalid")`,correct:`${t}({ children: [Text("Hello")] })`}});const o=n;if(!Array.isArray(o.children))throw new r(`${t} children must be an array`,{component:t,suggestion:"Provide an array of components",example:{wrong:`${t}({ children: Text("Hello") })`,correct:`${t}({ children: [Text("Hello")] })`}})}};exports.ComponentValidation=u;exports.TachUIValidationError=r;exports.isValidationEnabled=l;
+//# sourceMappingURL=simple.cjs.map

package/dist/validation/simple.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple.cjs","sources":["../../src/validation/simple.ts"],"sourcesContent":["/**\n * Simplified Validation System\n *\n * A practical validation system that provides runtime validation\n * with helpful error messages without complex TypeScript types.\n */\n\nimport type { ComponentInstance } from '../runtime/types'\nimport { isSignal } from '../reactive'\n\n/**\n * Validation error class\n */\nexport class TachUIValidationError extends Error {\n  constructor(\n    message: string,\n    public context: {\n      component: string\n      property?: string\n      suggestion?: string\n      documentation?: string\n      example?: {\n        wrong: string\n        correct: string\n      }\n    }\n  ) {\n    super(message)\n    this.name = 'TachUIValidationError'\n  }\n\n  getFormattedMessage(): string {\n    const { component, suggestion, example, documentation } = this.context\n\n    let formatted = `❌ ${component} Component Error: ${this.message}\\n`\n\n    if (suggestion) {\n      formatted += `\\n💡 Suggestion: ${suggestion}\\n`\n    }\n\n    if (example) {\n      formatted += `\\n❌ Wrong: ${example.wrong}`\n      formatted += `\\n✅ Correct: ${example.correct}\\n`\n    }\n\n    if (documentation) {\n      formatted += `\\n📚 Documentation: ${documentation}`\n    }\n\n    return formatted\n  }\n}\n\n/**\n * Validation configuration\n */\nexport interface ValidationConfig {\n  enabled: boolean\n  strictMode: boolean\n  errorLevel: 'error' | 'warn' | 'info'\n  excludeFiles: string[]\n}\n\n/**\n * Global validation configuration\n */\nlet validationConfig: ValidationConfig = {\n  enabled: process.env.NODE_ENV !== 'production',\n  strictMode: false,\n  errorLevel: 'error',\n  excludeFiles: []\n}\n\n/**\n * Configure validation settings\n */\nexport function configureValidation(config: Partial<ValidationConfig>): void {\n  validationConfig = { ...validationConfig, ...config }\n}\n\n/**\n * Check if validation is enabled\n */\nexport function isValidationEnabled(): boolean {\n  return validationConfig.enabled && process.env.NODE_ENV !== 'production'\n}\n\n/**\n * Component validation functions\n */\nexport const ComponentValidation = {\n  /**\n   * Validate Text component\n   */\n  validateText(args: unknown[]): void {\n    if (!isValidationEnabled()) return\n\n    if (args.length === 0) {\n      throw new TachUIValidationError('Text component requires a content parameter', {\n        component: 'Text',\n        suggestion: 'Add a content parameter: Text(\"Hello World\")',\n        documentation: 'https://docs.tachui.dev/components/text',\n        example: {\n          wrong: 'Text()',\n          correct: 'Text(\"Hello World\")'\n        }\n      })\n    }\n\n    const [content] = args\n\n    if (content === undefined || content === null) {\n      throw new TachUIValidationError('Text content cannot be undefined or null', {\n        component: 'Text',\n        suggestion: 'Provide a valid string, function, or Signal',\n        example: {\n          wrong: 'Text(null)',\n          correct: 'Text(\"Hello World\")'\n        }\n      })\n    }\n\n    const contentType = typeof content\n    const isValidContent = contentType === 'string' ||\n                          contentType === 'function' ||\n                          isSignal(content)\n\n    if (!isValidContent) {\n      throw new TachUIValidationError(`Text content must be a string, function, or Signal. Received: ${contentType}`, {\n        component: 'Text',\n        suggestion: 'Use a string literal, function, or reactive signal',\n        example: {\n          wrong: 'Text(123)',\n          correct: 'Text(\"Hello World\")'\n        }\n      })\n    }\n  },\n\n  /**\n   * Validate Button component\n   */\n  validateButton(args: unknown[]): void {\n    if (!isValidationEnabled()) return\n\n    if (args.length === 0) {\n      throw new TachUIValidationError('Button component requires a title parameter', {\n        component: 'Button',\n        suggestion: 'Add a title parameter: Button(\"Click me\", () => {})',\n        documentation: 'https://docs.tachui.dev/components/button',\n        example: {\n          wrong: 'Button()',\n          correct: 'Button(\"Click me\", () => {})'\n        }\n      })\n    }\n\n    const [title, action] = args\n\n    if (title === undefined || title === null) {\n      throw new TachUIValidationError('Button title cannot be undefined or null', {\n        component: 'Button',\n        suggestion: 'Provide a valid string, function, or Signal',\n        example: {\n          wrong: 'Button(null)',\n          correct: 'Button(\"Click me\")'\n        }\n      })\n    }\n\n    const titleType = typeof title\n    const isValidTitle = titleType === 'string' ||\n                        titleType === 'function' ||\n                        isSignal(title)\n\n    if (!isValidTitle) {\n      throw new TachUIValidationError(`Button title must be a string, function, or Signal. Received: ${titleType}`, {\n        component: 'Button',\n        suggestion: 'Use a string literal, function, or reactive signal',\n        example: {\n          wrong: 'Button(123)',\n          correct: 'Button(\"Click me\")'\n        }\n      })\n    }\n\n    // Warning for missing action (not an error)\n    if (action === undefined && args.length === 1 && validationConfig.errorLevel !== 'error') {\n      console.warn('⚠️ Button without action may not be interactive. Consider adding an action parameter.')\n    }\n  },\n\n  /**\n   * Validate VStack/HStack/ZStack components\n   */\n  validateStack(componentType: string, args: unknown[]): void {\n    if (!isValidationEnabled()) return\n\n    if (args.length === 0) {\n      throw new TachUIValidationError(`${componentType} component requires a props object with children array`, {\n        component: componentType,\n        suggestion: `Add children: ${componentType}({ children: [Text(\"Hello\")] })`,\n        documentation: 'https://docs.tachui.dev/components/layout',\n        example: {\n          wrong: `${componentType}()`,\n          correct: `${componentType}({ children: [Text(\"Hello\")] })`\n        }\n      })\n    }\n\n    const [props] = args\n\n    if (!props || typeof props !== 'object') {\n      throw new TachUIValidationError(`${componentType} requires a props object`, {\n        component: componentType,\n        suggestion: 'Pass a props object with children array',\n        example: {\n          wrong: `${componentType}(\"invalid\")`,\n          correct: `${componentType}({ children: [Text(\"Hello\")] })`\n        }\n      })\n    }\n\n    const propsObj = props as any\n    if (!Array.isArray(propsObj.children)) {\n      throw new TachUIValidationError(`${componentType} children must be an array`, {\n        component: componentType,\n        suggestion: 'Provide an array of components',\n        example: {\n          wrong: `${componentType}({ children: Text(\"Hello\") })`,\n          correct: `${componentType}({ children: [Text(\"Hello\")] })`\n        }\n      })\n    }\n  }\n}\n\n/**\n * Modifier validation functions\n */\nexport const ModifierValidation = {\n  /**\n   * Validate modifier usage\n   */\n  validateModifier(componentType: string, modifierName: string, args: unknown[] = []): void {\n    if (!isValidationEnabled()) return\n\n    // Check for non-existent modifiers\n    const nonExistentModifiers: Record<string, { suggestion: string; example?: string }> = {\n      textShadow: {\n        suggestion: 'Use shadow() instead',\n        example: '.shadow({ x: 2, y: 2, radius: 4, color: \"rgba(0,0,0,0.25)\" })'\n      },\n      id: {\n        suggestion: 'Use setAttribute(\"id\", value) instead',\n        example: '.setAttribute(\"id\", \"my-element\")'\n      },\n      className: {\n        suggestion: 'Use css() or setAttribute(\"class\", value) instead',\n        example: '.css({ className: \"my-class\" })'\n      },\n      style: {\n        suggestion: 'Use css() for custom styles instead',\n        example: '.css({ backgroundColor: \"red\" })'\n      }\n    }\n\n    const nonExistent = nonExistentModifiers[modifierName]\n    if (nonExistent) {\n      const error = new TachUIValidationError(`Modifier ${modifierName} does not exist`, {\n        component: componentType,\n        suggestion: nonExistent.suggestion,\n        example: nonExistent.example ? {\n          wrong: `.${modifierName}()`,\n          correct: nonExistent.example\n        } : undefined\n      })\n\n      if (validationConfig.errorLevel === 'error') {\n        throw error\n      } else {\n        console.warn(error.getFormattedMessage())\n      }\n      return\n    }\n\n    // Check parameter counts\n    const noParamModifiers = new Set(['clipped', 'resizable'])\n    if (noParamModifiers.has(modifierName) && args.length > 0) {\n      const error = new TachUIValidationError(`${modifierName}() takes no parameters`, {\n        component: componentType,\n        suggestion: `Use ${modifierName}() without arguments`,\n        example: {\n          wrong: `.${modifierName}(someValue)`,\n          correct: `.${modifierName}()`\n        }\n      })\n\n      if (validationConfig.errorLevel === 'error') {\n        throw error\n      } else {\n        console.warn(error.getFormattedMessage())\n      }\n    }\n\n    // Component-specific modifier validation\n    const textOnlyModifiers = new Set(['font', 'fontSize', 'fontWeight', 'textAlign', 'lineHeight', 'letterSpacing'])\n    const interactiveOnlyModifiers = new Set(['disabled', 'onTap', 'cursor'])\n\n    if (textOnlyModifiers.has(modifierName) && componentType !== 'Text') {\n      const message = `${modifierName} modifier is only valid for Text components`\n\n      if (validationConfig.errorLevel === 'error') {\n        throw new TachUIValidationError(message, {\n          component: componentType,\n          suggestion: `Use ${modifierName} modifier on Text components only`\n        })\n      } else if (validationConfig.errorLevel === 'warn') {\n        console.warn(`⚠️ ${message}`)\n      }\n    }\n\n    if (interactiveOnlyModifiers.has(modifierName) && !['Button', 'Toggle', 'Slider'].includes(componentType)) {\n      const message = `${modifierName} modifier is only valid for interactive components`\n\n      if (validationConfig.errorLevel === 'warn') {\n        console.warn(`⚠️ ${message}`)\n      }\n    }\n  }\n}\n\n/**\n * Create validated component wrapper\n */\nexport function createValidatedComponent<T extends ComponentInstance>(\n  originalConstructor: (...args: any[]) => T,\n  validator: (args: unknown[]) => void,\n  componentType: string\n): (...args: any[]) => T {\n\n  return function validatedConstructor(this: any, ...args: unknown[]): T {\n    // Run validation\n    validator(args)\n\n    // Create the component\n    const instance = originalConstructor.apply(this, args as any)\n\n    // Wrap with modifier validation if it has modifiers\n    if ('modifier' in instance && typeof instance.modifier === 'object') {\n      return wrapWithModifierValidation(instance, componentType)\n    }\n\n    return instance\n  }\n}\n\n/**\n * Wrap component with modifier validation\n */\nfunction wrapWithModifierValidation<T extends ComponentInstance>(instance: T, componentType: string): T {\n  if (!isValidationEnabled()) return instance\n\n  return new Proxy(instance, {\n    get(target, prop) {\n      const value = target[prop as keyof T]\n\n      if (prop === 'modifier') {\n        return wrapModifierChain(value, componentType)\n      }\n\n      return value\n    }\n  })\n}\n\n/**\n * Wrap modifier chain with validation\n */\nfunction wrapModifierChain(modifierChain: any, componentType: string): any {\n  if (!modifierChain) return modifierChain\n\n  return new Proxy(modifierChain, {\n    get(target, prop) {\n      const propName = String(prop)\n      const originalMethod = target[prop]\n\n      // Allow build and other meta methods\n      if (propName === 'build' || propName === 'addModifier' || propName === 'responsive') {\n        return originalMethod\n      }\n\n      if (typeof originalMethod === 'function') {\n        return function validatedModifier(...args: unknown[]) {\n          // Validate before calling\n          ModifierValidation.validateModifier(componentType, propName, args)\n\n          // Call original method\n          return originalMethod.apply(target, args)\n        }\n      }\n\n      return originalMethod\n    }\n  })\n}\n\n/**\n * Validation utilities\n */\nexport const ValidationUtils = {\n  /**\n   * Enable validation\n   */\n  enable(enabled: boolean = true): void {\n    configureValidation({ enabled })\n  },\n\n  /**\n   * Enable strict mode\n   */\n  enableStrictMode(): void {\n    configureValidation({ strictMode: true })\n    console.info('🚨 TachUI Strict validation mode enabled')\n  },\n\n  /**\n   * Set error level\n   */\n  setErrorLevel(level: 'error' | 'warn' | 'info'): void {\n    configureValidation({ errorLevel: level })\n  },\n\n  /**\n   * Test validation system\n   */\n  test(): void {\n    if (!isValidationEnabled()) {\n      console.info('ℹ️ Validation is disabled in production mode')\n      return\n    }\n\n    console.group('🔍 TachUI Validation System Test')\n\n    try {\n      console.info('✅ Validation system is working correctly')\n    } catch (error) {\n      console.error('❌ Validation test failed:', error)\n    }\n\n    console.groupEnd()\n  },\n\n  /**\n   * Get validation stats\n   */\n  getStats() {\n    return {\n      enabled: isValidationEnabled(),\n      config: validationConfig,\n      components: ['Text', 'Button', 'VStack', 'HStack', 'ZStack'],\n      modifiers: ['All modifiers validated for component compatibility']\n    }\n  }\n}\n"],"names":["TachUIValidationError","message","context","component","suggestion","example","documentation","formatted","validationConfig","isValidationEnabled","ComponentValidation","args","content","contentType","isSignal","title","action","titleType","componentType","props","propsObj"],"mappings":"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"}

package/dist/validation/simple.d.ts

@@ -0,0 +1,111 @@
+/**
+ * Simplified Validation System
+ *
+ * A practical validation system that provides runtime validation
+ * with helpful error messages without complex TypeScript types.
+ */
+import type { ComponentInstance } from '../runtime/types';
+/**
+ * Validation error class
+ */
+export declare class TachUIValidationError extends Error {
+    context: {
+        component: string;
+        property?: string;
+        suggestion?: string;
+        documentation?: string;
+        example?: {
+            wrong: string;
+            correct: string;
+        };
+    };
+    constructor(message: string, context: {
+        component: string;
+        property?: string;
+        suggestion?: string;
+        documentation?: string;
+        example?: {
+            wrong: string;
+            correct: string;
+        };
+    });
+    getFormattedMessage(): string;
+}
+/**
+ * Validation configuration
+ */
+export interface ValidationConfig {
+    enabled: boolean;
+    strictMode: boolean;
+    errorLevel: 'error' | 'warn' | 'info';
+    excludeFiles: string[];
+}
+/**
+ * Configure validation settings
+ */
+export declare function configureValidation(config: Partial<ValidationConfig>): void;
+/**
+ * Check if validation is enabled
+ */
+export declare function isValidationEnabled(): boolean;
+/**
+ * Component validation functions
+ */
+export declare const ComponentValidation: {
+    /**
+     * Validate Text component
+     */
+    validateText(args: unknown[]): void;
+    /**
+     * Validate Button component
+     */
+    validateButton(args: unknown[]): void;
+    /**
+     * Validate VStack/HStack/ZStack components
+     */
+    validateStack(componentType: string, args: unknown[]): void;
+};
+/**
+ * Modifier validation functions
+ */
+export declare const ModifierValidation: {
+    /**
+     * Validate modifier usage
+     */
+    validateModifier(componentType: string, modifierName: string, args?: unknown[]): void;
+};
+/**
+ * Create validated component wrapper
+ */
+export declare function createValidatedComponent<T extends ComponentInstance>(originalConstructor: (...args: any[]) => T, validator: (args: unknown[]) => void, componentType: string): (...args: any[]) => T;
+/**
+ * Validation utilities
+ */
+export declare const ValidationUtils: {
+    /**
+     * Enable validation
+     */
+    enable(enabled?: boolean): void;
+    /**
+     * Enable strict mode
+     */
+    enableStrictMode(): void;
+    /**
+     * Set error level
+     */
+    setErrorLevel(level: "error" | "warn" | "info"): void;
+    /**
+     * Test validation system
+     */
+    test(): void;
+    /**
+     * Get validation stats
+     */
+    getStats(): {
+        enabled: boolean;
+        config: ValidationConfig;
+        components: string[];
+        modifiers: string[];
+    };
+};
+//# sourceMappingURL=simple.d.ts.map

package/dist/validation/simple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple.d.ts","sourceRoot":"","sources":["../../src/validation/simple.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGzD;;GAEG;AACH,qBAAa,qBAAsB,SAAQ,KAAK;IAGrC,OAAO,EAAE;QACd,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,OAAO,CAAC,EAAE;YACR,KAAK,EAAE,MAAM,CAAA;YACb,OAAO,EAAE,MAAM,CAAA;SAChB,CAAA;KACF;gBAVD,OAAO,EAAE,MAAM,EACR,OAAO,EAAE;QACd,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,OAAO,CAAC,EAAE;YACR,KAAK,EAAE,MAAM,CAAA;YACb,OAAO,EAAE,MAAM,CAAA;SAChB,CAAA;KACF;IAMH,mBAAmB,IAAI,MAAM;CAoB9B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,OAAO,CAAA;IACnB,UAAU,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAA;IACrC,YAAY,EAAE,MAAM,EAAE,CAAA;CACvB;AAYD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,OAAO,CAAC,gBAAgB,CAAC,GAAG,IAAI,CAE3E;AAED;;GAEG;AACH,wBAAgB,mBAAmB,IAAI,OAAO,CAE7C;AAED;;GAEG;AACH,eAAO,MAAM,mBAAmB;IAC9B;;OAEG;uBACgB,OAAO,EAAE,GAAG,IAAI;IA6CnC;;OAEG;yBACkB,OAAO,EAAE,GAAG,IAAI;IAkDrC;;OAEG;iCAC0B,MAAM,QAAQ,OAAO,EAAE,GAAG,IAAI;CAwC5D,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB;IAC7B;;OAEG;oCAC6B,MAAM,gBAAgB,MAAM,SAAQ,OAAO,EAAE,GAAQ,IAAI;CAsF1F,CAAA;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,iBAAiB,EAClE,mBAAmB,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,EAC1C,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EACpC,aAAa,EAAE,MAAM,GACpB,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,CAAC,CAgBvB;AAoDD;;GAEG;AACH,eAAO,MAAM,eAAe;IAC1B;;OAEG;qBACa,OAAO,GAAU,IAAI;IAIrC;;OAEG;wBACiB,IAAI;IAKxB;;OAEG;yBACkB,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI;IAIrD;;OAEG;YACK,IAAI;IAiBZ;;OAEG;;;;;;;CASJ,CAAA"}

package/dist/validation/simple.js

@@ -0,0 +1,146 @@
+import "../reactive/cleanup.js";
+import "../reactive/unified-scheduler.js";
+import { isSignal as a } from "../reactive/signal.js";
+import "../reactive/scheduler.js";
+import "../reactive/theme.js";
+class r extends Error {
+  constructor(e, o) {
+    super(e), this.context = o, this.name = "TachUIValidationError";
+  }
+  getFormattedMessage() {
+    const { component: e, suggestion: o, example: n, documentation: l } = this.context;
+    let i = `❌ ${e} Component Error: ${this.message}
+`;
+    return o && (i += `
+💡 Suggestion: ${o}
+`), n && (i += `
+❌ Wrong: ${n.wrong}`, i += `
+✅ Correct: ${n.correct}
+`), l && (i += `
+📚 Documentation: ${l}`), i;
+  }
+}
+let s = {
+  enabled: process.env.NODE_ENV !== "production",
+  errorLevel: "error"
+};
+function c() {
+  return s.enabled && process.env.NODE_ENV !== "production";
+}
+const h = {
+  /**
+   * Validate Text component
+   */
+  validateText(t) {
+    if (!c()) return;
+    if (t.length === 0)
+      throw new r("Text component requires a content parameter", {
+        component: "Text",
+        suggestion: 'Add a content parameter: Text("Hello World")',
+        documentation: "https://docs.tachui.dev/components/text",
+        example: {
+          wrong: "Text()",
+          correct: 'Text("Hello World")'
+        }
+      });
+    const [e] = t;
+    if (e == null)
+      throw new r("Text content cannot be undefined or null", {
+        component: "Text",
+        suggestion: "Provide a valid string, function, or Signal",
+        example: {
+          wrong: "Text(null)",
+          correct: 'Text("Hello World")'
+        }
+      });
+    const o = typeof e;
+    if (!(o === "string" || o === "function" || a(e)))
+      throw new r(`Text content must be a string, function, or Signal. Received: ${o}`, {
+        component: "Text",
+        suggestion: "Use a string literal, function, or reactive signal",
+        example: {
+          wrong: "Text(123)",
+          correct: 'Text("Hello World")'
+        }
+      });
+  },
+  /**
+   * Validate Button component
+   */
+  validateButton(t) {
+    if (!c()) return;
+    if (t.length === 0)
+      throw new r("Button component requires a title parameter", {
+        component: "Button",
+        suggestion: 'Add a title parameter: Button("Click me", () => {})',
+        documentation: "https://docs.tachui.dev/components/button",
+        example: {
+          wrong: "Button()",
+          correct: 'Button("Click me", () => {})'
+        }
+      });
+    const [e, o] = t;
+    if (e == null)
+      throw new r("Button title cannot be undefined or null", {
+        component: "Button",
+        suggestion: "Provide a valid string, function, or Signal",
+        example: {
+          wrong: "Button(null)",
+          correct: 'Button("Click me")'
+        }
+      });
+    const n = typeof e;
+    if (!(n === "string" || n === "function" || a(e)))
+      throw new r(`Button title must be a string, function, or Signal. Received: ${n}`, {
+        component: "Button",
+        suggestion: "Use a string literal, function, or reactive signal",
+        example: {
+          wrong: "Button(123)",
+          correct: 'Button("Click me")'
+        }
+      });
+    o === void 0 && t.length === 1 && s.errorLevel;
+  },
+  /**
+   * Validate VStack/HStack/ZStack components
+   */
+  validateStack(t, e) {
+    if (!c()) return;
+    if (e.length === 0)
+      throw new r(`${t} component requires a props object with children array`, {
+        component: t,
+        suggestion: `Add children: ${t}({ children: [Text("Hello")] })`,
+        documentation: "https://docs.tachui.dev/components/layout",
+        example: {
+          wrong: `${t}()`,
+          correct: `${t}({ children: [Text("Hello")] })`
+        }
+      });
+    const [o] = e;
+    if (!o || typeof o != "object")
+      throw new r(`${t} requires a props object`, {
+        component: t,
+        suggestion: "Pass a props object with children array",
+        example: {
+          wrong: `${t}("invalid")`,
+          correct: `${t}({ children: [Text("Hello")] })`
+        }
+      });
+    const n = o;
+    if (!Array.isArray(n.children))
+      throw new r(`${t} children must be an array`, {
+        component: t,
+        suggestion: "Provide an array of components",
+        example: {
+          wrong: `${t}({ children: Text("Hello") })`,
+          correct: `${t}({ children: [Text("Hello")] })`
+        }
+      });
+  }
+};
+export {
+  h as ComponentValidation,
+  r as TachUIValidationError,
+  c as isValidationEnabled
+};
+//# sourceMappingURL=simple.js.map

package/dist/validation/simple.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple.js","sources":["../../src/validation/simple.ts"],"sourcesContent":["/**\n * Simplified Validation System\n *\n * A practical validation system that provides runtime validation\n * with helpful error messages without complex TypeScript types.\n */\n\nimport type { ComponentInstance } from '../runtime/types'\nimport { isSignal } from '../reactive'\n\n/**\n * Validation error class\n */\nexport class TachUIValidationError extends Error {\n  constructor(\n    message: string,\n    public context: {\n      component: string\n      property?: string\n      suggestion?: string\n      documentation?: string\n      example?: {\n        wrong: string\n        correct: string\n      }\n    }\n  ) {\n    super(message)\n    this.name = 'TachUIValidationError'\n  }\n\n  getFormattedMessage(): string {\n    const { component, suggestion, example, documentation } = this.context\n\n    let formatted = `❌ ${component} Component Error: ${this.message}\\n`\n\n    if (suggestion) {\n      formatted += `\\n💡 Suggestion: ${suggestion}\\n`\n    }\n\n    if (example) {\n      formatted += `\\n❌ Wrong: ${example.wrong}`\n      formatted += `\\n✅ Correct: ${example.correct}\\n`\n    }\n\n    if (documentation) {\n      formatted += `\\n📚 Documentation: ${documentation}`\n    }\n\n    return formatted\n  }\n}\n\n/**\n * Validation configuration\n */\nexport interface ValidationConfig {\n  enabled: boolean\n  strictMode: boolean\n  errorLevel: 'error' | 'warn' | 'info'\n  excludeFiles: string[]\n}\n\n/**\n * Global validation configuration\n */\nlet validationConfig: ValidationConfig = {\n  enabled: process.env.NODE_ENV !== 'production',\n  strictMode: false,\n  errorLevel: 'error',\n  excludeFiles: []\n}\n\n/**\n * Configure validation settings\n */\nexport function configureValidation(config: Partial<ValidationConfig>): void {\n  validationConfig = { ...validationConfig, ...config }\n}\n\n/**\n * Check if validation is enabled\n */\nexport function isValidationEnabled(): boolean {\n  return validationConfig.enabled && process.env.NODE_ENV !== 'production'\n}\n\n/**\n * Component validation functions\n */\nexport const ComponentValidation = {\n  /**\n   * Validate Text component\n   */\n  validateText(args: unknown[]): void {\n    if (!isValidationEnabled()) return\n\n    if (args.length === 0) {\n      throw new TachUIValidationError('Text component requires a content parameter', {\n        component: 'Text',\n        suggestion: 'Add a content parameter: Text(\"Hello World\")',\n        documentation: 'https://docs.tachui.dev/components/text',\n        example: {\n          wrong: 'Text()',\n          correct: 'Text(\"Hello World\")'\n        }\n      })\n    }\n\n    const [content] = args\n\n    if (content === undefined || content === null) {\n      throw new TachUIValidationError('Text content cannot be undefined or null', {\n        component: 'Text',\n        suggestion: 'Provide a valid string, function, or Signal',\n        example: {\n          wrong: 'Text(null)',\n          correct: 'Text(\"Hello World\")'\n        }\n      })\n    }\n\n    const contentType = typeof content\n    const isValidContent = contentType === 'string' ||\n                          contentType === 'function' ||\n                          isSignal(content)\n\n    if (!isValidContent) {\n      throw new TachUIValidationError(`Text content must be a string, function, or Signal. Received: ${contentType}`, {\n        component: 'Text',\n        suggestion: 'Use a string literal, function, or reactive signal',\n        example: {\n          wrong: 'Text(123)',\n          correct: 'Text(\"Hello World\")'\n        }\n      })\n    }\n  },\n\n  /**\n   * Validate Button component\n   */\n  validateButton(args: unknown[]): void {\n    if (!isValidationEnabled()) return\n\n    if (args.length === 0) {\n      throw new TachUIValidationError('Button component requires a title parameter', {\n        component: 'Button',\n        suggestion: 'Add a title parameter: Button(\"Click me\", () => {})',\n        documentation: 'https://docs.tachui.dev/components/button',\n        example: {\n          wrong: 'Button()',\n          correct: 'Button(\"Click me\", () => {})'\n        }\n      })\n    }\n\n    const [title, action] = args\n\n    if (title === undefined || title === null) {\n      throw new TachUIValidationError('Button title cannot be undefined or null', {\n        component: 'Button',\n        suggestion: 'Provide a valid string, function, or Signal',\n        example: {\n          wrong: 'Button(null)',\n          correct: 'Button(\"Click me\")'\n        }\n      })\n    }\n\n    const titleType = typeof title\n    const isValidTitle = titleType === 'string' ||\n                        titleType === 'function' ||\n                        isSignal(title)\n\n    if (!isValidTitle) {\n      throw new TachUIValidationError(`Button title must be a string, function, or Signal. Received: ${titleType}`, {\n        component: 'Button',\n        suggestion: 'Use a string literal, function, or reactive signal',\n        example: {\n          wrong: 'Button(123)',\n          correct: 'Button(\"Click me\")'\n        }\n      })\n    }\n\n    // Warning for missing action (not an error)\n    if (action === undefined && args.length === 1 && validationConfig.errorLevel !== 'error') {\n      console.warn('⚠️ Button without action may not be interactive. Consider adding an action parameter.')\n    }\n  },\n\n  /**\n   * Validate VStack/HStack/ZStack components\n   */\n  validateStack(componentType: string, args: unknown[]): void {\n    if (!isValidationEnabled()) return\n\n    if (args.length === 0) {\n      throw new TachUIValidationError(`${componentType} component requires a props object with children array`, {\n        component: componentType,\n        suggestion: `Add children: ${componentType}({ children: [Text(\"Hello\")] })`,\n        documentation: 'https://docs.tachui.dev/components/layout',\n        example: {\n          wrong: `${componentType}()`,\n          correct: `${componentType}({ children: [Text(\"Hello\")] })`\n        }\n      })\n    }\n\n    const [props] = args\n\n    if (!props || typeof props !== 'object') {\n      throw new TachUIValidationError(`${componentType} requires a props object`, {\n        component: componentType,\n        suggestion: 'Pass a props object with children array',\n        example: {\n          wrong: `${componentType}(\"invalid\")`,\n          correct: `${componentType}({ children: [Text(\"Hello\")] })`\n        }\n      })\n    }\n\n    const propsObj = props as any\n    if (!Array.isArray(propsObj.children)) {\n      throw new TachUIValidationError(`${componentType} children must be an array`, {\n        component: componentType,\n        suggestion: 'Provide an array of components',\n        example: {\n          wrong: `${componentType}({ children: Text(\"Hello\") })`,\n          correct: `${componentType}({ children: [Text(\"Hello\")] })`\n        }\n      })\n    }\n  }\n}\n\n/**\n * Modifier validation functions\n */\nexport const ModifierValidation = {\n  /**\n   * Validate modifier usage\n   */\n  validateModifier(componentType: string, modifierName: string, args: unknown[] = []): void {\n    if (!isValidationEnabled()) return\n\n    // Check for non-existent modifiers\n    const nonExistentModifiers: Record<string, { suggestion: string; example?: string }> = {\n      textShadow: {\n        suggestion: 'Use shadow() instead',\n        example: '.shadow({ x: 2, y: 2, radius: 4, color: \"rgba(0,0,0,0.25)\" })'\n      },\n      id: {\n        suggestion: 'Use setAttribute(\"id\", value) instead',\n        example: '.setAttribute(\"id\", \"my-element\")'\n      },\n      className: {\n        suggestion: 'Use css() or setAttribute(\"class\", value) instead',\n        example: '.css({ className: \"my-class\" })'\n      },\n      style: {\n        suggestion: 'Use css() for custom styles instead',\n        example: '.css({ backgroundColor: \"red\" })'\n      }\n    }\n\n    const nonExistent = nonExistentModifiers[modifierName]\n    if (nonExistent) {\n      const error = new TachUIValidationError(`Modifier ${modifierName} does not exist`, {\n        component: componentType,\n        suggestion: nonExistent.suggestion,\n        example: nonExistent.example ? {\n          wrong: `.${modifierName}()`,\n          correct: nonExistent.example\n        } : undefined\n      })\n\n      if (validationConfig.errorLevel === 'error') {\n        throw error\n      } else {\n        console.warn(error.getFormattedMessage())\n      }\n      return\n    }\n\n    // Check parameter counts\n    const noParamModifiers = new Set(['clipped', 'resizable'])\n    if (noParamModifiers.has(modifierName) && args.length > 0) {\n      const error = new TachUIValidationError(`${modifierName}() takes no parameters`, {\n        component: componentType,\n        suggestion: `Use ${modifierName}() without arguments`,\n        example: {\n          wrong: `.${modifierName}(someValue)`,\n          correct: `.${modifierName}()`\n        }\n      })\n\n      if (validationConfig.errorLevel === 'error') {\n        throw error\n      } else {\n        console.warn(error.getFormattedMessage())\n      }\n    }\n\n    // Component-specific modifier validation\n    const textOnlyModifiers = new Set(['font', 'fontSize', 'fontWeight', 'textAlign', 'lineHeight', 'letterSpacing'])\n    const interactiveOnlyModifiers = new Set(['disabled', 'onTap', 'cursor'])\n\n    if (textOnlyModifiers.has(modifierName) && componentType !== 'Text') {\n      const message = `${modifierName} modifier is only valid for Text components`\n\n      if (validationConfig.errorLevel === 'error') {\n        throw new TachUIValidationError(message, {\n          component: componentType,\n          suggestion: `Use ${modifierName} modifier on Text components only`\n        })\n      } else if (validationConfig.errorLevel === 'warn') {\n        console.warn(`⚠️ ${message}`)\n      }\n    }\n\n    if (interactiveOnlyModifiers.has(modifierName) && !['Button', 'Toggle', 'Slider'].includes(componentType)) {\n      const message = `${modifierName} modifier is only valid for interactive components`\n\n      if (validationConfig.errorLevel === 'warn') {\n        console.warn(`⚠️ ${message}`)\n      }\n    }\n  }\n}\n\n/**\n * Create validated component wrapper\n */\nexport function createValidatedComponent<T extends ComponentInstance>(\n  originalConstructor: (...args: any[]) => T,\n  validator: (args: unknown[]) => void,\n  componentType: string\n): (...args: any[]) => T {\n\n  return function validatedConstructor(this: any, ...args: unknown[]): T {\n    // Run validation\n    validator(args)\n\n    // Create the component\n    const instance = originalConstructor.apply(this, args as any)\n\n    // Wrap with modifier validation if it has modifiers\n    if ('modifier' in instance && typeof instance.modifier === 'object') {\n      return wrapWithModifierValidation(instance, componentType)\n    }\n\n    return instance\n  }\n}\n\n/**\n * Wrap component with modifier validation\n */\nfunction wrapWithModifierValidation<T extends ComponentInstance>(instance: T, componentType: string): T {\n  if (!isValidationEnabled()) return instance\n\n  return new Proxy(instance, {\n    get(target, prop) {\n      const value = target[prop as keyof T]\n\n      if (prop === 'modifier') {\n        return wrapModifierChain(value, componentType)\n      }\n\n      return value\n    }\n  })\n}\n\n/**\n * Wrap modifier chain with validation\n */\nfunction wrapModifierChain(modifierChain: any, componentType: string): any {\n  if (!modifierChain) return modifierChain\n\n  return new Proxy(modifierChain, {\n    get(target, prop) {\n      const propName = String(prop)\n      const originalMethod = target[prop]\n\n      // Allow build and other meta methods\n      if (propName === 'build' || propName === 'addModifier' || propName === 'responsive') {\n        return originalMethod\n      }\n\n      if (typeof originalMethod === 'function') {\n        return function validatedModifier(...args: unknown[]) {\n          // Validate before calling\n          ModifierValidation.validateModifier(componentType, propName, args)\n\n          // Call original method\n          return originalMethod.apply(target, args)\n        }\n      }\n\n      return originalMethod\n    }\n  })\n}\n\n/**\n * Validation utilities\n */\nexport const ValidationUtils = {\n  /**\n   * Enable validation\n   */\n  enable(enabled: boolean = true): void {\n    configureValidation({ enabled })\n  },\n\n  /**\n   * Enable strict mode\n   */\n  enableStrictMode(): void {\n    configureValidation({ strictMode: true })\n    console.info('🚨 TachUI Strict validation mode enabled')\n  },\n\n  /**\n   * Set error level\n   */\n  setErrorLevel(level: 'error' | 'warn' | 'info'): void {\n    configureValidation({ errorLevel: level })\n  },\n\n  /**\n   * Test validation system\n   */\n  test(): void {\n    if (!isValidationEnabled()) {\n      console.info('ℹ️ Validation is disabled in production mode')\n      return\n    }\n\n    console.group('🔍 TachUI Validation System Test')\n\n    try {\n      console.info('✅ Validation system is working correctly')\n    } catch (error) {\n      console.error('❌ Validation test failed:', error)\n    }\n\n    console.groupEnd()\n  },\n\n  /**\n   * Get validation stats\n   */\n  getStats() {\n    return {\n      enabled: isValidationEnabled(),\n      config: validationConfig,\n      components: ['Text', 'Button', 'VStack', 'HStack', 'ZStack'],\n      modifiers: ['All modifiers validated for component compatibility']\n    }\n  }\n}\n"],"names":["TachUIValidationError","message","context","component","suggestion","example","documentation","formatted","validationConfig","isValidationEnabled","ComponentValidation","args","content","contentType","isSignal","title","action","titleType","componentType","props","propsObj"],"mappings":"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"}