@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tachui/core",
-  "version": "0.7.0-alpha1",
+  "version": "0.7.1-alpha",
   "description": "tachUI core framework with reactive system and compiler",
   "type": "module",
   "main": "./dist/index.js",
@@ -53,8 +53,7 @@
     }
   },
   "files": [
-    "dist",
-    "src"
+    "dist"
   ],
   "dependencies": {},
   "devDependencies": {
@@ -89,7 +88,7 @@
   "license": "MPL-2.0",
   "repository": {
     "type": "git",
-    "url": "https://github.com/tachui/tachui",
+    "url": "https://github.com/tach-UI/tachUI",
     "directory": "packages/core"
   },
   "scripts": {

package/dist/assets/Asset.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class e{constructor(t){this.name=t}}exports.Asset=e;
-//# sourceMappingURL=Asset.cjs.map

package/dist/assets/Asset.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Asset.cjs","sources":["../../src/assets/Asset.ts"],"sourcesContent":["/**\n * Base Asset class for TachUI Assets system\n *\n * Provides the foundation for all asset types including colors, images, and other resources.\n */\n\nexport abstract class Asset<T = unknown> {\n  constructor(public readonly name: string) {}\n\n  abstract resolve(): T\n}\n"],"names":["Asset","name"],"mappings":"gFAMO,MAAeA,CAAmB,CACvC,YAA4BC,EAAc,CAAd,KAAA,KAAAA,CAAe,CAG7C"}

package/dist/assets/Asset.js

@@ -1,9 +0,0 @@
-class c {
-  constructor(s) {
-    this.name = s;
-  }
-}
-export {
-  c as Asset
-};
-//# sourceMappingURL=Asset.js.map

package/dist/assets/Asset.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Asset.js","sources":["../../src/assets/Asset.ts"],"sourcesContent":["/**\n * Base Asset class for TachUI Assets system\n *\n * Provides the foundation for all asset types including colors, images, and other resources.\n */\n\nexport abstract class Asset<T = unknown> {\n  constructor(public readonly name: string) {}\n\n  abstract resolve(): T\n}\n"],"names":["Asset","name"],"mappings":"AAMO,MAAeA,EAAmB;AAAA,EACvC,YAA4BC,GAAc;AAAd,SAAA,OAAAA;AAAA,EAAe;AAG7C;"}

package/dist/assets/AssetCollection.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./ColorAsset.cjs"),u=require("./FontAsset.cjs");var l=Object.defineProperty,o=(n,t,s)=>t in n?l(n,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):n[t]=s,f=(n,t,s)=>o(n,t+"",s);class c{constructor(){f(this,"assets",new Map)}add(t,s){this.assets.set(t,s)}get(t){return this.assets.get(t)}getAll(){return new Map(this.assets)}asProxy(){return new Proxy({},{get:(t,s)=>{if(s==="toString"||s==="valueOf")return()=>"[Assets]";const i=this.assets.get(s);if(i)return i instanceof a.ColorAsset?new Proxy(i,{get:(r,e)=>e==="light"||e==="dark"?r[e]:e==="toString"||e==="valueOf"?()=>r.resolve():r[e]}):i instanceof u.FontAsset?new Proxy(i,{get:(r,e)=>e==="family"||e==="fallbacks"||e==="options"?r[e]:e==="toString"||e==="valueOf"?()=>r.resolve():r[e]}):i},ownKeys:t=>Array.from(this.assets.keys()),has:(t,s)=>this.assets.has(s)})}}exports.AssetCollection=c;
-//# sourceMappingURL=AssetCollection.cjs.map

package/dist/assets/AssetCollection.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssetCollection.cjs","sources":["../../src/assets/AssetCollection.ts"],"sourcesContent":["/**\n * Asset Collection for TachUI Assets system\n *\n * Manages a collection of assets and provides proxy-based access for dot notation.\n */\n\nimport type { Asset } from './Asset'\nimport { ColorAsset } from './ColorAsset'\nimport { FontAsset } from './FontAsset'\n\nexport class AssetCollection {\n  private assets: Map<string, Asset> = new Map()\n\n  add(name: string, asset: Asset): void {\n    this.assets.set(name, asset)\n  }\n\n  get(name: string): Asset | undefined {\n    return this.assets.get(name)\n  }\n\n  getAll(): Map<string, Asset> {\n    return new Map(this.assets)\n  }\n\n  // Proxy handler for dot notation access\n  asProxy(): Record<string, Asset | unknown> {\n    return new Proxy(\n      {},\n      {\n        get: (_target, property: string) => {\n          // Handle special proxy methods\n          if (property === 'toString' || property === 'valueOf') {\n            return () => '[Assets]'\n          }\n\n          const asset = this.assets.get(property)\n          if (!asset) {\n            return undefined\n          }\n\n          // If it's a ColorAsset, enable direct access with automatic theme adaptation\n          if (asset instanceof ColorAsset) {\n            // Return a proxy that enables .light, .dark access AND direct resolution\n            return new Proxy(asset, {\n              get: (target, prop: string) => {\n                // Direct property access (.light, .dark)\n                if (prop === 'light' || prop === 'dark') {\n                  return (target as any)[prop]\n                }\n\n                // If accessed directly (not as property), return resolved value\n                if (prop === 'toString' || prop === 'valueOf') {\n                  return () => target.resolve()\n                }\n\n                // Default property access\n                return (target as any)[prop]\n              },\n            })\n          }\n\n          // If it's a FontAsset, enable convenient access\n          if (asset instanceof FontAsset) {\n            return new Proxy(asset, {\n              get: (target, prop: string) => {\n                // Direct property access (.family, .fallbacks)\n                if (prop === 'family' || prop === 'fallbacks' || prop === 'options') {\n                  return (target as any)[prop]\n                }\n\n                // String conversion returns font-family CSS value\n                if (prop === 'toString' || prop === 'valueOf') {\n                  return () => target.resolve()\n                }\n\n                // Default property access\n                return (target as any)[prop]\n              },\n            })\n          }\n\n          // For other asset types, return the asset directly\n          return asset\n        },\n        \n        // Add ownKeys handler to support Object.keys() enumeration\n        ownKeys: (_target) => {\n          return Array.from(this.assets.keys())\n        },\n        \n        // Add has handler to support 'in' operator\n        has: (_target, property: string) => {\n          return this.assets.has(property)\n        }\n      }\n    )\n  }\n}\n"],"names":["AssetCollection","__publicField","name","asset","_target","property","ColorAsset","target","prop","FontAsset"],"mappings":"wRAUO,MAAMA,CAAgB,CAAtB,aAAA,CACLC,EAAA,KAAQ,aAAiC,GAAI,CAAA,CAE7C,IAAIC,EAAcC,EAAoB,CACpC,KAAK,OAAO,IAAID,EAAMC,CAAK,CAC7B,CAEA,IAAID,EAAiC,CACnC,OAAO,KAAK,OAAO,IAAIA,CAAI,CAC7B,CAEA,QAA6B,CAC3B,OAAO,IAAI,IAAI,KAAK,MAAM,CAC5B,CAGA,SAA2C,CACzC,OAAO,IAAI,MACT,CAAA,EACA,CACE,IAAK,CAACE,EAASC,IAAqB,CAElC,GAAIA,IAAa,YAAcA,IAAa,UAC1C,MAAO,IAAM,WAGf,MAAMF,EAAQ,KAAK,OAAO,IAAIE,CAAQ,EACtC,GAAKF,EAKL,OAAIA,aAAiBG,EAAAA,WAEZ,IAAI,MAAMH,EAAO,CACtB,IAAK,CAACI,EAAQC,IAERA,IAAS,SAAWA,IAAS,OACvBD,EAAeC,CAAI,EAIzBA,IAAS,YAAcA,IAAS,UAC3B,IAAMD,EAAO,QAAA,EAIdA,EAAeC,CAAI,CAC7B,CACD,EAICL,aAAiBM,EAAAA,UACZ,IAAI,MAAMN,EAAO,CACtB,IAAK,CAACI,EAAQC,IAERA,IAAS,UAAYA,IAAS,aAAeA,IAAS,UAChDD,EAAeC,CAAI,EAIzBA,IAAS,YAAcA,IAAS,UAC3B,IAAMD,EAAO,QAAA,EAIdA,EAAeC,CAAI,CAC7B,CACD,EAIIL,CACT,EAGA,QAAUC,GACD,MAAM,KAAK,KAAK,OAAO,MAAM,EAItC,IAAK,CAACA,EAASC,IACN,KAAK,OAAO,IAAIA,CAAQ,CACjC,CACF,CAEJ,CACF"}

package/dist/assets/AssetCollection.js

@@ -1,44 +0,0 @@
-import { ColorAsset as a } from "./ColorAsset.js";
-import { FontAsset as u } from "./FontAsset.js";
-var f = Object.defineProperty, l = (n, t, s) => t in n ? f(n, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : n[t] = s, o = (n, t, s) => l(n, t + "", s);
-class h {
-  constructor() {
-    o(this, "assets", /* @__PURE__ */ new Map());
-  }
-  add(t, s) {
-    this.assets.set(t, s);
-  }
-  get(t) {
-    return this.assets.get(t);
-  }
-  getAll() {
-    return new Map(this.assets);
-  }
-  // Proxy handler for dot notation access
-  asProxy() {
-    return new Proxy(
-      {},
-      {
-        get: (t, s) => {
-          if (s === "toString" || s === "valueOf")
-            return () => "[Assets]";
-          const i = this.assets.get(s);
-          if (i)
-            return i instanceof a ? new Proxy(i, {
-              get: (r, e) => e === "light" || e === "dark" ? r[e] : e === "toString" || e === "valueOf" ? () => r.resolve() : r[e]
-            }) : i instanceof u ? new Proxy(i, {
-              get: (r, e) => e === "family" || e === "fallbacks" || e === "options" ? r[e] : e === "toString" || e === "valueOf" ? () => r.resolve() : r[e]
-            }) : i;
-        },
-        // Add ownKeys handler to support Object.keys() enumeration
-        ownKeys: (t) => Array.from(this.assets.keys()),
-        // Add has handler to support 'in' operator
-        has: (t, s) => this.assets.has(s)
-      }
-    );
-  }
-}
-export {
-  h as AssetCollection
-};
-//# sourceMappingURL=AssetCollection.js.map

package/dist/assets/AssetCollection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AssetCollection.js","sources":["../../src/assets/AssetCollection.ts"],"sourcesContent":["/**\n * Asset Collection for TachUI Assets system\n *\n * Manages a collection of assets and provides proxy-based access for dot notation.\n */\n\nimport type { Asset } from './Asset'\nimport { ColorAsset } from './ColorAsset'\nimport { FontAsset } from './FontAsset'\n\nexport class AssetCollection {\n  private assets: Map<string, Asset> = new Map()\n\n  add(name: string, asset: Asset): void {\n    this.assets.set(name, asset)\n  }\n\n  get(name: string): Asset | undefined {\n    return this.assets.get(name)\n  }\n\n  getAll(): Map<string, Asset> {\n    return new Map(this.assets)\n  }\n\n  // Proxy handler for dot notation access\n  asProxy(): Record<string, Asset | unknown> {\n    return new Proxy(\n      {},\n      {\n        get: (_target, property: string) => {\n          // Handle special proxy methods\n          if (property === 'toString' || property === 'valueOf') {\n            return () => '[Assets]'\n          }\n\n          const asset = this.assets.get(property)\n          if (!asset) {\n            return undefined\n          }\n\n          // If it's a ColorAsset, enable direct access with automatic theme adaptation\n          if (asset instanceof ColorAsset) {\n            // Return a proxy that enables .light, .dark access AND direct resolution\n            return new Proxy(asset, {\n              get: (target, prop: string) => {\n                // Direct property access (.light, .dark)\n                if (prop === 'light' || prop === 'dark') {\n                  return (target as any)[prop]\n                }\n\n                // If accessed directly (not as property), return resolved value\n                if (prop === 'toString' || prop === 'valueOf') {\n                  return () => target.resolve()\n                }\n\n                // Default property access\n                return (target as any)[prop]\n              },\n            })\n          }\n\n          // If it's a FontAsset, enable convenient access\n          if (asset instanceof FontAsset) {\n            return new Proxy(asset, {\n              get: (target, prop: string) => {\n                // Direct property access (.family, .fallbacks)\n                if (prop === 'family' || prop === 'fallbacks' || prop === 'options') {\n                  return (target as any)[prop]\n                }\n\n                // String conversion returns font-family CSS value\n                if (prop === 'toString' || prop === 'valueOf') {\n                  return () => target.resolve()\n                }\n\n                // Default property access\n                return (target as any)[prop]\n              },\n            })\n          }\n\n          // For other asset types, return the asset directly\n          return asset\n        },\n        \n        // Add ownKeys handler to support Object.keys() enumeration\n        ownKeys: (_target) => {\n          return Array.from(this.assets.keys())\n        },\n        \n        // Add has handler to support 'in' operator\n        has: (_target, property: string) => {\n          return this.assets.has(property)\n        }\n      }\n    )\n  }\n}\n"],"names":["AssetCollection","__publicField","name","asset","_target","property","ColorAsset","target","prop","FontAsset"],"mappings":";;;AAUO,MAAMA,EAAgB;AAAA,EAAtB,cAAA;AACL,IAAAC,EAAA,MAAQ,8BAAiC,IAAA,CAAI;AAAA,EAAA;AAAA,EAE7C,IAAIC,GAAcC,GAAoB;AACpC,SAAK,OAAO,IAAID,GAAMC,CAAK;AAAA,EAC7B;AAAA,EAEA,IAAID,GAAiC;AACnC,WAAO,KAAK,OAAO,IAAIA,CAAI;AAAA,EAC7B;AAAA,EAEA,SAA6B;AAC3B,WAAO,IAAI,IAAI,KAAK,MAAM;AAAA,EAC5B;AAAA;AAAA,EAGA,UAA2C;AACzC,WAAO,IAAI;AAAA,MACT,CAAA;AAAA,MACA;AAAA,QACE,KAAK,CAACE,GAASC,MAAqB;AAElC,cAAIA,MAAa,cAAcA,MAAa;AAC1C,mBAAO,MAAM;AAGf,gBAAMF,IAAQ,KAAK,OAAO,IAAIE,CAAQ;AACtC,cAAKF;AAKL,mBAAIA,aAAiBG,IAEZ,IAAI,MAAMH,GAAO;AAAA,cACtB,KAAK,CAACI,GAAQC,MAERA,MAAS,WAAWA,MAAS,SACvBD,EAAeC,CAAI,IAIzBA,MAAS,cAAcA,MAAS,YAC3B,MAAMD,EAAO,QAAA,IAIdA,EAAeC,CAAI;AAAA,YAC7B,CACD,IAICL,aAAiBM,IACZ,IAAI,MAAMN,GAAO;AAAA,cACtB,KAAK,CAACI,GAAQC,MAERA,MAAS,YAAYA,MAAS,eAAeA,MAAS,YAChDD,EAAeC,CAAI,IAIzBA,MAAS,cAAcA,MAAS,YAC3B,MAAMD,EAAO,QAAA,IAIdA,EAAeC,CAAI;AAAA,YAC7B,CACD,IAIIL;AAAA,QACT;AAAA;AAAA,QAGA,SAAS,CAACC,MACD,MAAM,KAAK,KAAK,OAAO,MAAM;AAAA;AAAA,QAItC,KAAK,CAACA,GAASC,MACN,KAAK,OAAO,IAAIA,CAAQ;AAAA,MACjC;AAAA,IACF;AAAA,EAEJ;AACF;"}

package/dist/assets/ColorAsset.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("../reactive/theme.cjs"),$=require("./Asset.cjs");var p=Object.defineProperty,x=(u,r,e)=>r in u?p(u,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):u[r]=e,c=(u,r,e)=>x(u,typeof r!="symbol"?r+"":r,e);class l extends $.Asset{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=l.validateColor(r.default);if(!e.isValid)throw new Error(`Invalid default color format for asset "${r.name}": ${e.error}`);if(r.light){const n=l.validateColor(r.light);if(!n.isValid)throw new Error(`Invalid light color format for asset "${r.name}": ${n.error}`)}if(r.dark){const n=l.validateColor(r.dark);if(!n.isValid)throw new Error(`Invalid dark color format for asset "${r.name}": ${n.error}`)}this.default=r.default,this.light=r.light,this.dark=r.dark}static init(r){return new l(r)}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,m]=t,d=Number(a),f=Number(s),h=Number(i),o=Number(m);return d<=255&&f<=255&&h<=255&&o>=0&&o<=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,m]=t,d=Number(a),f=Number(s),h=Number(i),o=Number(m);return d<=360&&f<=100&&h<=100&&o>=0&&o<=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.getCurrentTheme()}resolve(){return l.getCurrentTheme()==="dark"?this.dark||this.default:this.light||this.default}}exports.ColorAsset=l;
-//# sourceMappingURL=ColorAsset.cjs.map

package/dist/assets/ColorAsset.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorAsset.cjs","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/ColorAsset.js

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

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

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

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

package/dist/assets/FontAsset.js

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

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

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

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