@tachui/core 0.7.0-alpha1

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,76 @@
+/**
+ * CSS Classes Enhancement - DOM Integration
+ *
+ * Enhanced DOM node types and utilities for CSS class integration
+ */
+import type { Signal } from '../reactive/types';
+import type { DOMNode } from '../runtime/types';
+/**
+ * Enhanced DOM node with CSS class support
+ */
+export interface DOMNodeWithClasses extends DOMNode {
+    cssClasses?: string[];
+    reactiveClasses?: Signal<string>;
+}
+/**
+ * CSS class application utilities for DOM elements
+ */
+export interface CSSClassDOMApplicator {
+    /**
+     * Apply CSS classes to a DOM element
+     */
+    applyCSSClasses(element: Element, classes: string[] | string): void;
+    /**
+     * Apply reactive CSS classes to a DOM element
+     */
+    applyReactiveCSSClasses(element: Element, classSignal: Signal<string>): (() => void);
+    /**
+     * Update CSS classes on an existing element
+     */
+    updateCSSClasses(element: Element, newClasses: string[] | string): void;
+    /**
+     * Remove CSS classes from an element
+     */
+    removeCSSClasses(element: Element, classes: string[] | string): void;
+}
+/**
+ * DOM CSS class applicator implementation
+ */
+export declare class DOMCSSClassApplicator implements CSSClassDOMApplicator {
+    /**
+     * Apply CSS classes to a DOM element
+     */
+    applyCSSClasses(element: Element, classes: string[] | string): void;
+    /**
+     * Apply reactive CSS classes to a DOM element
+     */
+    applyReactiveCSSClasses(element: Element, classSignal: Signal<string>): (() => void);
+    /**
+     * Update CSS classes on an existing element
+     */
+    updateCSSClasses(element: Element, newClasses: string[] | string): void;
+    /**
+     * Remove CSS classes from an element
+     */
+    removeCSSClasses(element: Element, classes: string[] | string): void;
+    /**
+     * Merge CSS classes with existing classes on an element
+     */
+    mergeCSSClasses(element: Element, newClasses: string[] | string): void;
+}
+/**
+ * Global DOM CSS class applicator instance
+ */
+export declare const domCSSClassApplicator: DOMCSSClassApplicator;
+/**
+ * Helper function to create DOM nodes with CSS classes
+ */
+export declare function createDOMNodeWithClasses(tag: string, props?: Record<string, any>, children?: DOMNode[], cssClasses?: string[] | Signal<string>): DOMNodeWithClasses;
+/**
+ * Utility to extract CSS classes from a DOMNodeWithClasses
+ */
+export declare function extractCSSClasses(node: DOMNodeWithClasses): {
+    static: string[];
+    reactive: Signal<string> | undefined;
+};
+//# sourceMappingURL=dom-integration.d.ts.map

package/dist/css-classes/dom-integration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom-integration.d.ts","sourceRoot":"","sources":["../../src/css-classes/dom-integration.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE/C;;GAEG;AACH,MAAM,WAAW,kBAAmB,SAAQ,OAAO;IACjD,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAA;CACjC;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,CAAA;IAEnE;;OAEG;IACH,uBAAuB,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,CAAA;IAEpF;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,CAAA;IAEvE;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI,CAAA;CACrE;AAED;;GAEG;AACH,qBAAa,qBAAsB,YAAW,qBAAqB;IACjE;;OAEG;IACH,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI;IAWnE;;OAEG;IACH,uBAAuB,CAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC;IAapF;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI;IAIvE;;OAEG;IACH,gBAAgB,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI;IAUpE;;OAEG;IACH,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,MAAM,GAAG,IAAI;CAWvE;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,uBAA8B,CAAA;AAEhE;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,GAAG,EAAE,MAAM,EACX,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,EAC/B,QAAQ,GAAE,OAAO,EAAO,EACxB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,GACrC,kBAAkB,CAuBpB;AAED;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,kBAAkB,GAAG;IAC3D,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAC,MAAM,CAAC,GAAG,SAAS,CAAA;CACrC,CAKA"}

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

@@ -0,0 +1,67 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,42 @@
+/**
+ * CSS Classes Enhancement - Enhanced Renderer
+ *
+ * Enhanced DOM renderer that supports CSS class integration
+ * while maintaining compatibility with existing functionality.
+ */
+import type { Signal } from '../reactive/types';
+import type { DOMNode } from '../runtime/types';
+import type { DOMNodeWithClasses } from './dom-integration';
+/**
+ * Enhanced renderer mixin for CSS class support
+ * This can be mixed into the existing DirectDOMRenderer
+ */
+export interface CSSClassRendererMixin {
+    /**
+     * Apply CSS classes to an element during creation
+     */
+    applyCSSClasses(element: Element, node: DOMNodeWithClasses): void;
+    /**
+     * Process className prop and CSS classes together
+     */
+    processElementClasses(element: Element, node: DOMNodeWithClasses): void;
+}
+/**
+ * CSS class renderer mixin implementation
+ */
+export declare const cssClassRendererMixin: CSSClassRendererMixin;
+/**
+ * Function to enhance any renderer with CSS class support
+ */
+export declare function enhanceRendererWithCSSClasses<T extends {
+    createElement: (node: DOMNode) => Element;
+}>(renderer: T): T & CSSClassRendererMixin;
+/**
+ * Utility function to create a CSS class-aware DOM node
+ */
+export declare function createCSSClassDOMNode(tag: string, props?: Record<string, any>, children?: DOMNode[], cssClasses?: string[] | Signal<string>): DOMNodeWithClasses;
+/**
+ * Helper to check if a DOMNode has CSS class support
+ */
+export declare function hasCSSClassSupport(node: DOMNode): node is DOMNodeWithClasses;
+//# sourceMappingURL=enhanced-renderer.d.ts.map

package/dist/css-classes/enhanced-renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enhanced-renderer.d.ts","sourceRoot":"","sources":["../../src/css-classes/enhanced-renderer.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAE3D;;;GAGG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,eAAe,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAAA;IAEjE;;OAEG;IACH,qBAAqB,CAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAAA;CACxE;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,qBAmEnC,CAAA;AAED;;GAEG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,SAAS;IAAE,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAA;CAAE,EACnG,QAAQ,EAAE,CAAC,GACV,CAAC,GAAG,qBAAqB,CAyB3B;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,GAAG,EAAE,MAAM,EACX,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,EAC/B,QAAQ,GAAE,OAAO,EAAO,EACxB,UAAU,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,GACrC,kBAAkB,CAiBpB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,IAAI,kBAAkB,CAG5E"}

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

@@ -0,0 +1,73 @@
+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

@@ -0,0 +1 @@
+{"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/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * CSS Classes Enhancement - Public API
+ *
+ * Exports the public API for CSS class integration system.
+ */
+export type { CSSClassesProps, CSSClassProcessor, CSSClassConfig, ClassProcessingResult } from './types';
+export { CSSClassManager, cssClassManager, configureCSSClasses, getCSSClassConfig } from './css-class-manager';
+export { ComponentWithCSSClasses } from './component-base';
+export { createCSSClassUtilities } from './utilities';
+export type { DOMNodeWithClasses, CSSClassDOMApplicator } from './dom-integration';
+export { DOMCSSClassApplicator, domCSSClassApplicator, createDOMNodeWithClasses, extractCSSClasses } from './dom-integration';
+export type { CSSClassRendererMixin } from './enhanced-renderer';
+export { cssClassRendererMixin, enhanceRendererWithCSSClasses, createCSSClassDOMNode, hasCSSClassSupport } from './enhanced-renderer';
+//# sourceMappingURL=index.d.ts.map

package/dist/css-classes/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/css-classes/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACtB,MAAM,SAAS,CAAA;AAGhB,OAAO,EACL,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,qBAAqB,CAAA;AAG5B,OAAO,EAAE,uBAAuB,EAAE,MAAM,kBAAkB,CAAA;AAG1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAGrD,YAAY,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAClF,OAAO,EACL,qBAAqB,EACrB,qBAAqB,EACrB,wBAAwB,EACxB,iBAAiB,EAClB,MAAM,mBAAmB,CAAA;AAG1B,YAAY,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EACL,qBAAqB,EACrB,6BAA6B,EAC7B,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,qBAAqB,CAAA"}

package/dist/css-classes/types.d.ts

@@ -0,0 +1,59 @@
+/**
+ * CSS Classes Enhancement - Type Definitions
+ *
+ * Core types for CSS class integration system that enables components
+ * to accept CSS classes from external frameworks (Tailwind, Bootstrap, etc.)
+ */
+import type { Signal } from '../reactive/types';
+/**
+ * CSS Classes property interface - extended by all component props
+ */
+export interface CSSClassesProps {
+    css?: string | string[] | Signal<string | string[]>;
+}
+/**
+ * CSS Class processor interface
+ */
+export interface CSSClassProcessor {
+    /**
+     * Process and normalize CSS classes from various input formats
+     */
+    processClasses(input: string | string[] | Signal<string | string[]>): string[];
+    /**
+     * Sanitize class names to be valid CSS identifiers
+     */
+    sanitizeClassName(className: string): string;
+    /**
+     * Deduplicate class arrays while preserving order
+     */
+    deduplicateClasses(classes: string[]): string[];
+    /**
+     * Combine tachUI classes with user-provided CSS classes
+     */
+    combineClasses(tachuiClasses: string[], userClasses: string[]): string[];
+}
+/**
+ * Configuration for CSS class processing
+ */
+export interface CSSClassConfig {
+    sanitizeClassNames: boolean;
+    sanitizationRules?: {
+        allowNumbers: boolean;
+        allowUnderscores: boolean;
+        customReplacements: Record<string, string>;
+    };
+    enableCaching: boolean;
+    maxCacheSize: number;
+    warnDuplicateClasses: boolean;
+    warnInvalidClasses: boolean;
+}
+/**
+ * Processing result metadata
+ */
+export interface ClassProcessingResult {
+    classes: string[];
+    sanitized: string[];
+    duplicatesRemoved: number;
+    invalidClasses: string[];
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/css-classes/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/css-classes/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE/C;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,CAAA;CACpD;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,EAAE,CAAA;IAE9E;;OAEG;IACH,iBAAiB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAAA;IAE5C;;OAEG;IACH,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IAE/C;;OAEG;IACH,cAAc,CAAC,aAAa,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;CACzE;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAE7B,kBAAkB,EAAE,OAAO,CAAA;IAG3B,iBAAiB,CAAC,EAAE;QAClB,YAAY,EAAE,OAAO,CAAA;QACrB,gBAAgB,EAAE,OAAO,CAAA;QACzB,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAC3C,CAAA;IAGD,aAAa,EAAE,OAAO,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IAGpB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,kBAAkB,EAAE,OAAO,CAAA;CAC5B;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,iBAAiB,EAAE,MAAM,CAAA;IACzB,cAAc,EAAE,MAAM,EAAE,CAAA;CACzB"}

package/dist/css-classes/utilities.cjs

@@ -0,0 +1,2 @@
+"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

package/dist/css-classes/utilities.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.cjs","sources":["../../src/css-classes/utilities.ts"],"sourcesContent":["/**\n * CSS Classes Enhancement - Utilities\n * \n * Utility functions for CSS class processing and common patterns.\n */\n\nimport { cssClassManager } from './css-class-manager'\nimport type { CSSClassesProps } from './types'\n\n/**\n * Utility functions for CSS class operations\n */\nexport interface CSSClassUtilities {\n  /**\n   * Combine multiple class sources into a single class string\n   */\n  combineClasses(...sources: (string | string[] | undefined)[]): string\n\n  /**\n   * Create conditional classes based on boolean conditions\n   */\n  conditionalClasses(conditions: Record<string, boolean>): string[]\n\n  /**\n   * Merge CSS class props from multiple sources\n   */\n  mergeClassProps(...props: (CSSClassesProps | undefined)[]): CSSClassesProps\n\n  /**\n   * Extract unique classes from a class string\n   */\n  extractClasses(classString: string): string[]\n\n  /**\n   * Validate CSS class names\n   */\n  validateClassNames(classes: string[]): { valid: string[], invalid: string[] }\n}\n\n/**\n * Create CSS class utilities instance\n */\nexport function createCSSClassUtilities(): CSSClassUtilities {\n  return {\n    combineClasses(...sources: (string | string[] | undefined)[]): string {\n      const allClasses: string[] = []\n      \n      sources.forEach(source => {\n        if (source) {\n          const processed = cssClassManager.processClasses(source)\n          allClasses.push(...processed)\n        }\n      })\n      \n      return cssClassManager.deduplicateClasses(allClasses).join(' ')\n    },\n\n    conditionalClasses(conditions: Record<string, boolean>): string[] {\n      return Object.entries(conditions)\n        .filter(([_, condition]) => condition)\n        .map(([className, _]) => className)\n    },\n\n    mergeClassProps(...props: (CSSClassesProps | undefined)[]): CSSClassesProps {\n      const allClasses: string[] = []\n      \n      props.forEach(prop => {\n        if (prop?.css) {\n          const processed = cssClassManager.processClasses(prop.css)\n          allClasses.push(...processed)\n        }\n      })\n      \n      if (allClasses.length === 0) {\n        return {}\n      }\n      \n      return {\n        css: cssClassManager.deduplicateClasses(allClasses)\n      }\n    },\n\n    extractClasses(classString: string): string[] {\n      return cssClassManager.processClasses(classString)\n    },\n\n    validateClassNames(classes: string[]): { valid: string[], invalid: string[] } {\n      const valid: string[] = []\n      const invalid: string[] = []\n      \n      classes.forEach(className => {\n        const sanitized = cssClassManager.sanitizeClassName(className)\n        if (sanitized === className.toLowerCase()) {\n          valid.push(className)\n        } else {\n          invalid.push(className)\n        }\n      })\n      \n      return { valid, invalid }\n    }\n  }\n}\n\n/**\n * Default CSS class utilities instance\n */\nexport const cssClassUtils = createCSSClassUtilities()\n\n/**\n * Common CSS class patterns for popular frameworks\n */\nexport const CSSPatterns = {\n  /**\n   * Tailwind CSS utility patterns\n   */\n  tailwind: {\n    flexCenter: 'flex items-center justify-center',\n    flexBetween: 'flex items-center justify-between',\n    absoluteCenter: 'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2',\n    srOnly: 'sr-only',\n    card: 'bg-white rounded-lg shadow-md p-6',\n    btn: {\n      primary: 'bg-blue-500 hover:bg-blue-600 text-white px-4 py-2 rounded transition-colors',\n      secondary: 'bg-gray-500 hover:bg-gray-600 text-white px-4 py-2 rounded transition-colors',\n      outline: 'border border-blue-500 text-blue-500 hover:bg-blue-50 px-4 py-2 rounded transition-colors'\n    }\n  },\n\n  /**\n   * Bootstrap component patterns\n   */\n  bootstrap: {\n    flexCenter: 'd-flex align-items-center justify-content-center',\n    flexBetween: 'd-flex align-items-center justify-content-between',\n    srOnly: 'visually-hidden',\n    card: 'card',\n    btn: {\n      primary: 'btn btn-primary',\n      secondary: 'btn btn-secondary',\n      outline: 'btn btn-outline-primary'\n    }\n  }\n}\n\n/**\n * Framework-specific class builders\n */\nexport const FrameworkBuilders = {\n  /**\n   * Tailwind CSS class builder\n   */\n  tailwind: {\n    spacing: (value: number) => `p-${value}`,\n    margin: (value: number) => `m-${value}`,\n    textSize: (size: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl') => `text-${size}`,\n    backgroundColor: (color: string) => `bg-${color}`,\n    textColor: (color: string) => `text-${color}`,\n    rounded: (size: 'none' | 'sm' | 'base' | 'md' | 'lg' | 'xl' | 'full' = 'base') => \n      size === 'base' ? 'rounded' : `rounded-${size}`\n  },\n\n  /**\n   * Bootstrap class builder\n   */\n  bootstrap: {\n    spacing: (value: 1 | 2 | 3 | 4 | 5) => `p-${value}`,\n    margin: (value: 1 | 2 | 3 | 4 | 5) => `m-${value}`,\n    textSize: (size: 1 | 2 | 3 | 4 | 5 | 6) => `h${size}`,\n    backgroundColor: (color: string) => `bg-${color}`,\n    textColor: (color: string) => `text-${color}`,\n    rounded: (size: 0 | 1 | 2 | 3 | 'circle' | 'pill' = 1) => \n      typeof size === 'number' ? `rounded-${size}` : `rounded-${size}`\n  }\n}"],"names":["createCSSClassUtilities","sources","allClasses","source","processed","cssClassManager","conditions","_","condition","className","props","prop","classString","classes","valid","invalid"],"mappings":"2HA0CO,SAASA,GAA6C,CAC3D,MAAO,CACL,kBAAkBC,EAAoD,CACpE,MAAMC,EAAuB,CAAA,EAE7B,OAAAD,EAAQ,QAAQE,GAAU,CACxB,GAAIA,EAAQ,CACV,MAAMC,EAAYC,EAAAA,gBAAgB,eAAeF,CAAM,EACvDD,EAAW,KAAK,GAAGE,CAAS,CAC9B,CACF,CAAC,EAEMC,EAAAA,gBAAgB,mBAAmBH,CAAU,EAAE,KAAK,GAAG,CAChE,EAEA,mBAAmBI,EAA+C,CAChE,OAAO,OAAO,QAAQA,CAAU,EAC7B,OAAO,CAAC,CAACC,EAAGC,CAAS,IAAMA,CAAS,EACpC,IAAI,CAAC,CAACC,EAAWF,CAAC,IAAME,CAAS,CACtC,EAEA,mBAAmBC,EAAyD,CAC1E,MAAMR,EAAuB,CAAA,EAS7B,OAPAQ,EAAM,QAAQC,GAAQ,CACpB,GAAIA,GAAM,IAAK,CACb,MAAMP,EAAYC,EAAAA,gBAAgB,eAAeM,EAAK,GAAG,EACzDT,EAAW,KAAK,GAAGE,CAAS,CAC9B,CACF,CAAC,EAEGF,EAAW,SAAW,EACjB,CAAA,EAGF,CACL,IAAKG,EAAAA,gBAAgB,mBAAmBH,CAAU,CAAA,CAEtD,EAEA,eAAeU,EAA+B,CAC5C,OAAOP,EAAAA,gBAAgB,eAAeO,CAAW,CACnD,EAEA,mBAAmBC,EAA2D,CAC5E,MAAMC,EAAkB,CAAA,EAClBC,EAAoB,CAAA,EAE1B,OAAAF,EAAQ,QAAQJ,GAAa,CACTJ,EAAAA,gBAAgB,kBAAkBI,CAAS,IAC3CA,EAAU,cAC1BK,EAAM,KAAKL,CAAS,EAEpBM,EAAQ,KAAKN,CAAS,CAE1B,CAAC,EAEM,CAAE,MAAAK,EAAO,QAAAC,CAAA,CAClB,CAAA,CAEJ"}

package/dist/css-classes/utilities.d.ts

@@ -0,0 +1,104 @@
+/**
+ * CSS Classes Enhancement - Utilities
+ *
+ * Utility functions for CSS class processing and common patterns.
+ */
+import type { CSSClassesProps } from './types';
+/**
+ * Utility functions for CSS class operations
+ */
+export interface CSSClassUtilities {
+    /**
+     * Combine multiple class sources into a single class string
+     */
+    combineClasses(...sources: (string | string[] | undefined)[]): string;
+    /**
+     * Create conditional classes based on boolean conditions
+     */
+    conditionalClasses(conditions: Record<string, boolean>): string[];
+    /**
+     * Merge CSS class props from multiple sources
+     */
+    mergeClassProps(...props: (CSSClassesProps | undefined)[]): CSSClassesProps;
+    /**
+     * Extract unique classes from a class string
+     */
+    extractClasses(classString: string): string[];
+    /**
+     * Validate CSS class names
+     */
+    validateClassNames(classes: string[]): {
+        valid: string[];
+        invalid: string[];
+    };
+}
+/**
+ * Create CSS class utilities instance
+ */
+export declare function createCSSClassUtilities(): CSSClassUtilities;
+/**
+ * Default CSS class utilities instance
+ */
+export declare const cssClassUtils: CSSClassUtilities;
+/**
+ * Common CSS class patterns for popular frameworks
+ */
+export declare const CSSPatterns: {
+    /**
+     * Tailwind CSS utility patterns
+     */
+    tailwind: {
+        flexCenter: string;
+        flexBetween: string;
+        absoluteCenter: string;
+        srOnly: string;
+        card: string;
+        btn: {
+            primary: string;
+            secondary: string;
+            outline: string;
+        };
+    };
+    /**
+     * Bootstrap component patterns
+     */
+    bootstrap: {
+        flexCenter: string;
+        flexBetween: string;
+        srOnly: string;
+        card: string;
+        btn: {
+            primary: string;
+            secondary: string;
+            outline: string;
+        };
+    };
+};
+/**
+ * Framework-specific class builders
+ */
+export declare const FrameworkBuilders: {
+    /**
+     * Tailwind CSS class builder
+     */
+    tailwind: {
+        spacing: (value: number) => string;
+        margin: (value: number) => string;
+        textSize: (size: "xs" | "sm" | "base" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl") => string;
+        backgroundColor: (color: string) => string;
+        textColor: (color: string) => string;
+        rounded: (size?: "none" | "sm" | "base" | "md" | "lg" | "xl" | "full") => string;
+    };
+    /**
+     * Bootstrap class builder
+     */
+    bootstrap: {
+        spacing: (value: 1 | 2 | 3 | 4 | 5) => string;
+        margin: (value: 1 | 2 | 3 | 4 | 5) => string;
+        textSize: (size: 1 | 2 | 3 | 4 | 5 | 6) => string;
+        backgroundColor: (color: string) => string;
+        textColor: (color: string) => string;
+        rounded: (size?: 0 | 1 | 2 | 3 | "circle" | "pill") => string;
+    };
+};
+//# sourceMappingURL=utilities.d.ts.map

package/dist/css-classes/utilities.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.d.ts","sourceRoot":"","sources":["../../src/css-classes/utilities.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,cAAc,CAAC,GAAG,OAAO,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAAA;IAErE;;OAEG;IACH,kBAAkB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,EAAE,CAAA;IAEjE;;OAEG;IACH,eAAe,CAAC,GAAG,KAAK,EAAE,CAAC,eAAe,GAAG,SAAS,CAAC,EAAE,GAAG,eAAe,CAAA;IAE3E;;OAEG;IACH,cAAc,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAE7C;;OAEG;IACH,kBAAkB,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG;QAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAAC,OAAO,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;CAC9E;AAED;;GAEG;AACH,wBAAgB,uBAAuB,IAAI,iBAAiB,CA4D3D;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,mBAA4B,CAAA;AAEtD;;GAEG;AACH,eAAO,MAAM,WAAW;IACtB;;OAEG;;;;;;;;;;;;;IAcH;;OAEG;;;;;;;;;;;;CAYJ,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,iBAAiB;IAC5B;;OAEG;;yBAEgB,MAAM;wBACP,MAAM;yBACL,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK;iCAClE,MAAM;2BACZ,MAAM;yBACT,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM;;IAItE;;OAEG;;yBAEgB,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;wBAClB,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;yBAChB,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;iCACb,MAAM;2BACZ,MAAM;yBACT,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,QAAQ,GAAG,MAAM;;CAGpD,CAAA"}