@tachui/core 0.8.18 → 0.8.20

package/dist/assets/ColorAsset.d.ts

@@ -32,11 +32,11 @@ export declare class ColorAsset extends Asset {
      */
     static validateColor(color: string): ColorValidationResult;
     static getCurrentTheme(): string;
-    opacity(alpha: number): string;
-    saturate(amount: number): string;
-    brighten(amount: number): string;
-    contrast(amount: number): string;
-    rotateHue(degrees: number): string;
+    opacity(alpha: number): ColorAsset;
+    saturate(amount: number): ColorAsset;
+    brighten(amount: number): ColorAsset;
+    contrast(amount: number): ColorAsset;
+    rotateHue(degrees: number): ColorAsset;
     resolve(): string;
     private isFiniteInput;
     private static clamp;

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

@@ -1 +1 @@
-{"version":3,"file":"ColorAsset.d.ts","sourceRoot":"","sources":["../../src/assets/ColorAsset.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD;;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;CACb;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,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CACoB;IACrD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CACwC;IACzE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CACgE;IAClG,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAC0C;IAC3E,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CACkE;IAGpG,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAwBtC;gBAEW,OAAO,EAAE,iBAAiB;IAyCtC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAiB,GAAG,UAAU;IAInD;;;OAGG;IACH,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,qBAAqB;IA0H1D,MAAM,CAAC,eAAe,IAAI,MAAM;IAIhC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAS9B,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAShC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAYhC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM;IAWhC,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM;IAUlC,OAAO,IAAI,MAAM;IAuBjB,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,MAAM,CAAC,KAAK;IAIpB,OAAO,CAAC,MAAM,CAAC,WAAW;IAO1B,OAAO,CAAC,MAAM,CAAC,UAAU;IAOzB,OAAO,CAAC,MAAM,CAAC,UAAU;IAqCzB,OAAO,CAAC,MAAM,CAAC,QAAQ;IAKvB,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAqBhC,OAAO,CAAC,MAAM,CAAC,eAAe;IA0B9B,OAAO,CAAC,MAAM,CAAC,eAAe;IAgC9B,OAAO,CAAC,MAAM,CAAC,aAAa;IA2B5B,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAoB/B,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAiD/B,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAgC/B,OAAO,CAAC,MAAM,CAAC,QAAQ;IAkCvB,OAAO,CAAC,MAAM,CAAC,QAAQ;IAyCvB,OAAO,CAAC,MAAM,CAAC,QAAQ;CAIxB"}
+{"version":3,"file":"ColorAsset.d.ts","sourceRoot":"","sources":["../../src/assets/ColorAsset.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAOH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD;;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;CACb;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,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CACoB;IACrD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CACwC;IACzE,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CACgE;IAClG,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAC0C;IAC3E,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CACkE;IAGpG,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAwBtC;gBAEW,OAAO,EAAE,iBAAiB;IAyCtC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAiB,GAAG,UAAU;IAInD;;;OAGG;IACH,MAAM,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,qBAAqB;IA+H1D,MAAM,CAAC,eAAe,IAAI,MAAM;IAIhC,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,UAAU;IAiBlC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU;IAgBpC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU;IAiBpC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU;IAgBpC,SAAS,CAAC,OAAO,EAAE,MAAM,GAAG,UAAU;IAetC,OAAO,IAAI,MAAM;IAuBjB,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,MAAM,CAAC,KAAK;IAIpB,OAAO,CAAC,MAAM,CAAC,WAAW;IAO1B,OAAO,CAAC,MAAM,CAAC,UAAU;IAOzB,OAAO,CAAC,MAAM,CAAC,UAAU;IA2CzB,OAAO,CAAC,MAAM,CAAC,QAAQ;IAKvB,OAAO,CAAC,MAAM,CAAC,iBAAiB;IAqBhC,OAAO,CAAC,MAAM,CAAC,eAAe;IA0B9B,OAAO,CAAC,MAAM,CAAC,eAAe;IAgC9B,OAAO,CAAC,MAAM,CAAC,aAAa;IA2B5B,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAoB/B,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAiD/B,OAAO,CAAC,MAAM,CAAC,gBAAgB;IAgC/B,OAAO,CAAC,MAAM,CAAC,QAAQ;IAkCvB,OAAO,CAAC,MAAM,CAAC,QAAQ;IAyCvB,OAAO,CAAC,MAAM,CAAC,QAAQ;CAIxB"}

package/dist/assets/index.d.ts

@@ -8,14 +8,20 @@ import { ColorAsset } from './ColorAsset';
 import { ImageAsset } from './ImageAsset';
 import { FontAsset, type FontAssetOptions } from './FontAsset';
 import type { AssetInfo, AssetsInterface } from './types';
+import type { ColorAssetProxy, ImageAssetProxy, FontAssetProxy } from '@tachui/types/assets';
 export declare const Assets: AssetsInterface;
 export { Asset, ColorAsset, ImageAsset, FontAsset };
 export * from './types';
 export { FontWeightPreset as FontWeight, FontWidth, SystemFonts, createSystemFont, createGoogleFont, createVariableFont, type FontAssetOptions, type FontWeightValue, type FontWidthValue } from './FontAsset';
+export declare function registerAsset(asset: ColorAsset): ColorAssetProxy;
+export declare function registerAsset(asset: ImageAsset): ImageAssetProxy;
+export declare function registerAsset(asset: FontAsset): FontAssetProxy;
+export declare function registerAsset(name: string, asset: ColorAsset): ColorAssetProxy;
+export declare function registerAsset(name: string, asset: ImageAsset): ImageAssetProxy;
+export declare function registerAsset(name: string, asset: FontAsset): FontAssetProxy;
+export declare function registerAsset(...assets: [Asset, ...Asset[]]): void;
 export declare function registerAsset(name: string, asset: Asset): void;
-export declare function registerAsset(asset: Asset): void;
 export declare function registerAsset(asset: Asset, name?: string): void;
-export declare function registerAsset(...assets: [Asset, ...Asset[]]): void;
 export declare function createColorAsset(light: string, dark: string, name?: string): ColorAsset;
 export declare function createImageAsset(defaultPath: string, light?: string, dark?: string, name?: string, options?: {
     alt?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AASzD,eAAO,MAAM,MAAM,EAAE,eAAgD,CAAA;AAGrE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA;AACnD,cAAc,SAAS,CAAA;AACvB,OAAO,EACL,gBAAgB,IAAI,UAAU,EAC9B,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,aAAa,CAAA;AAGpB,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;AAC/D,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;AACjD,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;AAChE,wBAAgB,aAAa,CAAC,GAAG,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;AA+CnE,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,IAAI,GAAE,MAAW,GAChB,UAAU,CAOZ;AAED,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,MAAM,EACnB,KAAK,CAAC,EAAE,MAAM,EACd,IAAI,CAAC,EAAE,MAAM,EACb,IAAI,GAAE,MAAW,EACjB,OAAO,CAAC,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,GAC/C,UAAU,CAQZ;AAED,wBAAgB,eAAe,CAC7B,MAAM,EAAE,MAAM,EACd,SAAS,GAAE,MAAM,EAAO,EACxB,IAAI,GAAE,MAAW,EACjB,OAAO,CAAC,EAAE,gBAAgB,GACzB,SAAS,CAEX;AAGD,wBAAgB,YAAY,IAAI,SAAS,EAAE,CAuB1C;AAGD,wBAAgB,cAAc,IAAI,MAAM,EAAE,CAEzC;AAqDD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/assets/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,SAAS,EAAE,KAAK,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAC9D,OAAO,KAAK,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AACzD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAS5F,eAAO,MAAM,MAAM,EAAE,eAAgD,CAAA;AAGrE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,CAAA;AACnD,cAAc,SAAS,CAAA;AACvB,OAAO,EACL,gBAAgB,IAAI,UAAU,EAC9B,SAAS,EACT,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,EAClB,KAAK,gBAAgB,EACrB,KAAK,eAAe,EACpB,KAAK,cAAc,EACpB,MAAM,aAAa,CAAA;AAIpB,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,eAAe,CAAA;AACjE,wBAAgB,aAAa,CAAC,KAAK,EAAE,UAAU,GAAG,eAAe,CAAA;AACjE,wBAAgB,aAAa,CAAC,KAAK,EAAE,SAAS,GAAG,cAAc,CAAA;AAC/D,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,eAAe,CAAA;AAC/E,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,GAAG,eAAe,CAAA;AAC/E,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,GAAG,cAAc,CAAA;AAE7E,wBAAgB,aAAa,CAAC,GAAG,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;AAEnE,wBAAgB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;AAC/D,wBAAgB,aAAa,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;AAwDhE,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,IAAI,GAAE,MAAW,GAChB,UAAU,CAOZ;AAED,wBAAgB,gBAAgB,CAC9B,WAAW,EAAE,MAAM,EACnB,KAAK,CAAC,EAAE,MAAM,EACd,IAAI,CAAC,EAAE,MAAM,EACb,IAAI,GAAE,MAAW,EACjB,OAAO,CAAC,EAAE;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,GAC/C,UAAU,CAQZ;AAED,wBAAgB,eAAe,CAC7B,MAAM,EAAE,MAAM,EACd,SAAS,GAAE,MAAM,EAAO,EACxB,IAAI,GAAE,MAAW,EACjB,OAAO,CAAC,EAAE,gBAAgB,GACzB,SAAS,CAEX;AAGD,wBAAgB,YAAY,IAAI,SAAS,EAAE,CAuB1C;AAGD,wBAAgB,cAAc,IAAI,MAAM,EAAE,CAEzC;AAqDD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA"}

package/dist/assets/index.js

@@ -1,37 +1,37 @@
-import { A as g } from "../index-JQ1sW1SK.js";
-import { L as rt, R as st, k as nt } from "../index-JQ1sW1SK.js";
-import { J as S, K as C, k as N } from "../theme-CRLPHryV.js";
+import { A as b } from "../index-JQ1sW1SK.js";
+import { L as rt, R as st, k as at } from "../index-JQ1sW1SK.js";
+import { J as S, K as C, k as x } from "../theme-CRLPHryV.js";
 export * from "@tachui/types/assets";
-var G = Object.defineProperty, H = (i, t, e) => t in i ? G(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, b = (i, t, e) => H(i, typeof t != "symbol" ? t + "" : t, e);
-const E = class a extends g {
+var k = Object.defineProperty, G = (i, t, e) => t in i ? k(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, p = (i, t, e) => G(i, typeof t != "symbol" ? t + "" : t, e);
+const E = class n extends b {
   constructor(t) {
-    if (super(t.name), b(this, "default"), b(this, "light"), b(this, "dark"), !t.default)
+    if (super(t.name), p(this, "default"), p(this, "light"), p(this, "dark"), !t.default)
       throw new Error(
         `ColorAsset "${t.name}" must specify a default color`
       );
-    const e = a.validateColor(t.default);
+    const e = n.validateColor(t.default);
     if (!e.isValid)
       throw new Error(
         `Invalid default color format for asset "${t.name}": ${e.error}`
       );
     if (t.light) {
-      const s = a.validateColor(t.light);
-      if (!s.isValid)
+      const r = n.validateColor(t.light);
+      if (!r.isValid)
         throw new Error(
-          `Invalid light color format for asset "${t.name}": ${s.error}`
+          `Invalid light color format for asset "${t.name}": ${r.error}`
         );
     }
     if (t.dark) {
-      const s = a.validateColor(t.dark);
-      if (!s.isValid)
+      const r = n.validateColor(t.dark);
+      if (!r.isValid)
         throw new Error(
-          `Invalid dark color format for asset "${t.name}": ${s.error}`
+          `Invalid dark color format for asset "${t.name}": ${r.error}`
         );
     }
     this.default = t.default, this.light = t.light, this.dark = t.dark;
   }
   static init(t) {
-    return new a(t);
+    return new n(t);
   }
   /**
    * Validates a color string format
@@ -44,32 +44,32 @@ const E = class a extends g {
         error: "Color must be a non-empty string"
       };
     const e = t.trim();
-    if (a.HEX_REGEX.test(e))
+    if (n.HEX_REGEX.test(e))
       return { isValid: !0, format: "hex" };
-    if (a.RGB_REGEX.test(e)) {
-      const n = e.match(a.RGB_REGEX), [, r, o, u] = n.map(Number);
-      return r <= 255 && o <= 255 && u <= 255 ? { isValid: !0, format: "rgb" } : {
+    if (n.RGB_REGEX.test(e)) {
+      const a = e.match(n.RGB_REGEX), [, s, o, c] = a.map(Number);
+      return s <= 255 && o <= 255 && c <= 255 ? { isValid: !0, format: "rgb" } : {
         isValid: !1,
         error: "RGB values must be between 0 and 255"
       };
     }
-    if (a.RGBA_REGEX.test(e)) {
-      const n = e.match(a.RGBA_REGEX), [, r, o, u, l] = n, f = Number(r), c = Number(o), h = Number(u), m = Number(l);
-      return f <= 255 && c <= 255 && h <= 255 && m >= 0 && m <= 1 ? { isValid: !0, format: "rgba" } : {
+    if (n.RGBA_REGEX.test(e)) {
+      const a = e.match(n.RGBA_REGEX), [, s, o, c, l] = a, u = Number(s), h = Number(o), f = Number(c), m = Number(l);
+      return u <= 255 && h <= 255 && f <= 255 && m >= 0 && m <= 1 ? { isValid: !0, format: "rgba" } : {
         isValid: !1,
         error: "RGBA values must be: RGB 0-255, alpha 0-1"
       };
     }
-    if (a.HSL_REGEX.test(e)) {
-      const n = e.match(a.HSL_REGEX), [, r, o, u] = n.map(Number);
-      return r <= 360 && o <= 100 && u <= 100 ? { isValid: !0, format: "hsl" } : {
+    if (n.HSL_REGEX.test(e)) {
+      const a = e.match(n.HSL_REGEX), [, s, o, c] = a.map(Number);
+      return s <= 360 && o <= 100 && c <= 100 ? { isValid: !0, format: "hsl" } : {
         isValid: !1,
         error: "HSL values must be: H 0-360, S/L 0-100%"
       };
     }
-    if (a.HSLA_REGEX.test(e)) {
-      const n = e.match(a.HSLA_REGEX), [, r, o, u, l] = n, f = Number(r), c = Number(o), h = Number(u), m = Number(l);
-      return f <= 360 && c <= 100 && h <= 100 && m >= 0 && m <= 1 ? { isValid: !0, format: "hsla" } : {
+    if (n.HSLA_REGEX.test(e)) {
+      const a = e.match(n.HSLA_REGEX), [, s, o, c, l] = a, u = Number(s), h = Number(o), f = Number(c), m = Number(l);
+      return u <= 360 && h <= 100 && f <= 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"
       };
@@ -102,9 +102,9 @@ const E = class a extends g {
       "silver",
       "aqua",
       "fuchsia"
-    ].includes(e.toLowerCase()) ? { isValid: !0, format: "named" } : e.startsWith("var(--") && e.endsWith(")") ? { isValid: !0, format: "named" } : {
+    ].includes(e.toLowerCase()) ? { isValid: !0, format: "named" } : e.startsWith("var(--") && e.endsWith(")") ? { isValid: !0, format: "named" } : e.startsWith("color-mix(") ? { isValid: !0, format: "named" } : {
       isValid: !1,
-      error: "Unsupported color format. Supported: hex, rgb, rgba, hsl, hsla, named colors, CSS custom properties"
+      error: "Unsupported color format. Supported: hex, rgb, rgba, hsl, hsla, named colors, CSS custom properties, color-mix()"
     };
   }
   static getCurrentTheme() {
@@ -112,210 +112,240 @@ const E = class a extends g {
   }
   opacity(t) {
     if (!this.isFiniteInput(t, "opacity(alpha)"))
-      return this.resolve();
-    const e = a.clamp(t, 0, 1);
-    return a.applyAlpha(this.resolve(), e);
+      return this;
+    const e = n.clamp(t, 0, 1);
+    return new n({
+      name: this.name,
+      default: n.applyAlpha(this.default, e),
+      light: this.light ? n.applyAlpha(this.light, e) : void 0,
+      dark: this.dark ? n.applyAlpha(this.dark, e) : void 0
+    });
   }
   saturate(t) {
     if (!this.isFiniteInput(t, "saturate(amount)"))
-      return this.resolve();
-    const e = a.clamp(t, -1, 1);
-    return a.applySaturation(this.resolve(), e);
+      return this;
+    const e = n.clamp(t, -1, 1);
+    return new n({
+      name: this.name,
+      default: n.applySaturation(this.default, e),
+      light: this.light ? n.applySaturation(this.light, e) : void 0,
+      dark: this.dark ? n.applySaturation(this.dark, e) : void 0
+    });
   }
   brighten(t) {
     if (!this.isFiniteInput(t, "brighten(amount)"))
-      return this.resolve();
-    const e = a.clamp(t, -1, 1);
-    return a.applyBrightness(this.resolve(), e);
+      return this;
+    const e = n.clamp(t, -1, 1);
+    return new n({
+      name: this.name,
+      default: n.applyBrightness(this.default, e),
+      light: this.light ? n.applyBrightness(this.light, e) : void 0,
+      dark: this.dark ? n.applyBrightness(this.dark, e) : void 0
+    });
   }
   contrast(t) {
     if (!this.isFiniteInput(t, "contrast(amount)"))
-      return this.resolve();
-    const e = a.clamp(t, -1, 1);
-    return a.applyContrast(this.resolve(), e);
+      return this;
+    const e = n.clamp(t, -1, 1);
+    return new n({
+      name: this.name,
+      default: n.applyContrast(this.default, e),
+      light: this.light ? n.applyContrast(this.light, e) : void 0,
+      dark: this.dark ? n.applyContrast(this.dark, e) : void 0
+    });
   }
   rotateHue(t) {
     if (!this.isFiniteInput(t, "rotateHue(degrees)"))
-      return this.resolve();
+      return this;
     const e = (t % 360 + 360) % 360;
-    return a.applyHueRotation(this.resolve(), e);
+    return new n({
+      name: this.name,
+      default: n.applyHueRotation(this.default, e),
+      light: this.light ? n.applyHueRotation(this.light, e) : void 0,
+      dark: this.dark ? n.applyHueRotation(this.dark, e) : void 0
+    });
   }
   resolve() {
-    const t = N() !== null;
+    const t = x() !== null;
     let e;
-    return t ? e = C()() : e = a.getCurrentTheme(), e === "dark" ? this.dark || this.default : this.light || this.default;
+    return t ? e = C()() : e = n.getCurrentTheme(), e === "dark" ? this.dark || this.default : this.light || this.default;
   }
   isFiniteInput(t, e) {
     if (Number.isFinite(t))
       return !0;
-    const s = `ColorAsset.${e} requires a finite number for asset "${this.name}"`;
+    const r = `ColorAsset.${e} requires a finite number for asset "${this.name}"`;
     if (process.env.NODE_ENV === "development")
-      throw new Error(s);
+      throw new Error(r);
     return !1;
   }
-  static clamp(t, e, s) {
-    return Math.min(s, Math.max(e, t));
+  static clamp(t, e, r) {
+    return Math.min(r, Math.max(e, t));
   }
   static formatAlpha(t) {
     return t === 0 || t === 1 ? String(t) : Number(t.toFixed(4)).toString();
   }
   static toColorMix(t, e) {
-    const s = Number((e * 100).toFixed(2)).toString();
-    return `color-mix(in srgb, ${t} ${s}%, transparent)`;
+    const r = Number((e * 100).toFixed(2)).toString();
+    return `color-mix(in srgb, ${t} ${r}%, transparent)`;
   }
   static applyAlpha(t, e) {
-    const s = t.trim(), n = a.formatAlpha(e);
-    if (s.match(a.HEX_REGEX)) {
-      const [c, h, m] = a.parseHex(s);
-      return `rgba(${c}, ${h}, ${m}, ${n})`;
+    const r = t.trim(), a = n.formatAlpha(e);
+    if (r.match(n.HEX_REGEX)) {
+      const [f, m, d] = n.parseHex(r);
+      return `rgba(${f}, ${m}, ${d}, ${a})`;
     }
-    const o = s.match(a.RGB_REGEX);
+    const o = r.match(n.RGB_REGEX);
     if (o) {
-      const [, c, h, m] = o.map(Number);
-      return `rgba(${c}, ${h}, ${m}, ${n})`;
+      const [, f, m, d] = o.map(Number);
+      return `rgba(${f}, ${m}, ${d}, ${a})`;
     }
-    const u = s.match(a.RGBA_REGEX);
-    if (u) {
-      const [, c, h, m] = u.map(Number);
-      return `rgba(${c}, ${h}, ${m}, ${n})`;
+    const c = r.match(n.RGBA_REGEX);
+    if (c) {
+      const [, f, m, d] = c.map(Number);
+      return `rgba(${f}, ${m}, ${d}, ${a})`;
     }
-    const l = s.match(a.HSL_REGEX);
+    const l = r.match(n.HSL_REGEX);
     if (l) {
-      const [, c, h, m] = l.map(Number);
-      return `hsla(${c}, ${h}%, ${m}%, ${n})`;
+      const [, f, m, d] = l.map(Number);
+      return `hsla(${f}, ${m}%, ${d}%, ${a})`;
     }
-    const f = s.match(a.HSLA_REGEX);
-    if (f) {
-      const [, c, h, m] = f.map(Number);
-      return `hsla(${c}, ${h}%, ${m}%, ${n})`;
+    const u = r.match(n.HSLA_REGEX);
+    if (u) {
+      const [, f, m, d] = u.map(Number);
+      return `hsla(${f}, ${m}%, ${d}%, ${a})`;
     }
-    return a.toColorMix(s, e);
+    const h = n.NAMED_COLOR_RGB[r.toLowerCase()];
+    if (h) {
+      const [f, m, d] = h;
+      return `rgba(${f}, ${m}, ${d}, ${a})`;
+    }
+    return n.toColorMix(r, e);
   }
   static parseHex(t) {
-    const [e, s, n] = a.parseHexWithAlpha(t);
-    return [e, s, n];
+    const [e, r, a] = n.parseHexWithAlpha(t);
+    return [e, r, a];
   }
   static parseHexWithAlpha(t) {
-    const e = t.slice(1), s = e.length === 3 ? e.split("").map((l) => `${l}${l}`).join("") : e.length === 8 ? e.slice(0, 6) : e, n = e.length === 8 ? Number.parseInt(e.slice(6, 8), 16) / 255 : 1, r = Number.parseInt(s.slice(0, 2), 16), o = Number.parseInt(s.slice(2, 4), 16), u = Number.parseInt(s.slice(4, 6), 16);
-    return [r, o, u, n];
+    const e = t.slice(1), r = e.length === 3 ? e.split("").map((l) => `${l}${l}`).join("") : e.length === 8 ? e.slice(0, 6) : e, a = e.length === 8 ? Number.parseInt(e.slice(6, 8), 16) / 255 : 1, s = Number.parseInt(r.slice(0, 2), 16), o = Number.parseInt(r.slice(2, 4), 16), c = Number.parseInt(r.slice(4, 6), 16);
+    return [s, o, c, a];
   }
   static applySaturation(t, e) {
-    const s = a.parseColorToHsla(t);
-    if (!s)
+    const r = n.parseColorToHsla(t);
+    if (!r)
       return t;
-    const n = e >= 0 ? s.s + (1 - s.s) * e : s.s * (1 + e), r = a.clamp(n, 0, 1), [o, u, l] = a.hslToRgb(s.h, r, s.l);
-    return s.a < 1 ? `rgba(${o}, ${u}, ${l}, ${a.formatAlpha(s.a)})` : a.rgbToHex(o, u, l);
+    const a = e >= 0 ? r.s + (1 - r.s) * e : r.s * (1 + e), s = n.clamp(a, 0, 1), [o, c, l] = n.hslToRgb(r.h, s, r.l);
+    return r.a < 1 ? `rgba(${o}, ${c}, ${l}, ${n.formatAlpha(r.a)})` : n.rgbToHex(o, c, l);
   }
   static applyBrightness(t, e) {
-    const s = a.parseColorToRgba(t);
-    if (!s)
+    const r = n.parseColorToRgba(t);
+    if (!r)
       return t;
-    const n = (l) => {
-      const f = e >= 0 ? l + (255 - l) * e : l * (1 + e);
-      return Math.round(a.clamp(f, 0, 255));
-    }, r = n(s.r), o = n(s.g), u = n(s.b);
-    return s.a < 1 ? `rgba(${r}, ${o}, ${u}, ${a.formatAlpha(s.a)})` : a.rgbToHex(r, o, u);
+    const a = (l) => {
+      const u = e >= 0 ? l + (255 - l) * e : l * (1 + e);
+      return Math.round(n.clamp(u, 0, 255));
+    }, s = a(r.r), o = a(r.g), c = a(r.b);
+    return r.a < 1 ? `rgba(${s}, ${o}, ${c}, ${n.formatAlpha(r.a)})` : n.rgbToHex(s, o, c);
   }
   static applyContrast(t, e) {
-    const s = a.parseColorToRgba(t);
-    if (!s)
+    const r = n.parseColorToRgba(t);
+    if (!r)
       return t;
-    const n = 1 + e, r = (f) => {
-      const h = (f / 255 - 0.5) * n + 0.5;
-      return Math.round(a.clamp(h, 0, 1) * 255);
-    }, o = r(s.r), u = r(s.g), l = r(s.b);
-    return s.a < 1 ? `rgba(${o}, ${u}, ${l}, ${a.formatAlpha(s.a)})` : a.rgbToHex(o, u, l);
+    const a = 1 + e, s = (u) => {
+      const f = (u / 255 - 0.5) * a + 0.5;
+      return Math.round(n.clamp(f, 0, 1) * 255);
+    }, o = s(r.r), c = s(r.g), l = s(r.b);
+    return r.a < 1 ? `rgba(${o}, ${c}, ${l}, ${n.formatAlpha(r.a)})` : n.rgbToHex(o, c, l);
   }
   static applyHueRotation(t, e) {
-    const s = a.parseColorToHsla(t);
-    if (!s)
+    const r = n.parseColorToHsla(t);
+    if (!r)
       return t;
-    const n = (s.h + e) % 360, [r, o, u] = a.hslToRgb(n, s.s, s.l);
-    return s.a < 1 ? `rgba(${r}, ${o}, ${u}, ${a.formatAlpha(s.a)})` : a.rgbToHex(r, o, u);
+    const a = (r.h + e) % 360, [s, o, c] = n.hslToRgb(a, r.s, r.l);
+    return r.a < 1 ? `rgba(${s}, ${o}, ${c}, ${n.formatAlpha(r.a)})` : n.rgbToHex(s, o, c);
   }
   static parseColorToRgba(t) {
     const e = t.trim();
-    if (a.HEX_REGEX.test(e)) {
-      const [l, f, c, h] = a.parseHexWithAlpha(e);
-      return { r: l, g: f, b: c, a: h };
+    if (n.HEX_REGEX.test(e)) {
+      const [l, u, h, f] = n.parseHexWithAlpha(e);
+      return { r: l, g: u, b: h, a: f };
     }
-    const s = e.match(a.RGB_REGEX);
-    if (s) {
-      const [, l, f, c] = s.map(Number);
-      return { r: l, g: f, b: c, a: 1 };
+    const r = e.match(n.RGB_REGEX);
+    if (r) {
+      const [, l, u, h] = r.map(Number);
+      return { r: l, g: u, b: h, a: 1 };
     }
-    const n = e.match(a.RGBA_REGEX);
-    if (n) {
-      const [, l, f, c, h] = n;
-      return { r: Number(l), g: Number(f), b: Number(c), a: Number(h) };
+    const a = e.match(n.RGBA_REGEX);
+    if (a) {
+      const [, l, u, h, f] = a;
+      return { r: Number(l), g: Number(u), b: Number(h), a: Number(f) };
     }
-    const r = e.match(a.HSL_REGEX);
-    if (r) {
-      const [, l, f, c] = r.map(Number), [h, m, w] = a.hslToRgb(l, f / 100, c / 100);
-      return { r: h, g: m, b: w, a: 1 };
+    const s = e.match(n.HSL_REGEX);
+    if (s) {
+      const [, l, u, h] = s.map(Number), [f, m, d] = n.hslToRgb(l, u / 100, h / 100);
+      return { r: f, g: m, b: d, a: 1 };
     }
-    const o = e.match(a.HSLA_REGEX);
+    const o = e.match(n.HSLA_REGEX);
     if (o) {
-      const [, l, f, c, h] = o, [m, w, x] = a.hslToRgb(
+      const [, l, u, h, f] = o, [m, d, N] = n.hslToRgb(
         Number(l),
-        Number(f) / 100,
-        Number(c) / 100
+        Number(u) / 100,
+        Number(h) / 100
       );
-      return { r: m, g: w, b: x, a: Number(h) };
+      return { r: m, g: d, b: N, a: Number(f) };
     }
-    const u = a.NAMED_COLOR_RGB[e.toLowerCase()];
-    if (u) {
-      const [l, f, c, h] = u;
-      return { r: l, g: f, b: c, a: h };
+    const c = n.NAMED_COLOR_RGB[e.toLowerCase()];
+    if (c) {
+      const [l, u, h, f] = c;
+      return { r: l, g: u, b: h, a: f };
     }
     return null;
   }
   static parseColorToHsla(t) {
-    const e = t.trim(), s = e.match(a.HSL_REGEX);
-    if (s) {
-      const [, f, c, h] = s.map(Number);
-      return { h: f, s: c / 100, l: h / 100, a: 1 };
+    const e = t.trim(), r = e.match(n.HSL_REGEX);
+    if (r) {
+      const [, u, h, f] = r.map(Number);
+      return { h: u, s: h / 100, l: f / 100, a: 1 };
     }
-    const n = e.match(a.HSLA_REGEX);
-    if (n) {
-      const [, f, c, h, m] = n;
+    const a = e.match(n.HSLA_REGEX);
+    if (a) {
+      const [, u, h, f, m] = a;
       return {
-        h: Number(f),
-        s: Number(c) / 100,
-        l: Number(h) / 100,
+        h: Number(u),
+        s: Number(h) / 100,
+        l: Number(f) / 100,
         a: Number(m)
       };
     }
-    const r = a.parseColorToRgba(e);
-    if (!r)
+    const s = n.parseColorToRgba(e);
+    if (!s)
       return null;
-    const [o, u, l] = a.rgbToHsl(r.r, r.g, r.b);
-    return { h: o, s: u, l, a: r.a };
-  }
-  static rgbToHsl(t, e, s) {
-    const n = t / 255, r = e / 255, o = s / 255, u = Math.max(n, r, o), l = Math.min(n, r, o), f = u - l;
-    let c = 0;
-    const h = (u + l) / 2, m = f === 0 ? 0 : f / (1 - Math.abs(2 * h - 1));
-    return f !== 0 && (u === n ? c = (r - o) / f % 6 : u === r ? c = (o - n) / f + 2 : c = (n - r) / f + 4, c *= 60, c < 0 && (c += 360)), [c, m, h];
-  }
-  static hslToRgb(t, e, s) {
-    const n = (t % 360 + 360) % 360, r = (1 - Math.abs(2 * s - 1)) * e, o = r * (1 - Math.abs(n / 60 % 2 - 1)), u = s - r / 2;
-    let l = 0, f = 0, c = 0;
-    n < 60 ? (l = r, f = o) : n < 120 ? (l = o, f = r) : n < 180 ? (f = r, c = o) : n < 240 ? (f = o, c = r) : n < 300 ? (l = o, c = r) : (l = r, c = o);
-    const h = Math.round((l + u) * 255), m = Math.round((f + u) * 255), w = Math.round((c + u) * 255);
-    return [h, m, w];
-  }
-  static rgbToHex(t, e, s) {
-    const n = (r) => r.toString(16).padStart(2, "0");
-    return `#${n(t)}${n(e)}${n(s)}`.toUpperCase();
+    const [o, c, l] = n.rgbToHsl(s.r, s.g, s.b);
+    return { h: o, s: c, l, a: s.a };
+  }
+  static rgbToHsl(t, e, r) {
+    const a = t / 255, s = e / 255, o = r / 255, c = Math.max(a, s, o), l = Math.min(a, s, o), u = c - l;
+    let h = 0;
+    const f = (c + l) / 2, m = u === 0 ? 0 : u / (1 - Math.abs(2 * f - 1));
+    return u !== 0 && (c === a ? h = (s - o) / u % 6 : c === s ? h = (o - a) / u + 2 : h = (a - s) / u + 4, h *= 60, h < 0 && (h += 360)), [h, m, f];
+  }
+  static hslToRgb(t, e, r) {
+    const a = (t % 360 + 360) % 360, s = (1 - Math.abs(2 * r - 1)) * e, o = s * (1 - Math.abs(a / 60 % 2 - 1)), c = r - s / 2;
+    let l = 0, u = 0, h = 0;
+    a < 60 ? (l = s, u = o) : a < 120 ? (l = o, u = s) : a < 180 ? (u = s, h = o) : a < 240 ? (u = o, h = s) : a < 300 ? (l = o, h = s) : (l = s, h = o);
+    const f = Math.round((l + c) * 255), m = Math.round((u + c) * 255), d = Math.round((h + c) * 255);
+    return [f, m, d];
+  }
+  static rgbToHex(t, e, r) {
+    const a = (s) => s.toString(16).padStart(2, "0");
+    return `#${a(t)}${a(e)}${a(r)}`.toUpperCase();
   }
 };
-b(E, "HEX_REGEX", /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/);
-b(E, "RGB_REGEX", /^rgb\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)$/i);
-b(E, "RGBA_REGEX", /^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*\)$/i);
-b(E, "HSL_REGEX", /^hsl\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})%\s*,\s*([0-9]{1,3})%\s*\)$/i);
-b(E, "HSLA_REGEX", /^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*\)$/i);
-b(E, "NAMED_COLOR_RGB", {
+p(E, "HEX_REGEX", /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/);
+p(E, "RGB_REGEX", /^rgb\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)$/i);
+p(E, "RGBA_REGEX", /^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*\)$/i);
+p(E, "HSL_REGEX", /^hsl\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})%\s*,\s*([0-9]{1,3})%\s*\)$/i);
+p(E, "HSLA_REGEX", /^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*\)$/i);
+p(E, "NAMED_COLOR_RGB", {
   transparent: [0, 0, 0, 0],
   black: [0, 0, 0, 1],
   white: [255, 255, 255, 1],
@@ -340,9 +370,9 @@ b(E, "NAMED_COLOR_RGB", {
   aqua: [0, 255, 255, 1],
   fuchsia: [255, 0, 255, 1]
 });
-let d = E;
-var k = Object.defineProperty, M = (i, t, e) => t in i ? k(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, v = (i, t, e) => M(i, typeof t != "symbol" ? t + "" : t, e);
-class F extends g {
+let g = E;
+var H = Object.defineProperty, M = (i, t, e) => t in i ? H(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, v = (i, t, e) => M(i, typeof t != "symbol" ? t + "" : t, e);
+class F extends b {
   constructor(t) {
     if (super(t.name), v(this, "default"), v(this, "light"), v(this, "dark"), v(this, "alt"), v(this, "placeholder"), !t.default)
       throw new Error(`ImageAsset "${t.name}" must specify a default image path`);
@@ -355,7 +385,7 @@ class F extends g {
     return S();
   }
   resolve() {
-    const t = N() !== null;
+    const t = x() !== null;
     let e;
     return t ? e = C()() : e = F.getCurrentTheme(), e === "dark" ? this.dark || this.default : this.light || this.default;
   }
@@ -373,21 +403,21 @@ class F extends g {
     return this.default;
   }
 }
-var P = Object.defineProperty, L = (i, t, e) => t in i ? P(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, A = (i, t, e) => L(i, typeof t != "symbol" ? t + "" : t, e);
-class y extends g {
-  constructor(t, e = [], s = "", n = {}) {
-    super(s || t), A(this, "family"), A(this, "fallbacks"), A(this, "options"), A(this, "loaded", !1), A(this, "loadPromise", null), this.family = t, this.fallbacks = e, this.options = {
+var L = Object.defineProperty, P = (i, t, e) => t in i ? L(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, A = (i, t, e) => P(i, typeof t != "symbol" ? t + "" : t, e);
+class w extends b {
+  constructor(t, e = [], r = "", a = {}) {
+    super(r || t), A(this, "family"), A(this, "fallbacks"), A(this, "options"), A(this, "loaded", !1), A(this, "loadPromise", null), this.family = t, this.fallbacks = e, this.options = {
       loading: "lazy",
       fontDisplay: "swap",
       preconnect: !0,
-      ...n
+      ...a
     }, this.options.loading === "eager" && this.load();
   }
   /**
    * Static factory method for SwiftUI-style initialization
    */
-  static init(t, e = [], s, n = {}) {
-    return new y(t, e, s, n);
+  static init(t, e = [], r, a = {}) {
+    return new w(t, e, r, a);
   }
   /**
    * Get the full font-family CSS value including fallbacks
@@ -413,18 +443,18 @@ class y extends g {
     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 r = document.createElement("link");
-            r.rel = "preconnect", r.href = n, r.crossOrigin = "anonymous", document.head.appendChild(r);
+          const a = new URL(t).origin;
+          if (!document.querySelector(`link[rel="preconnect"][href="${a}"]`)) {
+            const s = document.createElement("link");
+            s.rel = "preconnect", s.href = a, s.crossOrigin = "anonymous", document.head.appendChild(s);
           }
         } 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`);
+          const a = `16px ${this.family.includes(" ") ? `"${this.family}"` : this.family}`;
+          document.fonts.check(a) || console.warn(`⚠️ Font "${this.family}" may not have loaded correctly`);
         } catch {
         }
     }
@@ -433,44 +463,44 @@ class y extends g {
    * Load a CSS file containing @font-face rules
    */
   async loadFontCSS(t) {
-    return new Promise((e, s) => {
+    return new Promise((e, r) => {
       if (document.querySelector(`link[href="${t}"]`)) {
         e();
         return;
       }
-      const r = document.createElement("link");
-      r.rel = "stylesheet", r.href = t, r.onload = () => {
+      const s = document.createElement("link");
+      s.rel = "stylesheet", s.href = t, s.onload = () => {
         e();
-      }, r.onerror = (o) => {
+      }, s.onerror = (o) => {
         console.warn(`⚠️ Failed to load font CSS for ${this.family}:`, t), e();
-      }, document.head.appendChild(r);
+      }, document.head.appendChild(s);
     });
   }
   /**
    * Load a font file directly and create @font-face rule
    */
   async loadFontFile(t) {
-    const { fontFormat: e, fontDisplay: s, weightRange: n, widthRange: r } = this.options;
+    const { fontFormat: e, fontDisplay: r, weightRange: a, widthRange: s } = this.options;
     let o = "";
     e ? o = `format('${e}')` : t.endsWith(".woff2") ? o = "format('woff2')" : t.endsWith(".woff") ? o = "format('woff')" : t.endsWith(".ttf") && (o = "format('truetype')");
-    let u = `
+    let c = `
       @font-face {
         font-family: "${this.family}";
         src: url("${t}") ${o};
-        font-display: ${s || "swap"};
+        font-display: ${r || "swap"};
     `;
-    n && (u += `font-weight: ${n[0]} ${n[1]};
-`), r && (u += `font-stretch: ${r[0]}% ${r[1]}%;
-`), u += "}";
+    a && (c += `font-weight: ${a[0]} ${a[1]};
+`), s && (c += `font-stretch: ${s[0]}% ${s[1]}%;
+`), c += "}";
     const l = document.createElement("style");
-    if (l.textContent = u, document.head.appendChild(l), "FontFace" in window)
+    if (l.textContent = c, document.head.appendChild(l), "FontFace" in window)
       try {
-        const f = new FontFace(this.family, `url(${t})`, {
-          display: s || "swap",
-          weight: n ? `${n[0]} ${n[1]}` : void 0,
-          stretch: r ? `${r[0]}% ${r[1]}%` : void 0
+        const u = new FontFace(this.family, `url(${t})`, {
+          display: r || "swap",
+          weight: a ? `${a[0]} ${a[1]}` : void 0,
+          stretch: s ? `${s[0]}% ${s[1]}%` : void 0
         });
-        await f.load(), document.fonts.add(f);
+        await u.load(), document.fonts.add(u);
       } catch {
       }
   }
@@ -521,35 +551,35 @@ const D = {
   fantasy: ["fantasy"]
 };
 function z(i = "sansSerif", t) {
-  return new y("", [...R[i]], t || `system-${i}`);
+  return new w("", [...R[i]], t || `system-${i}`);
 }
-function U(i, t = [400], e, s = {}) {
-  const n = t.join(";"), o = `https://fonts.googleapis.com/css2?family=${i.replace(/\s+/g, "+")}:wght@${n}&display=swap`;
-  return new y(
+function U(i, t = [400], e, r = {}) {
+  const a = t.join(";"), o = `https://fonts.googleapis.com/css2?family=${i.replace(/\s+/g, "+")}:wght@${a}&display=swap`;
+  return new w(
     i,
     [...R.sansSerif],
     e || i.toLowerCase().replace(/\s+/g, "-"),
     {
-      ...s,
+      ...r,
       fontUrl: o,
       preconnect: !0
     }
   );
 }
-function j(i, t, e, s = [...R.sansSerif], n) {
-  const r = {};
-  return e.slant && (r.slnt = e.slant), e.optical && (r.opsz = e.optical), e.custom && Object.assign(r, e.custom), new y(i, s, n, {
+function j(i, t, e, r = [...R.sansSerif], a) {
+  const s = {};
+  return e.slant && (s.slnt = e.slant), e.optical && (s.opsz = e.optical), e.custom && Object.assign(s, e.custom), new w(i, r, a, {
     fontUrl: t,
     weightRange: e.weight,
     widthRange: e.width,
-    variableAxes: r,
+    variableAxes: s,
     fontDisplay: "swap"
   });
 }
-var X = Object.defineProperty, T = (i, t, e) => t in i ? X(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, V = (i, t, e) => T(i, t + "", e);
-class B {
+var X = Object.defineProperty, T = (i, t, e) => t in i ? X(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, B = (i, t, e) => T(i, t + "", e);
+class V {
   constructor() {
-    V(this, "assets", /* @__PURE__ */ new Map());
+    B(this, "assets", /* @__PURE__ */ new Map());
   }
   add(t, e) {
     this.assets.set(t, e);
@@ -568,18 +598,18 @@ class B {
         get: (t, e) => {
           if (e === "toString" || e === "valueOf")
             return () => "[Assets]";
-          const s = this.assets.get(e);
-          if (s)
-            return s instanceof d ? new Proxy(s, {
-              get: (n, r) => r === "light" || r === "dark" ? n[r] : r === "resolve" ? () => n.resolve() : r === "toString" || r === "valueOf" ? () => n.resolve() : n[r],
-              has: (n, r) => r === "resolve" ? !0 : r in n
-            }) : s instanceof F ? new Proxy(s, {
-              get: (n, r) => r === "lightSrc" || r === "darkSrc" || r === "src" || r === "defaultSrc" ? n[r] : r === "resolve" ? () => n.resolve() : r === "toString" || r === "valueOf" ? () => n.resolve() : n[r],
-              has: (n, r) => r === "resolve" ? !0 : r in n
-            }) : s instanceof y ? new Proxy(s, {
-              get: (n, r) => r === "family" || r === "fallbacks" || r === "options" ? n[r] : r === "resolve" ? () => n.resolve() : r === "toString" || r === "valueOf" ? () => n.resolve() : n[r],
-              has: (n, r) => r === "resolve" ? !0 : r in n
-            }) : s;
+          const r = this.assets.get(e);
+          if (r)
+            return r instanceof g ? new Proxy(r, {
+              get: (a, s) => s === "light" || s === "dark" ? a[s] : s === "resolve" ? () => a.resolve() : s === "toString" || s === "valueOf" ? () => a.resolve() : a[s],
+              has: (a, s) => s === "resolve" ? !0 : s in a
+            }) : r instanceof F ? new Proxy(r, {
+              get: (a, s) => s === "lightSrc" || s === "darkSrc" || s === "src" || s === "defaultSrc" ? a[s] : s === "resolve" ? () => a.resolve() : s === "toString" || s === "valueOf" ? () => a.resolve() : a[s],
+              has: (a, s) => s === "resolve" ? !0 : s in a
+            }) : r instanceof w ? new Proxy(r, {
+              get: (a, s) => s === "family" || s === "fallbacks" || s === "options" ? a[s] : s === "resolve" ? () => a.resolve() : s === "toString" || s === "valueOf" ? () => a.resolve() : a[s],
+              has: (a, s) => s === "resolve" ? !0 : s in a
+            }) : r;
         },
         // Add ownKeys handler to support Object.keys() enumeration
         ownKeys: (t) => Array.from(this.assets.keys()),
@@ -589,129 +619,130 @@ class B {
     );
   }
 }
-const $ = new B(), I = $.asProxy(), K = I;
-function p(...i) {
+const $ = new V(), I = $.asProxy(), K = I;
+function y(...i) {
   if (i.length === 0)
     throw new Error("registerAsset requires at least one argument");
   const t = i[0], e = i[1];
-  if (typeof t == "string" && e instanceof g && i.length === 2)
-    $.add(t, e);
-  else if (t instanceof g && typeof e == "string" && i.length === 2)
-    $.add(e, t);
-  else if (t instanceof g && i.length === 1)
-    $.add(t.name, t);
-  else if (t instanceof g && e === void 0 && i.length === 2)
-    $.add(t.name, t);
-  else if (t instanceof g && i.length > 1) {
-    const s = [];
-    i.forEach((n, r) => {
-      if (!(n instanceof g))
+  if (typeof t == "string" && e instanceof b && i.length === 2)
+    return $.add(t, e), e;
+  if (t instanceof b && typeof e == "string" && i.length === 2)
+    return $.add(e, t), t;
+  if (t instanceof b && i.length === 1)
+    return $.add(t.name, t), t;
+  if (t instanceof b && e === void 0 && i.length === 2)
+    return $.add(t.name, t), t;
+  if (t instanceof b && i.length > 1) {
+    const r = [];
+    i.forEach((a, s) => {
+      if (!(a instanceof b))
         throw new Error(
-          `registerAsset variadic argument at index ${r} must be an Asset`
+          `registerAsset variadic argument at index ${s} must be an Asset`
         );
-      s.push(n);
-    }), s.forEach((n) => {
-      $.add(n.name, n);
+      r.push(a);
+    }), r.forEach((a) => {
+      $.add(a.name, a);
     });
+    return;
   } else
     throw new Error(
       "registerAsset requires either (name, asset), (asset), (asset, overrideName), or (...assets)"
     );
 }
 function J(i, t, e = "") {
-  return d.init({
+  return g.init({
     default: i,
     light: i,
     dark: t,
     name: e
   });
 }
-function Q(i, t, e, s = "", n) {
+function Q(i, t, e, r = "", a) {
   return F.init({
     default: i,
     light: t,
     dark: e,
-    name: s,
-    options: n
+    name: r,
+    options: a
   });
 }
-function Y(i, t = [], e = "", s) {
-  return y.init(i, t, e, s);
+function Y(i, t = [], e = "", r) {
+  return w.init(i, t, e, r);
 }
 function Z() {
   const i = $.getAll(), t = [];
-  for (const [e, s] of i) {
-    let n = "custom";
-    s instanceof d ? n = "color" : s instanceof F ? n = "image" : s instanceof y && (n = "font"), t.push({
+  for (const [e, r] of i) {
+    let a = "custom";
+    r instanceof g ? a = "color" : r instanceof F ? a = "image" : r instanceof w && (a = "font"), t.push({
       name: e,
-      type: n,
-      asset: s
+      type: a,
+      asset: r
     });
   }
-  return t.sort((e, s) => e.name.localeCompare(s.name));
+  return t.sort((e, r) => e.name.localeCompare(r.name));
 }
 function _() {
   return Array.from($.getAll().keys()).sort();
 }
-p(d.init({
+y(g.init({
   default: "#007AFF",
   light: "#007AFF",
   dark: "#0A84FF",
   name: "systemBlue"
 }));
-p(d.init({
+y(g.init({
   default: "#34C759",
   light: "#34C759",
   dark: "#30D158",
   name: "systemGreen"
 }));
-p(d.init({
+y(g.init({
   default: "#FF3B30",
   light: "#FF3B30",
   dark: "#FF453A",
   name: "systemRed"
 }));
-p(d.init({
+y(g.init({
   default: "#FF9500",
   light: "#FF9500",
   dark: "#FF9F0A",
   name: "systemOrange"
 }));
-p(d.init({
+y(g.init({
   default: "#5856D6",
   light: "#5856D6",
   dark: "#5E5CE6",
   name: "systemPurple"
 }));
-p(d.init({
+y(g.init({
   default: "#FF2D55",
   light: "#FF2D55",
   dark: "#FF375F",
   name: "systemPink"
 }));
-p(d.init({
+y(g.init({
   default: "#8E8E93",
   name: "systemGray"
 }));
-p(d.init({
+y(g.init({
   default: "#000000",
   name: "systemBlack"
 }));
-p(d.init({
+y(g.init({
   default: "#FFFFFF",
   name: "systemWhite"
 }));
 export {
-  g as Asset,
+  b as Asset,
   K as Assets,
-  d as ColorAsset,
-  y as FontAsset,
+  g as ColorAsset,
+  w as FontAsset,
   D as FontWeight,
   q as FontWidth,
   F as ImageAsset,
   rt as LinearGradient,
   st as RadialGradient,
-  nt as StateGradient,
+  at as StateGradient,
   R as SystemFonts,
   J as createColorAsset,
   Y as createFontAsset,
@@ -721,5 +752,5 @@ export {
   j as createVariableFont,
   Z as getAssetInfo,
   _ as listAssetNames,
-  p as registerAsset
+  y as registerAsset
 };

package/dist/components/wrapper.d.ts

@@ -4,7 +4,7 @@
  * Provides wrapper functions to enhance regular components with modifier support
  * and integrate them with the TachUI modifier system.
  */
-import type { ModifiableComponent, ModifierBuilder, ModifiableComponentWithModifiers } from '../modifiers/types';
+import type { ModifiableComponent, Modifier, ModifierBuilder, ModifiableComponentWithModifiers } from '../modifiers/types';
 import type { ComponentInstance, ComponentProps, DOMNode, CloneableComponent, CloneOptions } from '../runtime/types';
 import { type ElementOverrideProps } from '../runtime/element-override';
 import { ComponentWithCSSClasses, type CSSClassesProps } from '../css-classes';
@@ -115,25 +115,10 @@ export declare function wrapComponent<P extends ComponentProps>(component: Compo
 /**
  * Higher-order component wrapper
  */
-export declare function withModifierSupport<P extends ComponentProps>(ComponentClass: new (props: P) => ComponentInstance<P>): {
-    new (props: P): {
-        _modifiableComponent?: ModifiableComponent<P>;
-        get modifier(): ModifierBuilder<ModifiableComponent<P>>;
-        get modifiers(): any;
-        type: "component";
-        render: import("packages/types/dist/runtime").RenderFunction;
-        props: P;
-        prevProps?: P | undefined;
-        children?: import("packages/types/dist/runtime").ComponentChildren;
-        context?: import("packages/types/dist/runtime").ComponentContext;
-        cleanup?: import("packages/types/dist/runtime").LifecycleCleanup[];
-        id: string;
-        ref?: import("packages/types/dist/runtime").Ref | undefined;
-        mounted?: boolean;
-        domElements?: Map<string, Element>;
-        primaryElement?: Element;
-        domReady?: boolean;
-    };
+export declare function withModifierSupport<P extends ComponentProps>(ComponentClass: new (props: P) => ComponentInstance<P>): new (props: P) => ComponentInstance<P> & {
+    _modifiableComponent?: ModifiableComponent<P>;
+    readonly modifier: ModifierBuilder<ModifiableComponent<P>>;
+    readonly modifiers: Modifier[];
 };
 /**
  * Factory function for creating modifiable components

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

@@ -1 +1 @@
-{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../src/components/wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EACV,mBAAmB,EACnB,eAAe,EACf,gCAAgC,EACjC,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EACV,iBAAiB,EACjB,cAAc,EACd,OAAO,EACP,kBAAkB,EAClB,YAAY,EACb,MAAM,kBAAkB,CAAA;AAGzB,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,uBAAuB,EAAE,KAAK,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAO9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAS5D;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC;AAED,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,oBAAoB,EACpB,eAAe;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;CAC/B;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;CAC9C;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAA;CACpF;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,SAAS,CAAC,EACN,YAAY,GACZ,KAAK,GACL,aAAa,GACb,SAAS,GACT,QAAQ,GACR,UAAU,GACV,eAAe,GACf,QAAQ,GACR,gBAAgB,CAAA;CACrB;AAcD;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,cAAc,EACpD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC9B,gCAAgC,CAAC,CAAC,CAAC,GACpC,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,GAAG,EAAE,CAAC,CA2CpE;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,CAAC,SAAS,cAAc,EAC5D,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,GAAG,OAAO,EAAE,EAC3C,OAAO,GAAE,cAAmB,GAC3B,CAAC,KAAK,EAAE,CAAC,KAAK,gCAAgC,CAAC,CAAC,CAAC,CAyBnD;AAED;;GAEG;AACH,qBAAa,eACX,SAAQ,uBACR,YACE,kBAAkB,CAAC,cAAc,GAAG,oBAAoB,GAAG,eAAe,CAAC;IAUpE,KAAK,EAAE,cAAc,GAAG,oBAAoB,GAAG,eAAe;IACrE,OAAO,CAAC,UAAU;IACX,QAAQ,EAAE,iBAAiB,EAAE;IACpC,OAAO,CAAC,WAAW;IAXrB,SAAgB,IAAI,EAAG,WAAW,CAAS;IAC3C,SAAgB,EAAE,EAAE,MAAM,CAAA;IACnB,OAAO,UAAQ;IACf,OAAO,EAAE,CAAC,MAAM,IAAI,CAAC,EAAE,CAAK;IACnC,OAAO,CAAC,YAAY,CAAQ;IAC5B,OAAO,CAAC,gBAAgB,CAAK;gBAGpB,KAAK,EAAE,cAAc,GAAG,oBAAoB,GAAG,eAAe,EAC7D,UAAU,EAAE,QAAQ,GAAG,QAAQ,GAAG,QAAQ,EAC3C,QAAQ,GAAE,iBAAiB,EAAO,EACjC,WAAW,GAAE,GAAQ;IAiH/B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IA0D5B,MAAM;;;;;;;;;;;;;;;;IAyTN,KAAK,CAAC,OAAO,GAAE,YAAiB,GAAG,IAAI;IAIvC,YAAY,IAAI,IAAI;IAgBpB,SAAS,IAAI,IAAI;CAyBlB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM;IACjB;;OAEG;qBACa,iBAAiB;;;IAejC;;OAEG;qBACa,iBAAiB;;;IAejC;;OAEG;qBACa,iBAAiB;;;CAgBlC,CAAA;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,CAAC,SAAS,cAAc,EACpD,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAC9B,mBAAmB,CAAC,CAAC,CAAC,GAAG;IAC1B,QAAQ,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAA;CAClD,CAEA;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,cAAc,EAC1D,cAAc,EAAE,KAAK,KAAK,EAAE,CAAC,KAAK,iBAAiB,CAAC,CAAC,CAAC;gBAKjC,CAAC;+BAFU,mBAAmB,CAAC,CAAC,CAAC;wBAyBpC,eAAe,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;EAgB1D;AAED;;GAEG;AACH,wBAAgB,gCAAgC,CAAC,CAAC,SAAS,cAAc,EACvE,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,GAAG,OAAO,EAAE,IAEnC,OAAO,CAAC;;EAejB"}
+{"version":3,"file":"wrapper.d.ts","sourceRoot":"","sources":["../../src/components/wrapper.ts"],"names":[],"mappings":"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"}

package/dist/reactive/computed.d.ts

@@ -6,7 +6,7 @@
  */
 import { ComputationImpl } from './context';
 import { type EqualityFunction } from './equality';
-import type { Computation, Signal } from './types';
+import type { Computation, Owner, Signal } from './types';
 import { type ReactiveNode, UpdatePriority } from './unified-scheduler';
 export interface ComputedOptions<T> {
     equals?: EqualityFunction<T>;
@@ -25,7 +25,7 @@ declare class ComputedImpl<T> extends ComputationImpl implements ReactiveNode {
     private _error;
     private equalsFn;
     private options;
-    constructor(fn: () => T, options?: ComputedOptions<T>, owner?: import("packages/types/dist/reactive").Owner | null);
+    constructor(fn: () => T, options?: ComputedOptions<T>, owner?: Owner | null);
     /**
      * Get the computed value, tracking dependency and lazily computing
      */

package/dist/reactive/computed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"computed.d.ts","sourceRoot":"","sources":["../../src/reactive/computed.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,eAAe,EAA0C,MAAM,WAAW,CAAA;AACnF,OAAO,EAAiB,KAAK,gBAAgB,EAAE,MAAM,YAAY,CAAA;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAElD,OAAO,EAAE,KAAK,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEvE,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAA;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,CAAA;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAED;;GAEG;AACH,cAAM,YAAY,CAAC,CAAC,CAAE,SAAQ,eAAgB,YAAW,YAAY;IACnE,QAAQ,CAAC,IAAI,EAAG,UAAU,CAAS;IACnC,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAA;IAEjC,OAAO,CAAC,SAAS,CAAQ;IACzB,OAAO,CAAC,MAAM,CAAqB;IACnC,OAAO,CAAC,QAAQ,CAAqB;IACrC,OAAO,CAAC,OAAO,CAAoB;gBAEvB,EAAE,EAAE,MAAM,CAAC,EAAE,OAAO,GAAE,eAAe,CAAC,CAAC,CAAM,EAAE,KAAK,sDAAoB;IAOpF;;OAEG;IACH,QAAQ,IAAI,CAAC;IAiBb;;OAEG;IACH,IAAI,IAAI,CAAC;IAQT;;OAEG;IACH,cAAc,CAAC,WAAW,EAAE,WAAW,GAAG,IAAI;IAa9C,cAAc,IAAI,IAAI;IAWtB;;OAEG;IACH,OAAO,IAAI,CAAC;IAyBZ;;OAEG;IACH,MAAM,IAAI,IAAI;IAKd;;OAEG;IACH,OAAO,IAAI,IAAI;IAmBf;;OAEG;IACH,OAAO,IAAI,IAAI;IAwBf,QAAQ,IAAI,MAAM;CAGnB;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CActF;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAElF;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,CAAC,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,GAAG,KAAK,IAAI,MAAM,CAAC,CAAC,CAAC,CAElE;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,GAAG,IAAI,CAE9E;AAED,wBAAgB,kCAAkC,CAAC,CAAC,EAClD,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,GAClB,IAAI,CAMN;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,GAAG,CAAC,EAAE,GAAG,MAAM,CAAC,CAAC,CAAC,CAenF;AAED;;;;;;GAMG;AACH,wBAAgB,yBAAyB,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,IAAI,EAAE,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,CAiBxF;AAED;;GAEG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAA"}
+{"version":3,"file":"computed.d.ts","sourceRoot":"","sources":["../../src/reactive/computed.ts"],"names":[],"mappings":"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"}

package/dist/runtime/dom-bridge.d.ts

@@ -55,16 +55,14 @@ export declare function getComponentFromElement(element: Element): ComponentInst
 /**
  * Debug utilities for DOM bridge
  */
-export declare const DOMBridgeDebug: {
-    getMountedComponents: () => [Element, ComponentInstance<import("packages/types/dist/runtime").ComponentProps>][];
-    getComponentElements: (component: ComponentInstance) => Element[] | undefined;
-    isComponentMounted: (component: ComponentInstance) => boolean;
-    /**
-     * Validate that all components are properly mounted
-     */
+export interface DOMBridgeDebugAPI {
+    getMountedComponents(): Array<[Element, ComponentInstance]>;
+    getComponentElements(component: ComponentInstance): Element[] | undefined;
+    isComponentMounted(component: ComponentInstance): boolean;
     validateMounting(): {
         valid: boolean;
         issues: string[];
     };
-};
+}
+export declare const DOMBridgeDebug: DOMBridgeDebugAPI;
 //# sourceMappingURL=dom-bridge.d.ts.map

package/dist/runtime/dom-bridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dom-bridge.d.ts","sourceRoot":"","sources":["../../src/runtime/dom-bridge.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAUH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAkBhD;;GAEG;AACH,wBAAgB,mCAAmC,CACjD,SAAS,EAAE,iBAAiB,GAC3B,IAAI,CAIN;AAwED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,SAAS,CAAC,YAAY,EAAE,MAAM,iBAAiB,GAAG,IAAI,CA4CrE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,OAAO,EAClB,cAAc,GAAE,OAAc,GAC7B,MAAM,IAAI,CAkIZ;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,OAAO,GACjB,IAAI,CAmBN;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,OAAO,GACjB,IAAI,CA6DN;AAsED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,iBAAiB,EAAE,EAC7B,SAAS,EAAE,OAAO,GACjB,CAAC,MAAM,IAAI,CAAC,EAAE,CAShB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,GAAG,GACZ,IAAI,CAiBN;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,OAAO,GACf,iBAAiB,GAAG,SAAS,CAU/B;AAED;;GAEG;AACH,eAAO,MAAM,cAAc;;sCAES,iBAAiB;oCAEnB,iBAAiB;IAGjD;;OAEG;wBACiB;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE;CAyBzD,CAAA"}
+{"version":3,"file":"dom-bridge.d.ts","sourceRoot":"","sources":["../../src/runtime/dom-bridge.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAUH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAkBhD;;GAEG;AACH,wBAAgB,mCAAmC,CACjD,SAAS,EAAE,iBAAiB,GAC3B,IAAI,CAIN;AAwED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,SAAS,CAAC,YAAY,EAAE,MAAM,iBAAiB,GAAG,IAAI,CA4CrE;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,OAAO,EAClB,cAAc,GAAE,OAAc,GAC7B,MAAM,IAAI,CAkIZ;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,OAAO,GACjB,IAAI,CAmBN;AAED;;GAEG;AACH,wBAAgB,wBAAwB,CACtC,SAAS,EAAE,iBAAiB,EAC5B,SAAS,EAAE,OAAO,GACjB,IAAI,CA6DN;AAsED;;GAEG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,iBAAiB,EAAE,EAC7B,SAAS,EAAE,OAAO,GACjB,CAAC,MAAM,IAAI,CAAC,EAAE,CAShB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAC7B,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,GAAG,GACZ,IAAI,CAiBN;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,OAAO,GACf,iBAAiB,GAAG,SAAS,CAU/B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,oBAAoB,IAAI,KAAK,CAAC,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAC3D,oBAAoB,CAAC,SAAS,EAAE,iBAAiB,GAAG,OAAO,EAAE,GAAG,SAAS,CAAA;IACzE,kBAAkB,CAAC,SAAS,EAAE,iBAAiB,GAAG,OAAO,CAAA;IACzD,gBAAgB,IAAI;QAAE,KAAK,EAAE,OAAO,CAAC;QAAC,MAAM,EAAE,MAAM,EAAE,CAAA;KAAE,CAAA;CACzD;AAED,eAAO,MAAM,cAAc,EAAE,iBAoC5B,CAAA"}

package/dist/version.js

@@ -1,4 +1,4 @@
-const c = "@tachui/core", o = "0.8.18", n = c, t = o, s = o;
+const c = "@tachui/core", o = "0.8.20", n = c, t = o, s = o;
 export {
   n as TACHUI_PACKAGE,
   t as TACHUI_PACKAGE_VERSION,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tachui/core",
-  "version": "0.8.18",
+  "version": "0.8.20",
   "description": "tachUI core framework with reactive system and compiler",
   "homepage": "https://tachui.dev/",
   "type": "module",
@@ -141,8 +141,8 @@
     "dist"
   ],
   "dependencies": {
-    "@tachui/types": "0.8.18",
-    "@tachui/registry": "0.8.18"
+    "@tachui/types": "0.8.20",
+    "@tachui/registry": "0.8.20"
   },
   "devDependencies": {
     "@types/jsdom": "^21.1.6",