@tachui/core 0.8.24 → 0.8.26

package/dist/assets/index.js

@@ -1,9 +1,22 @@
 import { A as p } from "../index-7vhCZc7g.js";
-import { L as ot, R as lt, k as ct } from "../index-7vhCZc7g.js";
-import { g as C, a as S } from "../theme-D5-09a8N.js";
-import { h as x } from "../signal-BRoiFOO7.js";
+import { L as ut, R as ft, k as ht } from "../index-7vhCZc7g.js";
+import { g as k, a as H } from "../theme-D5-09a8N.js";
+import { h as N } from "../signal-BRoiFOO7.js";
 export * from "@tachui/types/assets";
-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, y = (i, t, e) => M(i, typeof t != "symbol" ? t + "" : t, e);
+const S = Symbol.for("tachui.ssr.assetHeadCollector");
+function C() {
+  return globalThis[S];
+}
+function j(i, t) {
+  const e = globalThis, r = e[S];
+  i ? e[S] = i : delete e[S];
+  try {
+    return t();
+  } finally {
+    r ? e[S] = r : delete e[S];
+  }
+}
+var M = Object.defineProperty, T = (i, t, e) => t in i ? M(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, y = (i, t, e) => T(i, typeof t != "symbol" ? t + "" : t, e);
 const E = class a extends p {
   constructor(t) {
     if (super(t.name), y(this, "default"), y(this, "light"), y(this, "dark"), !t.default)
@@ -48,29 +61,29 @@ const E = class a extends p {
     if (a.HEX_REGEX.test(e))
       return { isValid: !0, format: "hex" };
     if (a.RGB_REGEX.test(e)) {
-      const n = e.match(a.RGB_REGEX), [, s, o, c] = n.map(Number);
-      return s <= 255 && o <= 255 && c <= 255 ? { isValid: !0, format: "rgb" } : {
+      const n = e.match(a.RGB_REGEX), [, s, o, l] = n.map(Number);
+      return s <= 255 && o <= 255 && l <= 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), [, s, o, c, l] = n, u = Number(s), h = Number(o), f = Number(c), d = Number(l);
-      return u <= 255 && h <= 255 && f <= 255 && d >= 0 && d <= 1 ? { isValid: !0, format: "rgba" } : {
+      const n = e.match(a.RGBA_REGEX), [, s, o, l, c] = n, u = Number(s), f = Number(o), h = Number(l), d = Number(c);
+      return u <= 255 && f <= 255 && h <= 255 && d >= 0 && d <= 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), [, s, o, c] = n.map(Number);
-      return s <= 360 && o <= 100 && c <= 100 ? { isValid: !0, format: "hsl" } : {
+      const n = e.match(a.HSL_REGEX), [, s, o, l] = n.map(Number);
+      return s <= 360 && o <= 100 && l <= 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), [, s, o, c, l] = n, u = Number(s), h = Number(o), f = Number(c), d = Number(l);
-      return u <= 360 && h <= 100 && f <= 100 && d >= 0 && d <= 1 ? { isValid: !0, format: "hsla" } : {
+      const n = e.match(a.HSLA_REGEX), [, s, o, l, c] = n, u = Number(s), f = Number(o), h = Number(l), d = Number(c);
+      return u <= 360 && f <= 100 && h <= 100 && d >= 0 && d <= 1 ? { isValid: !0, format: "hsla" } : {
         isValid: !1,
         error: "HSLA values must be: H 0-360, S/L 0-100%, alpha 0-1"
       };
@@ -109,7 +122,7 @@ const E = class a extends p {
     };
   }
   static getCurrentTheme() {
-    return C();
+    return k();
   }
   opacity(t) {
     if (!this.isFiniteInput(t, "opacity(alpha)"))
@@ -167,9 +180,15 @@ const E = class a extends p {
     });
   }
   resolve() {
-    const t = x() !== null;
+    const t = N() !== null;
     let e;
-    return t ? e = S()() : e = a.getCurrentTheme(), e === "dark" ? this.dark || this.default : this.light || this.default;
+    t ? e = H()() : e = a.getCurrentTheme();
+    const r = C();
+    return r && r.addStyle(this.toSSRVariableBlock()), e === "dark" ? this.dark || this.default : this.light || this.default;
+  }
+  toSSRVariableBlock() {
+    const t = `--tachui-color-${this.name.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "") || "asset"}`, e = this.light || this.default, r = this.dark || this.default;
+    return `:root{${t}:${e};}@media (prefers-color-scheme: dark){:root{${t}:${r};}}`;
   }
   isFiniteInput(t, e) {
     if (Number.isFinite(t))
@@ -192,33 +211,33 @@ const E = class a extends p {
   static applyAlpha(t, e) {
     const r = t.trim(), n = a.formatAlpha(e);
     if (r.match(a.HEX_REGEX)) {
-      const [f, d, m] = a.parseHex(r);
-      return `rgba(${f}, ${d}, ${m}, ${n})`;
+      const [h, d, m] = a.parseHex(r);
+      return `rgba(${h}, ${d}, ${m}, ${n})`;
     }
     const o = r.match(a.RGB_REGEX);
     if (o) {
-      const [, f, d, m] = o.map(Number);
-      return `rgba(${f}, ${d}, ${m}, ${n})`;
+      const [, h, d, m] = o.map(Number);
+      return `rgba(${h}, ${d}, ${m}, ${n})`;
     }
-    const c = r.match(a.RGBA_REGEX);
-    if (c) {
-      const [, f, d, m] = c.map(Number);
-      return `rgba(${f}, ${d}, ${m}, ${n})`;
-    }
-    const l = r.match(a.HSL_REGEX);
+    const l = r.match(a.RGBA_REGEX);
     if (l) {
-      const [, f, d, m] = l.map(Number);
-      return `hsla(${f}, ${d}%, ${m}%, ${n})`;
+      const [, h, d, m] = l.map(Number);
+      return `rgba(${h}, ${d}, ${m}, ${n})`;
+    }
+    const c = r.match(a.HSL_REGEX);
+    if (c) {
+      const [, h, d, m] = c.map(Number);
+      return `hsla(${h}, ${d}%, ${m}%, ${n})`;
     }
     const u = r.match(a.HSLA_REGEX);
     if (u) {
-      const [, f, d, m] = u.map(Number);
-      return `hsla(${f}, ${d}%, ${m}%, ${n})`;
+      const [, h, d, m] = u.map(Number);
+      return `hsla(${h}, ${d}%, ${m}%, ${n})`;
     }
-    const h = a.NAMED_COLOR_RGB[r.toLowerCase()];
-    if (h) {
-      const [f, d, m] = h;
-      return `rgba(${f}, ${d}, ${m}, ${n})`;
+    const f = a.NAMED_COLOR_RGB[r.toLowerCase()];
+    if (f) {
+      const [h, d, m] = f;
+      return `rgba(${h}, ${d}, ${m}, ${n})`;
     }
     return a.toColorMix(r, e);
   }
@@ -227,114 +246,114 @@ const E = class a extends p {
     return [e, r, n];
   }
   static parseHexWithAlpha(t) {
-    const e = t.slice(1), r = 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, 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, n];
+    const e = t.slice(1), r = e.length === 3 ? e.split("").map((c) => `${c}${c}`).join("") : e.length === 8 ? e.slice(0, 6) : e, n = 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), l = Number.parseInt(r.slice(4, 6), 16);
+    return [s, o, l, n];
   }
   static applySaturation(t, e) {
     const r = a.parseColorToHsla(t);
     if (!r)
       return t;
-    const n = e >= 0 ? r.s + (1 - r.s) * e : r.s * (1 + e), s = a.clamp(n, 0, 1), [o, c, l] = a.hslToRgb(r.h, s, r.l);
-    return r.a < 1 ? `rgba(${o}, ${c}, ${l}, ${a.formatAlpha(r.a)})` : a.rgbToHex(o, c, l);
+    const n = e >= 0 ? r.s + (1 - r.s) * e : r.s * (1 + e), s = a.clamp(n, 0, 1), [o, l, c] = a.hslToRgb(r.h, s, r.l);
+    return r.a < 1 ? `rgba(${o}, ${l}, ${c}, ${a.formatAlpha(r.a)})` : a.rgbToHex(o, l, c);
   }
   static applyBrightness(t, e) {
     const r = a.parseColorToRgba(t);
     if (!r)
       return t;
-    const n = (l) => {
-      const u = e >= 0 ? l + (255 - l) * e : l * (1 + e);
+    const n = (c) => {
+      const u = e >= 0 ? c + (255 - c) * e : c * (1 + e);
       return Math.round(a.clamp(u, 0, 255));
-    }, s = n(r.r), o = n(r.g), c = n(r.b);
-    return r.a < 1 ? `rgba(${s}, ${o}, ${c}, ${a.formatAlpha(r.a)})` : a.rgbToHex(s, o, c);
+    }, s = n(r.r), o = n(r.g), l = n(r.b);
+    return r.a < 1 ? `rgba(${s}, ${o}, ${l}, ${a.formatAlpha(r.a)})` : a.rgbToHex(s, o, l);
   }
   static applyContrast(t, e) {
     const r = a.parseColorToRgba(t);
     if (!r)
       return t;
     const n = 1 + e, s = (u) => {
-      const f = (u / 255 - 0.5) * n + 0.5;
-      return Math.round(a.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}, ${a.formatAlpha(r.a)})` : a.rgbToHex(o, c, l);
+      const h = (u / 255 - 0.5) * n + 0.5;
+      return Math.round(a.clamp(h, 0, 1) * 255);
+    }, o = s(r.r), l = s(r.g), c = s(r.b);
+    return r.a < 1 ? `rgba(${o}, ${l}, ${c}, ${a.formatAlpha(r.a)})` : a.rgbToHex(o, l, c);
   }
   static applyHueRotation(t, e) {
     const r = a.parseColorToHsla(t);
     if (!r)
       return t;
-    const n = (r.h + e) % 360, [s, o, c] = a.hslToRgb(n, r.s, r.l);
-    return r.a < 1 ? `rgba(${s}, ${o}, ${c}, ${a.formatAlpha(r.a)})` : a.rgbToHex(s, o, c);
+    const n = (r.h + e) % 360, [s, o, l] = a.hslToRgb(n, r.s, r.l);
+    return r.a < 1 ? `rgba(${s}, ${o}, ${l}, ${a.formatAlpha(r.a)})` : a.rgbToHex(s, o, l);
   }
   static parseColorToRgba(t) {
     const e = t.trim();
     if (a.HEX_REGEX.test(e)) {
-      const [l, u, h, f] = a.parseHexWithAlpha(e);
-      return { r: l, g: u, b: h, a: f };
+      const [c, u, f, h] = a.parseHexWithAlpha(e);
+      return { r: c, g: u, b: f, a: h };
     }
     const r = e.match(a.RGB_REGEX);
     if (r) {
-      const [, l, u, h] = r.map(Number);
-      return { r: l, g: u, b: h, a: 1 };
+      const [, c, u, f] = r.map(Number);
+      return { r: c, g: u, b: f, a: 1 };
     }
     const n = e.match(a.RGBA_REGEX);
     if (n) {
-      const [, l, u, h, f] = n;
-      return { r: Number(l), g: Number(u), b: Number(h), a: Number(f) };
+      const [, c, u, f, h] = n;
+      return { r: Number(c), g: Number(u), b: Number(f), a: Number(h) };
     }
     const s = e.match(a.HSL_REGEX);
     if (s) {
-      const [, l, u, h] = s.map(Number), [f, d, m] = a.hslToRgb(l, u / 100, h / 100);
-      return { r: f, g: d, b: m, a: 1 };
+      const [, c, u, f] = s.map(Number), [h, d, m] = a.hslToRgb(c, u / 100, f / 100);
+      return { r: h, g: d, b: m, a: 1 };
     }
     const o = e.match(a.HSLA_REGEX);
     if (o) {
-      const [, l, u, h, f] = o, [d, m, k] = a.hslToRgb(
-        Number(l),
+      const [, c, u, f, h] = o, [d, m, L] = a.hslToRgb(
+        Number(c),
         Number(u) / 100,
-        Number(h) / 100
+        Number(f) / 100
       );
-      return { r: d, g: m, b: k, a: Number(f) };
+      return { r: d, g: m, b: L, a: Number(h) };
     }
-    const c = a.NAMED_COLOR_RGB[e.toLowerCase()];
-    if (c) {
-      const [l, u, h, f] = c;
-      return { r: l, g: u, b: h, a: f };
+    const l = a.NAMED_COLOR_RGB[e.toLowerCase()];
+    if (l) {
+      const [c, u, f, h] = l;
+      return { r: c, g: u, b: f, a: h };
     }
     return null;
   }
   static parseColorToHsla(t) {
     const e = t.trim(), r = e.match(a.HSL_REGEX);
     if (r) {
-      const [, u, h, f] = r.map(Number);
-      return { h: u, s: h / 100, l: f / 100, a: 1 };
+      const [, u, f, h] = r.map(Number);
+      return { h: u, s: f / 100, l: h / 100, a: 1 };
     }
     const n = e.match(a.HSLA_REGEX);
     if (n) {
-      const [, u, h, f, d] = n;
+      const [, u, f, h, d] = n;
       return {
         h: Number(u),
-        s: Number(h) / 100,
-        l: Number(f) / 100,
+        s: Number(f) / 100,
+        l: Number(h) / 100,
         a: Number(d)
       };
     }
     const s = a.parseColorToRgba(e);
     if (!s)
       return null;
-    const [o, c, l] = a.rgbToHsl(s.r, s.g, s.b);
-    return { h: o, s: c, l, a: s.a };
+    const [o, l, c] = a.rgbToHsl(s.r, s.g, s.b);
+    return { h: o, s: l, l: c, a: s.a };
   }
   static rgbToHsl(t, e, r) {
-    const n = t / 255, s = e / 255, o = r / 255, c = Math.max(n, s, o), l = Math.min(n, s, o), u = c - l;
-    let h = 0;
-    const f = (c + l) / 2, d = u === 0 ? 0 : u / (1 - Math.abs(2 * f - 1));
-    return u !== 0 && (c === n ? h = (s - o) / u % 6 : c === s ? h = (o - n) / u + 2 : h = (n - s) / u + 4, h *= 60, h < 0 && (h += 360)), [h, d, f];
+    const n = t / 255, s = e / 255, o = r / 255, l = Math.max(n, s, o), c = Math.min(n, s, o), u = l - c;
+    let f = 0;
+    const h = (l + c) / 2, d = u === 0 ? 0 : u / (1 - Math.abs(2 * h - 1));
+    return u !== 0 && (l === n ? f = (s - o) / u % 6 : l === s ? f = (o - n) / u + 2 : f = (n - s) / u + 4, f *= 60, f < 0 && (f += 360)), [f, d, h];
   }
   static hslToRgb(t, e, r) {
-    const n = (t % 360 + 360) % 360, s = (1 - Math.abs(2 * r - 1)) * e, o = s * (1 - Math.abs(n / 60 % 2 - 1)), c = r - s / 2;
-    let l = 0, u = 0, h = 0;
-    n < 60 ? (l = s, u = o) : n < 120 ? (l = o, u = s) : n < 180 ? (u = s, h = o) : n < 240 ? (u = o, h = s) : n < 300 ? (l = o, h = s) : (l = s, h = o);
-    const f = Math.round((l + c) * 255), d = Math.round((u + c) * 255), m = Math.round((h + c) * 255);
-    return [f, d, m];
+    const n = (t % 360 + 360) % 360, s = (1 - Math.abs(2 * r - 1)) * e, o = s * (1 - Math.abs(n / 60 % 2 - 1)), l = r - s / 2;
+    let c = 0, u = 0, f = 0;
+    n < 60 ? (c = s, u = o) : n < 120 ? (c = o, u = s) : n < 180 ? (u = s, f = o) : n < 240 ? (u = o, f = s) : n < 300 ? (c = o, f = s) : (c = s, f = o);
+    const h = Math.round((c + l) * 255), d = Math.round((u + l) * 255), m = Math.round((f + l) * 255);
+    return [h, d, m];
   }
   static rgbToHex(t, e, r) {
     const n = (s) => s.toString(16).padStart(2, "0");
@@ -372,10 +391,10 @@ y(E, "NAMED_COLOR_RGB", {
   fuchsia: [255, 0, 255, 1]
 });
 let g = E;
-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);
+var P = Object.defineProperty, X = (i, t, e) => t in i ? P(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, R = (i, t, e) => X(i, typeof t != "symbol" ? t + "" : t, e);
 class F extends p {
   constructor(t) {
-    if (super(t.name), A(this, "default"), A(this, "light"), A(this, "dark"), A(this, "alt"), A(this, "placeholder"), !t.default)
+    if (super(t.name), R(this, "default"), R(this, "light"), R(this, "dark"), R(this, "alt"), R(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;
   }
@@ -383,12 +402,16 @@ class F extends p {
     return new F(t);
   }
   static getCurrentTheme() {
-    return C();
+    return k();
   }
   resolve() {
-    const t = x() !== null;
+    const t = N() !== null;
     let e;
-    return t ? e = S()() : e = F.getCurrentTheme(), e === "dark" ? this.dark || this.default : this.light || this.default;
+    t ? e = H()() : e = F.getCurrentTheme();
+    const r = e === "dark" ? this.dark || this.default : this.light || this.default, n = C();
+    return n && n.addLink(
+      `<link rel="preload" href="${r}" as="image">`
+    ), r;
   }
   // Additional accessors
   get src() {
@@ -404,10 +427,10 @@ class F extends p {
     return this.default;
   }
 }
-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, typeof t != "symbol" ? t + "" : t, e);
+var V = Object.defineProperty, B = (i, t, e) => t in i ? V(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, A = (i, t, e) => B(i, typeof t != "symbol" ? t + "" : t, e);
 class w extends p {
   constructor(t, e = [], r = "", n = {}) {
-    super(r || t), v(this, "family"), v(this, "fallbacks"), v(this, "options"), v(this, "loaded", !1), v(this, "loadPromise", null), this.family = t, this.fallbacks = e, this.options = {
+    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,
@@ -484,17 +507,17 @@ class w extends p {
     const { fontFormat: e, fontDisplay: r, weightRange: n, 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 c = `
+    let l = `
       @font-face {
         font-family: "${this.family}";
         src: url("${t}") ${o};
         font-display: ${r || "swap"};
     `;
-    n && (c += `font-weight: ${n[0]} ${n[1]};
-`), s && (c += `font-stretch: ${s[0]}% ${s[1]}%;
-`), c += "}";
-    const l = document.createElement("style");
-    if (l.textContent = c, document.head.appendChild(l), "FontFace" in window)
+    n && (l += `font-weight: ${n[0]} ${n[1]};
+`), s && (l += `font-stretch: ${s[0]}% ${s[1]}%;
+`), l += "}";
+    const c = document.createElement("style");
+    if (c.textContent = l, document.head.appendChild(c), "FontFace" in window)
       try {
         const u = new FontFace(this.family, `url(${t})`, {
           display: r || "swap",
@@ -521,10 +544,49 @@ class w extends p {
    * 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 t = C();
+    return t && this.options.fontUrl && this.collectSSRHeadEntries(t), this.options.loading === "lazy" && !this.loaded && this.options.fontUrl && (t || this.load()), this.value;
+  }
+  collectSSRHeadEntries(t) {
+    const { fontUrl: e, preconnect: r } = this.options;
+    if (!t || !e)
+      return;
+    if (r)
+      try {
+        const o = new URL(e).origin;
+        t.addLink(
+          `<link rel="preconnect" href="${o}" crossorigin="anonymous">`
+        );
+      } catch {
+      }
+    if (e.endsWith(".css") || e.includes("fonts.googleapis.com")) {
+      t.addLink(`<link rel="stylesheet" href="${e}">`);
+      return;
+    }
+    const n = this.getFontMimeType(e), s = n ? ` type="${n}"` : "";
+    t.addLink(
+      `<link rel="preload" href="${e}" as="font"${s} crossorigin="anonymous">`
+    ), t.addStyle(this.buildFontFaceRule(e).trim());
+  }
+  getFontMimeType(t) {
+    if (t.endsWith(".woff2")) return "font/woff2";
+    if (t.endsWith(".woff")) return "font/woff";
+    if (t.endsWith(".ttf")) return "font/ttf";
+    if (t.endsWith(".otf")) return "font/otf";
+  }
+  buildFontFaceRule(t) {
+    const { fontFormat: e, fontDisplay: r, weightRange: n, 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')");
+    const l = [
+      `font-family: "${this.family}";`,
+      `src: url("${t}")${o ? ` ${o}` : ""};`,
+      `font-display: ${r || "swap"};`
+    ];
+    return n && l.push(`font-weight: ${n[0]} ${n[1]};`), s && l.push(`font-stretch: ${s[0]}% ${s[1]}%;`), `@font-face { ${l.join(" ")} }`;
   }
 }
-const z = {
+const K = {
   ultraLight: 100,
   thin: 200,
   light: 300,
@@ -534,7 +596,7 @@ const z = {
   bold: 700,
   heavy: 800,
   black: 900
-}, U = {
+}, Y = {
   ultraCondensed: 50,
   extraCondensed: 62.5,
   condensed: 75,
@@ -544,21 +606,21 @@ const z = {
   expanded: 125,
   extraExpanded: 150,
   ultraExpanded: 200
-}, R = {
+}, v = {
   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(i = "sansSerif", t) {
-  return new w("", [...R[i]], t || `system-${i}`);
+function J(i = "sansSerif", t) {
+  return new w("", [...v[i]], t || `system-${i}`);
 }
-function K(i, t = [400], e, r = {}) {
+function Q(i, t = [400], e, r = {}) {
   const n = t.join(";"), o = `https://fonts.googleapis.com/css2?family=${i.replace(/\s+/g, "+")}:wght@${n}&display=swap`;
   return new w(
     i,
-    [...R.sansSerif],
+    [...v.sansSerif],
     e || i.toLowerCase().replace(/\s+/g, "-"),
     {
       ...r,
@@ -567,7 +629,7 @@ function K(i, t = [400], e, r = {}) {
     }
   );
 }
-function J(i, t, e, r = [...R.sansSerif], n) {
+function Z(i, t, e, r = [...v.sansSerif], n) {
   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, n, {
     fontUrl: t,
@@ -577,8 +639,8 @@ function J(i, t, e, r = [...R.sansSerif], n) {
     fontDisplay: "swap"
   });
 }
-var B = Object.defineProperty, V = (i, t, e) => t in i ? B(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, I = (i, t, e) => V(i, t + "", e);
-class O {
+var W = Object.defineProperty, O = (i, t, e) => t in i ? W(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, I = (i, t, e) => O(i, t + "", e);
+class D {
   constructor() {
     I(this, "assets", /* @__PURE__ */ new Map());
   }
@@ -620,7 +682,7 @@ class O {
     );
   }
 }
-const b = new O(), N = b.asProxy(), Q = N;
+const b = new D(), x = b.asProxy(), _ = x;
 function $(...i) {
   if (i.length === 0)
     throw new Error("registerAsset requires at least one argument");
@@ -650,7 +712,7 @@ function $(...i) {
       "registerAsset requires either (name, asset), (asset), (asset, overrideName), or (...assets)"
     );
 }
-function Y(i, t, e = "") {
+function tt(i, t, e = "") {
   return g.init({
     default: i,
     light: i,
@@ -658,7 +720,7 @@ function Y(i, t, e = "") {
     name: e
   });
 }
-function Z(i, t, e, r = "", n) {
+function et(i, t, e, r = "", n) {
   return F.init({
     default: i,
     light: t,
@@ -667,10 +729,10 @@ function Z(i, t, e, r = "", n) {
     options: n
   });
 }
-function _(i, t = [], e = "", r) {
+function rt(i, t = [], e = "", r) {
   return w.init(i, t, e, r);
 }
-function tt() {
+function st() {
   const i = b.getAll(), t = [];
   for (const [e, r] of i) {
     let n = "custom";
@@ -682,7 +744,7 @@ function tt() {
   }
   return t.sort((e, r) => e.name.localeCompare(r.name));
 }
-function et(i) {
+function nt(i) {
   return b.get(i);
 }
 function G(i) {
@@ -693,16 +755,16 @@ function G(i) {
   const t = i;
   return typeof t.resolve == "function" && typeof t.opacity == "function" && typeof t.saturate == "function" && typeof t.brighten == "function" && typeof t.contrast == "function" && typeof t.rotateHue == "function";
 }
-function rt(i) {
-  const t = N[i];
+function at(i) {
+  const t = x[i];
   return G(t) ? t : void 0;
 }
-function st(i, t = "asset") {
+function it(i, t = "asset") {
   if (!G(i))
     throw new Error(`Asset "${t}" is not a ColorAsset`);
   return i;
 }
-function nt() {
+function ot() {
   return Array.from(b.getAll().keys()).sort();
 }
 $(g.init({
@@ -755,27 +817,29 @@ $(g.init({
 }));
 export {
   p as Asset,
-  Q as Assets,
+  _ as Assets,
   g as ColorAsset,
   w as FontAsset,
-  z as FontWeight,
-  U as FontWidth,
+  K as FontWeight,
+  Y as FontWidth,
   F as ImageAsset,
-  ot as LinearGradient,
-  lt as RadialGradient,
-  ct as StateGradient,
-  R as SystemFonts,
-  st as asColorAsset,
-  Y as createColorAsset,
-  _ as createFontAsset,
-  K as createGoogleFont,
-  Z as createImageAsset,
-  j as createSystemFont,
-  J as createVariableFont,
-  et as getAsset,
-  tt as getAssetInfo,
-  rt as getColorAsset,
+  ut as LinearGradient,
+  ft as RadialGradient,
+  ht as StateGradient,
+  v as SystemFonts,
+  it as asColorAsset,
+  tt as createColorAsset,
+  rt as createFontAsset,
+  Q as createGoogleFont,
+  et as createImageAsset,
+  J as createSystemFont,
+  Z as createVariableFont,
+  nt as getAsset,
+  st as getAssetInfo,
+  at as getColorAsset,
+  C as getSSRAssetHeadCollector,
   G as isColorAsset,
-  nt as listAssetNames,
-  $ as registerAsset
+  ot as listAssetNames,
+  $ as registerAsset,
+  j as withSSRAssetHeadCollector
 };

package/dist/assets/ssr-context.d.ts

@@ -0,0 +1,8 @@
+export interface SSRAssetHeadCollector {
+    addLink: (tag: string) => void;
+    addStyle: (styleContent: string) => void;
+    addMeta: (tag: string) => void;
+}
+export declare function getSSRAssetHeadCollector(): SSRAssetHeadCollector | undefined;
+export declare function withSSRAssetHeadCollector<T>(collector: SSRAssetHeadCollector | undefined, callback: () => T): T;
+//# sourceMappingURL=ssr-context.d.ts.map

package/dist/assets/ssr-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-context.d.ts","sourceRoot":"","sources":["../../src/assets/ssr-context.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,QAAQ,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B;AAQD,wBAAgB,wBAAwB,IAAI,qBAAqB,GAAG,SAAS,CAE5E;AAED,wBAAgB,yBAAyB,CAAC,CAAC,EACzC,SAAS,EAAE,qBAAqB,GAAG,SAAS,EAC5C,QAAQ,EAAE,MAAM,CAAC,GAChB,CAAC,CAqBH"}

package/dist/{binding-DCr-JHsC.js → binding-DNl4QUbT.js}

@@ -1,6 +1,6 @@
 import { d as l, j as f } from "./signal-BRoiFOO7.js";
 import { c as w } from "./effect-DgNm6jk9.js";
-import { g as m } from "./component-context-C7Y6Xu6h.js";
+import { g as m } from "./component-context-BB80qzyZ.js";
 var b = Object.defineProperty, $ = (e, t, n) => t in e ? b(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, _ = (e, t, n) => $(e, typeof t != "symbol" ? t + "" : t, n);
 class y {
   constructor(t, n, r, s = {}) {