@tachui/core 0.7.0-alpha1 → 0.8.0-alpha

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

@@ -1 +0,0 @@
-{"version":3,"file":"component-base.cjs","sources":["../../src/css-classes/component-base.ts"],"sourcesContent":["/**\n * CSS Classes Enhancement - Component Base\n * \n * Base class for components that support CSS class integration.\n * Provides utilities for processing and applying CSS classes.\n */\n\nimport { createComputed, isSignal, isComputed } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport { cssClassManager } from './css-class-manager'\nimport type { CSSClassesProps } from './types'\n\n/**\n * Base class for components with CSS class support\n */\nexport abstract class ComponentWithCSSClasses {\n  protected cssClassManager = cssClassManager\n\n  /**\n   * Process CSS classes from props and integrate with component classes\n   */\n  protected processComponentClasses(\n    props: CSSClassesProps, \n    baseClasses: string[] = []\n  ): string[] {\n    if (!props.css) {\n      return baseClasses\n    }\n\n    const userClasses = this.cssClassManager.processClasses(props.css)\n    return this.cssClassManager.combineClasses(baseClasses, userClasses)\n  }\n\n  /**\n   * Create class string for DOM nodes - handles both static and reactive classes\n   */\n  protected createClassString(\n    props: CSSClassesProps,\n    baseClasses: string[] = []\n  ): Signal<string> | string {\n    // If css is reactive, create reactive class string\n    if (props.css && (isSignal(props.css) || isComputed(props.css))) {\n      return createComputed(() => {\n        const processedClasses = this.processComponentClasses(props, baseClasses)\n        return processedClasses.join(' ')\n      })\n    }\n\n    // Static class processing\n    const processedClasses = this.processComponentClasses(props, baseClasses)\n    return processedClasses.join(' ')\n  }\n\n  /**\n   * Create class array for components that need array format\n   */\n  protected createClassArray(\n    props: CSSClassesProps,\n    baseClasses: string[] = []\n  ): Signal<string[]> | string[] {\n    // If css is reactive, create reactive class array\n    if (props.css && isSignal(props.css)) {\n      return createComputed(() => {\n        return this.processComponentClasses(props, baseClasses)\n      })\n    }\n\n    // Static class processing\n    return this.processComponentClasses(props, baseClasses)\n  }\n\n  /**\n   * Validate CSS classes for development warnings\n   */\n  protected validateCSSClasses(props: CSSClassesProps): void {\n    if (process.env.NODE_ENV !== 'development' || !props.css) {\n      return\n    }\n\n    // Validate that css is the right type\n    const classes = props.css\n    const isValidType = typeof classes === 'string' || \n                       Array.isArray(classes) || \n                       isSignal(classes)\n\n    if (!isValidType) {\n      console.warn('[tachUI] css must be a string, array of strings, or signal. Got:', typeof classes)\n    }\n\n    // Validate array contents if it's an array\n    if (Array.isArray(classes)) {\n      const invalidItems = classes.filter(item => typeof item !== 'string')\n      if (invalidItems.length > 0) {\n        console.warn('[tachUI] All items in css array must be strings. Invalid items:', invalidItems)\n      }\n    }\n  }\n\n  /**\n   * Get debug information about processed classes\n   */\n  protected getClassDebugInfo(\n    props: CSSClassesProps,\n    baseClasses: string[] = []\n  ): { base: string[], user: string[], processed: string[], final: string } {\n    const userClasses = props.css ? \n      this.cssClassManager.processClasses(props.css) : []\n    const processedClasses = this.processComponentClasses(props, baseClasses)\n    \n    return {\n      base: baseClasses,\n      user: userClasses,\n      processed: processedClasses,\n      final: processedClasses.join(' ')\n    }\n  }\n}"],"names":["ComponentWithCSSClasses","__publicField","cssClassManager","props","baseClasses","userClasses","isSignal","isComputed","createComputed","classes","invalidItems","item","processedClasses"],"mappings":"8eAeO,MAAeA,CAAwB,CAAvC,aAAA,CACLC,EAAA,KAAU,kBAAkBC,iBAAA,CAAA,CAKlB,wBACRC,EACAC,EAAwB,GACd,CACV,GAAI,CAACD,EAAM,IACT,OAAOC,EAGT,MAAMC,EAAc,KAAK,gBAAgB,eAAeF,EAAM,GAAG,EACjE,OAAO,KAAK,gBAAgB,eAAeC,EAAaC,CAAW,CACrE,CAKU,kBACRF,EACAC,EAAwB,GACC,CAEzB,OAAID,EAAM,MAAQG,EAAAA,SAASH,EAAM,GAAG,GAAKI,aAAWJ,EAAM,GAAG,GACpDK,EAAAA,eAAe,IACK,KAAK,wBAAwBL,EAAOC,CAAW,EAChD,KAAK,GAAG,CACjC,EAIsB,KAAK,wBAAwBD,EAAOC,CAAW,EAChD,KAAK,GAAG,CAClC,CAKU,iBACRD,EACAC,EAAwB,GACK,CAE7B,OAAID,EAAM,KAAOG,EAAAA,SAASH,EAAM,GAAG,EAC1BK,EAAAA,eAAe,IACb,KAAK,wBAAwBL,EAAOC,CAAW,CACvD,EAII,KAAK,wBAAwBD,EAAOC,CAAW,CACxD,CAKU,mBAAmBD,EAA8B,CACzD,GAAI,QAAQ,IAAI,WAAa,eAAiB,CAACA,EAAM,IACnD,OAIF,MAAMM,EAAUN,EAAM,IAUtB,GAToB,OAAOM,GAAY,UACpB,MAAM,QAAQA,CAAO,GACrBH,EAAAA,SAASG,CAAO,GAGjC,QAAQ,KAAK,mEAAoE,OAAOA,CAAO,EAI7F,MAAM,QAAQA,CAAO,EAAG,CAC1B,MAAMC,EAAeD,EAAQ,OAAOE,GAAQ,OAAOA,GAAS,QAAQ,EAChED,EAAa,OAAS,GACxB,QAAQ,KAAK,kEAAmEA,CAAY,CAEhG,CACF,CAKU,kBACRP,EACAC,EAAwB,GACgD,CACxE,MAAMC,EAAcF,EAAM,IACxB,KAAK,gBAAgB,eAAeA,EAAM,GAAG,EAAI,CAAA,EAC7CS,EAAmB,KAAK,wBAAwBT,EAAOC,CAAW,EAExE,MAAO,CACL,KAAMA,EACN,KAAMC,EACN,UAAWO,EACX,MAAOA,EAAiB,KAAK,GAAG,CAAA,CAEpC,CACF"}

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

@@ -1,62 +0,0 @@
-import "../reactive/cleanup.js";
-import { isComputed as c, createComputed as o } from "../reactive/computed.js";
-import "../reactive/unified-scheduler.js";
-import { isSignal as a } from "../reactive/signal.js";
-import "../reactive/scheduler.js";
-import "../reactive/theme.js";
-import { cssClassManager as l } from "./css-class-manager.js";
-var C = Object.defineProperty, m = (r, s, e) => s in r ? C(r, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[s] = e, u = (r, s, e) => m(r, s + "", e);
-class _ {
-  constructor() {
-    u(this, "cssClassManager", l);
-  }
-  /**
-   * Process CSS classes from props and integrate with component classes
-   */
-  processComponentClasses(s, e = []) {
-    if (!s.css)
-      return e;
-    const n = this.cssClassManager.processClasses(s.css);
-    return this.cssClassManager.combineClasses(e, n);
-  }
-  /**
-   * Create class string for DOM nodes - handles both static and reactive classes
-   */
-  createClassString(s, e = []) {
-    return s.css && (a(s.css) || c(s.css)) ? o(() => this.processComponentClasses(s, e).join(" ")) : this.processComponentClasses(s, e).join(" ");
-  }
-  /**
-   * Create class array for components that need array format
-   */
-  createClassArray(s, e = []) {
-    return s.css && a(s.css) ? o(() => this.processComponentClasses(s, e)) : this.processComponentClasses(s, e);
-  }
-  /**
-   * Validate CSS classes for development warnings
-   */
-  validateCSSClasses(s) {
-    if (process.env.NODE_ENV !== "development" || !s.css)
-      return;
-    const e = s.css;
-    if (typeof e == "string" || Array.isArray(e) || a(e) || console.warn("[tachUI] css must be a string, array of strings, or signal. Got:", typeof e), Array.isArray(e)) {
-      const t = e.filter((i) => typeof i != "string");
-      t.length > 0 && console.warn("[tachUI] All items in css array must be strings. Invalid items:", t);
-    }
-  }
-  /**
-   * Get debug information about processed classes
-   */
-  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(" ")
-    };
-  }
-}
-export {
-  _ as ComponentWithCSSClasses
-};
-//# sourceMappingURL=component-base.js.map

package/dist/css-classes/component-base.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component-base.js","sources":["../../src/css-classes/component-base.ts"],"sourcesContent":["/**\n * CSS Classes Enhancement - Component Base\n * \n * Base class for components that support CSS class integration.\n * Provides utilities for processing and applying CSS classes.\n */\n\nimport { createComputed, isSignal, isComputed } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport { cssClassManager } from './css-class-manager'\nimport type { CSSClassesProps } from './types'\n\n/**\n * Base class for components with CSS class support\n */\nexport abstract class ComponentWithCSSClasses {\n  protected cssClassManager = cssClassManager\n\n  /**\n   * Process CSS classes from props and integrate with component classes\n   */\n  protected processComponentClasses(\n    props: CSSClassesProps, \n    baseClasses: string[] = []\n  ): string[] {\n    if (!props.css) {\n      return baseClasses\n    }\n\n    const userClasses = this.cssClassManager.processClasses(props.css)\n    return this.cssClassManager.combineClasses(baseClasses, userClasses)\n  }\n\n  /**\n   * Create class string for DOM nodes - handles both static and reactive classes\n   */\n  protected createClassString(\n    props: CSSClassesProps,\n    baseClasses: string[] = []\n  ): Signal<string> | string {\n    // If css is reactive, create reactive class string\n    if (props.css && (isSignal(props.css) || isComputed(props.css))) {\n      return createComputed(() => {\n        const processedClasses = this.processComponentClasses(props, baseClasses)\n        return processedClasses.join(' ')\n      })\n    }\n\n    // Static class processing\n    const processedClasses = this.processComponentClasses(props, baseClasses)\n    return processedClasses.join(' ')\n  }\n\n  /**\n   * Create class array for components that need array format\n   */\n  protected createClassArray(\n    props: CSSClassesProps,\n    baseClasses: string[] = []\n  ): Signal<string[]> | string[] {\n    // If css is reactive, create reactive class array\n    if (props.css && isSignal(props.css)) {\n      return createComputed(() => {\n        return this.processComponentClasses(props, baseClasses)\n      })\n    }\n\n    // Static class processing\n    return this.processComponentClasses(props, baseClasses)\n  }\n\n  /**\n   * Validate CSS classes for development warnings\n   */\n  protected validateCSSClasses(props: CSSClassesProps): void {\n    if (process.env.NODE_ENV !== 'development' || !props.css) {\n      return\n    }\n\n    // Validate that css is the right type\n    const classes = props.css\n    const isValidType = typeof classes === 'string' || \n                       Array.isArray(classes) || \n                       isSignal(classes)\n\n    if (!isValidType) {\n      console.warn('[tachUI] css must be a string, array of strings, or signal. Got:', typeof classes)\n    }\n\n    // Validate array contents if it's an array\n    if (Array.isArray(classes)) {\n      const invalidItems = classes.filter(item => typeof item !== 'string')\n      if (invalidItems.length > 0) {\n        console.warn('[tachUI] All items in css array must be strings. Invalid items:', invalidItems)\n      }\n    }\n  }\n\n  /**\n   * Get debug information about processed classes\n   */\n  protected getClassDebugInfo(\n    props: CSSClassesProps,\n    baseClasses: string[] = []\n  ): { base: string[], user: string[], processed: string[], final: string } {\n    const userClasses = props.css ? \n      this.cssClassManager.processClasses(props.css) : []\n    const processedClasses = this.processComponentClasses(props, baseClasses)\n    \n    return {\n      base: baseClasses,\n      user: userClasses,\n      processed: processedClasses,\n      final: processedClasses.join(' ')\n    }\n  }\n}"],"names":["ComponentWithCSSClasses","__publicField","cssClassManager","props","baseClasses","userClasses","isSignal","isComputed","createComputed","classes","invalidItems","item","processedClasses"],"mappings":";;;;;;;;AAeO,MAAeA,EAAwB;AAAA,EAAvC,cAAA;AACL,IAAAC,EAAA,MAAU,mBAAkBC,CAAA;AAAA,EAAA;AAAA;AAAA;AAAA;AAAA,EAKlB,wBACRC,GACAC,IAAwB,IACd;AACV,QAAI,CAACD,EAAM;AACT,aAAOC;AAGT,UAAMC,IAAc,KAAK,gBAAgB,eAAeF,EAAM,GAAG;AACjE,WAAO,KAAK,gBAAgB,eAAeC,GAAaC,CAAW;AAAA,EACrE;AAAA;AAAA;AAAA;AAAA,EAKU,kBACRF,GACAC,IAAwB,IACC;AAEzB,WAAID,EAAM,QAAQG,EAASH,EAAM,GAAG,KAAKI,EAAWJ,EAAM,GAAG,KACpDK,EAAe,MACK,KAAK,wBAAwBL,GAAOC,CAAW,EAChD,KAAK,GAAG,CACjC,IAIsB,KAAK,wBAAwBD,GAAOC,CAAW,EAChD,KAAK,GAAG;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA,EAKU,iBACRD,GACAC,IAAwB,IACK;AAE7B,WAAID,EAAM,OAAOG,EAASH,EAAM,GAAG,IAC1BK,EAAe,MACb,KAAK,wBAAwBL,GAAOC,CAAW,CACvD,IAII,KAAK,wBAAwBD,GAAOC,CAAW;AAAA,EACxD;AAAA;AAAA;AAAA;AAAA,EAKU,mBAAmBD,GAA8B;AACzD,QAAI,QAAQ,IAAI,aAAa,iBAAiB,CAACA,EAAM;AACnD;AAIF,UAAMM,IAAUN,EAAM;AAUtB,QAToB,OAAOM,KAAY,YACpB,MAAM,QAAQA,CAAO,KACrBH,EAASG,CAAO,KAGjC,QAAQ,KAAK,oEAAoE,OAAOA,CAAO,GAI7F,MAAM,QAAQA,CAAO,GAAG;AAC1B,YAAMC,IAAeD,EAAQ,OAAO,CAAAE,MAAQ,OAAOA,KAAS,QAAQ;AACpE,MAAID,EAAa,SAAS,KACxB,QAAQ,KAAK,mEAAmEA,CAAY;AAAA,IAEhG;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKU,kBACRP,GACAC,IAAwB,IACgD;AACxE,UAAMC,IAAcF,EAAM,MACxB,KAAK,gBAAgB,eAAeA,EAAM,GAAG,IAAI,CAAA,GAC7CS,IAAmB,KAAK,wBAAwBT,GAAOC,CAAW;AAExE,WAAO;AAAA,MACL,MAAMA;AAAA,MACN,MAAMC;AAAA,MACN,WAAWO;AAAA,MACX,OAAOA,EAAiB,KAAK,GAAG;AAAA,IAAA;AAAA,EAEpC;AACF;"}

package/dist/css-classes/css-class-manager.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");const f=require("../reactive/computed.cjs");require("../reactive/unified-scheduler.cjs");const C=require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");var g=Object.defineProperty,u=(r,e,s)=>e in r?g(r,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[e]=s,c=(r,e,s)=>u(r,typeof e!="symbol"?e+"":e,s);const d={sanitizeClassNames:!0,sanitizationRules:{allowNumbers:!0,allowUnderscores:!0,customReplacements:{}},enableCaching:!0,maxCacheSize:1e3,warnDuplicateClasses:process.env.NODE_ENV==="development",warnInvalidClasses:process.env.NODE_ENV==="development"};class h{constructor(e={}){c(this,"config"),c(this,"classCache"),c(this,"processingCache"),this.config={...d,...e};const s=(()=>{try{return typeof Map<"u"&&typeof Map=="function"}catch{return!1}})();this.classCache=s?new Map:{},this.processingCache=s?new Map:{}}cacheHas(e,s){try{return e instanceof Map?e.has(s):s in e}catch{return s in e}}cacheGet(e,s){try{return e instanceof Map?e.get(s):e[s]}catch{return e[s]}}cacheSet(e,s,t){try{e instanceof Map?e.set(s,t):e[s]=t}catch{e[s]=t}}cacheDelete(e,s){try{e instanceof Map?e.delete(s):delete e[s]}catch{delete e[s]}}cacheClear(e){try{e instanceof Map?e.clear():Object.keys(e).forEach(s=>delete e[s])}catch{Object.keys(e).forEach(t=>delete e[t])}}cacheSize(e){try{return e instanceof Map?e.size:Object.keys(e).length}catch{return Object.keys(e).length}}cacheKeys(e){try{return e instanceof Map?e.keys():Object.keys(e)}catch{return Object.keys(e)}}processClasses(e){if(!e)return[];if(C.isSignal(e)||f.isComputed(e)){const a=e();return this.processClasses(a)}const s=this.getCacheKey(e);if(this.config.enableCaching&&this.cacheHas(this.classCache,s))return this.cacheGet(this.classCache,s);let t=[];if(typeof e=="string")t=e.trim().split(/\s+/).filter(Boolean);else if(Array.isArray(e))t=e.flatMap(a=>{if(a==null||a==="")return[];const n=(typeof a=="string"?a:String(a)).trim();return typeof a!="string"&&n?[n]:n.split(/\s+/)}).filter(Boolean);else{const a=String(e).trim();t=a?[a]:[]}const i=this.processClassArray(t);return this.config.enableCaching&&this.setCachedClasses(s,i),i}processClassArray(e){let s=e;return this.config.sanitizeClassNames&&(s=s.map(t=>this.sanitizeClassName(t))),s=this.deduplicateClasses(s),this.config.warnDuplicateClasses&&e.length!==s.length&&console.warn("[tachUI] Duplicate CSS classes detected and removed:",e.filter((t,i)=>e.indexOf(t)!==i)),s}sanitizeClassName(e){if(!e||typeof e!="string")return"";const s=this.config.sanitizationRules;let t=e.trim();t.includes(" ")&&(t=t.replace(/\s+/g,"-"),this.config.warnInvalidClasses&&console.warn(`[tachUI] CSS class names cannot contain spaces. Converted "${e}" to "${t}"`)),Object.entries(s.customReplacements||{}).forEach(([a,o])=>{t=t.replace(new RegExp(a,"g"),o)});let i="a-zA-Z\\-\\.";return s.allowNumbers&&(i+="0-9"),s.allowUnderscores&&(i+="_"),i+=":\\[\\]/%",t=t.replace(new RegExp(`[^${i}]`,"g"),"-"),/^[0-9]/.test(t)&&(t="cls-"+t),t=t.replace(/---+/g,"--"),this.config.warnInvalidClasses&&t!==e.trim()&&console.warn(`[tachUI] CSS class "${e}" sanitized to "${t}"`),t}deduplicateClasses(e){return[...new Set(e.filter(Boolean))]}combineClasses(e,s){const t=this.processClasses(s),i=[...e,...t];return this.deduplicateClasses(i)}updateConfig(e){this.config={...this.config,...e},this.clearCaches()}getConfig(){return{...this.config}}clearCaches(){this.cacheClear(this.classCache),this.cacheClear(this.processingCache)}getCacheStats(){return{size:this.cacheSize(this.classCache),maxSize:this.config.maxCacheSize,hitRate:0}}getCacheKey(e){return Array.isArray(e)?e.join("|"):e}setCachedClasses(e,s){if(this.cacheSize(this.classCache)>=this.config.maxCacheSize){const t=this.cacheKeys(this.classCache),i=Array.isArray(t)?t[0]:t.next().value;i!==void 0&&this.cacheDelete(this.classCache,i)}this.cacheSet(this.classCache,e,s)}}const l=new h;function p(r){l.updateConfig(r)}function S(){return l.getConfig()}exports.CSSClassManager=h;exports.configureCSSClasses=p;exports.cssClassManager=l;exports.getCSSClassConfig=S;
-//# sourceMappingURL=css-class-manager.cjs.map

package/dist/css-classes/css-class-manager.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-class-manager.cjs","sources":["../../src/css-classes/css-class-manager.ts"],"sourcesContent":["/**\n * CSS Classes Enhancement - Class Manager\n *\n * Core CSS class processing system that handles sanitization,\n * deduplication, and integration with tachUI components.\n */\n\nimport { isSignal, isComputed } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport type {\n  CSSClassProcessor,\n  CSSClassConfig,\n  ClassProcessingResult\n} from './types'\n\n/**\n * Default configuration for CSS class processing\n */\nconst DEFAULT_CONFIG: CSSClassConfig = {\n  sanitizeClassNames: true,\n  sanitizationRules: {\n    allowNumbers: true,\n    allowUnderscores: true,\n    customReplacements: {}\n  },\n  enableCaching: true,\n  maxCacheSize: 1000,\n  warnDuplicateClasses: process.env.NODE_ENV === 'development',\n  warnInvalidClasses: process.env.NODE_ENV === 'development'\n}\n\n/**\n * CSS Class Manager - Core processing system\n */\nexport class CSSClassManager implements CSSClassProcessor {\n  private config: CSSClassConfig\n  private classCache: Map<string, string[]> | { [key: string]: string[] }\n  private processingCache: Map<string, ClassProcessingResult> | { [key: string]: ClassProcessingResult }\n\n  constructor(config: Partial<CSSClassConfig> = {}) {\n    this.config = { ...DEFAULT_CONFIG, ...config }\n\n    // Initialize caches with Map if available, otherwise use plain objects\n    // Use safe check for Map availability to handle all edge cases\n    const mapAvailable = (() => {\n      try {\n        return typeof Map !== 'undefined' && typeof Map === 'function'\n      } catch (_e) {\n        return false\n      }\n    })()\n\n    this.classCache = mapAvailable ? new Map() : {}\n    this.processingCache = mapAvailable ? new Map() : {}\n  }\n\n  /**\n   * Cache helper methods to work with both Map and plain object fallbacks\n   */\n  private cacheHas(cache: Map<string, any> | { [key: string]: any }, key: string): boolean {\n    try {\n      return cache instanceof Map ? cache.has(key) : key in cache\n    } catch (_e) {\n      // Fallback if Map check fails\n      return key in cache\n    }\n  }\n\n  private cacheGet<T>(cache: Map<string, T> | { [key: string]: T }, key: string): T | undefined {\n    try {\n      return cache instanceof Map ? cache.get(key) : cache[key]\n    } catch (_e) {\n      return (cache as { [key: string]: T })[key]\n    }\n  }\n\n  private cacheSet<T>(cache: Map<string, T> | { [key: string]: T }, key: string, value: T): void {\n    try {\n      if (cache instanceof Map) {\n        cache.set(key, value)\n      } else {\n        cache[key] = value\n      }\n    } catch (_e) {\n      ;(cache as { [key: string]: T })[key] = value\n    }\n  }\n\n  private cacheDelete<T>(cache: Map<string, T> | { [key: string]: T }, key: string): void {\n    try {\n      if (cache instanceof Map) {\n        cache.delete(key)\n      } else {\n        delete cache[key]\n      }\n    } catch (_e) {\n      delete (cache as { [key: string]: T })[key]\n    }\n  }\n\n  private cacheClear<T>(cache: Map<string, T> | { [key: string]: T }): void {\n    try {\n      if (cache instanceof Map) {\n        cache.clear()\n      } else {\n        Object.keys(cache).forEach(key => delete cache[key])\n      }\n    } catch (_e) {\n      Object.keys(cache as { [key: string]: T }).forEach(key => delete (cache as { [key: string]: T })[key])\n    }\n  }\n\n  private cacheSize<T>(cache: Map<string, T> | { [key: string]: T }): number {\n    try {\n      return cache instanceof Map ? cache.size : Object.keys(cache).length\n    } catch (_e) {\n      return Object.keys(cache).length\n    }\n  }\n\n  private cacheKeys<T>(cache: Map<string, T> | { [key: string]: T }): IterableIterator<string> | string[] {\n    try {\n      return cache instanceof Map ? cache.keys() : Object.keys(cache)\n    } catch (_e) {\n      return Object.keys(cache)\n    }\n  }\n\n  /**\n   * Process CSS classes from various input formats\n   */\n  processClasses(input: string | string[] | Signal<string | string[]>): string[] {\n    if (!input) return []\n\n    // Handle reactive signals and computed values - no caching for dynamic values\n    if (isSignal(input) || isComputed(input)) {\n      const resolved = input()\n      return this.processClasses(resolved)\n    }\n\n    // Check cache for static inputs\n    const cacheKey = this.getCacheKey(input)\n    if (this.config.enableCaching && this.cacheHas(this.classCache, cacheKey)) {\n      return this.cacheGet(this.classCache, cacheKey)!\n    }\n\n    let classes: string[] = []\n\n    // Handle string input - split on whitespace\n    if (typeof input === 'string') {\n      classes = input.trim().split(/\\s+/).filter(Boolean)\n    }\n    // Handle array input - flatten and filter, convert non-strings to strings\n    else if (Array.isArray(input)) {\n      classes = input\n        .flatMap(cls => {\n          if (cls === null || cls === undefined || cls === '') {\n            return [] // Skip null, undefined, and empty strings\n          }\n          // Convert non-strings to strings\n          const stringified = typeof cls === 'string' ? cls : String(cls)\n          const trimmed = stringified.trim()\n\n          // For non-string values that have been stringified, treat as single class name\n          // to preserve object representations like \"[object Object]\"\n          if (typeof cls !== 'string' && trimmed) {\n            return [trimmed]\n          }\n\n          // For strings, split on whitespace as normal\n          return trimmed.split(/\\s+/)\n        })\n        .filter(Boolean)\n    }\n    // Handle other types by converting to string (for edge case testing)\n    // Treat the entire stringified value as a single class name to preserve object representations\n    else {\n      const stringified = String(input).trim()\n      classes = stringified ? [stringified] : []\n    }\n\n    // Process classes through sanitization and deduplication\n    const processed = this.processClassArray(classes)\n\n    // Cache the result if caching is enabled\n    if (this.config.enableCaching) {\n      this.setCachedClasses(cacheKey, processed)\n    }\n\n    return processed\n  }\n\n  /**\n   * Process an array of class names\n   */\n  private processClassArray(classes: string[]): string[] {\n    let processed = classes\n\n    // Sanitize class names if enabled\n    if (this.config.sanitizeClassNames) {\n      processed = processed.map(cls => this.sanitizeClassName(cls))\n    }\n\n    // Remove duplicates while preserving order\n    processed = this.deduplicateClasses(processed)\n\n    // Development warnings\n    if (this.config.warnDuplicateClasses && classes.length !== processed.length) {\n      console.warn('[tachUI] Duplicate CSS classes detected and removed:',\n        classes.filter((cls, i) => classes.indexOf(cls) !== i))\n    }\n\n    return processed\n  }\n\n  /**\n   * Sanitize class name to be valid CSS identifier\n   */\n  sanitizeClassName(className: string): string {\n    if (!className || typeof className !== 'string') return ''\n\n    const rules = this.config.sanitizationRules!\n    let sanitized = className.trim()\n\n    // Handle spaces in class names\n    // CSS class names cannot contain spaces - convert them to hyphens to create valid single class names\n    if (sanitized.includes(' ')) {\n      sanitized = sanitized.replace(/\\s+/g, '-')\n      if (this.config.warnInvalidClasses) {\n        console.warn(`[tachUI] CSS class names cannot contain spaces. Converted \"${className}\" to \"${sanitized}\"`)\n      }\n    }\n\n    // Apply custom replacements first\n    Object.entries(rules.customReplacements || {}).forEach(([from, to]) => {\n      sanitized = sanitized.replace(new RegExp(from, 'g'), to)\n    })\n\n    // Build character allowlist - be more permissive for modern CSS frameworks\n    let allowedChars = 'a-zA-Z\\\\-\\\\.'  // Basic CSS characters\n    if (rules.allowNumbers) allowedChars += '0-9'\n    if (rules.allowUnderscores) allowedChars += '_'\n\n    // Allow modern CSS framework characters (Tailwind, CSS modules, etc.)\n    // : for pseudo-classes (hover:bg-blue-500)\n    // [ ] for arbitrary values ([10px])\n    // / for opacity modifiers (bg-black/50)\n    // % for percentages\n    allowedChars += ':\\\\[\\\\]/%'\n\n    // Only replace characters that are truly invalid in CSS class names\n    // Keep most characters as-is since modern CSS frameworks use many special chars\n    sanitized = sanitized.replace(new RegExp(`[^${allowedChars}]`, 'g'), '-')\n\n    // Ensure doesn't start with number (invalid CSS)\n    if (/^[0-9]/.test(sanitized)) {\n      sanitized = 'cls-' + sanitized\n    }\n\n    // Collapse excessive hyphens (3 or more) but preserve CSS custom property prefixes (--)\n    sanitized = sanitized.replace(/---+/g, '--')\n\n    // Keep leading/trailing hyphens - they are valid in CSS class names\n    // Only remove if they result from excessive collapsing (e.g., \"---\" became \"--\" then \"-\" at edges)\n\n    // Keep original case - many frameworks use camelCase and mixed case\n    // Do not convert to lowercase to preserve modern CSS framework conventions\n\n    // Warn about invalid classes in development\n    if (this.config.warnInvalidClasses && sanitized !== className.trim()) {\n      console.warn(`[tachUI] CSS class \"${className}\" sanitized to \"${sanitized}\"`)\n    }\n\n    return sanitized\n  }\n\n  /**\n   * Deduplicate classes while preserving first occurrence order\n   */\n  deduplicateClasses(classes: string[]): string[] {\n    return [...new Set(classes.filter(Boolean))]\n  }\n\n  /**\n   * Combine tachUI classes with user-provided CSS classes\n   * User classes come AFTER tachUI classes for proper CSS cascade\n   */\n  combineClasses(tachuiClasses: string[], userClasses: string[]): string[] {\n    const processedUserClasses = this.processClasses(userClasses)\n    const combined = [...tachuiClasses, ...processedUserClasses]\n    return this.deduplicateClasses(combined)\n  }\n\n  /**\n   * Update configuration\n   */\n  updateConfig(config: Partial<CSSClassConfig>): void {\n    this.config = { ...this.config, ...config }\n\n    // Clear caches when config changes\n    this.clearCaches()\n  }\n\n  /**\n   * Get current configuration\n   */\n  getConfig(): CSSClassConfig {\n    return { ...this.config }\n  }\n\n  /**\n   * Clear all caches\n   */\n  clearCaches(): void {\n    this.cacheClear(this.classCache)\n    this.cacheClear(this.processingCache)\n  }\n\n  /**\n   * Get cache statistics for debugging\n   */\n  getCacheStats(): { size: number; maxSize: number; hitRate: number } {\n    return {\n      size: this.cacheSize(this.classCache),\n      maxSize: this.config.maxCacheSize,\n      hitRate: 0 // TODO: Implement hit rate tracking if needed\n    }\n  }\n\n  /**\n   * Generate cache key for input\n   */\n  private getCacheKey(input: string | string[]): string {\n    return Array.isArray(input) ? input.join('|') : input\n  }\n\n  /**\n   * Set cached classes with LRU eviction\n   */\n  private setCachedClasses(key: string, classes: string[]): void {\n    // Implement LRU cache eviction\n    if (this.cacheSize(this.classCache) >= this.config.maxCacheSize) {\n      const keys = this.cacheKeys(this.classCache)\n      // const firstKey = keys instanceof Array ? keys[0] : keys.next().value\n      const firstKey = Array.isArray(keys) ? keys[0] : keys.next().value\n      if (firstKey !== undefined) {\n        this.cacheDelete(this.classCache, firstKey)\n      }\n    }\n\n    this.cacheSet(this.classCache, key, classes)\n  }\n}\n\n/**\n * Global CSS class manager instance\n */\nexport const cssClassManager = new CSSClassManager()\n\n/**\n * Configure global CSS class processing\n */\nexport function configureCSSClasses(config: Partial<CSSClassConfig>): void {\n  cssClassManager.updateConfig(config)\n}\n\n/**\n * Get current CSS class configuration\n */\nexport function getCSSClassConfig(): CSSClassConfig {\n  return cssClassManager.getConfig()\n}\n"],"names":["DEFAULT_CONFIG","CSSClassManager","config","__publicField","mapAvailable","cache","key","value","input","isSignal","isComputed","resolved","cacheKey","classes","cls","trimmed","stringified","processed","className","rules","sanitized","from","to","allowedChars","tachuiClasses","userClasses","processedUserClasses","combined","keys","firstKey","cssClassManager","configureCSSClasses","getCSSClassConfig"],"mappings":"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"}

package/dist/css-classes/css-class-manager.js

@@ -1,209 +0,0 @@
-import "../reactive/cleanup.js";
-import { isComputed as h } from "../reactive/computed.js";
-import "../reactive/unified-scheduler.js";
-import { isSignal as f } from "../reactive/signal.js";
-import "../reactive/scheduler.js";
-import "../reactive/theme.js";
-var C = Object.defineProperty, g = (r, e, s) => e in r ? C(r, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[e] = s, c = (r, e, s) => g(r, typeof e != "symbol" ? e + "" : e, s);
-const p = {
-  sanitizeClassNames: !0,
-  sanitizationRules: {
-    allowNumbers: !0,
-    allowUnderscores: !0,
-    customReplacements: {}
-  },
-  enableCaching: !0,
-  maxCacheSize: 1e3,
-  warnDuplicateClasses: process.env.NODE_ENV === "development",
-  warnInvalidClasses: process.env.NODE_ENV === "development"
-};
-class d {
-  constructor(e = {}) {
-    c(this, "config"), c(this, "classCache"), c(this, "processingCache"), this.config = { ...p, ...e };
-    const s = (() => {
-      try {
-        return typeof Map < "u" && typeof Map == "function";
-      } catch {
-        return !1;
-      }
-    })();
-    this.classCache = s ? /* @__PURE__ */ new Map() : {}, this.processingCache = s ? /* @__PURE__ */ new Map() : {};
-  }
-  /**
-   * Cache helper methods to work with both Map and plain object fallbacks
-   */
-  cacheHas(e, s) {
-    try {
-      return e instanceof Map ? e.has(s) : s in e;
-    } catch {
-      return s in e;
-    }
-  }
-  cacheGet(e, s) {
-    try {
-      return e instanceof Map ? e.get(s) : e[s];
-    } catch {
-      return e[s];
-    }
-  }
-  cacheSet(e, s, t) {
-    try {
-      e instanceof Map ? e.set(s, t) : e[s] = t;
-    } catch {
-      e[s] = t;
-    }
-  }
-  cacheDelete(e, s) {
-    try {
-      e instanceof Map ? e.delete(s) : delete e[s];
-    } catch {
-      delete e[s];
-    }
-  }
-  cacheClear(e) {
-    try {
-      e instanceof Map ? e.clear() : Object.keys(e).forEach((s) => delete e[s]);
-    } catch {
-      Object.keys(e).forEach((t) => delete e[t]);
-    }
-  }
-  cacheSize(e) {
-    try {
-      return e instanceof Map ? e.size : Object.keys(e).length;
-    } catch {
-      return Object.keys(e).length;
-    }
-  }
-  cacheKeys(e) {
-    try {
-      return e instanceof Map ? e.keys() : Object.keys(e);
-    } catch {
-      return Object.keys(e);
-    }
-  }
-  /**
-   * Process CSS classes from various input formats
-   */
-  processClasses(e) {
-    if (!e) return [];
-    if (f(e) || h(e)) {
-      const a = e();
-      return this.processClasses(a);
-    }
-    const s = this.getCacheKey(e);
-    if (this.config.enableCaching && this.cacheHas(this.classCache, s))
-      return this.cacheGet(this.classCache, s);
-    let t = [];
-    if (typeof e == "string")
-      t = e.trim().split(/\s+/).filter(Boolean);
-    else if (Array.isArray(e))
-      t = e.flatMap((a) => {
-        if (a == null || a === "")
-          return [];
-        const n = (typeof a == "string" ? a : String(a)).trim();
-        return typeof a != "string" && n ? [n] : n.split(/\s+/);
-      }).filter(Boolean);
-    else {
-      const a = String(e).trim();
-      t = a ? [a] : [];
-    }
-    const i = this.processClassArray(t);
-    return this.config.enableCaching && this.setCachedClasses(s, i), i;
-  }
-  /**
-   * Process an array of class names
-   */
-  processClassArray(e) {
-    let s = e;
-    return this.config.sanitizeClassNames && (s = s.map((t) => this.sanitizeClassName(t))), s = this.deduplicateClasses(s), this.config.warnDuplicateClasses && e.length !== s.length && console.warn(
-      "[tachUI] Duplicate CSS classes detected and removed:",
-      e.filter((t, i) => e.indexOf(t) !== i)
-    ), s;
-  }
-  /**
-   * Sanitize class name to be valid CSS identifier
-   */
-  sanitizeClassName(e) {
-    if (!e || typeof e != "string") return "";
-    const s = this.config.sanitizationRules;
-    let t = e.trim();
-    t.includes(" ") && (t = t.replace(/\s+/g, "-"), this.config.warnInvalidClasses && console.warn(`[tachUI] CSS class names cannot contain spaces. Converted "${e}" to "${t}"`)), Object.entries(s.customReplacements || {}).forEach(([a, o]) => {
-      t = t.replace(new RegExp(a, "g"), o);
-    });
-    let i = "a-zA-Z\\-\\.";
-    return s.allowNumbers && (i += "0-9"), s.allowUnderscores && (i += "_"), i += ":\\[\\]/%", t = t.replace(new RegExp(`[^${i}]`, "g"), "-"), /^[0-9]/.test(t) && (t = "cls-" + t), t = t.replace(/---+/g, "--"), this.config.warnInvalidClasses && t !== e.trim() && console.warn(`[tachUI] CSS class "${e}" sanitized to "${t}"`), t;
-  }
-  /**
-   * Deduplicate classes while preserving first occurrence order
-   */
-  deduplicateClasses(e) {
-    return [...new Set(e.filter(Boolean))];
-  }
-  /**
-   * Combine tachUI classes with user-provided CSS classes
-   * User classes come AFTER tachUI classes for proper CSS cascade
-   */
-  combineClasses(e, s) {
-    const t = this.processClasses(s), i = [...e, ...t];
-    return this.deduplicateClasses(i);
-  }
-  /**
-   * Update configuration
-   */
-  updateConfig(e) {
-    this.config = { ...this.config, ...e }, this.clearCaches();
-  }
-  /**
-   * Get current configuration
-   */
-  getConfig() {
-    return { ...this.config };
-  }
-  /**
-   * Clear all caches
-   */
-  clearCaches() {
-    this.cacheClear(this.classCache), this.cacheClear(this.processingCache);
-  }
-  /**
-   * Get cache statistics for debugging
-   */
-  getCacheStats() {
-    return {
-      size: this.cacheSize(this.classCache),
-      maxSize: this.config.maxCacheSize,
-      hitRate: 0
-      // TODO: Implement hit rate tracking if needed
-    };
-  }
-  /**
-   * Generate cache key for input
-   */
-  getCacheKey(e) {
-    return Array.isArray(e) ? e.join("|") : e;
-  }
-  /**
-   * Set cached classes with LRU eviction
-   */
-  setCachedClasses(e, s) {
-    if (this.cacheSize(this.classCache) >= this.config.maxCacheSize) {
-      const t = this.cacheKeys(this.classCache), i = Array.isArray(t) ? t[0] : t.next().value;
-      i !== void 0 && this.cacheDelete(this.classCache, i);
-    }
-    this.cacheSet(this.classCache, e, s);
-  }
-}
-const l = new d();
-function z(r) {
-  l.updateConfig(r);
-}
-function _() {
-  return l.getConfig();
-}
-export {
-  d as CSSClassManager,
-  z as configureCSSClasses,
-  l as cssClassManager,
-  _ as getCSSClassConfig
-};
-//# sourceMappingURL=css-class-manager.js.map

package/dist/css-classes/css-class-manager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-class-manager.js","sources":["../../src/css-classes/css-class-manager.ts"],"sourcesContent":["/**\n * CSS Classes Enhancement - Class Manager\n *\n * Core CSS class processing system that handles sanitization,\n * deduplication, and integration with tachUI components.\n */\n\nimport { isSignal, isComputed } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport type {\n  CSSClassProcessor,\n  CSSClassConfig,\n  ClassProcessingResult\n} from './types'\n\n/**\n * Default configuration for CSS class processing\n */\nconst DEFAULT_CONFIG: CSSClassConfig = {\n  sanitizeClassNames: true,\n  sanitizationRules: {\n    allowNumbers: true,\n    allowUnderscores: true,\n    customReplacements: {}\n  },\n  enableCaching: true,\n  maxCacheSize: 1000,\n  warnDuplicateClasses: process.env.NODE_ENV === 'development',\n  warnInvalidClasses: process.env.NODE_ENV === 'development'\n}\n\n/**\n * CSS Class Manager - Core processing system\n */\nexport class CSSClassManager implements CSSClassProcessor {\n  private config: CSSClassConfig\n  private classCache: Map<string, string[]> | { [key: string]: string[] }\n  private processingCache: Map<string, ClassProcessingResult> | { [key: string]: ClassProcessingResult }\n\n  constructor(config: Partial<CSSClassConfig> = {}) {\n    this.config = { ...DEFAULT_CONFIG, ...config }\n\n    // Initialize caches with Map if available, otherwise use plain objects\n    // Use safe check for Map availability to handle all edge cases\n    const mapAvailable = (() => {\n      try {\n        return typeof Map !== 'undefined' && typeof Map === 'function'\n      } catch (_e) {\n        return false\n      }\n    })()\n\n    this.classCache = mapAvailable ? new Map() : {}\n    this.processingCache = mapAvailable ? new Map() : {}\n  }\n\n  /**\n   * Cache helper methods to work with both Map and plain object fallbacks\n   */\n  private cacheHas(cache: Map<string, any> | { [key: string]: any }, key: string): boolean {\n    try {\n      return cache instanceof Map ? cache.has(key) : key in cache\n    } catch (_e) {\n      // Fallback if Map check fails\n      return key in cache\n    }\n  }\n\n  private cacheGet<T>(cache: Map<string, T> | { [key: string]: T }, key: string): T | undefined {\n    try {\n      return cache instanceof Map ? cache.get(key) : cache[key]\n    } catch (_e) {\n      return (cache as { [key: string]: T })[key]\n    }\n  }\n\n  private cacheSet<T>(cache: Map<string, T> | { [key: string]: T }, key: string, value: T): void {\n    try {\n      if (cache instanceof Map) {\n        cache.set(key, value)\n      } else {\n        cache[key] = value\n      }\n    } catch (_e) {\n      ;(cache as { [key: string]: T })[key] = value\n    }\n  }\n\n  private cacheDelete<T>(cache: Map<string, T> | { [key: string]: T }, key: string): void {\n    try {\n      if (cache instanceof Map) {\n        cache.delete(key)\n      } else {\n        delete cache[key]\n      }\n    } catch (_e) {\n      delete (cache as { [key: string]: T })[key]\n    }\n  }\n\n  private cacheClear<T>(cache: Map<string, T> | { [key: string]: T }): void {\n    try {\n      if (cache instanceof Map) {\n        cache.clear()\n      } else {\n        Object.keys(cache).forEach(key => delete cache[key])\n      }\n    } catch (_e) {\n      Object.keys(cache as { [key: string]: T }).forEach(key => delete (cache as { [key: string]: T })[key])\n    }\n  }\n\n  private cacheSize<T>(cache: Map<string, T> | { [key: string]: T }): number {\n    try {\n      return cache instanceof Map ? cache.size : Object.keys(cache).length\n    } catch (_e) {\n      return Object.keys(cache).length\n    }\n  }\n\n  private cacheKeys<T>(cache: Map<string, T> | { [key: string]: T }): IterableIterator<string> | string[] {\n    try {\n      return cache instanceof Map ? cache.keys() : Object.keys(cache)\n    } catch (_e) {\n      return Object.keys(cache)\n    }\n  }\n\n  /**\n   * Process CSS classes from various input formats\n   */\n  processClasses(input: string | string[] | Signal<string | string[]>): string[] {\n    if (!input) return []\n\n    // Handle reactive signals and computed values - no caching for dynamic values\n    if (isSignal(input) || isComputed(input)) {\n      const resolved = input()\n      return this.processClasses(resolved)\n    }\n\n    // Check cache for static inputs\n    const cacheKey = this.getCacheKey(input)\n    if (this.config.enableCaching && this.cacheHas(this.classCache, cacheKey)) {\n      return this.cacheGet(this.classCache, cacheKey)!\n    }\n\n    let classes: string[] = []\n\n    // Handle string input - split on whitespace\n    if (typeof input === 'string') {\n      classes = input.trim().split(/\\s+/).filter(Boolean)\n    }\n    // Handle array input - flatten and filter, convert non-strings to strings\n    else if (Array.isArray(input)) {\n      classes = input\n        .flatMap(cls => {\n          if (cls === null || cls === undefined || cls === '') {\n            return [] // Skip null, undefined, and empty strings\n          }\n          // Convert non-strings to strings\n          const stringified = typeof cls === 'string' ? cls : String(cls)\n          const trimmed = stringified.trim()\n\n          // For non-string values that have been stringified, treat as single class name\n          // to preserve object representations like \"[object Object]\"\n          if (typeof cls !== 'string' && trimmed) {\n            return [trimmed]\n          }\n\n          // For strings, split on whitespace as normal\n          return trimmed.split(/\\s+/)\n        })\n        .filter(Boolean)\n    }\n    // Handle other types by converting to string (for edge case testing)\n    // Treat the entire stringified value as a single class name to preserve object representations\n    else {\n      const stringified = String(input).trim()\n      classes = stringified ? [stringified] : []\n    }\n\n    // Process classes through sanitization and deduplication\n    const processed = this.processClassArray(classes)\n\n    // Cache the result if caching is enabled\n    if (this.config.enableCaching) {\n      this.setCachedClasses(cacheKey, processed)\n    }\n\n    return processed\n  }\n\n  /**\n   * Process an array of class names\n   */\n  private processClassArray(classes: string[]): string[] {\n    let processed = classes\n\n    // Sanitize class names if enabled\n    if (this.config.sanitizeClassNames) {\n      processed = processed.map(cls => this.sanitizeClassName(cls))\n    }\n\n    // Remove duplicates while preserving order\n    processed = this.deduplicateClasses(processed)\n\n    // Development warnings\n    if (this.config.warnDuplicateClasses && classes.length !== processed.length) {\n      console.warn('[tachUI] Duplicate CSS classes detected and removed:',\n        classes.filter((cls, i) => classes.indexOf(cls) !== i))\n    }\n\n    return processed\n  }\n\n  /**\n   * Sanitize class name to be valid CSS identifier\n   */\n  sanitizeClassName(className: string): string {\n    if (!className || typeof className !== 'string') return ''\n\n    const rules = this.config.sanitizationRules!\n    let sanitized = className.trim()\n\n    // Handle spaces in class names\n    // CSS class names cannot contain spaces - convert them to hyphens to create valid single class names\n    if (sanitized.includes(' ')) {\n      sanitized = sanitized.replace(/\\s+/g, '-')\n      if (this.config.warnInvalidClasses) {\n        console.warn(`[tachUI] CSS class names cannot contain spaces. Converted \"${className}\" to \"${sanitized}\"`)\n      }\n    }\n\n    // Apply custom replacements first\n    Object.entries(rules.customReplacements || {}).forEach(([from, to]) => {\n      sanitized = sanitized.replace(new RegExp(from, 'g'), to)\n    })\n\n    // Build character allowlist - be more permissive for modern CSS frameworks\n    let allowedChars = 'a-zA-Z\\\\-\\\\.'  // Basic CSS characters\n    if (rules.allowNumbers) allowedChars += '0-9'\n    if (rules.allowUnderscores) allowedChars += '_'\n\n    // Allow modern CSS framework characters (Tailwind, CSS modules, etc.)\n    // : for pseudo-classes (hover:bg-blue-500)\n    // [ ] for arbitrary values ([10px])\n    // / for opacity modifiers (bg-black/50)\n    // % for percentages\n    allowedChars += ':\\\\[\\\\]/%'\n\n    // Only replace characters that are truly invalid in CSS class names\n    // Keep most characters as-is since modern CSS frameworks use many special chars\n    sanitized = sanitized.replace(new RegExp(`[^${allowedChars}]`, 'g'), '-')\n\n    // Ensure doesn't start with number (invalid CSS)\n    if (/^[0-9]/.test(sanitized)) {\n      sanitized = 'cls-' + sanitized\n    }\n\n    // Collapse excessive hyphens (3 or more) but preserve CSS custom property prefixes (--)\n    sanitized = sanitized.replace(/---+/g, '--')\n\n    // Keep leading/trailing hyphens - they are valid in CSS class names\n    // Only remove if they result from excessive collapsing (e.g., \"---\" became \"--\" then \"-\" at edges)\n\n    // Keep original case - many frameworks use camelCase and mixed case\n    // Do not convert to lowercase to preserve modern CSS framework conventions\n\n    // Warn about invalid classes in development\n    if (this.config.warnInvalidClasses && sanitized !== className.trim()) {\n      console.warn(`[tachUI] CSS class \"${className}\" sanitized to \"${sanitized}\"`)\n    }\n\n    return sanitized\n  }\n\n  /**\n   * Deduplicate classes while preserving first occurrence order\n   */\n  deduplicateClasses(classes: string[]): string[] {\n    return [...new Set(classes.filter(Boolean))]\n  }\n\n  /**\n   * Combine tachUI classes with user-provided CSS classes\n   * User classes come AFTER tachUI classes for proper CSS cascade\n   */\n  combineClasses(tachuiClasses: string[], userClasses: string[]): string[] {\n    const processedUserClasses = this.processClasses(userClasses)\n    const combined = [...tachuiClasses, ...processedUserClasses]\n    return this.deduplicateClasses(combined)\n  }\n\n  /**\n   * Update configuration\n   */\n  updateConfig(config: Partial<CSSClassConfig>): void {\n    this.config = { ...this.config, ...config }\n\n    // Clear caches when config changes\n    this.clearCaches()\n  }\n\n  /**\n   * Get current configuration\n   */\n  getConfig(): CSSClassConfig {\n    return { ...this.config }\n  }\n\n  /**\n   * Clear all caches\n   */\n  clearCaches(): void {\n    this.cacheClear(this.classCache)\n    this.cacheClear(this.processingCache)\n  }\n\n  /**\n   * Get cache statistics for debugging\n   */\n  getCacheStats(): { size: number; maxSize: number; hitRate: number } {\n    return {\n      size: this.cacheSize(this.classCache),\n      maxSize: this.config.maxCacheSize,\n      hitRate: 0 // TODO: Implement hit rate tracking if needed\n    }\n  }\n\n  /**\n   * Generate cache key for input\n   */\n  private getCacheKey(input: string | string[]): string {\n    return Array.isArray(input) ? input.join('|') : input\n  }\n\n  /**\n   * Set cached classes with LRU eviction\n   */\n  private setCachedClasses(key: string, classes: string[]): void {\n    // Implement LRU cache eviction\n    if (this.cacheSize(this.classCache) >= this.config.maxCacheSize) {\n      const keys = this.cacheKeys(this.classCache)\n      // const firstKey = keys instanceof Array ? keys[0] : keys.next().value\n      const firstKey = Array.isArray(keys) ? keys[0] : keys.next().value\n      if (firstKey !== undefined) {\n        this.cacheDelete(this.classCache, firstKey)\n      }\n    }\n\n    this.cacheSet(this.classCache, key, classes)\n  }\n}\n\n/**\n * Global CSS class manager instance\n */\nexport const cssClassManager = new CSSClassManager()\n\n/**\n * Configure global CSS class processing\n */\nexport function configureCSSClasses(config: Partial<CSSClassConfig>): void {\n  cssClassManager.updateConfig(config)\n}\n\n/**\n * Get current CSS class configuration\n */\nexport function getCSSClassConfig(): CSSClassConfig {\n  return cssClassManager.getConfig()\n}\n"],"names":["DEFAULT_CONFIG","CSSClassManager","config","__publicField","mapAvailable","cache","key","value","input","isSignal","isComputed","resolved","cacheKey","classes","cls","trimmed","stringified","processed","className","rules","sanitized","from","to","allowedChars","tachuiClasses","userClasses","processedUserClasses","combined","keys","firstKey","cssClassManager","configureCSSClasses","getCSSClassConfig"],"mappings":"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"}

package/dist/css-classes/dom-integration.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class i{applyCSSClasses(e,s){if(!s)return;const t=(Array.isArray(s)?s:[s]).filter(Boolean);t.length>0&&(e.className=t.join(" "))}applyReactiveCSSClasses(e,s){const a=require("../reactive").createEffect;return a(()=>{const r=s();e.className=r})}updateCSSClasses(e,s){this.applyCSSClasses(e,s)}removeCSSClasses(e,s){if(!s)return;const a=Array.isArray(s)?s:[s],r=e.className.split(" ").filter(l=>!a.includes(l));e.className=r.join(" ")}mergeCSSClasses(e,s){if(!s)return;const a=Array.isArray(s)?s:[s],r=[...e.className?e.className.split(" "):[],...a.filter(Boolean)],l=[...new Set(r)];e.className=l.join(" ")}}const o=new i;function n(c,e={},s=[],a){const r={...{type:"element",tag:c,props:e,children:s}};return a&&(Array.isArray(a)?r.cssClasses=a:r.reactiveClasses=a),r}function C(c){return{static:c.cssClasses||[],reactive:c.reactiveClasses}}exports.DOMCSSClassApplicator=i;exports.createDOMNodeWithClasses=n;exports.domCSSClassApplicator=o;exports.extractCSSClasses=C;
-//# sourceMappingURL=dom-integration.cjs.map

package/dist/css-classes/dom-integration.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"dom-integration.cjs","sources":["../../src/css-classes/dom-integration.ts"],"sourcesContent":["/**\n * CSS Classes Enhancement - DOM Integration\n * \n * Enhanced DOM node types and utilities for CSS class integration\n */\n\nimport type { Signal } from '../reactive/types'\nimport type { DOMNode } from '../runtime/types'\n\n/**\n * Enhanced DOM node with CSS class support\n */\nexport interface DOMNodeWithClasses extends DOMNode {\n  cssClasses?: string[]\n  reactiveClasses?: Signal<string>\n}\n\n/**\n * CSS class application utilities for DOM elements\n */\nexport interface CSSClassDOMApplicator {\n  /**\n   * Apply CSS classes to a DOM element\n   */\n  applyCSSClasses(element: Element, classes: string[] | string): void\n  \n  /**\n   * Apply reactive CSS classes to a DOM element\n   */\n  applyReactiveCSSClasses(element: Element, classSignal: Signal<string>): (() => void)\n  \n  /**\n   * Update CSS classes on an existing element\n   */\n  updateCSSClasses(element: Element, newClasses: string[] | string): void\n  \n  /**\n   * Remove CSS classes from an element\n   */\n  removeCSSClasses(element: Element, classes: string[] | string): void\n}\n\n/**\n * DOM CSS class applicator implementation\n */\nexport class DOMCSSClassApplicator implements CSSClassDOMApplicator {\n  /**\n   * Apply CSS classes to a DOM element\n   */\n  applyCSSClasses(element: Element, classes: string[] | string): void {\n    if (!classes) return\n    \n    const classArray = Array.isArray(classes) ? classes : [classes]\n    const validClasses = classArray.filter(Boolean)\n    \n    if (validClasses.length > 0) {\n      element.className = validClasses.join(' ')\n    }\n  }\n\n  /**\n   * Apply reactive CSS classes to a DOM element\n   */\n  applyReactiveCSSClasses(element: Element, classSignal: Signal<string>): (() => void) {\n    // Import createEffect dynamically to avoid circular dependencies\n    const createEffect = require('../reactive').createEffect\n    \n    // Create effect to update classes when signal changes\n    const dispose = createEffect(() => {\n      const classString = classSignal()\n      element.className = classString\n    })\n    \n    return dispose\n  }\n\n  /**\n   * Update CSS classes on an existing element\n   */\n  updateCSSClasses(element: Element, newClasses: string[] | string): void {\n    this.applyCSSClasses(element, newClasses)\n  }\n\n  /**\n   * Remove CSS classes from an element\n   */\n  removeCSSClasses(element: Element, classes: string[] | string): void {\n    if (!classes) return\n    \n    const classArray = Array.isArray(classes) ? classes : [classes]\n    const currentClasses = element.className.split(' ')\n    const filteredClasses = currentClasses.filter(cls => !classArray.includes(cls))\n    \n    element.className = filteredClasses.join(' ')\n  }\n\n  /**\n   * Merge CSS classes with existing classes on an element\n   */\n  mergeCSSClasses(element: Element, newClasses: string[] | string): void {\n    if (!newClasses) return\n    \n    const classArray = Array.isArray(newClasses) ? newClasses : [newClasses]\n    const currentClasses = element.className ? element.className.split(' ') : []\n    const mergedClasses = [...currentClasses, ...classArray.filter(Boolean)]\n    \n    // Deduplicate classes\n    const uniqueClasses = [...new Set(mergedClasses)]\n    element.className = uniqueClasses.join(' ')\n  }\n}\n\n/**\n * Global DOM CSS class applicator instance\n */\nexport const domCSSClassApplicator = new DOMCSSClassApplicator()\n\n/**\n * Helper function to create DOM nodes with CSS classes\n */\nexport function createDOMNodeWithClasses(\n  tag: string,\n  props: Record<string, any> = {},\n  children: DOMNode[] = [],\n  cssClasses?: string[] | Signal<string>\n): DOMNodeWithClasses {\n  const baseNode: DOMNode = {\n    type: 'element',\n    tag,\n    props,\n    children\n  }\n\n  const enhancedNode: DOMNodeWithClasses = {\n    ...baseNode\n  }\n\n  // Add CSS class support\n  if (cssClasses) {\n    if (Array.isArray(cssClasses)) {\n      enhancedNode.cssClasses = cssClasses\n    } else {\n      // Assume it's a signal\n      enhancedNode.reactiveClasses = cssClasses as Signal<string>\n    }\n  }\n\n  return enhancedNode\n}\n\n/**\n * Utility to extract CSS classes from a DOMNodeWithClasses\n */\nexport function extractCSSClasses(node: DOMNodeWithClasses): {\n  static: string[]\n  reactive: Signal<string> | undefined\n} {\n  return {\n    static: node.cssClasses || [],\n    reactive: node.reactiveClasses\n  }\n}"],"names":["DOMCSSClassApplicator","element","classes","validClasses","classSignal","createEffect","classString","newClasses","classArray","filteredClasses","cls","mergedClasses","uniqueClasses","domCSSClassApplicator","createDOMNodeWithClasses","tag","props","children","cssClasses","enhancedNode","extractCSSClasses","node"],"mappings":"gFA6CO,MAAMA,CAAuD,CAIlE,gBAAgBC,EAAkBC,EAAkC,CAClE,GAAI,CAACA,EAAS,OAGd,MAAMC,GADa,MAAM,QAAQD,CAAO,EAAIA,EAAU,CAACA,CAAO,GAC9B,OAAO,OAAO,EAE1CC,EAAa,OAAS,IACxBF,EAAQ,UAAYE,EAAa,KAAK,GAAG,EAE7C,CAKA,wBAAwBF,EAAkBG,EAA2C,CAEnF,MAAMC,EAAe,QAAQ,aAAa,EAAE,aAQ5C,OALgBA,EAAa,IAAM,CACjC,MAAMC,EAAcF,EAAA,EACpBH,EAAQ,UAAYK,CACtB,CAAC,CAGH,CAKA,iBAAiBL,EAAkBM,EAAqC,CACtE,KAAK,gBAAgBN,EAASM,CAAU,CAC1C,CAKA,iBAAiBN,EAAkBC,EAAkC,CACnE,GAAI,CAACA,EAAS,OAEd,MAAMM,EAAa,MAAM,QAAQN,CAAO,EAAIA,EAAU,CAACA,CAAO,EAExDO,EADiBR,EAAQ,UAAU,MAAM,GAAG,EACX,OAAOS,GAAO,CAACF,EAAW,SAASE,CAAG,CAAC,EAE9ET,EAAQ,UAAYQ,EAAgB,KAAK,GAAG,CAC9C,CAKA,gBAAgBR,EAAkBM,EAAqC,CACrE,GAAI,CAACA,EAAY,OAEjB,MAAMC,EAAa,MAAM,QAAQD,CAAU,EAAIA,EAAa,CAACA,CAAU,EAEjEI,EAAgB,CAAC,GADAV,EAAQ,UAAYA,EAAQ,UAAU,MAAM,GAAG,EAAI,CAAA,EAChC,GAAGO,EAAW,OAAO,OAAO,CAAC,EAGjEI,EAAgB,CAAC,GAAG,IAAI,IAAID,CAAa,CAAC,EAChDV,EAAQ,UAAYW,EAAc,KAAK,GAAG,CAC5C,CACF,CAKO,MAAMC,EAAwB,IAAIb,EAKlC,SAASc,EACdC,EACAC,EAA6B,CAAA,EAC7BC,EAAsB,CAAA,EACtBC,EACoB,CAQpB,MAAMC,EAAmC,CACvC,GARwB,CACxB,KAAM,UACN,IAAAJ,EACA,MAAAC,EACA,SAAAC,CAAA,CAIG,EAIL,OAAIC,IACE,MAAM,QAAQA,CAAU,EAC1BC,EAAa,WAAaD,EAG1BC,EAAa,gBAAkBD,GAI5BC,CACT,CAKO,SAASC,EAAkBC,EAGhC,CACA,MAAO,CACL,OAAQA,EAAK,YAAc,CAAA,EAC3B,SAAUA,EAAK,eAAA,CAEnB"}

package/dist/css-classes/dom-integration.js

@@ -1,67 +0,0 @@
-class i {
-  /**
-   * Apply CSS classes to a DOM element
-   */
-  applyCSSClasses(e, s) {
-    if (!s) return;
-    const t = (Array.isArray(s) ? s : [s]).filter(Boolean);
-    t.length > 0 && (e.className = t.join(" "));
-  }
-  /**
-   * Apply reactive CSS classes to a DOM element
-   */
-  applyReactiveCSSClasses(e, s) {
-    const r = require("../reactive").createEffect;
-    return r(() => {
-      const a = s();
-      e.className = a;
-    });
-  }
-  /**
-   * Update CSS classes on an existing element
-   */
-  updateCSSClasses(e, s) {
-    this.applyCSSClasses(e, s);
-  }
-  /**
-   * Remove CSS classes from an element
-   */
-  removeCSSClasses(e, s) {
-    if (!s) return;
-    const r = Array.isArray(s) ? s : [s], a = e.className.split(" ").filter((l) => !r.includes(l));
-    e.className = a.join(" ");
-  }
-  /**
-   * Merge CSS classes with existing classes on an element
-   */
-  mergeCSSClasses(e, s) {
-    if (!s) return;
-    const r = Array.isArray(s) ? s : [s], a = [...e.className ? e.className.split(" ") : [], ...r.filter(Boolean)], l = [...new Set(a)];
-    e.className = l.join(" ");
-  }
-}
-const n = new i();
-function o(c, e = {}, s = [], r) {
-  const a = {
-    ...{
-      type: "element",
-      tag: c,
-      props: e,
-      children: s
-    }
-  };
-  return r && (Array.isArray(r) ? a.cssClasses = r : a.reactiveClasses = r), a;
-}
-function C(c) {
-  return {
-    static: c.cssClasses || [],
-    reactive: c.reactiveClasses
-  };
-}
-export {
-  i as DOMCSSClassApplicator,
-  o as createDOMNodeWithClasses,
-  n as domCSSClassApplicator,
-  C as extractCSSClasses
-};
-//# sourceMappingURL=dom-integration.js.map

package/dist/css-classes/dom-integration.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dom-integration.js","sources":["../../src/css-classes/dom-integration.ts"],"sourcesContent":["/**\n * CSS Classes Enhancement - DOM Integration\n * \n * Enhanced DOM node types and utilities for CSS class integration\n */\n\nimport type { Signal } from '../reactive/types'\nimport type { DOMNode } from '../runtime/types'\n\n/**\n * Enhanced DOM node with CSS class support\n */\nexport interface DOMNodeWithClasses extends DOMNode {\n  cssClasses?: string[]\n  reactiveClasses?: Signal<string>\n}\n\n/**\n * CSS class application utilities for DOM elements\n */\nexport interface CSSClassDOMApplicator {\n  /**\n   * Apply CSS classes to a DOM element\n   */\n  applyCSSClasses(element: Element, classes: string[] | string): void\n  \n  /**\n   * Apply reactive CSS classes to a DOM element\n   */\n  applyReactiveCSSClasses(element: Element, classSignal: Signal<string>): (() => void)\n  \n  /**\n   * Update CSS classes on an existing element\n   */\n  updateCSSClasses(element: Element, newClasses: string[] | string): void\n  \n  /**\n   * Remove CSS classes from an element\n   */\n  removeCSSClasses(element: Element, classes: string[] | string): void\n}\n\n/**\n * DOM CSS class applicator implementation\n */\nexport class DOMCSSClassApplicator implements CSSClassDOMApplicator {\n  /**\n   * Apply CSS classes to a DOM element\n   */\n  applyCSSClasses(element: Element, classes: string[] | string): void {\n    if (!classes) return\n    \n    const classArray = Array.isArray(classes) ? classes : [classes]\n    const validClasses = classArray.filter(Boolean)\n    \n    if (validClasses.length > 0) {\n      element.className = validClasses.join(' ')\n    }\n  }\n\n  /**\n   * Apply reactive CSS classes to a DOM element\n   */\n  applyReactiveCSSClasses(element: Element, classSignal: Signal<string>): (() => void) {\n    // Import createEffect dynamically to avoid circular dependencies\n    const createEffect = require('../reactive').createEffect\n    \n    // Create effect to update classes when signal changes\n    const dispose = createEffect(() => {\n      const classString = classSignal()\n      element.className = classString\n    })\n    \n    return dispose\n  }\n\n  /**\n   * Update CSS classes on an existing element\n   */\n  updateCSSClasses(element: Element, newClasses: string[] | string): void {\n    this.applyCSSClasses(element, newClasses)\n  }\n\n  /**\n   * Remove CSS classes from an element\n   */\n  removeCSSClasses(element: Element, classes: string[] | string): void {\n    if (!classes) return\n    \n    const classArray = Array.isArray(classes) ? classes : [classes]\n    const currentClasses = element.className.split(' ')\n    const filteredClasses = currentClasses.filter(cls => !classArray.includes(cls))\n    \n    element.className = filteredClasses.join(' ')\n  }\n\n  /**\n   * Merge CSS classes with existing classes on an element\n   */\n  mergeCSSClasses(element: Element, newClasses: string[] | string): void {\n    if (!newClasses) return\n    \n    const classArray = Array.isArray(newClasses) ? newClasses : [newClasses]\n    const currentClasses = element.className ? element.className.split(' ') : []\n    const mergedClasses = [...currentClasses, ...classArray.filter(Boolean)]\n    \n    // Deduplicate classes\n    const uniqueClasses = [...new Set(mergedClasses)]\n    element.className = uniqueClasses.join(' ')\n  }\n}\n\n/**\n * Global DOM CSS class applicator instance\n */\nexport const domCSSClassApplicator = new DOMCSSClassApplicator()\n\n/**\n * Helper function to create DOM nodes with CSS classes\n */\nexport function createDOMNodeWithClasses(\n  tag: string,\n  props: Record<string, any> = {},\n  children: DOMNode[] = [],\n  cssClasses?: string[] | Signal<string>\n): DOMNodeWithClasses {\n  const baseNode: DOMNode = {\n    type: 'element',\n    tag,\n    props,\n    children\n  }\n\n  const enhancedNode: DOMNodeWithClasses = {\n    ...baseNode\n  }\n\n  // Add CSS class support\n  if (cssClasses) {\n    if (Array.isArray(cssClasses)) {\n      enhancedNode.cssClasses = cssClasses\n    } else {\n      // Assume it's a signal\n      enhancedNode.reactiveClasses = cssClasses as Signal<string>\n    }\n  }\n\n  return enhancedNode\n}\n\n/**\n * Utility to extract CSS classes from a DOMNodeWithClasses\n */\nexport function extractCSSClasses(node: DOMNodeWithClasses): {\n  static: string[]\n  reactive: Signal<string> | undefined\n} {\n  return {\n    static: node.cssClasses || [],\n    reactive: node.reactiveClasses\n  }\n}"],"names":["DOMCSSClassApplicator","element","classes","validClasses","classSignal","createEffect","classString","newClasses","classArray","filteredClasses","cls","mergedClasses","uniqueClasses","domCSSClassApplicator","createDOMNodeWithClasses","tag","props","children","cssClasses","enhancedNode","extractCSSClasses","node"],"mappings":"AA6CO,MAAMA,EAAuD;AAAA;AAAA;AAAA;AAAA,EAIlE,gBAAgBC,GAAkBC,GAAkC;AAClE,QAAI,CAACA,EAAS;AAGd,UAAMC,KADa,MAAM,QAAQD,CAAO,IAAIA,IAAU,CAACA,CAAO,GAC9B,OAAO,OAAO;AAE9C,IAAIC,EAAa,SAAS,MACxBF,EAAQ,YAAYE,EAAa,KAAK,GAAG;AAAA,EAE7C;AAAA;AAAA;AAAA;AAAA,EAKA,wBAAwBF,GAAkBG,GAA2C;AAEnF,UAAMC,IAAe,QAAQ,aAAa,EAAE;AAQ5C,WALgBA,EAAa,MAAM;AACjC,YAAMC,IAAcF,EAAA;AACpB,MAAAH,EAAQ,YAAYK;AAAA,IACtB,CAAC;AAAA,EAGH;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiBL,GAAkBM,GAAqC;AACtE,SAAK,gBAAgBN,GAASM,CAAU;AAAA,EAC1C;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiBN,GAAkBC,GAAkC;AACnE,QAAI,CAACA,EAAS;AAEd,UAAMM,IAAa,MAAM,QAAQN,CAAO,IAAIA,IAAU,CAACA,CAAO,GAExDO,IADiBR,EAAQ,UAAU,MAAM,GAAG,EACX,OAAO,CAAAS,MAAO,CAACF,EAAW,SAASE,CAAG,CAAC;AAE9E,IAAAT,EAAQ,YAAYQ,EAAgB,KAAK,GAAG;AAAA,EAC9C;AAAA;AAAA;AAAA;AAAA,EAKA,gBAAgBR,GAAkBM,GAAqC;AACrE,QAAI,CAACA,EAAY;AAEjB,UAAMC,IAAa,MAAM,QAAQD,CAAU,IAAIA,IAAa,CAACA,CAAU,GAEjEI,IAAgB,CAAC,GADAV,EAAQ,YAAYA,EAAQ,UAAU,MAAM,GAAG,IAAI,CAAA,GAChC,GAAGO,EAAW,OAAO,OAAO,CAAC,GAGjEI,IAAgB,CAAC,GAAG,IAAI,IAAID,CAAa,CAAC;AAChD,IAAAV,EAAQ,YAAYW,EAAc,KAAK,GAAG;AAAA,EAC5C;AACF;AAKO,MAAMC,IAAwB,IAAIb,EAAA;AAKlC,SAASc,EACdC,GACAC,IAA6B,CAAA,GAC7BC,IAAsB,CAAA,GACtBC,GACoB;AAQpB,QAAMC,IAAmC;AAAA,IACvC,GARwB;AAAA,MACxB,MAAM;AAAA,MACN,KAAAJ;AAAA,MACA,OAAAC;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAIG;AAIL,SAAIC,MACE,MAAM,QAAQA,CAAU,IAC1BC,EAAa,aAAaD,IAG1BC,EAAa,kBAAkBD,IAI5BC;AACT;AAKO,SAASC,EAAkBC,GAGhC;AACA,SAAO;AAAA,IACL,QAAQA,EAAK,cAAc,CAAA;AAAA,IAC3B,UAAUA,EAAK;AAAA,EAAA;AAEnB;"}

package/dist/css-classes/enhanced-renderer.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");require("../reactive/unified-scheduler.cjs");const r=require("../reactive/effect.cjs"),n=require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");require("../reactive/theme.cjs");const l={applyCSSClasses(e,s){if(s.cssClasses&&s.cssClasses.length>0){const t=s.cssClasses.join(" ");e.className=t}if(s.reactiveClasses&&n.isSignal(s.reactiveClasses)){const t=s.reactiveClasses();e.className=t,r.createEffect(()=>{const a=s.reactiveClasses();e.className=a})}},processElementClasses(e,s){let t=[];if(s.props?.className){const a=typeof s.props.className=="string"?s.props.className.split(" ").filter(Boolean):[];t.push(...a)}if(s.cssClasses&&t.push(...s.cssClasses),t.length>0){const a=[...new Set(t)];e.className=a.join(" ")}s.reactiveClasses&&n.isSignal(s.reactiveClasses)&&r.createEffect(()=>{const a=s.reactiveClasses();if(t.length>0){const i=t.join(" ");e.className=`${i} ${a}`.trim()}else e.className=a})}};function C(e){const s=e.createElement.bind(e),t=a=>{const i=s(a),c=a;return(c.cssClasses||c.reactiveClasses)&&l.processElementClasses(i,c),i};return e.createElement=t,Object.assign(e,l)}function o(e,s={},t=[],a){const i={type:"element",tag:e,props:s,children:t};return a&&(Array.isArray(a)?i.cssClasses=a:i.reactiveClasses=a),i}function S(e){const s=e;return!!(s.cssClasses||s.reactiveClasses)}exports.createCSSClassDOMNode=o;exports.cssClassRendererMixin=l;exports.enhanceRendererWithCSSClasses=C;exports.hasCSSClassSupport=S;
-//# sourceMappingURL=enhanced-renderer.cjs.map

package/dist/css-classes/enhanced-renderer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"enhanced-renderer.cjs","sources":["../../src/css-classes/enhanced-renderer.ts"],"sourcesContent":["/**\n * CSS Classes Enhancement - Enhanced Renderer\n * \n * Enhanced DOM renderer that supports CSS class integration\n * while maintaining compatibility with existing functionality.\n */\n\nimport { createEffect, isSignal } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport type { DOMNode } from '../runtime/types'\nimport type { DOMNodeWithClasses } from './dom-integration'\n\n/**\n * Enhanced renderer mixin for CSS class support\n * This can be mixed into the existing DirectDOMRenderer\n */\nexport interface CSSClassRendererMixin {\n  /**\n   * Apply CSS classes to an element during creation\n   */\n  applyCSSClasses(element: Element, node: DOMNodeWithClasses): void\n\n  /**\n   * Process className prop and CSS classes together\n   */\n  processElementClasses(element: Element, node: DOMNodeWithClasses): void\n}\n\n/**\n * CSS class renderer mixin implementation\n */\nexport const cssClassRendererMixin: CSSClassRendererMixin = {\n  /**\n   * Apply CSS classes to an element during creation\n   */\n  applyCSSClasses(element: Element, node: DOMNodeWithClasses): void {\n    // Handle static CSS classes\n    if (node.cssClasses && node.cssClasses.length > 0) {\n      const classString = node.cssClasses.join(' ')\n      element.className = classString\n    }\n\n    // Handle reactive CSS classes\n    if (node.reactiveClasses) {\n      if (isSignal(node.reactiveClasses)) {\n        // Set initial value\n        const initialClasses = node.reactiveClasses()\n        element.className = initialClasses\n\n        // Create reactive effect for updates\n        createEffect(() => {\n          const classString = node.reactiveClasses!()\n          element.className = classString\n        })\n      }\n    }\n  },\n\n  /**\n   * Process className prop and CSS classes together\n   */\n  processElementClasses(element: Element, node: DOMNodeWithClasses): void {\n    let finalClasses: string[] = []\n\n    // Start with existing className prop if it exists\n    if (node.props?.className) {\n      const existingClasses = typeof node.props.className === 'string' \n        ? node.props.className.split(' ').filter(Boolean)\n        : []\n      finalClasses.push(...existingClasses)\n    }\n\n    // Add CSS classes from cssClasses property\n    if (node.cssClasses) {\n      finalClasses.push(...node.cssClasses)\n    }\n\n    // Deduplicate and apply classes\n    if (finalClasses.length > 0) {\n      const uniqueClasses = [...new Set(finalClasses)]\n      element.className = uniqueClasses.join(' ')\n    }\n\n    // Handle reactive classes separately (they override static classes)\n    if (node.reactiveClasses && isSignal(node.reactiveClasses)) {\n      createEffect(() => {\n        const reactiveClassString = node.reactiveClasses!()\n        \n        // Combine with static classes if needed\n        if (finalClasses.length > 0) {\n          const staticClassString = finalClasses.join(' ')\n          element.className = `${staticClassString} ${reactiveClassString}`.trim()\n        } else {\n          element.className = reactiveClassString\n        }\n      })\n    }\n  }\n}\n\n/**\n * Function to enhance any renderer with CSS class support\n */\nexport function enhanceRendererWithCSSClasses<T extends { createElement: (node: DOMNode) => Element }>(\n  renderer: T\n): T & CSSClassRendererMixin {\n  // Store original createElement method\n  const originalCreateElement = renderer.createElement.bind(renderer)\n\n  // Enhanced createElement that supports CSS classes\n  const enhancedCreateElement = (node: DOMNode): Element => {\n    // Call original createElement to create the element\n    const element = originalCreateElement(node)\n\n    // Check if this is a CSS-enhanced node\n    const cssNode = node as DOMNodeWithClasses\n    \n    // Apply CSS classes if present\n    if (cssNode.cssClasses || cssNode.reactiveClasses) {\n      cssClassRendererMixin.processElementClasses(element, cssNode)\n    }\n\n    return element\n  }\n\n  // Replace createElement with enhanced version\n  ;(renderer as any).createElement = enhancedCreateElement\n\n  // Mix in CSS class methods\n  return Object.assign(renderer, cssClassRendererMixin)\n}\n\n/**\n * Utility function to create a CSS class-aware DOM node\n */\nexport function createCSSClassDOMNode(\n  tag: string,\n  props: Record<string, any> = {},\n  children: DOMNode[] = [],\n  cssClasses?: string[] | Signal<string>\n): DOMNodeWithClasses {\n  const node: DOMNodeWithClasses = {\n    type: 'element',\n    tag,\n    props,\n    children\n  }\n\n  if (cssClasses) {\n    if (Array.isArray(cssClasses)) {\n      node.cssClasses = cssClasses\n    } else {\n      node.reactiveClasses = cssClasses\n    }\n  }\n\n  return node\n}\n\n/**\n * Helper to check if a DOMNode has CSS class support\n */\nexport function hasCSSClassSupport(node: DOMNode): node is DOMNodeWithClasses {\n  const cssNode = node as DOMNodeWithClasses\n  return !!(cssNode.cssClasses || cssNode.reactiveClasses)\n}"],"names":["cssClassRendererMixin","element","node","classString","isSignal","initialClasses","createEffect","finalClasses","existingClasses","uniqueClasses","reactiveClassString","staticClassString","enhanceRendererWithCSSClasses","renderer","originalCreateElement","enhancedCreateElement","cssNode","createCSSClassDOMNode","tag","props","children","cssClasses","hasCSSClassSupport"],"mappings":"oTA+BO,MAAMA,EAA+C,CAI1D,gBAAgBC,EAAkBC,EAAgC,CAEhE,GAAIA,EAAK,YAAcA,EAAK,WAAW,OAAS,EAAG,CACjD,MAAMC,EAAcD,EAAK,WAAW,KAAK,GAAG,EAC5CD,EAAQ,UAAYE,CACtB,CAGA,GAAID,EAAK,iBACHE,EAAAA,SAASF,EAAK,eAAe,EAAG,CAElC,MAAMG,EAAiBH,EAAK,gBAAA,EAC5BD,EAAQ,UAAYI,EAGpBC,EAAAA,aAAa,IAAM,CACjB,MAAMH,EAAcD,EAAK,gBAAA,EACzBD,EAAQ,UAAYE,CACtB,CAAC,CACH,CAEJ,EAKA,sBAAsBF,EAAkBC,EAAgC,CACtE,IAAIK,EAAyB,CAAA,EAG7B,GAAIL,EAAK,OAAO,UAAW,CACzB,MAAMM,EAAkB,OAAON,EAAK,MAAM,WAAc,SACpDA,EAAK,MAAM,UAAU,MAAM,GAAG,EAAE,OAAO,OAAO,EAC9C,CAAA,EACJK,EAAa,KAAK,GAAGC,CAAe,CACtC,CAQA,GALIN,EAAK,YACPK,EAAa,KAAK,GAAGL,EAAK,UAAU,EAIlCK,EAAa,OAAS,EAAG,CAC3B,MAAME,EAAgB,CAAC,GAAG,IAAI,IAAIF,CAAY,CAAC,EAC/CN,EAAQ,UAAYQ,EAAc,KAAK,GAAG,CAC5C,CAGIP,EAAK,iBAAmBE,EAAAA,SAASF,EAAK,eAAe,GACvDI,EAAAA,aAAa,IAAM,CACjB,MAAMI,EAAsBR,EAAK,gBAAA,EAGjC,GAAIK,EAAa,OAAS,EAAG,CAC3B,MAAMI,EAAoBJ,EAAa,KAAK,GAAG,EAC/CN,EAAQ,UAAY,GAAGU,CAAiB,IAAID,CAAmB,GAAG,KAAA,CACpE,MACET,EAAQ,UAAYS,CAExB,CAAC,CAEL,CACF,EAKO,SAASE,EACdC,EAC2B,CAE3B,MAAMC,EAAwBD,EAAS,cAAc,KAAKA,CAAQ,EAG5DE,EAAyBb,GAA2B,CAExD,MAAMD,EAAUa,EAAsBZ,CAAI,EAGpCc,EAAUd,EAGhB,OAAIc,EAAQ,YAAcA,EAAQ,kBAChChB,EAAsB,sBAAsBC,EAASe,CAAO,EAGvDf,CACT,EAGE,OAAAY,EAAiB,cAAgBE,EAG5B,OAAO,OAAOF,EAAUb,CAAqB,CACtD,CAKO,SAASiB,EACdC,EACAC,EAA6B,CAAA,EAC7BC,EAAsB,CAAA,EACtBC,EACoB,CACpB,MAAMnB,EAA2B,CAC/B,KAAM,UACN,IAAAgB,EACA,MAAAC,EACA,SAAAC,CAAA,EAGF,OAAIC,IACE,MAAM,QAAQA,CAAU,EAC1BnB,EAAK,WAAamB,EAElBnB,EAAK,gBAAkBmB,GAIpBnB,CACT,CAKO,SAASoB,EAAmBpB,EAA2C,CAC5E,MAAMc,EAAUd,EAChB,MAAO,CAAC,EAAEc,EAAQ,YAAcA,EAAQ,gBAC1C"}

package/dist/css-classes/enhanced-renderer.js

@@ -1,73 +0,0 @@
-import "../reactive/cleanup.js";
-import "../reactive/unified-scheduler.js";
-import { createEffect as l } from "../reactive/effect.js";
-import { isSignal as r } from "../reactive/signal.js";
-import "../reactive/scheduler.js";
-import "../reactive/theme.js";
-const n = {
-  /**
-   * Apply CSS classes to an element during creation
-   */
-  applyCSSClasses(e, s) {
-    if (s.cssClasses && s.cssClasses.length > 0) {
-      const t = s.cssClasses.join(" ");
-      e.className = t;
-    }
-    if (s.reactiveClasses && r(s.reactiveClasses)) {
-      const t = s.reactiveClasses();
-      e.className = t, l(() => {
-        const a = s.reactiveClasses();
-        e.className = a;
-      });
-    }
-  },
-  /**
-   * Process className prop and CSS classes together
-   */
-  processElementClasses(e, s) {
-    let t = [];
-    if (s.props?.className) {
-      const a = typeof s.props.className == "string" ? s.props.className.split(" ").filter(Boolean) : [];
-      t.push(...a);
-    }
-    if (s.cssClasses && t.push(...s.cssClasses), t.length > 0) {
-      const a = [...new Set(t)];
-      e.className = a.join(" ");
-    }
-    s.reactiveClasses && r(s.reactiveClasses) && l(() => {
-      const a = s.reactiveClasses();
-      if (t.length > 0) {
-        const i = t.join(" ");
-        e.className = `${i} ${a}`.trim();
-      } else
-        e.className = a;
-    });
-  }
-};
-function g(e) {
-  const s = e.createElement.bind(e), t = (a) => {
-    const i = s(a), c = a;
-    return (c.cssClasses || c.reactiveClasses) && n.processElementClasses(i, c), i;
-  };
-  return e.createElement = t, Object.assign(e, n);
-}
-function u(e, s = {}, t = [], a) {
-  const i = {
-    type: "element",
-    tag: e,
-    props: s,
-    children: t
-  };
-  return a && (Array.isArray(a) ? i.cssClasses = a : i.reactiveClasses = a), i;
-}
-function N(e) {
-  const s = e;
-  return !!(s.cssClasses || s.reactiveClasses);
-}
-export {
-  u as createCSSClassDOMNode,
-  n as cssClassRendererMixin,
-  g as enhanceRendererWithCSSClasses,
-  N as hasCSSClassSupport
-};
-//# sourceMappingURL=enhanced-renderer.js.map

package/dist/css-classes/enhanced-renderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"enhanced-renderer.js","sources":["../../src/css-classes/enhanced-renderer.ts"],"sourcesContent":["/**\n * CSS Classes Enhancement - Enhanced Renderer\n * \n * Enhanced DOM renderer that supports CSS class integration\n * while maintaining compatibility with existing functionality.\n */\n\nimport { createEffect, isSignal } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport type { DOMNode } from '../runtime/types'\nimport type { DOMNodeWithClasses } from './dom-integration'\n\n/**\n * Enhanced renderer mixin for CSS class support\n * This can be mixed into the existing DirectDOMRenderer\n */\nexport interface CSSClassRendererMixin {\n  /**\n   * Apply CSS classes to an element during creation\n   */\n  applyCSSClasses(element: Element, node: DOMNodeWithClasses): void\n\n  /**\n   * Process className prop and CSS classes together\n   */\n  processElementClasses(element: Element, node: DOMNodeWithClasses): void\n}\n\n/**\n * CSS class renderer mixin implementation\n */\nexport const cssClassRendererMixin: CSSClassRendererMixin = {\n  /**\n   * Apply CSS classes to an element during creation\n   */\n  applyCSSClasses(element: Element, node: DOMNodeWithClasses): void {\n    // Handle static CSS classes\n    if (node.cssClasses && node.cssClasses.length > 0) {\n      const classString = node.cssClasses.join(' ')\n      element.className = classString\n    }\n\n    // Handle reactive CSS classes\n    if (node.reactiveClasses) {\n      if (isSignal(node.reactiveClasses)) {\n        // Set initial value\n        const initialClasses = node.reactiveClasses()\n        element.className = initialClasses\n\n        // Create reactive effect for updates\n        createEffect(() => {\n          const classString = node.reactiveClasses!()\n          element.className = classString\n        })\n      }\n    }\n  },\n\n  /**\n   * Process className prop and CSS classes together\n   */\n  processElementClasses(element: Element, node: DOMNodeWithClasses): void {\n    let finalClasses: string[] = []\n\n    // Start with existing className prop if it exists\n    if (node.props?.className) {\n      const existingClasses = typeof node.props.className === 'string' \n        ? node.props.className.split(' ').filter(Boolean)\n        : []\n      finalClasses.push(...existingClasses)\n    }\n\n    // Add CSS classes from cssClasses property\n    if (node.cssClasses) {\n      finalClasses.push(...node.cssClasses)\n    }\n\n    // Deduplicate and apply classes\n    if (finalClasses.length > 0) {\n      const uniqueClasses = [...new Set(finalClasses)]\n      element.className = uniqueClasses.join(' ')\n    }\n\n    // Handle reactive classes separately (they override static classes)\n    if (node.reactiveClasses && isSignal(node.reactiveClasses)) {\n      createEffect(() => {\n        const reactiveClassString = node.reactiveClasses!()\n        \n        // Combine with static classes if needed\n        if (finalClasses.length > 0) {\n          const staticClassString = finalClasses.join(' ')\n          element.className = `${staticClassString} ${reactiveClassString}`.trim()\n        } else {\n          element.className = reactiveClassString\n        }\n      })\n    }\n  }\n}\n\n/**\n * Function to enhance any renderer with CSS class support\n */\nexport function enhanceRendererWithCSSClasses<T extends { createElement: (node: DOMNode) => Element }>(\n  renderer: T\n): T & CSSClassRendererMixin {\n  // Store original createElement method\n  const originalCreateElement = renderer.createElement.bind(renderer)\n\n  // Enhanced createElement that supports CSS classes\n  const enhancedCreateElement = (node: DOMNode): Element => {\n    // Call original createElement to create the element\n    const element = originalCreateElement(node)\n\n    // Check if this is a CSS-enhanced node\n    const cssNode = node as DOMNodeWithClasses\n    \n    // Apply CSS classes if present\n    if (cssNode.cssClasses || cssNode.reactiveClasses) {\n      cssClassRendererMixin.processElementClasses(element, cssNode)\n    }\n\n    return element\n  }\n\n  // Replace createElement with enhanced version\n  ;(renderer as any).createElement = enhancedCreateElement\n\n  // Mix in CSS class methods\n  return Object.assign(renderer, cssClassRendererMixin)\n}\n\n/**\n * Utility function to create a CSS class-aware DOM node\n */\nexport function createCSSClassDOMNode(\n  tag: string,\n  props: Record<string, any> = {},\n  children: DOMNode[] = [],\n  cssClasses?: string[] | Signal<string>\n): DOMNodeWithClasses {\n  const node: DOMNodeWithClasses = {\n    type: 'element',\n    tag,\n    props,\n    children\n  }\n\n  if (cssClasses) {\n    if (Array.isArray(cssClasses)) {\n      node.cssClasses = cssClasses\n    } else {\n      node.reactiveClasses = cssClasses\n    }\n  }\n\n  return node\n}\n\n/**\n * Helper to check if a DOMNode has CSS class support\n */\nexport function hasCSSClassSupport(node: DOMNode): node is DOMNodeWithClasses {\n  const cssNode = node as DOMNodeWithClasses\n  return !!(cssNode.cssClasses || cssNode.reactiveClasses)\n}"],"names":["cssClassRendererMixin","element","node","classString","isSignal","initialClasses","createEffect","finalClasses","existingClasses","uniqueClasses","reactiveClassString","staticClassString","enhanceRendererWithCSSClasses","renderer","originalCreateElement","enhancedCreateElement","cssNode","createCSSClassDOMNode","tag","props","children","cssClasses","hasCSSClassSupport"],"mappings":";;;;;;AA+BO,MAAMA,IAA+C;AAAA;AAAA;AAAA;AAAA,EAI1D,gBAAgBC,GAAkBC,GAAgC;AAEhE,QAAIA,EAAK,cAAcA,EAAK,WAAW,SAAS,GAAG;AACjD,YAAMC,IAAcD,EAAK,WAAW,KAAK,GAAG;AAC5C,MAAAD,EAAQ,YAAYE;AAAA,IACtB;AAGA,QAAID,EAAK,mBACHE,EAASF,EAAK,eAAe,GAAG;AAElC,YAAMG,IAAiBH,EAAK,gBAAA;AAC5B,MAAAD,EAAQ,YAAYI,GAGpBC,EAAa,MAAM;AACjB,cAAMH,IAAcD,EAAK,gBAAA;AACzB,QAAAD,EAAQ,YAAYE;AAAA,MACtB,CAAC;AAAA,IACH;AAAA,EAEJ;AAAA;AAAA;AAAA;AAAA,EAKA,sBAAsBF,GAAkBC,GAAgC;AACtE,QAAIK,IAAyB,CAAA;AAG7B,QAAIL,EAAK,OAAO,WAAW;AACzB,YAAMM,IAAkB,OAAON,EAAK,MAAM,aAAc,WACpDA,EAAK,MAAM,UAAU,MAAM,GAAG,EAAE,OAAO,OAAO,IAC9C,CAAA;AACJ,MAAAK,EAAa,KAAK,GAAGC,CAAe;AAAA,IACtC;AAQA,QALIN,EAAK,cACPK,EAAa,KAAK,GAAGL,EAAK,UAAU,GAIlCK,EAAa,SAAS,GAAG;AAC3B,YAAME,IAAgB,CAAC,GAAG,IAAI,IAAIF,CAAY,CAAC;AAC/C,MAAAN,EAAQ,YAAYQ,EAAc,KAAK,GAAG;AAAA,IAC5C;AAGA,IAAIP,EAAK,mBAAmBE,EAASF,EAAK,eAAe,KACvDI,EAAa,MAAM;AACjB,YAAMI,IAAsBR,EAAK,gBAAA;AAGjC,UAAIK,EAAa,SAAS,GAAG;AAC3B,cAAMI,IAAoBJ,EAAa,KAAK,GAAG;AAC/C,QAAAN,EAAQ,YAAY,GAAGU,CAAiB,IAAID,CAAmB,GAAG,KAAA;AAAA,MACpE;AACE,QAAAT,EAAQ,YAAYS;AAAA,IAExB,CAAC;AAAA,EAEL;AACF;AAKO,SAASE,EACdC,GAC2B;AAE3B,QAAMC,IAAwBD,EAAS,cAAc,KAAKA,CAAQ,GAG5DE,IAAwB,CAACb,MAA2B;AAExD,UAAMD,IAAUa,EAAsBZ,CAAI,GAGpCc,IAAUd;AAGhB,YAAIc,EAAQ,cAAcA,EAAQ,oBAChChB,EAAsB,sBAAsBC,GAASe,CAAO,GAGvDf;AAAA,EACT;AAGE,SAAAY,EAAiB,gBAAgBE,GAG5B,OAAO,OAAOF,GAAUb,CAAqB;AACtD;AAKO,SAASiB,EACdC,GACAC,IAA6B,CAAA,GAC7BC,IAAsB,CAAA,GACtBC,GACoB;AACpB,QAAMnB,IAA2B;AAAA,IAC/B,MAAM;AAAA,IACN,KAAAgB;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAGF,SAAIC,MACE,MAAM,QAAQA,CAAU,IAC1BnB,EAAK,aAAamB,IAElBnB,EAAK,kBAAkBmB,IAIpBnB;AACT;AAKO,SAASoB,EAAmBpB,GAA2C;AAC5E,QAAMc,IAAUd;AAChB,SAAO,CAAC,EAAEc,EAAQ,cAAcA,EAAQ;AAC1C;"}

package/dist/css-classes/utilities.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./css-class-manager.cjs");function l(){return{combineClasses(...a){const s=[];return a.forEach(e=>{if(e){const t=r.cssClassManager.processClasses(e);s.push(...t)}}),r.cssClassManager.deduplicateClasses(s).join(" ")},conditionalClasses(a){return Object.entries(a).filter(([s,e])=>e).map(([s,e])=>s)},mergeClassProps(...a){const s=[];return a.forEach(e=>{if(e?.css){const t=r.cssClassManager.processClasses(e.css);s.push(...t)}}),s.length===0?{}:{css:r.cssClassManager.deduplicateClasses(s)}},extractClasses(a){return r.cssClassManager.processClasses(a)},validateClassNames(a){const s=[],e=[];return a.forEach(t=>{r.cssClassManager.sanitizeClassName(t)===t.toLowerCase()?s.push(t):e.push(t)}),{valid:s,invalid:e}}}}exports.createCSSClassUtilities=l;
-//# sourceMappingURL=utilities.cjs.map