@tachui/core 0.7.0-alpha1

package/dist/assets/ColorAsset.js

@@ -0,0 +1,114 @@
+import { getCurrentTheme as w } from "../reactive/theme.js";
+import { Asset as p } from "./Asset.js";
+var x = Object.defineProperty, $ = (u, r, e) => r in u ? x(u, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : u[r] = e, c = (u, r, e) => $(u, typeof r != "symbol" ? r + "" : r, e);
+class n extends p {
+  constructor(r) {
+    if (super(r.name), c(this, "default"), c(this, "light"), c(this, "dark"), !r.default)
+      throw new Error(`ColorAsset "${r.name}" must specify a default color`);
+    const e = n.validateColor(r.default);
+    if (!e.isValid)
+      throw new Error(`Invalid default color format for asset "${r.name}": ${e.error}`);
+    if (r.light) {
+      const l = n.validateColor(r.light);
+      if (!l.isValid)
+        throw new Error(`Invalid light color format for asset "${r.name}": ${l.error}`);
+    }
+    if (r.dark) {
+      const l = n.validateColor(r.dark);
+      if (!l.isValid)
+        throw new Error(`Invalid dark color format for asset "${r.name}": ${l.error}`);
+    }
+    this.default = r.default, this.light = r.light, this.dark = r.dark;
+  }
+  static init(r) {
+    return new n(r);
+  }
+  /**
+   * Validates a color string format
+   * Supports: hex, rgb, rgba, hsl, hsla, and named colors
+   */
+  static validateColor(r) {
+    if (!r || typeof r != "string")
+      return {
+        isValid: !1,
+        error: "Color must be a non-empty string"
+      };
+    const e = r.trim();
+    if (/^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/.test(e))
+      return { isValid: !0, format: "hex" };
+    const g = /^rgb\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)$/;
+    if (g.test(e)) {
+      const t = e.match(g), [, a, s, i] = t.map(Number);
+      return a <= 255 && s <= 255 && i <= 255 ? { isValid: !0, format: "rgb" } : {
+        isValid: !1,
+        error: "RGB values must be between 0 and 255"
+      };
+    }
+    const b = /^rgba\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]*\.?[0-9]+)\s*\)$/;
+    if (b.test(e)) {
+      const t = e.match(b), [, a, s, i, o] = t, d = Number(a), f = Number(s), h = Number(i), m = Number(o);
+      return d <= 255 && f <= 255 && h <= 255 && m >= 0 && m <= 1 ? { isValid: !0, format: "rgba" } : {
+        isValid: !1,
+        error: "RGBA values must be: RGB 0-255, alpha 0-1"
+      };
+    }
+    const V = /^hsl\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})%\s*,\s*([0-9]{1,3})%\s*\)$/;
+    if (V.test(e)) {
+      const t = e.match(V), [, a, s, i] = t.map(Number);
+      return a <= 360 && s <= 100 && i <= 100 ? { isValid: !0, format: "hsl" } : {
+        isValid: !1,
+        error: "HSL values must be: H 0-360, S/L 0-100%"
+      };
+    }
+    const v = /^hsla\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})%\s*,\s*([0-9]{1,3})%\s*,\s*([0-9]*\.?[0-9]+)\s*\)$/;
+    if (v.test(e)) {
+      const t = e.match(v), [, a, s, i, o] = t, d = Number(a), f = Number(s), h = Number(i), m = Number(o);
+      return d <= 360 && f <= 100 && h <= 100 && m >= 0 && m <= 1 ? { isValid: !0, format: "hsla" } : {
+        isValid: !1,
+        error: "HSLA values must be: H 0-360, S/L 0-100%, alpha 0-1"
+      };
+    }
+    return [
+      "transparent",
+      "currentColor",
+      "inherit",
+      "initial",
+      "unset",
+      "black",
+      "white",
+      "red",
+      "green",
+      "blue",
+      "yellow",
+      "cyan",
+      "magenta",
+      "gray",
+      "grey",
+      "orange",
+      "purple",
+      "pink",
+      "brown",
+      "navy",
+      "teal",
+      "lime",
+      "olive",
+      "maroon",
+      "silver",
+      "aqua",
+      "fuchsia"
+    ].includes(e.toLowerCase()) ? { isValid: !0, format: "named" } : e.startsWith("var(--") && e.endsWith(")") ? { isValid: !0, format: "named" } : {
+      isValid: !1,
+      error: "Unsupported color format. Supported: hex, rgb, rgba, hsl, hsla, named colors, CSS custom properties"
+    };
+  }
+  static getCurrentTheme() {
+    return w();
+  }
+  resolve() {
+    return n.getCurrentTheme() === "dark" ? this.dark || this.default : this.light || this.default;
+  }
+}
+export {
+  n as ColorAsset
+};
+//# sourceMappingURL=ColorAsset.js.map

package/dist/assets/ColorAsset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorAsset.js","sources":["../../src/assets/ColorAsset.ts"],"sourcesContent":["/**\n * Color Asset for TachUI Assets system\n *\n * Represents a theme-adaptive color with light and dark variants.\n */\n\nimport { getCurrentTheme as _getCurrentTheme } from '../reactive/theme'\nimport { Asset } from './Asset'\nimport type { ColorValidationResult } from './types'\n\n/**\n * ColorAsset initialization options\n */\nexport interface ColorAssetOptions {\n  default: string  // Required - fallback for any theme\n  light?: string   // Optional - light theme override\n  dark?: string    // Optional - dark theme override  \n  name: string     // Required - asset identifier\n}\n\nexport class ColorAsset extends Asset {\n  public readonly default: string\n  public readonly light?: string\n  public readonly dark?: string\n\n  constructor(options: ColorAssetOptions) {\n    super(options.name)\n\n    // Validate that default is provided\n    if (!options.default) {\n      throw new Error(`ColorAsset \"${options.name}\" must specify a default color`)\n    }\n\n    // Validate color formats\n    const defaultValidation = ColorAsset.validateColor(options.default)\n    if (!defaultValidation.isValid) {\n      throw new Error(`Invalid default color format for asset \"${options.name}\": ${defaultValidation.error}`)\n    }\n\n    if (options.light) {\n      const lightValidation = ColorAsset.validateColor(options.light)\n      if (!lightValidation.isValid) {\n        throw new Error(`Invalid light color format for asset \"${options.name}\": ${lightValidation.error}`)\n      }\n    }\n\n    if (options.dark) {\n      const darkValidation = ColorAsset.validateColor(options.dark)\n      if (!darkValidation.isValid) {\n        throw new Error(`Invalid dark color format for asset \"${options.name}\": ${darkValidation.error}`)\n      }\n    }\n\n    this.default = options.default\n    this.light = options.light\n    this.dark = options.dark\n  }\n\n  static init(options: ColorAssetOptions): ColorAsset {\n    return new ColorAsset(options)\n  }\n\n  /**\n   * Validates a color string format\n   * Supports: hex, rgb, rgba, hsl, hsla, and named colors\n   */\n  static validateColor(color: string): ColorValidationResult {\n    if (!color || typeof color !== 'string') {\n      return {\n        isValid: false,\n        error: 'Color must be a non-empty string',\n      }\n    }\n\n    const trimmed = color.trim()\n\n    // Hex format validation\n    const hexRegex = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/\n    if (hexRegex.test(trimmed)) {\n      return { isValid: true, format: 'hex' }\n    }\n\n    // RGB format validation\n    const rgbRegex = /^rgb\\s*\\(\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*\\)$/\n    if (rgbRegex.test(trimmed)) {\n      const matches = trimmed.match(rgbRegex)!\n      const [, r, g, b] = matches.map(Number)\n      if (r <= 255 && g <= 255 && b <= 255) {\n        return { isValid: true, format: 'rgb' }\n      }\n      return {\n        isValid: false,\n        error: 'RGB values must be between 0 and 255',\n      }\n    }\n\n    // RGBA format validation\n    const rgbaRegex =\n      /^rgba\\s*\\(\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})\\s*,\\s*([0-9]*\\.?[0-9]+)\\s*\\)$/\n    if (rgbaRegex.test(trimmed)) {\n      const matches = trimmed.match(rgbaRegex)!\n      const [, r, g, b, a] = matches\n      const numR = Number(r),\n        numG = Number(g),\n        numB = Number(b),\n        numA = Number(a)\n      if (numR <= 255 && numG <= 255 && numB <= 255 && numA >= 0 && numA <= 1) {\n        return { isValid: true, format: 'rgba' }\n      }\n      return {\n        isValid: false,\n        error: 'RGBA values must be: RGB 0-255, alpha 0-1',\n      }\n    }\n\n    // HSL format validation\n    const hslRegex = /^hsl\\s*\\(\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})%\\s*,\\s*([0-9]{1,3})%\\s*\\)$/\n    if (hslRegex.test(trimmed)) {\n      const matches = trimmed.match(hslRegex)!\n      const [, h, s, l] = matches.map(Number)\n      if (h <= 360 && s <= 100 && l <= 100) {\n        return { isValid: true, format: 'hsl' }\n      }\n      return {\n        isValid: false,\n        error: 'HSL values must be: H 0-360, S/L 0-100%',\n      }\n    }\n\n    // HSLA format validation\n    const hslaRegex =\n      /^hsla\\s*\\(\\s*([0-9]{1,3})\\s*,\\s*([0-9]{1,3})%\\s*,\\s*([0-9]{1,3})%\\s*,\\s*([0-9]*\\.?[0-9]+)\\s*\\)$/\n    if (hslaRegex.test(trimmed)) {\n      const matches = trimmed.match(hslaRegex)!\n      const [, h, s, l, a] = matches\n      const numH = Number(h),\n        numS = Number(s),\n        numL = Number(l),\n        numA = Number(a)\n      if (numH <= 360 && numS <= 100 && numL <= 100 && numA >= 0 && numA <= 1) {\n        return { isValid: true, format: 'hsla' }\n      }\n      return {\n        isValid: false,\n        error: 'HSLA values must be: H 0-360, S/L 0-100%, alpha 0-1',\n      }\n    }\n\n    // Named colors validation (basic set)\n    const namedColors = [\n      'transparent',\n      'currentColor',\n      'inherit',\n      'initial',\n      'unset',\n      'black',\n      'white',\n      'red',\n      'green',\n      'blue',\n      'yellow',\n      'cyan',\n      'magenta',\n      'gray',\n      'grey',\n      'orange',\n      'purple',\n      'pink',\n      'brown',\n      'navy',\n      'teal',\n      'lime',\n      'olive',\n      'maroon',\n      'silver',\n      'aqua',\n      'fuchsia',\n    ]\n\n    if (namedColors.includes(trimmed.toLowerCase())) {\n      return { isValid: true, format: 'named' }\n    }\n\n    // CSS custom property format\n    if (trimmed.startsWith('var(--') && trimmed.endsWith(')')) {\n      return { isValid: true, format: 'named' }\n    }\n\n    return {\n      isValid: false,\n      error:\n        'Unsupported color format. Supported: hex, rgb, rgba, hsl, hsla, named colors, CSS custom properties',\n    }\n  }\n\n  static getCurrentTheme(): string {\n    return _getCurrentTheme()\n  }\n\n  resolve(): string {\n    const currentTheme = ColorAsset.getCurrentTheme()\n    \n    // Resolve priority: theme-specific → default\n    if (currentTheme === 'dark') {\n      return this.dark || this.default\n    } else {\n      return this.light || this.default\n    }\n  }\n}\n"],"names":["ColorAsset","Asset","options","__publicField","defaultValidation","lightValidation","darkValidation","color","trimmed","rgbRegex","matches","r","g","b","rgbaRegex","a","numR","numG","numB","numA","hslRegex","h","l","hslaRegex","numH","numS","numL","_getCurrentTheme"],"mappings":"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"}

package/dist/assets/FontAsset.cjs

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./Asset.cjs");var u=Object.defineProperty,p=(i,t,e)=>t in i?u(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e,l=(i,t,e)=>p(i,typeof t!="symbol"?t+"":t,e);class r extends h.Asset{constructor(t,e=[],s="",n={}){super(s||t),l(this,"family"),l(this,"fallbacks"),l(this,"options"),l(this,"loaded",!1),l(this,"loadPromise",null),this.family=t,this.fallbacks=e,this.options={loading:"lazy",fontDisplay:"swap",preconnect:!0,...n},this.options.loading==="eager"&&this.load()}static init(t,e=[],s,n={}){return new r(t,e,s,n)}get value(){return[this.family,...this.fallbacks].map(e=>e.includes(" ")?`"${e}"`:e).join(", ")}async load(){if(!(this.loaded||!this.options.fontUrl)){if(this.loadPromise)return this.loadPromise;this.loadPromise=this.loadFont(),await this.loadPromise,this.loaded=!0}}async loadFont(){const{fontUrl:t,preconnect:e}=this.options;if(t){if(e&&typeof document<"u"&&document.querySelector)try{const n=new URL(t).origin;if(!document.querySelector(`link[rel="preconnect"][href="${n}"]`)){const o=document.createElement("link");o.rel="preconnect",o.href=n,o.crossOrigin="anonymous",document.head.appendChild(o)}}catch{}if(t.endsWith(".css")||t.includes("fonts.googleapis.com")?await this.loadFontCSS(t):await this.loadFontFile(t),"fonts"in document)try{await document.fonts.ready;const n=`16px ${this.family.includes(" ")?`"${this.family}"`:this.family}`;document.fonts.check(n)||console.warn(`⚠️ Font "${this.family}" may not have loaded correctly`)}catch{}}}async loadFontCSS(t){return new Promise((e,s)=>{if(document.querySelector(`link[href="${t}"]`)){e();return}const o=document.createElement("link");o.rel="stylesheet",o.href=t,o.onload=()=>{e()},o.onerror=a=>{console.warn(`⚠️ Failed to load font CSS for ${this.family}:`,t),e()},document.head.appendChild(o)})}async loadFontFile(t){const{fontFormat:e,fontDisplay:s,weightRange:n,widthRange:o}=this.options;let a="";e?a=`format('${e}')`:t.endsWith(".woff2")?a="format('woff2')":t.endsWith(".woff")?a="format('woff')":t.endsWith(".ttf")&&(a="format('truetype')");let c=`
+      @font-face {
+        font-family: "${this.family}";
+        src: url("${t}") ${a};
+        font-display: ${s||"swap"};
+    `;n&&(c+=`font-weight: ${n[0]} ${n[1]};
+`),o&&(c+=`font-stretch: ${o[0]}% ${o[1]}%;
+`),c+="}";const m=document.createElement("style");if(m.textContent=c,document.head.appendChild(m),"FontFace"in window)try{const f=new FontFace(this.family,`url(${t})`,{display:s||"swap",weight:n?`${n[0]} ${n[1]}`:void 0,stretch:o?`${o[0]}% ${o[1]}%`:void 0});await f.load(),document.fonts.add(f)}catch{}}toCSSVariable(t){return`${t||`--font-${this.name.toLowerCase().replace(/\s+/g,"-")}`}: ${this.value};`}[Symbol.for("nodejs.util.inspect.custom")](){return`FontAsset(${this.family}, loaded: ${this.loaded})`}resolve(){return this.options.loading==="lazy"&&!this.loaded&&this.options.fontUrl&&this.load(),this.value}}const y={ultraCondensed:50,extraCondensed:62.5,condensed:75,semiCondensed:87.5,normal:100,semiExpanded:112.5,expanded:125,extraExpanded:150,ultraExpanded:200},d={sansSerif:["system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","Helvetica Neue","Arial","sans-serif"],serif:["Georgia","Cambria","Times New Roman","Times","serif"],monospace:["ui-monospace","SFMono-Regular","SF Mono","Consolas","Liberation Mono","Menlo","Courier","monospace"],cursive:["cursive"],fantasy:["fantasy"]};function w(i="sansSerif",t){return new r("",[...d[i]],t||`system-${i}`)}function g(i,t=[400],e,s={}){const n=t.join(";"),a=`https://fonts.googleapis.com/css2?family=${i.replace(/\s+/g,"+")}:wght@${n}&display=swap`;return new r(i,[...d.sansSerif],e||i.toLowerCase().replace(/\s+/g,"-"),{...s,fontUrl:a,preconnect:!0})}function F(i,t,e,s=[...d.sansSerif],n){const o={};return e.slant&&(o.slnt=e.slant),e.optical&&(o.opsz=e.optical),e.custom&&Object.assign(o,e.custom),new r(i,s,n,{fontUrl:t,weightRange:e.weight,widthRange:e.width,variableAxes:o,fontDisplay:"swap"})}exports.FontAsset=r;exports.FontWidth=y;exports.SystemFonts=d;exports.createGoogleFont=g;exports.createSystemFont=w;exports.createVariableFont=F;
+//# sourceMappingURL=FontAsset.cjs.map

package/dist/assets/FontAsset.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontAsset.cjs","sources":["../../src/assets/FontAsset.ts"],"sourcesContent":["/**\n * FontAsset - Font management for TachUI Asset system\n *\n * Provides SwiftUI-style font handling with web font loading capabilities\n */\n\nimport { Asset } from './Asset'\n\nexport interface FontAssetOptions {\n  /** URL to the font file or CSS containing @font-face */\n  fontUrl?: string\n  /** Font format hint for older browsers */\n  fontFormat?: 'woff2' | 'woff' | 'truetype' | 'opentype' | 'embedded-opentype'\n  /** Loading strategy */\n  loading?: 'eager' | 'lazy'\n  /** Font weight range for variable fonts */\n  weightRange?: [number, number]\n  /** Font width range for variable fonts */\n  widthRange?: [number, number]\n  /** Variable font axes */\n  variableAxes?: Record<string, [number, number]>\n  /** Font display CSS property */\n  fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional'\n  /** Preconnect to font host for performance */\n  preconnect?: boolean\n}\n\nexport class FontAsset extends Asset {\n  public readonly family: string\n  public readonly fallbacks: string[]\n  public readonly options: FontAssetOptions\n  private loaded = false\n  private loadPromise: Promise<void> | null = null\n\n  constructor(\n    family: string,\n    fallbacks: string[] = [],\n    name: string = '',\n    options: FontAssetOptions = {}\n  ) {\n    super(name || family)\n    this.family = family\n    this.fallbacks = fallbacks\n    this.options = {\n      loading: 'lazy',\n      fontDisplay: 'swap',\n      preconnect: true,\n      ...options\n    }\n\n    // Eager load if specified\n    if (this.options.loading === 'eager') {\n      this.load()\n    }\n  }\n\n  /**\n   * Static factory method for SwiftUI-style initialization\n   */\n  static init(\n    family: string,\n    fallbacks: string[] = [],\n    name?: string,\n    options: FontAssetOptions = {}\n  ): FontAsset {\n    return new FontAsset(family, fallbacks, name, options)\n  }\n\n  /**\n   * Get the full font-family CSS value including fallbacks\n   */\n  get value(): string {\n    const families = [this.family, ...this.fallbacks]\n    return families\n      .map(f => f.includes(' ') ? `\"${f}\"` : f)\n      .join(', ')\n  }\n\n  /**\n   * Load the font if not already loaded\n   */\n  async load(): Promise<void> {\n    if (this.loaded || !this.options.fontUrl) {\n      return\n    }\n\n    if (this.loadPromise) {\n      return this.loadPromise\n    }\n\n    this.loadPromise = this.loadFont()\n    await this.loadPromise\n    this.loaded = true\n  }\n\n  /**\n   * Internal font loading implementation\n   */\n  private async loadFont(): Promise<void> {\n    const { fontUrl, preconnect } = this.options\n\n    if (!fontUrl) {\n      return\n    }\n\n    // Add preconnect hint if enabled\n    if (preconnect && typeof document !== 'undefined' && document.querySelector) {\n      try {\n        const url = new URL(fontUrl)\n        const origin = url.origin\n\n        if (!document.querySelector(`link[rel=\"preconnect\"][href=\"${origin}\"]`)) {\n          const link = document.createElement('link')\n          link.rel = 'preconnect'\n          link.href = origin\n          link.crossOrigin = 'anonymous'\n          document.head.appendChild(link)\n        }\n      } catch (_error) {\n        // Invalid URL, skip preconnect\n      }\n    }\n\n    // Load font based on URL type\n    if (fontUrl.endsWith('.css') || fontUrl.includes('fonts.googleapis.com')) {\n      // Load CSS file containing @font-face\n      await this.loadFontCSS(fontUrl)\n    } else {\n      // Load font file directly\n      await this.loadFontFile(fontUrl)\n    }\n\n    // Use Font Loading API if available\n    if ('fonts' in document) {\n      try {\n        await document.fonts.ready\n\n        // Check if our font loaded using proper CSS font shorthand syntax\n        // Quote font family names that contain spaces\n        const quotedFamily = this.family.includes(' ') ? `\"${this.family}\"` : this.family\n        const fontShorthand = `16px ${quotedFamily}`\n\n        const loaded = document.fonts.check(fontShorthand)\n        if (!loaded) {\n          console.warn(`⚠️ Font \"${this.family}\" may not have loaded correctly`)\n        }\n      } catch (_error) {\n        // This is just a validation check - font might still work fine\n      }\n    }\n  }\n\n  /**\n   * Load a CSS file containing @font-face rules\n   */\n  private async loadFontCSS(url: string): Promise<void> {\n    return new Promise((resolve, _reject) => {\n      // Check if link already exists to avoid duplicates\n      const existingLink = document.querySelector(`link[href=\"${url}\"]`)\n      if (existingLink) {\n        resolve()\n        return\n      }\n\n      const link = document.createElement('link')\n      link.rel = 'stylesheet'\n      link.href = url\n      // Don't set crossOrigin for Google Fonts as it doesn't support CORS\n\n      link.onload = () => {\n        resolve()\n      }\n\n      link.onerror = (_error) => {\n        console.warn(`⚠️ Failed to load font CSS for ${this.family}:`, url)\n        // Don't reject - just resolve to allow fallback fonts\n        resolve()\n      }\n\n      document.head.appendChild(link)\n    })\n  }\n\n  /**\n   * Load a font file directly and create @font-face rule\n   */\n  private async loadFontFile(url: string): Promise<void> {\n    const { fontFormat, fontDisplay, weightRange, widthRange } = this.options\n\n    // Determine format string\n    let format = ''\n    if (fontFormat) {\n      format = `format('${fontFormat}')`\n    } else if (url.endsWith('.woff2')) {\n      format = \"format('woff2')\"\n    } else if (url.endsWith('.woff')) {\n      format = \"format('woff')\"\n    } else if (url.endsWith('.ttf')) {\n      format = \"format('truetype')\"\n    }\n\n    // Build @font-face rule\n    let fontFace = `\n      @font-face {\n        font-family: \"${this.family}\";\n        src: url(\"${url}\") ${format};\n        font-display: ${fontDisplay || 'swap'};\n    `\n\n    // Add variable font descriptors\n    if (weightRange) {\n      fontFace += `font-weight: ${weightRange[0]} ${weightRange[1]};\\n`\n    }\n    if (widthRange) {\n      fontFace += `font-stretch: ${widthRange[0]}% ${widthRange[1]}%;\\n`\n    }\n\n    fontFace += '}'\n\n    // Add CSS to document\n    const style = document.createElement('style')\n    style.textContent = fontFace\n    document.head.appendChild(style)\n\n    // Use FontFace API if available for better loading control\n    if ('FontFace' in window) {\n      try {\n        const fontFaceObj = new FontFace(this.family, `url(${url})`, {\n          display: fontDisplay || 'swap',\n          weight: weightRange ? `${weightRange[0]} ${weightRange[1]}` : undefined,\n          stretch: widthRange ? `${widthRange[0]}% ${widthRange[1]}%` : undefined,\n        })\n\n        await fontFaceObj.load()\n        document.fonts.add(fontFaceObj)\n      } catch (_error) {\n        // FontFace API loading failed, font fallback will be used\n      }\n    }\n  }\n\n  /**\n   * Create a CSS variable for this font\n   */\n  toCSSVariable(varName?: string): string {\n    const cssVarName = varName || `--font-${this.name.toLowerCase().replace(/\\s+/g, '-')}`\n    return `${cssVarName}: ${this.value};`\n  }\n\n  /**\n   * Get debug information\n   */\n  [Symbol.for('nodejs.util.inspect.custom')](): string {\n    return `FontAsset(${this.family}, loaded: ${this.loaded})`\n  }\n\n  /**\n   * Resolve the font value (required by Asset base class)\n   */\n  resolve(): string {\n    // Trigger lazy loading if configured\n    if (this.options.loading === 'lazy' && !this.loaded && this.options.fontUrl) {\n      this.load()\n    }\n    return this.value\n  }\n}\n\n// Font weight constants matching SwiftUI\nexport const FontWeightPreset = {\n  ultraLight: 100,\n  thin: 200,\n  light: 300,\n  regular: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n  heavy: 800,\n  black: 900,\n} as const\n\nexport type FontWeightValue = typeof FontWeightPreset[keyof typeof FontWeightPreset]\n\n// Font width constants for variable fonts\nexport const FontWidth = {\n  ultraCondensed: 50,\n  extraCondensed: 62.5,\n  condensed: 75,\n  semiCondensed: 87.5,\n  normal: 100,\n  semiExpanded: 112.5,\n  expanded: 125,\n  extraExpanded: 150,\n  ultraExpanded: 200,\n} as const\n\nexport type FontWidthValue = typeof FontWidth[keyof typeof FontWidth]\n\n// Common system font stacks\nexport const SystemFonts = {\n  sansSerif: ['system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'sans-serif'],\n  serif: ['Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],\n  monospace: ['ui-monospace', 'SFMono-Regular', 'SF Mono', 'Consolas', 'Liberation Mono', 'Menlo', 'Courier', 'monospace'],\n  cursive: ['cursive'],\n  fantasy: ['fantasy'],\n} as const\n\n// Convenience factory functions\nexport function createSystemFont(\n  type: keyof typeof SystemFonts = 'sansSerif',\n  name?: string\n): FontAsset {\n  return new FontAsset('', [...SystemFonts[type]], name || `system-${type}`)\n}\n\n/**\n * Create a FontAsset that loads a Google Font\n *\n * @param family - Font family name (e.g., 'Inter', 'Source Sans 3')\n * @param weights - Array of font weights to load (e.g., [300, 400, 700])\n * @param name - Optional asset name (defaults to family name)\n * @param options - Additional font options\n * @returns FontAsset configured for Google Fonts\n */\nexport function createGoogleFont(\n  family: string,\n  weights: number[] = [400],\n  name?: string,\n  options: Omit<FontAssetOptions, 'fontUrl'> = {}\n): FontAsset {\n  // Generate Google Fonts CSS API v2 URL\n  // Note: API v2 uses semicolons instead of commas for multiple weights\n  const weightsParam = weights.join(';')\n\n  // Handle URL encoding properly - replace spaces with + for Google Fonts\n  const encodedFamily = family.replace(/\\s+/g, '+')\n\n  // Build the CSS API URL\n  const fontUrl = `https://fonts.googleapis.com/css2?family=${encodedFamily}:wght@${weightsParam}&display=swap`\n  // console.log(`🔗 Generated Google Fonts URL for \"${family}\": ${fontUrl}`)\n\n  return new FontAsset(\n    family,\n    [...SystemFonts.sansSerif],\n    name || family.toLowerCase().replace(/\\s+/g, '-'),\n    {\n      ...options,\n      fontUrl,\n      preconnect: true,\n    }\n  )\n}\n\nexport function createVariableFont(\n  family: string,\n  fontUrl: string,\n  axes: {\n    weight?: [number, number]\n    width?: [number, number]\n    slant?: [number, number]\n    optical?: [number, number]\n    custom?: Record<string, [number, number]>\n  },\n  fallbacks: string[] = [...SystemFonts.sansSerif],\n  name?: string\n): FontAsset {\n  const variableAxes: Record<string, [number, number]> = {}\n\n  if (axes.slant) variableAxes.slnt = axes.slant\n  if (axes.optical) variableAxes.opsz = axes.optical\n  if (axes.custom) Object.assign(variableAxes, axes.custom)\n\n  return new FontAsset(family, fallbacks, name, {\n    fontUrl,\n    weightRange: axes.weight,\n    widthRange: axes.width,\n    variableAxes,\n    fontDisplay: 'swap',\n  })\n}\n"],"names":["FontAsset","Asset","family","fallbacks","name","options","__publicField","f","fontUrl","preconnect","origin","link","fontShorthand","url","resolve","_reject","_error","fontFormat","fontDisplay","weightRange","widthRange","format","fontFace","style","fontFaceObj","varName","FontWidth","SystemFonts","createSystemFont","type","createGoogleFont","weights","weightsParam","createVariableFont","axes","variableAxes"],"mappings":"2QA2BO,MAAMA,UAAkBC,EAAAA,KAAM,CAOnC,YACEC,EACAC,EAAsB,CAAA,EACtBC,EAAe,GACfC,EAA4B,GAC5B,CACA,MAAMD,GAAQF,CAAM,EAZtBI,EAAA,KAAgB,QAAA,EAChBA,EAAA,KAAgB,WAAA,EAChBA,EAAA,KAAgB,SAAA,EAChBA,EAAA,KAAQ,SAAS,EAAA,EACjBA,EAAA,KAAQ,cAAoC,IAAA,EAS1C,KAAK,OAASJ,EACd,KAAK,UAAYC,EACjB,KAAK,QAAU,CACb,QAAS,OACT,YAAa,OACb,WAAY,GACZ,GAAGE,CAAA,EAID,KAAK,QAAQ,UAAY,SAC3B,KAAK,KAAA,CAET,CAKA,OAAO,KACLH,EACAC,EAAsB,CAAA,EACtBC,EACAC,EAA4B,GACjB,CACX,OAAO,IAAIL,EAAUE,EAAQC,EAAWC,EAAMC,CAAO,CACvD,CAKA,IAAI,OAAgB,CAElB,MADiB,CAAC,KAAK,OAAQ,GAAG,KAAK,SAAS,EAE7C,IAAIE,GAAKA,EAAE,SAAS,GAAG,EAAI,IAAIA,CAAC,IAAMA,CAAC,EACvC,KAAK,IAAI,CACd,CAKA,MAAM,MAAsB,CAC1B,GAAI,OAAK,QAAU,CAAC,KAAK,QAAQ,SAIjC,IAAI,KAAK,YACP,OAAO,KAAK,YAGd,KAAK,YAAc,KAAK,SAAA,EACxB,MAAM,KAAK,YACX,KAAK,OAAS,GAChB,CAKA,MAAc,UAA0B,CACtC,KAAM,CAAE,QAAAC,EAAS,WAAAC,CAAA,EAAe,KAAK,QAErC,GAAKD,EAKL,IAAIC,GAAc,OAAO,SAAa,KAAe,SAAS,cAC5D,GAAI,CAEF,MAAMC,EADM,IAAI,IAAIF,CAAO,EACR,OAEnB,GAAI,CAAC,SAAS,cAAc,gCAAgCE,CAAM,IAAI,EAAG,CACvE,MAAMC,EAAO,SAAS,cAAc,MAAM,EAC1CA,EAAK,IAAM,aACXA,EAAK,KAAOD,EACZC,EAAK,YAAc,YACnB,SAAS,KAAK,YAAYA,CAAI,CAChC,CACF,MAAiB,CAEjB,CAaF,GATIH,EAAQ,SAAS,MAAM,GAAKA,EAAQ,SAAS,sBAAsB,EAErE,MAAM,KAAK,YAAYA,CAAO,EAG9B,MAAM,KAAK,aAAaA,CAAO,EAI7B,UAAW,SACb,GAAI,CACF,MAAM,SAAS,MAAM,MAKrB,MAAMI,EAAgB,QADD,KAAK,OAAO,SAAS,GAAG,EAAI,IAAI,KAAK,MAAM,IAAM,KAAK,MACjC,GAE3B,SAAS,MAAM,MAAMA,CAAa,GAE/C,QAAQ,KAAK,YAAY,KAAK,MAAM,iCAAiC,CAEzE,MAAiB,CAEjB,EAEJ,CAKA,MAAc,YAAYC,EAA4B,CACpD,OAAO,IAAI,QAAQ,CAACC,EAASC,IAAY,CAGvC,GADqB,SAAS,cAAc,cAAcF,CAAG,IAAI,EAC/C,CAChBC,EAAA,EACA,MACF,CAEA,MAAMH,EAAO,SAAS,cAAc,MAAM,EAC1CA,EAAK,IAAM,aACXA,EAAK,KAAOE,EAGZF,EAAK,OAAS,IAAM,CAClBG,EAAA,CACF,EAEAH,EAAK,QAAWK,GAAW,CACzB,QAAQ,KAAK,kCAAkC,KAAK,MAAM,IAAKH,CAAG,EAElEC,EAAA,CACF,EAEA,SAAS,KAAK,YAAYH,CAAI,CAChC,CAAC,CACH,CAKA,MAAc,aAAaE,EAA4B,CACrD,KAAM,CAAE,WAAAI,EAAY,YAAAC,EAAa,YAAAC,EAAa,WAAAC,CAAA,EAAe,KAAK,QAGlE,IAAIC,EAAS,GACTJ,EACFI,EAAS,WAAWJ,CAAU,KACrBJ,EAAI,SAAS,QAAQ,EAC9BQ,EAAS,kBACAR,EAAI,SAAS,OAAO,EAC7BQ,EAAS,iBACAR,EAAI,SAAS,MAAM,IAC5BQ,EAAS,sBAIX,IAAIC,EAAW;AAAA;AAAA,wBAEK,KAAK,MAAM;AAAA,oBACfT,CAAG,MAAMQ,CAAM;AAAA,wBACXH,GAAe,MAAM;AAAA,MAIrCC,IACFG,GAAY,gBAAgBH,EAAY,CAAC,CAAC,IAAIA,EAAY,CAAC,CAAC;AAAA,GAE1DC,IACFE,GAAY,iBAAiBF,EAAW,CAAC,CAAC,KAAKA,EAAW,CAAC,CAAC;AAAA,GAG9DE,GAAY,IAGZ,MAAMC,EAAQ,SAAS,cAAc,OAAO,EAK5C,GAJAA,EAAM,YAAcD,EACpB,SAAS,KAAK,YAAYC,CAAK,EAG3B,aAAc,OAChB,GAAI,CACF,MAAMC,EAAc,IAAI,SAAS,KAAK,OAAQ,OAAOX,CAAG,IAAK,CAC3D,QAASK,GAAe,OACxB,OAAQC,EAAc,GAAGA,EAAY,CAAC,CAAC,IAAIA,EAAY,CAAC,CAAC,GAAK,OAC9D,QAASC,EAAa,GAAGA,EAAW,CAAC,CAAC,KAAKA,EAAW,CAAC,CAAC,IAAM,MAAA,CAC/D,EAED,MAAMI,EAAY,KAAA,EAClB,SAAS,MAAM,IAAIA,CAAW,CAChC,MAAiB,CAEjB,CAEJ,CAKA,cAAcC,EAA0B,CAEtC,MAAO,GADYA,GAAW,UAAU,KAAK,KAAK,cAAc,QAAQ,OAAQ,GAAG,CAAC,EAChE,KAAK,KAAK,KAAK,GACrC,CAKA,CAAC,OAAO,IAAI,4BAA4B,CAAC,GAAY,CACnD,MAAO,aAAa,KAAK,MAAM,aAAa,KAAK,MAAM,GACzD,CAKA,SAAkB,CAEhB,OAAI,KAAK,QAAQ,UAAY,QAAU,CAAC,KAAK,QAAU,KAAK,QAAQ,SAClE,KAAK,KAAA,EAEA,KAAK,KACd,CACF,CAkBO,MAAMC,EAAY,CACvB,eAAgB,GAChB,eAAgB,KAChB,UAAW,GACX,cAAe,KACf,OAAQ,IACR,aAAc,MACd,SAAU,IACV,cAAe,IACf,cAAe,GACjB,EAKaC,EAAc,CACzB,UAAW,CAAC,YAAa,gBAAiB,qBAAsB,WAAY,SAAU,iBAAkB,QAAS,YAAY,EAC7H,MAAO,CAAC,UAAW,UAAW,kBAAmB,QAAS,OAAO,EACjE,UAAW,CAAC,eAAgB,iBAAkB,UAAW,WAAY,kBAAmB,QAAS,UAAW,WAAW,EACvH,QAAS,CAAC,SAAS,EACnB,QAAS,CAAC,SAAS,CACrB,EAGO,SAASC,EACdC,EAAiC,YACjCzB,EACW,CACX,OAAO,IAAIJ,EAAU,GAAI,CAAC,GAAG2B,EAAYE,CAAI,CAAC,EAAGzB,GAAQ,UAAUyB,CAAI,EAAE,CAC3E,CAWO,SAASC,EACd5B,EACA6B,EAAoB,CAAC,GAAG,EACxB3B,EACAC,EAA6C,GAClC,CAGX,MAAM2B,EAAeD,EAAQ,KAAK,GAAG,EAM/BvB,EAAU,4CAHMN,EAAO,QAAQ,OAAQ,GAAG,CAGyB,SAAS8B,CAAY,gBAG9F,OAAO,IAAIhC,EACTE,EACA,CAAC,GAAGyB,EAAY,SAAS,EACzBvB,GAAQF,EAAO,YAAA,EAAc,QAAQ,OAAQ,GAAG,EAChD,CACE,GAAGG,EACH,QAAAG,EACA,WAAY,EAAA,CACd,CAEJ,CAEO,SAASyB,EACd/B,EACAM,EACA0B,EAOA/B,EAAsB,CAAC,GAAGwB,EAAY,SAAS,EAC/CvB,EACW,CACX,MAAM+B,EAAiD,CAAA,EAEvD,OAAID,EAAK,QAAOC,EAAa,KAAOD,EAAK,OACrCA,EAAK,UAASC,EAAa,KAAOD,EAAK,SACvCA,EAAK,QAAQ,OAAO,OAAOC,EAAcD,EAAK,MAAM,EAEjD,IAAIlC,EAAUE,EAAQC,EAAWC,EAAM,CAC5C,QAAAI,EACA,YAAa0B,EAAK,OAClB,WAAYA,EAAK,MACjB,aAAAC,EACA,YAAa,MAAA,CACd,CACH"}

package/dist/assets/FontAsset.d.ts

@@ -0,0 +1,114 @@
+/**
+ * FontAsset - Font management for TachUI Asset system
+ *
+ * Provides SwiftUI-style font handling with web font loading capabilities
+ */
+import { Asset } from './Asset';
+export interface FontAssetOptions {
+    /** URL to the font file or CSS containing @font-face */
+    fontUrl?: string;
+    /** Font format hint for older browsers */
+    fontFormat?: 'woff2' | 'woff' | 'truetype' | 'opentype' | 'embedded-opentype';
+    /** Loading strategy */
+    loading?: 'eager' | 'lazy';
+    /** Font weight range for variable fonts */
+    weightRange?: [number, number];
+    /** Font width range for variable fonts */
+    widthRange?: [number, number];
+    /** Variable font axes */
+    variableAxes?: Record<string, [number, number]>;
+    /** Font display CSS property */
+    fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
+    /** Preconnect to font host for performance */
+    preconnect?: boolean;
+}
+export declare class FontAsset extends Asset {
+    readonly family: string;
+    readonly fallbacks: string[];
+    readonly options: FontAssetOptions;
+    private loaded;
+    private loadPromise;
+    constructor(family: string, fallbacks?: string[], name?: string, options?: FontAssetOptions);
+    /**
+     * Static factory method for SwiftUI-style initialization
+     */
+    static init(family: string, fallbacks?: string[], name?: string, options?: FontAssetOptions): FontAsset;
+    /**
+     * Get the full font-family CSS value including fallbacks
+     */
+    get value(): string;
+    /**
+     * Load the font if not already loaded
+     */
+    load(): Promise<void>;
+    /**
+     * Internal font loading implementation
+     */
+    private loadFont;
+    /**
+     * Load a CSS file containing @font-face rules
+     */
+    private loadFontCSS;
+    /**
+     * Load a font file directly and create @font-face rule
+     */
+    private loadFontFile;
+    /**
+     * Create a CSS variable for this font
+     */
+    toCSSVariable(varName?: string): string;
+    /**
+     * Resolve the font value (required by Asset base class)
+     */
+    resolve(): string;
+}
+export declare const FontWeightPreset: {
+    readonly ultraLight: 100;
+    readonly thin: 200;
+    readonly light: 300;
+    readonly regular: 400;
+    readonly medium: 500;
+    readonly semibold: 600;
+    readonly bold: 700;
+    readonly heavy: 800;
+    readonly black: 900;
+};
+export type FontWeightValue = typeof FontWeightPreset[keyof typeof FontWeightPreset];
+export declare const FontWidth: {
+    readonly ultraCondensed: 50;
+    readonly extraCondensed: 62.5;
+    readonly condensed: 75;
+    readonly semiCondensed: 87.5;
+    readonly normal: 100;
+    readonly semiExpanded: 112.5;
+    readonly expanded: 125;
+    readonly extraExpanded: 150;
+    readonly ultraExpanded: 200;
+};
+export type FontWidthValue = typeof FontWidth[keyof typeof FontWidth];
+export declare const SystemFonts: {
+    readonly sansSerif: readonly ["system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif"];
+    readonly serif: readonly ["Georgia", "Cambria", "Times New Roman", "Times", "serif"];
+    readonly monospace: readonly ["ui-monospace", "SFMono-Regular", "SF Mono", "Consolas", "Liberation Mono", "Menlo", "Courier", "monospace"];
+    readonly cursive: readonly ["cursive"];
+    readonly fantasy: readonly ["fantasy"];
+};
+export declare function createSystemFont(type?: keyof typeof SystemFonts, name?: string): FontAsset;
+/**
+ * Create a FontAsset that loads a Google Font
+ *
+ * @param family - Font family name (e.g., 'Inter', 'Source Sans 3')
+ * @param weights - Array of font weights to load (e.g., [300, 400, 700])
+ * @param name - Optional asset name (defaults to family name)
+ * @param options - Additional font options
+ * @returns FontAsset configured for Google Fonts
+ */
+export declare function createGoogleFont(family: string, weights?: number[], name?: string, options?: Omit<FontAssetOptions, 'fontUrl'>): FontAsset;
+export declare function createVariableFont(family: string, fontUrl: string, axes: {
+    weight?: [number, number];
+    width?: [number, number];
+    slant?: [number, number];
+    optical?: [number, number];
+    custom?: Record<string, [number, number]>;
+}, fallbacks?: string[], name?: string): FontAsset;
+//# sourceMappingURL=FontAsset.d.ts.map

package/dist/assets/FontAsset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontAsset.d.ts","sourceRoot":"","sources":["../../src/assets/FontAsset.ts"],"names":[],"mappings":"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"}

package/dist/assets/FontAsset.js

@@ -0,0 +1,173 @@
+import { Asset as h } from "./Asset.js";
+var u = Object.defineProperty, p = (s, t, e) => t in s ? u(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e, r = (s, t, e) => p(s, typeof t != "symbol" ? t + "" : t, e);
+class l extends h {
+  constructor(t, e = [], i = "", n = {}) {
+    super(i || t), r(this, "family"), r(this, "fallbacks"), r(this, "options"), r(this, "loaded", !1), r(this, "loadPromise", null), this.family = t, this.fallbacks = e, this.options = {
+      loading: "lazy",
+      fontDisplay: "swap",
+      preconnect: !0,
+      ...n
+    }, this.options.loading === "eager" && this.load();
+  }
+  /**
+   * Static factory method for SwiftUI-style initialization
+   */
+  static init(t, e = [], i, n = {}) {
+    return new l(t, e, i, n);
+  }
+  /**
+   * Get the full font-family CSS value including fallbacks
+   */
+  get value() {
+    return [this.family, ...this.fallbacks].map((e) => e.includes(" ") ? `"${e}"` : e).join(", ");
+  }
+  /**
+   * Load the font if not already loaded
+   */
+  async load() {
+    if (!(this.loaded || !this.options.fontUrl)) {
+      if (this.loadPromise)
+        return this.loadPromise;
+      this.loadPromise = this.loadFont(), await this.loadPromise, this.loaded = !0;
+    }
+  }
+  /**
+   * Internal font loading implementation
+   */
+  async loadFont() {
+    const { fontUrl: t, preconnect: e } = this.options;
+    if (t) {
+      if (e && typeof document < "u" && document.querySelector)
+        try {
+          const n = new URL(t).origin;
+          if (!document.querySelector(`link[rel="preconnect"][href="${n}"]`)) {
+            const o = document.createElement("link");
+            o.rel = "preconnect", o.href = n, o.crossOrigin = "anonymous", document.head.appendChild(o);
+          }
+        } catch {
+        }
+      if (t.endsWith(".css") || t.includes("fonts.googleapis.com") ? await this.loadFontCSS(t) : await this.loadFontFile(t), "fonts" in document)
+        try {
+          await document.fonts.ready;
+          const n = `16px ${this.family.includes(" ") ? `"${this.family}"` : this.family}`;
+          document.fonts.check(n) || console.warn(`⚠️ Font "${this.family}" may not have loaded correctly`);
+        } catch {
+        }
+    }
+  }
+  /**
+   * Load a CSS file containing @font-face rules
+   */
+  async loadFontCSS(t) {
+    return new Promise((e, i) => {
+      if (document.querySelector(`link[href="${t}"]`)) {
+        e();
+        return;
+      }
+      const o = document.createElement("link");
+      o.rel = "stylesheet", o.href = t, o.onload = () => {
+        e();
+      }, o.onerror = (a) => {
+        console.warn(`⚠️ Failed to load font CSS for ${this.family}:`, t), e();
+      }, document.head.appendChild(o);
+    });
+  }
+  /**
+   * Load a font file directly and create @font-face rule
+   */
+  async loadFontFile(t) {
+    const { fontFormat: e, fontDisplay: i, weightRange: n, widthRange: o } = this.options;
+    let a = "";
+    e ? a = `format('${e}')` : t.endsWith(".woff2") ? a = "format('woff2')" : t.endsWith(".woff") ? a = "format('woff')" : t.endsWith(".ttf") && (a = "format('truetype')");
+    let c = `
+      @font-face {
+        font-family: "${this.family}";
+        src: url("${t}") ${a};
+        font-display: ${i || "swap"};
+    `;
+    n && (c += `font-weight: ${n[0]} ${n[1]};
+`), o && (c += `font-stretch: ${o[0]}% ${o[1]}%;
+`), c += "}";
+    const m = document.createElement("style");
+    if (m.textContent = c, document.head.appendChild(m), "FontFace" in window)
+      try {
+        const d = new FontFace(this.family, `url(${t})`, {
+          display: i || "swap",
+          weight: n ? `${n[0]} ${n[1]}` : void 0,
+          stretch: o ? `${o[0]}% ${o[1]}%` : void 0
+        });
+        await d.load(), document.fonts.add(d);
+      } catch {
+      }
+  }
+  /**
+   * Create a CSS variable for this font
+   */
+  toCSSVariable(t) {
+    return `${t || `--font-${this.name.toLowerCase().replace(/\s+/g, "-")}`}: ${this.value};`;
+  }
+  /**
+   * Get debug information
+   */
+  [Symbol.for("nodejs.util.inspect.custom")]() {
+    return `FontAsset(${this.family}, loaded: ${this.loaded})`;
+  }
+  /**
+   * Resolve the font value (required by Asset base class)
+   */
+  resolve() {
+    return this.options.loading === "lazy" && !this.loaded && this.options.fontUrl && this.load(), this.value;
+  }
+}
+const w = {
+  ultraCondensed: 50,
+  extraCondensed: 62.5,
+  condensed: 75,
+  semiCondensed: 87.5,
+  normal: 100,
+  semiExpanded: 112.5,
+  expanded: 125,
+  extraExpanded: 150,
+  ultraExpanded: 200
+}, f = {
+  sansSerif: ["system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif"],
+  serif: ["Georgia", "Cambria", "Times New Roman", "Times", "serif"],
+  monospace: ["ui-monospace", "SFMono-Regular", "SF Mono", "Consolas", "Liberation Mono", "Menlo", "Courier", "monospace"],
+  cursive: ["cursive"],
+  fantasy: ["fantasy"]
+};
+function g(s = "sansSerif", t) {
+  return new l("", [...f[s]], t || `system-${s}`);
+}
+function F(s, t = [400], e, i = {}) {
+  const n = t.join(";"), a = `https://fonts.googleapis.com/css2?family=${s.replace(/\s+/g, "+")}:wght@${n}&display=swap`;
+  return new l(
+    s,
+    [...f.sansSerif],
+    e || s.toLowerCase().replace(/\s+/g, "-"),
+    {
+      ...i,
+      fontUrl: a,
+      preconnect: !0
+    }
+  );
+}
+function $(s, t, e, i = [...f.sansSerif], n) {
+  const o = {};
+  return e.slant && (o.slnt = e.slant), e.optical && (o.opsz = e.optical), e.custom && Object.assign(o, e.custom), new l(s, i, n, {
+    fontUrl: t,
+    weightRange: e.weight,
+    widthRange: e.width,
+    variableAxes: o,
+    fontDisplay: "swap"
+  });
+}
+export {
+  l as FontAsset,
+  w as FontWidth,
+  f as SystemFonts,
+  F as createGoogleFont,
+  g as createSystemFont,
+  $ as createVariableFont
+};
+//# sourceMappingURL=FontAsset.js.map

package/dist/assets/FontAsset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontAsset.js","sources":["../../src/assets/FontAsset.ts"],"sourcesContent":["/**\n * FontAsset - Font management for TachUI Asset system\n *\n * Provides SwiftUI-style font handling with web font loading capabilities\n */\n\nimport { Asset } from './Asset'\n\nexport interface FontAssetOptions {\n  /** URL to the font file or CSS containing @font-face */\n  fontUrl?: string\n  /** Font format hint for older browsers */\n  fontFormat?: 'woff2' | 'woff' | 'truetype' | 'opentype' | 'embedded-opentype'\n  /** Loading strategy */\n  loading?: 'eager' | 'lazy'\n  /** Font weight range for variable fonts */\n  weightRange?: [number, number]\n  /** Font width range for variable fonts */\n  widthRange?: [number, number]\n  /** Variable font axes */\n  variableAxes?: Record<string, [number, number]>\n  /** Font display CSS property */\n  fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional'\n  /** Preconnect to font host for performance */\n  preconnect?: boolean\n}\n\nexport class FontAsset extends Asset {\n  public readonly family: string\n  public readonly fallbacks: string[]\n  public readonly options: FontAssetOptions\n  private loaded = false\n  private loadPromise: Promise<void> | null = null\n\n  constructor(\n    family: string,\n    fallbacks: string[] = [],\n    name: string = '',\n    options: FontAssetOptions = {}\n  ) {\n    super(name || family)\n    this.family = family\n    this.fallbacks = fallbacks\n    this.options = {\n      loading: 'lazy',\n      fontDisplay: 'swap',\n      preconnect: true,\n      ...options\n    }\n\n    // Eager load if specified\n    if (this.options.loading === 'eager') {\n      this.load()\n    }\n  }\n\n  /**\n   * Static factory method for SwiftUI-style initialization\n   */\n  static init(\n    family: string,\n    fallbacks: string[] = [],\n    name?: string,\n    options: FontAssetOptions = {}\n  ): FontAsset {\n    return new FontAsset(family, fallbacks, name, options)\n  }\n\n  /**\n   * Get the full font-family CSS value including fallbacks\n   */\n  get value(): string {\n    const families = [this.family, ...this.fallbacks]\n    return families\n      .map(f => f.includes(' ') ? `\"${f}\"` : f)\n      .join(', ')\n  }\n\n  /**\n   * Load the font if not already loaded\n   */\n  async load(): Promise<void> {\n    if (this.loaded || !this.options.fontUrl) {\n      return\n    }\n\n    if (this.loadPromise) {\n      return this.loadPromise\n    }\n\n    this.loadPromise = this.loadFont()\n    await this.loadPromise\n    this.loaded = true\n  }\n\n  /**\n   * Internal font loading implementation\n   */\n  private async loadFont(): Promise<void> {\n    const { fontUrl, preconnect } = this.options\n\n    if (!fontUrl) {\n      return\n    }\n\n    // Add preconnect hint if enabled\n    if (preconnect && typeof document !== 'undefined' && document.querySelector) {\n      try {\n        const url = new URL(fontUrl)\n        const origin = url.origin\n\n        if (!document.querySelector(`link[rel=\"preconnect\"][href=\"${origin}\"]`)) {\n          const link = document.createElement('link')\n          link.rel = 'preconnect'\n          link.href = origin\n          link.crossOrigin = 'anonymous'\n          document.head.appendChild(link)\n        }\n      } catch (_error) {\n        // Invalid URL, skip preconnect\n      }\n    }\n\n    // Load font based on URL type\n    if (fontUrl.endsWith('.css') || fontUrl.includes('fonts.googleapis.com')) {\n      // Load CSS file containing @font-face\n      await this.loadFontCSS(fontUrl)\n    } else {\n      // Load font file directly\n      await this.loadFontFile(fontUrl)\n    }\n\n    // Use Font Loading API if available\n    if ('fonts' in document) {\n      try {\n        await document.fonts.ready\n\n        // Check if our font loaded using proper CSS font shorthand syntax\n        // Quote font family names that contain spaces\n        const quotedFamily = this.family.includes(' ') ? `\"${this.family}\"` : this.family\n        const fontShorthand = `16px ${quotedFamily}`\n\n        const loaded = document.fonts.check(fontShorthand)\n        if (!loaded) {\n          console.warn(`⚠️ Font \"${this.family}\" may not have loaded correctly`)\n        }\n      } catch (_error) {\n        // This is just a validation check - font might still work fine\n      }\n    }\n  }\n\n  /**\n   * Load a CSS file containing @font-face rules\n   */\n  private async loadFontCSS(url: string): Promise<void> {\n    return new Promise((resolve, _reject) => {\n      // Check if link already exists to avoid duplicates\n      const existingLink = document.querySelector(`link[href=\"${url}\"]`)\n      if (existingLink) {\n        resolve()\n        return\n      }\n\n      const link = document.createElement('link')\n      link.rel = 'stylesheet'\n      link.href = url\n      // Don't set crossOrigin for Google Fonts as it doesn't support CORS\n\n      link.onload = () => {\n        resolve()\n      }\n\n      link.onerror = (_error) => {\n        console.warn(`⚠️ Failed to load font CSS for ${this.family}:`, url)\n        // Don't reject - just resolve to allow fallback fonts\n        resolve()\n      }\n\n      document.head.appendChild(link)\n    })\n  }\n\n  /**\n   * Load a font file directly and create @font-face rule\n   */\n  private async loadFontFile(url: string): Promise<void> {\n    const { fontFormat, fontDisplay, weightRange, widthRange } = this.options\n\n    // Determine format string\n    let format = ''\n    if (fontFormat) {\n      format = `format('${fontFormat}')`\n    } else if (url.endsWith('.woff2')) {\n      format = \"format('woff2')\"\n    } else if (url.endsWith('.woff')) {\n      format = \"format('woff')\"\n    } else if (url.endsWith('.ttf')) {\n      format = \"format('truetype')\"\n    }\n\n    // Build @font-face rule\n    let fontFace = `\n      @font-face {\n        font-family: \"${this.family}\";\n        src: url(\"${url}\") ${format};\n        font-display: ${fontDisplay || 'swap'};\n    `\n\n    // Add variable font descriptors\n    if (weightRange) {\n      fontFace += `font-weight: ${weightRange[0]} ${weightRange[1]};\\n`\n    }\n    if (widthRange) {\n      fontFace += `font-stretch: ${widthRange[0]}% ${widthRange[1]}%;\\n`\n    }\n\n    fontFace += '}'\n\n    // Add CSS to document\n    const style = document.createElement('style')\n    style.textContent = fontFace\n    document.head.appendChild(style)\n\n    // Use FontFace API if available for better loading control\n    if ('FontFace' in window) {\n      try {\n        const fontFaceObj = new FontFace(this.family, `url(${url})`, {\n          display: fontDisplay || 'swap',\n          weight: weightRange ? `${weightRange[0]} ${weightRange[1]}` : undefined,\n          stretch: widthRange ? `${widthRange[0]}% ${widthRange[1]}%` : undefined,\n        })\n\n        await fontFaceObj.load()\n        document.fonts.add(fontFaceObj)\n      } catch (_error) {\n        // FontFace API loading failed, font fallback will be used\n      }\n    }\n  }\n\n  /**\n   * Create a CSS variable for this font\n   */\n  toCSSVariable(varName?: string): string {\n    const cssVarName = varName || `--font-${this.name.toLowerCase().replace(/\\s+/g, '-')}`\n    return `${cssVarName}: ${this.value};`\n  }\n\n  /**\n   * Get debug information\n   */\n  [Symbol.for('nodejs.util.inspect.custom')](): string {\n    return `FontAsset(${this.family}, loaded: ${this.loaded})`\n  }\n\n  /**\n   * Resolve the font value (required by Asset base class)\n   */\n  resolve(): string {\n    // Trigger lazy loading if configured\n    if (this.options.loading === 'lazy' && !this.loaded && this.options.fontUrl) {\n      this.load()\n    }\n    return this.value\n  }\n}\n\n// Font weight constants matching SwiftUI\nexport const FontWeightPreset = {\n  ultraLight: 100,\n  thin: 200,\n  light: 300,\n  regular: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n  heavy: 800,\n  black: 900,\n} as const\n\nexport type FontWeightValue = typeof FontWeightPreset[keyof typeof FontWeightPreset]\n\n// Font width constants for variable fonts\nexport const FontWidth = {\n  ultraCondensed: 50,\n  extraCondensed: 62.5,\n  condensed: 75,\n  semiCondensed: 87.5,\n  normal: 100,\n  semiExpanded: 112.5,\n  expanded: 125,\n  extraExpanded: 150,\n  ultraExpanded: 200,\n} as const\n\nexport type FontWidthValue = typeof FontWidth[keyof typeof FontWidth]\n\n// Common system font stacks\nexport const SystemFonts = {\n  sansSerif: ['system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'sans-serif'],\n  serif: ['Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],\n  monospace: ['ui-monospace', 'SFMono-Regular', 'SF Mono', 'Consolas', 'Liberation Mono', 'Menlo', 'Courier', 'monospace'],\n  cursive: ['cursive'],\n  fantasy: ['fantasy'],\n} as const\n\n// Convenience factory functions\nexport function createSystemFont(\n  type: keyof typeof SystemFonts = 'sansSerif',\n  name?: string\n): FontAsset {\n  return new FontAsset('', [...SystemFonts[type]], name || `system-${type}`)\n}\n\n/**\n * Create a FontAsset that loads a Google Font\n *\n * @param family - Font family name (e.g., 'Inter', 'Source Sans 3')\n * @param weights - Array of font weights to load (e.g., [300, 400, 700])\n * @param name - Optional asset name (defaults to family name)\n * @param options - Additional font options\n * @returns FontAsset configured for Google Fonts\n */\nexport function createGoogleFont(\n  family: string,\n  weights: number[] = [400],\n  name?: string,\n  options: Omit<FontAssetOptions, 'fontUrl'> = {}\n): FontAsset {\n  // Generate Google Fonts CSS API v2 URL\n  // Note: API v2 uses semicolons instead of commas for multiple weights\n  const weightsParam = weights.join(';')\n\n  // Handle URL encoding properly - replace spaces with + for Google Fonts\n  const encodedFamily = family.replace(/\\s+/g, '+')\n\n  // Build the CSS API URL\n  const fontUrl = `https://fonts.googleapis.com/css2?family=${encodedFamily}:wght@${weightsParam}&display=swap`\n  // console.log(`🔗 Generated Google Fonts URL for \"${family}\": ${fontUrl}`)\n\n  return new FontAsset(\n    family,\n    [...SystemFonts.sansSerif],\n    name || family.toLowerCase().replace(/\\s+/g, '-'),\n    {\n      ...options,\n      fontUrl,\n      preconnect: true,\n    }\n  )\n}\n\nexport function createVariableFont(\n  family: string,\n  fontUrl: string,\n  axes: {\n    weight?: [number, number]\n    width?: [number, number]\n    slant?: [number, number]\n    optical?: [number, number]\n    custom?: Record<string, [number, number]>\n  },\n  fallbacks: string[] = [...SystemFonts.sansSerif],\n  name?: string\n): FontAsset {\n  const variableAxes: Record<string, [number, number]> = {}\n\n  if (axes.slant) variableAxes.slnt = axes.slant\n  if (axes.optical) variableAxes.opsz = axes.optical\n  if (axes.custom) Object.assign(variableAxes, axes.custom)\n\n  return new FontAsset(family, fallbacks, name, {\n    fontUrl,\n    weightRange: axes.weight,\n    widthRange: axes.width,\n    variableAxes,\n    fontDisplay: 'swap',\n  })\n}\n"],"names":["FontAsset","Asset","family","fallbacks","name","options","__publicField","f","fontUrl","preconnect","origin","link","fontShorthand","url","resolve","_reject","_error","fontFormat","fontDisplay","weightRange","widthRange","format","fontFace","style","fontFaceObj","varName","FontWidth","SystemFonts","createSystemFont","type","createGoogleFont","weights","weightsParam","createVariableFont","axes","variableAxes"],"mappings":"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"}

package/dist/assets/ImageAsset.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../reactive/theme.cjs"),s=require("../reactive/context.cjs"),u=require("./Asset.cjs");var h=Object.defineProperty,n=(r,e,t)=>e in r?h(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t,i=(r,e,t)=>n(r,typeof e!="symbol"?e+"":e,t);class a extends u.Asset{constructor(e){if(super(e.name),i(this,"default"),i(this,"light"),i(this,"dark"),i(this,"alt"),i(this,"placeholder"),!e.default)throw new Error(`ImageAsset "${e.name}" must specify a default image path`);this.default=e.default,this.light=e.light,this.dark=e.dark,this.alt=e.options?.alt,this.placeholder=e.options?.placeholder}static init(e){return new a(e)}static getCurrentTheme(){return l.getCurrentTheme()}resolve(){const e=s.getCurrentComputation()!==null;let t;return e?t=l.getThemeSignal()():t=a.getCurrentTheme(),t==="dark"?this.dark||this.default:this.light||this.default}get src(){return this.resolve()}get lightSrc(){return this.light||this.default}get darkSrc(){return this.dark||this.default}get defaultSrc(){return this.default}}exports.ImageAsset=a;
+//# sourceMappingURL=ImageAsset.cjs.map

package/dist/assets/ImageAsset.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageAsset.cjs","sources":["../../src/assets/ImageAsset.ts"],"sourcesContent":["/**\n * Image Asset for TachUI Assets system\n *\n * Represents a theme-adaptive image with light and dark variants.\n */\n\nimport { getCurrentTheme as _getCurrentTheme, getThemeSignal } from '../reactive/theme'\nimport { getCurrentComputation } from '../reactive/context'\nimport { Asset } from './Asset'\n\n/**\n * ImageAsset initialization options\n */\nexport interface ImageAssetOptions {\n  default: string  // Required - fallback for any theme\n  light?: string   // Optional - light theme override\n  dark?: string    // Optional - dark theme override  \n  name: string     // Required - asset identifier\n  options?: { alt?: string; placeholder?: string } // Optional - metadata\n}\n\nexport class ImageAsset extends Asset {\n  public readonly default: string\n  public readonly light?: string\n  public readonly dark?: string\n  public readonly alt?: string\n  public readonly placeholder?: string\n\n  constructor(options: ImageAssetOptions) {\n    super(options.name)\n\n    // Validate that default is provided\n    if (!options.default) {\n      throw new Error(`ImageAsset \"${options.name}\" must specify a default image path`)\n    }\n\n    this.default = options.default\n    this.light = options.light\n    this.dark = options.dark\n    this.alt = options.options?.alt\n    this.placeholder = options.options?.placeholder\n  }\n\n  static init(options: ImageAssetOptions): ImageAsset {\n    return new ImageAsset(options)\n  }\n\n  static getCurrentTheme(): string {\n    return _getCurrentTheme()\n  }\n\n  resolve(): string {\n    // If we're inside a reactive computation (effect/computed), use reactive theme signal\n    // Otherwise, use the static getCurrentTheme for backward compatibility with tests\n    const isInReactiveContext = getCurrentComputation() !== null\n    \n    let currentTheme: string\n    if (isInReactiveContext) {\n      // Use reactive theme signal for proper reactivity\n      const themeSignal = getThemeSignal()\n      currentTheme = themeSignal()\n    } else {\n      // Use static theme access for tests and non-reactive contexts\n      currentTheme = ImageAsset.getCurrentTheme()\n    }\n    \n    // Resolve priority: theme-specific → default\n    if (currentTheme === 'dark') {\n      return this.dark || this.default\n    } else {\n      return this.light || this.default\n    }\n  }\n\n  // Additional accessors\n  get src(): string {\n    return this.resolve()\n  }\n\n  get lightSrc(): string {\n    return this.light || this.default\n  }\n\n  get darkSrc(): string {\n    return this.dark || this.default\n  }\n\n  get defaultSrc(): string {\n    return this.default\n  }\n}\n"],"names":["ImageAsset","Asset","options","__publicField","_getCurrentTheme","isInReactiveContext","getCurrentComputation","currentTheme","getThemeSignal"],"mappings":"mVAqBO,MAAMA,UAAmBC,EAAAA,KAAM,CAOpC,YAAYC,EAA4B,CAItC,GAHA,MAAMA,EAAQ,IAAI,EAPpBC,EAAA,KAAgB,SAAA,EAChBA,EAAA,KAAgB,OAAA,EAChBA,EAAA,KAAgB,MAAA,EAChBA,EAAA,KAAgB,KAAA,EAChBA,EAAA,KAAgB,aAAA,EAMV,CAACD,EAAQ,QACX,MAAM,IAAI,MAAM,eAAeA,EAAQ,IAAI,qCAAqC,EAGlF,KAAK,QAAUA,EAAQ,QACvB,KAAK,MAAQA,EAAQ,MACrB,KAAK,KAAOA,EAAQ,KACpB,KAAK,IAAMA,EAAQ,SAAS,IAC5B,KAAK,YAAcA,EAAQ,SAAS,WACtC,CAEA,OAAO,KAAKA,EAAwC,CAClD,OAAO,IAAIF,EAAWE,CAAO,CAC/B,CAEA,OAAO,iBAA0B,CAC/B,OAAOE,kBAAA,CACT,CAEA,SAAkB,CAGhB,MAAMC,EAAsBC,EAAAA,0BAA4B,KAExD,IAAIC,EAWJ,OAVIF,EAGFE,EADoBC,EAAAA,eAAA,EACL,EAGfD,EAAeP,EAAW,gBAAA,EAIxBO,IAAiB,OACZ,KAAK,MAAQ,KAAK,QAElB,KAAK,OAAS,KAAK,OAE9B,CAGA,IAAI,KAAc,CAChB,OAAO,KAAK,QAAA,CACd,CAEA,IAAI,UAAmB,CACrB,OAAO,KAAK,OAAS,KAAK,OAC5B,CAEA,IAAI,SAAkB,CACpB,OAAO,KAAK,MAAQ,KAAK,OAC3B,CAEA,IAAI,YAAqB,CACvB,OAAO,KAAK,OACd,CACF"}

package/dist/assets/ImageAsset.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Image Asset for TachUI Assets system
+ *
+ * Represents a theme-adaptive image with light and dark variants.
+ */
+import { Asset } from './Asset';
+/**
+ * ImageAsset initialization options
+ */
+export interface ImageAssetOptions {
+    default: string;
+    light?: string;
+    dark?: string;
+    name: string;
+    options?: {
+        alt?: string;
+        placeholder?: string;
+    };
+}
+export declare class ImageAsset extends Asset {
+    readonly default: string;
+    readonly light?: string;
+    readonly dark?: string;
+    readonly alt?: string;
+    readonly placeholder?: string;
+    constructor(options: ImageAssetOptions);
+    static init(options: ImageAssetOptions): ImageAsset;
+    static getCurrentTheme(): string;
+    resolve(): string;
+    get src(): string;
+    get lightSrc(): string;
+    get darkSrc(): string;
+    get defaultSrc(): string;
+}
+//# sourceMappingURL=ImageAsset.d.ts.map

package/dist/assets/ImageAsset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageAsset.d.ts","sourceRoot":"","sources":["../../src/assets/ImageAsset.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE;QAAE,GAAG,CAAC,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CACjD;AAED,qBAAa,UAAW,SAAQ,KAAK;IACnC,SAAgB,OAAO,EAAE,MAAM,CAAA;IAC/B,SAAgB,KAAK,CAAC,EAAE,MAAM,CAAA;IAC9B,SAAgB,IAAI,CAAC,EAAE,MAAM,CAAA;IAC7B,SAAgB,GAAG,CAAC,EAAE,MAAM,CAAA;IAC5B,SAAgB,WAAW,CAAC,EAAE,MAAM,CAAA;gBAExB,OAAO,EAAE,iBAAiB;IAetC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAiB,GAAG,UAAU;IAInD,MAAM,CAAC,eAAe,IAAI,MAAM;IAIhC,OAAO,IAAI,MAAM;IAwBjB,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,OAAO,IAAI,MAAM,CAEpB;IAED,IAAI,UAAU,IAAI,MAAM,CAEvB;CACF"}

package/dist/assets/ImageAsset.js

@@ -0,0 +1,39 @@
+import { getCurrentTheme as l, getThemeSignal as h } from "../reactive/theme.js";
+import { getCurrentComputation as s } from "../reactive/context.js";
+import { Asset as u } from "./Asset.js";
+var n = Object.defineProperty, d = (r, t, e) => t in r ? n(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e, i = (r, t, e) => d(r, typeof t != "symbol" ? t + "" : t, e);
+class a extends u {
+  constructor(t) {
+    if (super(t.name), i(this, "default"), i(this, "light"), i(this, "dark"), i(this, "alt"), i(this, "placeholder"), !t.default)
+      throw new Error(`ImageAsset "${t.name}" must specify a default image path`);
+    this.default = t.default, this.light = t.light, this.dark = t.dark, this.alt = t.options?.alt, this.placeholder = t.options?.placeholder;
+  }
+  static init(t) {
+    return new a(t);
+  }
+  static getCurrentTheme() {
+    return l();
+  }
+  resolve() {
+    const t = s() !== null;
+    let e;
+    return t ? e = h()() : e = a.getCurrentTheme(), e === "dark" ? this.dark || this.default : this.light || this.default;
+  }
+  // Additional accessors
+  get src() {
+    return this.resolve();
+  }
+  get lightSrc() {
+    return this.light || this.default;
+  }
+  get darkSrc() {
+    return this.dark || this.default;
+  }
+  get defaultSrc() {
+    return this.default;
+  }
+}
+export {
+  a as ImageAsset
+};
+//# sourceMappingURL=ImageAsset.js.map

package/dist/assets/ImageAsset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageAsset.js","sources":["../../src/assets/ImageAsset.ts"],"sourcesContent":["/**\n * Image Asset for TachUI Assets system\n *\n * Represents a theme-adaptive image with light and dark variants.\n */\n\nimport { getCurrentTheme as _getCurrentTheme, getThemeSignal } from '../reactive/theme'\nimport { getCurrentComputation } from '../reactive/context'\nimport { Asset } from './Asset'\n\n/**\n * ImageAsset initialization options\n */\nexport interface ImageAssetOptions {\n  default: string  // Required - fallback for any theme\n  light?: string   // Optional - light theme override\n  dark?: string    // Optional - dark theme override  \n  name: string     // Required - asset identifier\n  options?: { alt?: string; placeholder?: string } // Optional - metadata\n}\n\nexport class ImageAsset extends Asset {\n  public readonly default: string\n  public readonly light?: string\n  public readonly dark?: string\n  public readonly alt?: string\n  public readonly placeholder?: string\n\n  constructor(options: ImageAssetOptions) {\n    super(options.name)\n\n    // Validate that default is provided\n    if (!options.default) {\n      throw new Error(`ImageAsset \"${options.name}\" must specify a default image path`)\n    }\n\n    this.default = options.default\n    this.light = options.light\n    this.dark = options.dark\n    this.alt = options.options?.alt\n    this.placeholder = options.options?.placeholder\n  }\n\n  static init(options: ImageAssetOptions): ImageAsset {\n    return new ImageAsset(options)\n  }\n\n  static getCurrentTheme(): string {\n    return _getCurrentTheme()\n  }\n\n  resolve(): string {\n    // If we're inside a reactive computation (effect/computed), use reactive theme signal\n    // Otherwise, use the static getCurrentTheme for backward compatibility with tests\n    const isInReactiveContext = getCurrentComputation() !== null\n    \n    let currentTheme: string\n    if (isInReactiveContext) {\n      // Use reactive theme signal for proper reactivity\n      const themeSignal = getThemeSignal()\n      currentTheme = themeSignal()\n    } else {\n      // Use static theme access for tests and non-reactive contexts\n      currentTheme = ImageAsset.getCurrentTheme()\n    }\n    \n    // Resolve priority: theme-specific → default\n    if (currentTheme === 'dark') {\n      return this.dark || this.default\n    } else {\n      return this.light || this.default\n    }\n  }\n\n  // Additional accessors\n  get src(): string {\n    return this.resolve()\n  }\n\n  get lightSrc(): string {\n    return this.light || this.default\n  }\n\n  get darkSrc(): string {\n    return this.dark || this.default\n  }\n\n  get defaultSrc(): string {\n    return this.default\n  }\n}\n"],"names":["ImageAsset","Asset","options","__publicField","_getCurrentTheme","isInReactiveContext","getCurrentComputation","currentTheme","getThemeSignal"],"mappings":";;;;AAqBO,MAAMA,UAAmBC,EAAM;AAAA,EAOpC,YAAYC,GAA4B;AAItC,QAHA,MAAMA,EAAQ,IAAI,GAPpBC,EAAA,MAAgB,SAAA,GAChBA,EAAA,MAAgB,OAAA,GAChBA,EAAA,MAAgB,MAAA,GAChBA,EAAA,MAAgB,KAAA,GAChBA,EAAA,MAAgB,aAAA,GAMV,CAACD,EAAQ;AACX,YAAM,IAAI,MAAM,eAAeA,EAAQ,IAAI,qCAAqC;AAGlF,SAAK,UAAUA,EAAQ,SACvB,KAAK,QAAQA,EAAQ,OACrB,KAAK,OAAOA,EAAQ,MACpB,KAAK,MAAMA,EAAQ,SAAS,KAC5B,KAAK,cAAcA,EAAQ,SAAS;AAAA,EACtC;AAAA,EAEA,OAAO,KAAKA,GAAwC;AAClD,WAAO,IAAIF,EAAWE,CAAO;AAAA,EAC/B;AAAA,EAEA,OAAO,kBAA0B;AAC/B,WAAOE,EAAA;AAAA,EACT;AAAA,EAEA,UAAkB;AAGhB,UAAMC,IAAsBC,QAA4B;AAExD,QAAIC;AAWJ,WAVIF,IAGFE,IADoBC,EAAA,EACL,IAGfD,IAAeP,EAAW,gBAAA,GAIxBO,MAAiB,SACZ,KAAK,QAAQ,KAAK,UAElB,KAAK,SAAS,KAAK;AAAA,EAE9B;AAAA;AAAA,EAGA,IAAI,MAAc;AAChB,WAAO,KAAK,QAAA;AAAA,EACd;AAAA,EAEA,IAAI,WAAmB;AACrB,WAAO,KAAK,SAAS,KAAK;AAAA,EAC5B;AAAA,EAEA,IAAI,UAAkB;AACpB,WAAO,KAAK,QAAQ,KAAK;AAAA,EAC3B;AAAA,EAEA,IAAI,aAAqB;AACvB,WAAO,KAAK;AAAA,EACd;AACF;"}