@tachui/core 0.8.11 → 0.8.12

package/dist/assets/index.js

@@ -1,79 +1,75 @@
 import { A as g } from "../index-JQ1sW1SK.js";
-import { L as se, R as ne, k as ae } from "../index-JQ1sW1SK.js";
-import { J as A, K as _, k as R } from "../theme-CRLPHryV.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";
 export * from "@tachui/types/assets";
-var V = Object.defineProperty, E = (n, e, t) => e in n ? V(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, x = (n, e, t) => E(n, typeof e != "symbol" ? e + "" : e, t);
-class i extends g {
-  constructor(e) {
-    if (super(e.name), x(this, "default"), x(this, "light"), x(this, "dark"), !e.default)
+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 {
+  constructor(t) {
+    if (super(t.name), b(this, "default"), b(this, "light"), b(this, "dark"), !t.default)
       throw new Error(
-        `ColorAsset "${e.name}" must specify a default color`
+        `ColorAsset "${t.name}" must specify a default color`
       );
-    const t = i.validateColor(e.default);
-    if (!t.isValid)
+    const e = a.validateColor(t.default);
+    if (!e.isValid)
       throw new Error(
-        `Invalid default color format for asset "${e.name}": ${t.error}`
+        `Invalid default color format for asset "${t.name}": ${e.error}`
       );
-    if (e.light) {
-      const a = i.validateColor(e.light);
-      if (!a.isValid)
+    if (t.light) {
+      const s = a.validateColor(t.light);
+      if (!s.isValid)
         throw new Error(
-          `Invalid light color format for asset "${e.name}": ${a.error}`
+          `Invalid light color format for asset "${t.name}": ${s.error}`
         );
     }
-    if (e.dark) {
-      const a = i.validateColor(e.dark);
-      if (!a.isValid)
+    if (t.dark) {
+      const s = a.validateColor(t.dark);
+      if (!s.isValid)
         throw new Error(
-          `Invalid dark color format for asset "${e.name}": ${a.error}`
+          `Invalid dark color format for asset "${t.name}": ${s.error}`
         );
     }
-    this.default = e.default, this.light = e.light, this.dark = e.dark;
+    this.default = t.default, this.light = t.light, this.dark = t.dark;
   }
-  static init(e) {
-    return new i(e);
+  static init(t) {
+    return new a(t);
   }
   /**
    * Validates a color string format
    * Supports: hex, rgb, rgba, hsl, hsla, and named colors
    */
-  static validateColor(e) {
-    if (!e || typeof e != "string")
+  static validateColor(t) {
+    if (!t || typeof t != "string")
       return {
         isValid: !1,
         error: "Color must be a non-empty string"
       };
-    const t = e.trim();
-    if (/^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6}|[A-Fa-f0-9]{8})$/.test(t))
+    const e = t.trim();
+    if (a.HEX_REGEX.test(e))
       return { isValid: !0, format: "hex" };
-    const s = /^rgb\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)$/;
-    if (s.test(t)) {
-      const l = t.match(s), [, c, h, m] = l.map(Number);
-      return c <= 255 && h <= 255 && m <= 255 ? { isValid: !0, format: "rgb" } : {
+    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" } : {
         isValid: !1,
         error: "RGB values must be between 0 and 255"
       };
     }
-    const r = /^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 (r.test(t)) {
-      const l = t.match(r), [, c, h, m, S] = l, p = Number(c), C = Number(h), k = Number(m), w = Number(S);
-      return p <= 255 && C <= 255 && k <= 255 && w >= 0 && w <= 1 ? { isValid: !0, format: "rgba" } : {
+    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" } : {
         isValid: !1,
         error: "RGBA values must be: RGB 0-255, alpha 0-1"
       };
     }
-    const o = /^hsl\s*\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})%\s*,\s*([0-9]{1,3})%\s*\)$/;
-    if (o.test(t)) {
-      const l = t.match(o), [, c, h, m] = l.map(Number);
-      return c <= 360 && h <= 100 && m <= 100 ? { isValid: !0, format: "hsl" } : {
+    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" } : {
         isValid: !1,
         error: "HSL values must be: H 0-360, S/L 0-100%"
       };
     }
-    const d = /^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 (d.test(t)) {
-      const l = t.match(d), [, c, h, m, S] = l, p = Number(c), C = Number(h), k = Number(m), w = Number(S);
-      return p <= 360 && C <= 100 && k <= 100 && w >= 0 && w <= 1 ? { isValid: !0, format: "hsla" } : {
+    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" } : {
         isValid: !1,
         error: "HSLA values must be: H 0-360, S/L 0-100%, alpha 0-1"
       };
@@ -106,37 +102,262 @@ class i extends g {
       "silver",
       "aqua",
       "fuchsia"
-    ].includes(t.toLowerCase()) ? { isValid: !0, format: "named" } : t.startsWith("var(--") && t.endsWith(")") ? { isValid: !0, format: "named" } : {
+    ].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 A();
+    return S();
+  }
+  opacity(t) {
+    if (!this.isFiniteInput(t, "opacity(alpha)"))
+      return this.resolve();
+    const e = a.clamp(t, 0, 1);
+    return a.applyAlpha(this.resolve(), e);
+  }
+  saturate(t) {
+    if (!this.isFiniteInput(t, "saturate(amount)"))
+      return this.resolve();
+    const e = a.clamp(t, -1, 1);
+    return a.applySaturation(this.resolve(), e);
+  }
+  brighten(t) {
+    if (!this.isFiniteInput(t, "brighten(amount)"))
+      return this.resolve();
+    const e = a.clamp(t, -1, 1);
+    return a.applyBrightness(this.resolve(), e);
+  }
+  contrast(t) {
+    if (!this.isFiniteInput(t, "contrast(amount)"))
+      return this.resolve();
+    const e = a.clamp(t, -1, 1);
+    return a.applyContrast(this.resolve(), e);
+  }
+  rotateHue(t) {
+    if (!this.isFiniteInput(t, "rotateHue(degrees)"))
+      return this.resolve();
+    const e = (t % 360 + 360) % 360;
+    return a.applyHueRotation(this.resolve(), e);
   }
   resolve() {
-    const e = R() !== null;
-    let t;
-    return e ? t = _()() : t = i.getCurrentTheme(), t === "dark" ? this.dark || this.default : this.light || this.default;
+    const t = N() !== null;
+    let e;
+    return t ? e = C()() : e = a.getCurrentTheme(), e === "dark" ? this.dark || this.default : this.light || this.default;
   }
-}
-var N = Object.defineProperty, L = (n, e, t) => e in n ? N(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, b = (n, e, t) => L(n, typeof e != "symbol" ? e + "" : e, t);
+  isFiniteInput(t, e) {
+    if (Number.isFinite(t))
+      return !0;
+    const s = `ColorAsset.${e} requires a finite number for asset "${this.name}"`;
+    if (process.env.NODE_ENV === "development")
+      throw new Error(s);
+    return !1;
+  }
+  static clamp(t, e, s) {
+    return Math.min(s, 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)`;
+  }
+  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 o = s.match(a.RGB_REGEX);
+    if (o) {
+      const [, c, h, m] = o.map(Number);
+      return `rgba(${c}, ${h}, ${m}, ${n})`;
+    }
+    const u = s.match(a.RGBA_REGEX);
+    if (u) {
+      const [, c, h, m] = u.map(Number);
+      return `rgba(${c}, ${h}, ${m}, ${n})`;
+    }
+    const l = s.match(a.HSL_REGEX);
+    if (l) {
+      const [, c, h, m] = l.map(Number);
+      return `hsla(${c}, ${h}%, ${m}%, ${n})`;
+    }
+    const f = s.match(a.HSLA_REGEX);
+    if (f) {
+      const [, c, h, m] = f.map(Number);
+      return `hsla(${c}, ${h}%, ${m}%, ${n})`;
+    }
+    return a.toColorMix(s, e);
+  }
+  static parseHex(t) {
+    const [e, s, n] = a.parseHexWithAlpha(t);
+    return [e, s, n];
+  }
+  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];
+  }
+  static applySaturation(t, e) {
+    const s = a.parseColorToHsla(t);
+    if (!s)
+      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);
+  }
+  static applyBrightness(t, e) {
+    const s = a.parseColorToRgba(t);
+    if (!s)
+      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);
+  }
+  static applyContrast(t, e) {
+    const s = a.parseColorToRgba(t);
+    if (!s)
+      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);
+  }
+  static applyHueRotation(t, e) {
+    const s = a.parseColorToHsla(t);
+    if (!s)
+      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);
+  }
+  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 };
+    }
+    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 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 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 o = e.match(a.HSLA_REGEX);
+    if (o) {
+      const [, l, f, c, h] = o, [m, w, x] = a.hslToRgb(
+        Number(l),
+        Number(f) / 100,
+        Number(c) / 100
+      );
+      return { r: m, g: w, b: x, a: Number(h) };
+    }
+    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 };
+    }
+    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 n = e.match(a.HSLA_REGEX);
+    if (n) {
+      const [, f, c, h, m] = n;
+      return {
+        h: Number(f),
+        s: Number(c) / 100,
+        l: Number(h) / 100,
+        a: Number(m)
+      };
+    }
+    const r = a.parseColorToRgba(e);
+    if (!r)
+      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();
+  }
+};
+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", {
+  transparent: [0, 0, 0, 0],
+  black: [0, 0, 0, 1],
+  white: [255, 255, 255, 1],
+  red: [255, 0, 0, 1],
+  green: [0, 128, 0, 1],
+  blue: [0, 0, 255, 1],
+  yellow: [255, 255, 0, 1],
+  cyan: [0, 255, 255, 1],
+  magenta: [255, 0, 255, 1],
+  gray: [128, 128, 128, 1],
+  grey: [128, 128, 128, 1],
+  orange: [255, 165, 0, 1],
+  purple: [128, 0, 128, 1],
+  pink: [255, 192, 203, 1],
+  brown: [165, 42, 42, 1],
+  navy: [0, 0, 128, 1],
+  teal: [0, 128, 128, 1],
+  lime: [0, 255, 0, 1],
+  olive: [128, 128, 0, 1],
+  maroon: [128, 0, 0, 1],
+  silver: [192, 192, 192, 1],
+  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 {
-  constructor(e) {
-    if (super(e.name), b(this, "default"), b(this, "light"), b(this, "dark"), b(this, "alt"), b(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;
+  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`);
+    this.default = t.default, this.light = t.light, this.dark = t.dark, this.alt = t.options?.alt, this.placeholder = t.options?.placeholder;
   }
-  static init(e) {
-    return new F(e);
+  static init(t) {
+    return new F(t);
   }
   static getCurrentTheme() {
-    return A();
+    return S();
   }
   resolve() {
-    const e = R() !== null;
-    let t;
-    return e ? t = _()() : t = F.getCurrentTheme(), t === "dark" ? this.dark || this.default : this.light || this.default;
+    const t = N() !== null;
+    let e;
+    return t ? e = C()() : e = F.getCurrentTheme(), e === "dark" ? this.dark || this.default : this.light || this.default;
   }
   // Additional accessors
   get src() {
@@ -152,27 +373,27 @@ class F extends g {
     return this.default;
   }
 }
-var G = Object.defineProperty, T = (n, e, t) => e in n ? G(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, v = (n, e, t) => T(n, typeof e != "symbol" ? e + "" : e, t);
-class f extends g {
-  constructor(e, t = [], a = "", s = {}) {
-    super(a || e), v(this, "family"), v(this, "fallbacks"), v(this, "options"), v(this, "loaded", !1), v(this, "loadPromise", null), this.family = e, this.fallbacks = t, this.options = {
+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 = {
       loading: "lazy",
       fontDisplay: "swap",
       preconnect: !0,
-      ...s
+      ...n
     }, this.options.loading === "eager" && this.load();
   }
   /**
    * Static factory method for SwiftUI-style initialization
    */
-  static init(e, t = [], a, s = {}) {
-    return new f(e, t, a, s);
+  static init(t, e = [], s, n = {}) {
+    return new y(t, e, s, n);
   }
   /**
    * Get the full font-family CSS value including fallbacks
    */
   get value() {
-    return [this.family, ...this.fallbacks].map((t) => t.includes(" ") ? `"${t}"` : t).join(", ");
+    return [this.family, ...this.fallbacks].map((e) => e.includes(" ") ? `"${e}"` : e).join(", ");
   }
   /**
    * Load the font if not already loaded
@@ -188,22 +409,22 @@ class f extends g {
    * Internal font loading implementation
    */
   async loadFont() {
-    const { fontUrl: e, preconnect: t } = this.options;
-    if (e) {
-      if (t && typeof document < "u" && document.querySelector)
+    const { fontUrl: t, preconnect: e } = this.options;
+    if (t) {
+      if (e && typeof document < "u" && document.querySelector)
         try {
-          const s = new URL(e).origin;
-          if (!document.querySelector(`link[rel="preconnect"][href="${s}"]`)) {
+          const n = new URL(t).origin;
+          if (!document.querySelector(`link[rel="preconnect"][href="${n}"]`)) {
             const r = document.createElement("link");
-            r.rel = "preconnect", r.href = s, r.crossOrigin = "anonymous", document.head.appendChild(r);
+            r.rel = "preconnect", r.href = n, r.crossOrigin = "anonymous", document.head.appendChild(r);
           }
         } catch {
         }
-      if (e.endsWith(".css") || e.includes("fonts.googleapis.com") ? await this.loadFontCSS(e) : await this.loadFontFile(e), "fonts" in document)
+      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 s = `16px ${this.family.includes(" ") ? `"${this.family}"` : this.family}`;
-          document.fonts.check(s) || console.warn(`⚠️ Font "${this.family}" may not have loaded correctly`);
+          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 {
         }
     }
@@ -211,53 +432,53 @@ class f extends g {
   /**
    * Load a CSS file containing @font-face rules
    */
-  async loadFontCSS(e) {
-    return new Promise((t, a) => {
-      if (document.querySelector(`link[href="${e}"]`)) {
-        t();
+  async loadFontCSS(t) {
+    return new Promise((e, s) => {
+      if (document.querySelector(`link[href="${t}"]`)) {
+        e();
         return;
       }
       const r = document.createElement("link");
-      r.rel = "stylesheet", r.href = e, r.onload = () => {
-        t();
+      r.rel = "stylesheet", r.href = t, r.onload = () => {
+        e();
       }, r.onerror = (o) => {
-        console.warn(`⚠️ Failed to load font CSS for ${this.family}:`, e), t();
+        console.warn(`⚠️ Failed to load font CSS for ${this.family}:`, t), e();
       }, document.head.appendChild(r);
     });
   }
   /**
    * Load a font file directly and create @font-face rule
    */
-  async loadFontFile(e) {
-    const { fontFormat: t, fontDisplay: a, weightRange: s, widthRange: r } = this.options;
+  async loadFontFile(t) {
+    const { fontFormat: e, fontDisplay: s, weightRange: n, widthRange: r } = this.options;
     let o = "";
-    t ? o = `format('${t}')` : e.endsWith(".woff2") ? o = "format('woff2')" : e.endsWith(".woff") ? o = "format('woff')" : e.endsWith(".ttf") && (o = "format('truetype')");
-    let d = `
+    e ? o = `format('${e}')` : t.endsWith(".woff2") ? o = "format('woff2')" : t.endsWith(".woff") ? o = "format('woff')" : t.endsWith(".ttf") && (o = "format('truetype')");
+    let u = `
       @font-face {
         font-family: "${this.family}";
-        src: url("${e}") ${o};
-        font-display: ${a || "swap"};
+        src: url("${t}") ${o};
+        font-display: ${s || "swap"};
     `;
-    s && (d += `font-weight: ${s[0]} ${s[1]};
-`), r && (d += `font-stretch: ${r[0]}% ${r[1]}%;
-`), d += "}";
-    const $ = document.createElement("style");
-    if ($.textContent = d, document.head.appendChild($), "FontFace" in window)
+    n && (u += `font-weight: ${n[0]} ${n[1]};
+`), r && (u += `font-stretch: ${r[0]}% ${r[1]}%;
+`), u += "}";
+    const l = document.createElement("style");
+    if (l.textContent = u, document.head.appendChild(l), "FontFace" in window)
       try {
-        const l = new FontFace(this.family, `url(${e})`, {
-          display: a || "swap",
-          weight: s ? `${s[0]} ${s[1]}` : void 0,
+        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
         });
-        await l.load(), document.fonts.add(l);
+        await f.load(), document.fonts.add(f);
       } catch {
       }
   }
   /**
    * Create a CSS variable for this font
    */
-  toCSSVariable(e) {
-    return `${e || `--font-${this.name.toLowerCase().replace(/\s+/g, "-")}`}: ${this.value};`;
+  toCSSVariable(t) {
+    return `${t || `--font-${this.name.toLowerCase().replace(/\s+/g, "-")}`}: ${this.value};`;
   }
   /**
    * Get debug information
@@ -272,7 +493,7 @@ class f extends g {
     return this.options.loading === "lazy" && !this.loaded && this.options.fontUrl && this.load(), this.value;
   }
 }
-const H = {
+const D = {
   ultraLight: 100,
   thin: 200,
   light: 300,
@@ -282,7 +503,7 @@ const H = {
   bold: 700,
   heavy: 800,
   black: 900
-}, z = {
+}, q = {
   ultraCondensed: 50,
   extraCondensed: 62.5,
   condensed: 75,
@@ -292,49 +513,49 @@ const H = {
   expanded: 125,
   extraExpanded: 150,
   ultraExpanded: 200
-}, P = {
+}, R = {
   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 j(n = "sansSerif", e) {
-  return new f("", [...P[n]], e || `system-${n}`);
+function z(i = "sansSerif", t) {
+  return new y("", [...R[i]], t || `system-${i}`);
 }
-function K(n, e = [400], t, a = {}) {
-  const s = e.join(";"), o = `https://fonts.googleapis.com/css2?family=${n.replace(/\s+/g, "+")}:wght@${s}&display=swap`;
-  return new f(
-    n,
-    [...P.sansSerif],
-    t || n.toLowerCase().replace(/\s+/g, "-"),
+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(
+    i,
+    [...R.sansSerif],
+    e || i.toLowerCase().replace(/\s+/g, "-"),
     {
-      ...a,
+      ...s,
       fontUrl: o,
       preconnect: !0
     }
   );
 }
-function O(n, e, t, a = [...P.sansSerif], s) {
+function j(i, t, e, s = [...R.sansSerif], n) {
   const r = {};
-  return t.slant && (r.slnt = t.slant), t.optical && (r.opsz = t.optical), t.custom && Object.assign(r, t.custom), new f(n, a, s, {
-    fontUrl: e,
-    weightRange: t.weight,
-    widthRange: t.width,
+  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, {
+    fontUrl: t,
+    weightRange: e.weight,
+    widthRange: e.width,
     variableAxes: r,
     fontDisplay: "swap"
   });
 }
-var W = Object.defineProperty, B = (n, e, t) => e in n ? W(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, I = (n, e, t) => B(n, e + "", t);
-class D {
+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 {
   constructor() {
-    I(this, "assets", /* @__PURE__ */ new Map());
+    V(this, "assets", /* @__PURE__ */ new Map());
   }
-  add(e, t) {
-    this.assets.set(e, t);
+  add(t, e) {
+    this.assets.set(t, e);
   }
-  get(e) {
-    return this.assets.get(e);
+  get(t) {
+    return this.assets.get(t);
   }
   getAll() {
     return new Map(this.assets);
@@ -344,143 +565,161 @@ class D {
     return new Proxy(
       {},
       {
-        get: (e, t) => {
-          if (t === "toString" || t === "valueOf")
+        get: (t, e) => {
+          if (e === "toString" || e === "valueOf")
             return () => "[Assets]";
-          const a = this.assets.get(t);
-          if (a)
-            return a instanceof i ? new Proxy(a, {
-              get: (s, r) => r === "light" || r === "dark" ? s[r] : r === "resolve" ? () => s.resolve() : r === "toString" || r === "valueOf" ? () => s.resolve() : s[r],
-              has: (s, r) => r === "resolve" ? !0 : r in s
-            }) : a instanceof F ? new Proxy(a, {
-              get: (s, r) => r === "lightSrc" || r === "darkSrc" || r === "src" || r === "defaultSrc" ? s[r] : r === "resolve" ? () => s.resolve() : r === "toString" || r === "valueOf" ? () => s.resolve() : s[r],
-              has: (s, r) => r === "resolve" ? !0 : r in s
-            }) : a instanceof f ? new Proxy(a, {
-              get: (s, r) => r === "family" || r === "fallbacks" || r === "options" ? s[r] : r === "resolve" ? () => s.resolve() : r === "toString" || r === "valueOf" ? () => s.resolve() : s[r],
-              has: (s, r) => r === "resolve" ? !0 : r in s
-            }) : a;
+          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;
         },
         // Add ownKeys handler to support Object.keys() enumeration
-        ownKeys: (e) => Array.from(this.assets.keys()),
+        ownKeys: (t) => Array.from(this.assets.keys()),
         // Add has handler to support 'in' operator
-        has: (e, t) => this.assets.has(t)
+        has: (t, e) => this.assets.has(e)
       }
     );
   }
 }
-const y = new D(), q = y.asProxy(), J = q;
-function u(n, e) {
-  if (typeof n == "string" && e instanceof g)
-    y.add(n, e);
-  else if (n instanceof g && typeof e == "string")
-    y.add(e, n);
-  else if (n instanceof g && e === void 0)
-    y.add(n.name, n);
-  else
-    throw new Error("registerAsset requires either (name, asset), (asset), or (asset, overrideName)");
+const $ = new B(), I = $.asProxy(), K = I;
+function p(...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))
+        throw new Error(
+          `registerAsset variadic argument at index ${r} must be an Asset`
+        );
+      s.push(n);
+    }), s.forEach((n) => {
+      $.add(n.name, n);
+    });
+  } else
+    throw new Error(
+      "registerAsset requires either (name, asset), (asset), (asset, overrideName), or (...assets)"
+    );
 }
-function Q(n, e, t = "") {
-  return i.init({
-    default: n,
-    light: n,
-    dark: e,
-    name: t
+function J(i, t, e = "") {
+  return d.init({
+    default: i,
+    light: i,
+    dark: t,
+    name: e
   });
 }
-function X(n, e, t, a = "", s) {
+function Q(i, t, e, s = "", n) {
   return F.init({
-    default: n,
-    light: e,
-    dark: t,
-    name: a,
-    options: s
+    default: i,
+    light: t,
+    dark: e,
+    name: s,
+    options: n
   });
 }
-function Y(n, e = [], t = "", a) {
-  return f.init(n, e, t, a);
+function Y(i, t = [], e = "", s) {
+  return y.init(i, t, e, s);
 }
 function Z() {
-  const n = y.getAll(), e = [];
-  for (const [t, a] of n) {
-    let s = "custom";
-    a instanceof i ? s = "color" : a instanceof F ? s = "image" : a instanceof f && (s = "font"), e.push({
-      name: t,
-      type: s,
-      asset: a
+  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({
+      name: e,
+      type: n,
+      asset: s
     });
   }
-  return e.sort((t, a) => t.name.localeCompare(a.name));
+  return t.sort((e, s) => e.name.localeCompare(s.name));
 }
-function ee() {
-  return Array.from(y.getAll().keys()).sort();
+function _() {
+  return Array.from($.getAll().keys()).sort();
 }
-u(i.init({
+p(d.init({
   default: "#007AFF",
   light: "#007AFF",
   dark: "#0A84FF",
   name: "systemBlue"
 }));
-u(i.init({
+p(d.init({
   default: "#34C759",
   light: "#34C759",
   dark: "#30D158",
   name: "systemGreen"
 }));
-u(i.init({
+p(d.init({
   default: "#FF3B30",
   light: "#FF3B30",
   dark: "#FF453A",
   name: "systemRed"
 }));
-u(i.init({
+p(d.init({
   default: "#FF9500",
   light: "#FF9500",
   dark: "#FF9F0A",
   name: "systemOrange"
 }));
-u(i.init({
+p(d.init({
   default: "#5856D6",
   light: "#5856D6",
   dark: "#5E5CE6",
   name: "systemPurple"
 }));
-u(i.init({
+p(d.init({
   default: "#FF2D55",
   light: "#FF2D55",
   dark: "#FF375F",
   name: "systemPink"
 }));
-u(i.init({
+p(d.init({
   default: "#8E8E93",
   name: "systemGray"
 }));
-u(i.init({
+p(d.init({
   default: "#000000",
   name: "systemBlack"
 }));
-u(i.init({
+p(d.init({
   default: "#FFFFFF",
   name: "systemWhite"
 }));
 export {
   g as Asset,
-  J as Assets,
-  i as ColorAsset,
-  f as FontAsset,
-  H as FontWeight,
-  z as FontWidth,
+  K as Assets,
+  d as ColorAsset,
+  y as FontAsset,
+  D as FontWeight,
+  q as FontWidth,
   F as ImageAsset,
-  se as LinearGradient,
-  ne as RadialGradient,
-  ae as StateGradient,
-  P as SystemFonts,
-  Q as createColorAsset,
+  rt as LinearGradient,
+  st as RadialGradient,
+  nt as StateGradient,
+  R as SystemFonts,
+  J as createColorAsset,
   Y as createFontAsset,
-  K as createGoogleFont,
-  X as createImageAsset,
-  j as createSystemFont,
-  O as createVariableFont,
+  U as createGoogleFont,
+  Q as createImageAsset,
+  z as createSystemFont,
+  j as createVariableFont,
   Z as getAssetInfo,
-  ee as listAssetNames,
-  u as registerAsset
+  _ as listAssetNames,
+  p as registerAsset
 };