@tachui/core 0.7.1-alpha → 0.8.0-alpha

package/dist/component-base-x2XmHFjy.js

@@ -0,0 +1,255 @@
+import { J as n, i as f, g as h } from "./scheduler-BKeqwrYE.js";
+var g = Object.defineProperty, u = (i, s, e) => s in i ? g(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e, o = (i, s, e) => u(i, typeof s != "symbol" ? s + "" : s, e);
+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 p {
+  constructor(s = {}) {
+    o(this, "config"), o(this, "classCache"), o(this, "processingCache"), this.config = { ...d, ...s };
+    const e = (() => {
+      try {
+        return typeof Map < "u" && typeof Map == "function";
+      } catch {
+        return !1;
+      }
+    })();
+    this.classCache = e ? /* @__PURE__ */ new Map() : {}, this.processingCache = e ? /* @__PURE__ */ new Map() : {};
+  }
+  /**
+   * Cache helper methods to work with both Map and plain object fallbacks
+   */
+  cacheHas(s, e) {
+    try {
+      return s instanceof Map ? s.has(e) : e in s;
+    } catch {
+      return e in s;
+    }
+  }
+  cacheGet(s, e) {
+    try {
+      return s instanceof Map ? s.get(e) : s[e];
+    } catch {
+      return s[e];
+    }
+  }
+  cacheSet(s, e, t) {
+    try {
+      s instanceof Map ? s.set(e, t) : s[e] = t;
+    } catch {
+      s[e] = t;
+    }
+  }
+  cacheDelete(s, e) {
+    try {
+      s instanceof Map ? s.delete(e) : delete s[e];
+    } catch {
+      delete s[e];
+    }
+  }
+  cacheClear(s) {
+    try {
+      s instanceof Map ? s.clear() : Object.keys(s).forEach((e) => delete s[e]);
+    } catch {
+      Object.keys(s).forEach((t) => delete s[t]);
+    }
+  }
+  cacheSize(s) {
+    try {
+      return s instanceof Map ? s.size : Object.keys(s).length;
+    } catch {
+      return Object.keys(s).length;
+    }
+  }
+  cacheKeys(s) {
+    try {
+      return s instanceof Map ? s.keys() : Object.keys(s);
+    } catch {
+      return Object.keys(s);
+    }
+  }
+  /**
+   * Process CSS classes from various input formats
+   */
+  processClasses(s) {
+    if (!s) return [];
+    if (n(s) || f(s)) {
+      const r = s();
+      return this.processClasses(r);
+    }
+    const e = this.getCacheKey(s);
+    if (this.config.enableCaching && this.cacheHas(this.classCache, e))
+      return this.cacheGet(this.classCache, e);
+    let t = [];
+    if (typeof s == "string")
+      t = s.trim().split(/\s+/).filter(Boolean);
+    else if (Array.isArray(s))
+      t = s.flatMap((r) => {
+        if (r == null || r === "")
+          return [];
+        const c = (typeof r == "string" ? r : String(r)).trim();
+        return typeof r != "string" && c ? [c] : c.split(/\s+/);
+      }).filter(Boolean);
+    else {
+      const r = String(s).trim();
+      t = r ? [r] : [];
+    }
+    const a = this.processClassArray(t);
+    return this.config.enableCaching && this.setCachedClasses(e, a), a;
+  }
+  /**
+   * Process an array of class names
+   */
+  processClassArray(s) {
+    let e = s;
+    return this.config.sanitizeClassNames && (e = e.map((t) => this.sanitizeClassName(t))), e = this.deduplicateClasses(e), this.config.warnDuplicateClasses && s.length !== e.length && console.warn(
+      "[tachUI] Duplicate CSS classes detected and removed:",
+      s.filter((t, a) => s.indexOf(t) !== a)
+    ), e;
+  }
+  /**
+   * Sanitize class name to be valid CSS identifier
+   */
+  sanitizeClassName(s) {
+    if (!s || typeof s != "string") return "";
+    const e = this.config.sanitizationRules;
+    let t = s.trim();
+    t.includes(" ") && (t = t.replace(/\s+/g, "-"), this.config.warnInvalidClasses && console.warn(`[tachUI] CSS class names cannot contain spaces. Converted "${s}" to "${t}"`)), Object.entries(e.customReplacements || {}).forEach(([r, C]) => {
+      t = t.replace(new RegExp(r, "g"), C);
+    });
+    let a = "a-zA-Z\\-\\.";
+    return e.allowNumbers && (a += "0-9"), e.allowUnderscores && (a += "_"), a += ":\\[\\]/%", t = t.replace(new RegExp(`[^${a}]`, "g"), "-"), /^[0-9]/.test(t) && (t = "cls-" + t), t = t.replace(/---+/g, "--"), this.config.warnInvalidClasses && t !== s.trim() && console.warn(`[tachUI] CSS class "${s}" sanitized to "${t}"`), t;
+  }
+  /**
+   * Deduplicate classes while preserving first occurrence order
+   */
+  deduplicateClasses(s) {
+    return [...new Set(s.filter(Boolean))];
+  }
+  /**
+   * Combine tachUI classes with user-provided CSS classes
+   * User classes come AFTER tachUI classes for proper CSS cascade
+   */
+  combineClasses(s, e) {
+    const t = this.processClasses(e), a = [...s, ...t];
+    return this.deduplicateClasses(a);
+  }
+  /**
+   * Update configuration
+   */
+  updateConfig(s) {
+    this.config = { ...this.config, ...s }, 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(s) {
+    return Array.isArray(s) ? s.join("|") : s;
+  }
+  /**
+   * Set cached classes with LRU eviction
+   */
+  setCachedClasses(s, e) {
+    if (this.cacheSize(this.classCache) >= this.config.maxCacheSize) {
+      const t = this.cacheKeys(this.classCache), a = Array.isArray(t) ? t[0] : t.next().value;
+      a !== void 0 && this.cacheDelete(this.classCache, a);
+    }
+    this.cacheSet(this.classCache, s, e);
+  }
+}
+const l = new p();
+function b(i) {
+  l.updateConfig(i);
+}
+function w() {
+  return l.getConfig();
+}
+var m = Object.defineProperty, y = (i, s, e) => s in i ? m(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e, S = (i, s, e) => y(i, s + "", e);
+class v {
+  constructor() {
+    S(this, "cssClassManager", l);
+  }
+  /**
+   * Process CSS classes from props and integrate with component classes
+   */
+  processComponentClasses(s, e = []) {
+    if (!s.css)
+      return e;
+    const t = this.cssClassManager.processClasses(s.css);
+    return this.cssClassManager.combineClasses(e, t);
+  }
+  /**
+   * Create class string for DOM nodes - handles both static and reactive classes
+   */
+  createClassString(s, e = []) {
+    return s.css && (n(s.css) || f(s.css)) ? h(() => 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 && n(s.css) ? h(() => 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) || n(e) || console.warn("[tachUI] css must be a string, array of strings, or signal. Got:", typeof e), Array.isArray(e)) {
+      const a = e.filter((r) => typeof r != "string");
+      a.length > 0 && console.warn("[tachUI] All items in css array must be strings. Invalid items:", a);
+    }
+  }
+  /**
+   * Get debug information about processed classes
+   */
+  getClassDebugInfo(s, e = []) {
+    const t = s.css ? this.cssClassManager.processClasses(s.css) : [], a = this.processComponentClasses(s, e);
+    return {
+      base: e,
+      user: t,
+      processed: a,
+      final: a.join(" ")
+    };
+  }
+}
+export {
+  p as C,
+  b as a,
+  v as b,
+  l as c,
+  w as g
+};

package/dist/components/index.d.ts

@@ -1,45 +1,11 @@
 /**
  * TachUI Component System
  *
- * High-level component wrappers and utilities that integrate
- * the modifier system with the runtime system.
+ * Core component infrastructure and utilities that provide
+ * the foundation for building reactive UI components.
  */
-export type { ModifiableComponent, ModifierBuilder, } from '../modifiers/types';
+export type { ModifiableComponent, ModifierBuilder } from '../modifiers/types';
 export type { ComponentInstance, ComponentProps, DOMNode, } from '../runtime/types';
-export type { BasicInputProps, BasicInputTheme, BasicInputType, } from './BasicInput';
-export { BasicInput, BasicInputStyles, BasicInputUtils, } from './BasicInput';
-export type { BaseGridProps, GridAlignment, GridItemConfig, GridProps, GridRowProps, LazyHGridProps, LazyVGridProps, ResponsiveGridItemConfig, } from './Grid';
-export { BaseGridComponent, EnhancedGrid, EnhancedGridRow, EnhancedLazyHGrid, EnhancedLazyVGrid, Grid, GridCSSGenerator, GridItem, GridRow, LazyHGrid, LazyVGrid, } from './Grid';
-export type { ButtonProps, ButtonRole, ButtonSize, ButtonState, ButtonTheme, ButtonVariant, } from './Button';
-export { Button, ButtonStyles, defaultButtonTheme, EnhancedButton, } from './Button';
-export type { DividerProps, DividerTheme, } from './Divider';
-export { Divider, DividerStyles, DividerUtils, defaultDividerTheme, } from './Divider';
-export type { FormData, BasicFormProps, ValidationError, } from './Form';
-export { BasicFormImplementation, BasicForm, BasicFormStyles, BasicFormValidation, } from './Form';
-export type { ImageContentMode, ImageLoadingState, ImageLoadingStrategy, ImageProps, ImageResizeMode, } from './Image';
-export { EnhancedImage, Image, ImageContentModes, ImageStates, ImageUtils, } from './Image';
-export type { EnhancedLinkProps, OpenURLAction, } from './EnhancedLink';
-export { Link, LinkUtils, } from './EnhancedLink';
-export type { ForEachProps, ForProps, ListProps, ListSection, ListStyle, SelectionMode, SwipeAction, VirtualScrollConfig, } from './List';
-export { EnhancedList, For, ForEach, ForEachComponent, List, ListUtils, } from './List';
-export type { MenuItem, MenuPlacement, MenuProps, MenuTheme, } from './Menu';
-export { defaultMenuTheme, Menu, MenuStyles, MenuUtils, } from './Menu';
-export type { PickerOption, PickerProps, } from './Picker';
-export { EnhancedPicker, Picker, PickerStyles, PickerUtils, } from './Picker';
-export type { ContentOffset, PullToRefreshState, ScrollBehavior, ScrollDirection, ScrollEdges, ScrollEventInfo, ScrollViewProps, } from './ScrollView';
-export { EnhancedScrollView, ScrollView, ScrollViewUtils, } from './ScrollView';
-export type { SectionProps } from './Section';
-export { EnhancedSection, Section, SectionStyles, SectionWithHeader, SectionWithHeaderFooter, } from './Section';
-export type { ShowProps } from './Show';
-export { Show, Unless, When, } from './Show';
-export type { SpacerProps } from './Spacer';
-export { Spacer } from './Spacer';
-export type { TextFormatting, TextProps, } from './Text';
-export { Text, // Enhanced Text is now the primary Text export
-TextFormat, TextStyles, Typography, } from './Text';
-export type { ToggleProps } from './Toggle';
-export { EnhancedToggle, Toggle, ToggleStyles, ToggleUtils, ToggleWithLabel, } from './Toggle';
 export type { WrapperOptions } from './wrapper';
-export { createModifiableComponentFactory, createReactiveWrapper, H1, H2, H3, H4, H5, H6, HStack, HTML, // Simple HTML element wrappers
-Layout, VStack, withModifierSupport, withModifiers, wrapComponent, ZStack, } from './wrapper';
+export { createModifiableComponentFactory, createReactiveWrapper, Layout, withModifierSupport, withModifiers, wrapComponent, } from './wrapper';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAC9E,YAAY,EACV,iBAAiB,EACjB,cAAc,EACd,OAAO,GACR,MAAM,kBAAkB,CAAA;AAGzB,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC/C,OAAO,EACL,gCAAgC,EAChC,qBAAqB,EACrB,MAAM,EACN,mBAAmB,EACnB,aAAa,EACb,aAAa,GACd,MAAM,WAAW,CAAA"}