@graphysdk/react 1.9.0-beta.1792580582727 → 1.9.0-beta.1792582784445

package/dist/index.browser.mjs

@@ -4037,7 +4037,7 @@ var Vn = (e, t) => {
   }
   const r = Object.entries(e).map(([n, i]) => [n, Vn(i, t)]);
   return r.every(([n, i]) => i === e[n]) ? e : Object.fromEntries(r);
-}, ct = (e) => typeof e == "number" && Number.isFinite(e), De = (e, t) => ({
+}, ot = (e) => typeof e == "number" && Number.isFinite(e), Le = (e, t) => ({
   status: "rejected",
   expected: e,
   actual: t
@@ -4046,13 +4046,13 @@ var Vn = (e, t) => {
   return (r) => e.includes(r) ? {
     status: "accepted",
     value: r
-  } : De(t, r);
+  } : Le(t, r);
 }, Ei = (e, t) => {
   if (typeof e == "string")
     return e.trim().length > 0 ? {
       status: "accepted",
       value: e
-    } : De("a non-empty color string", e);
+    } : Le("a non-empty color string", e);
   if (IS(e)) {
     const r = t[e.token];
     return r === void 0 ? {
@@ -4072,17 +4072,17 @@ var Vn = (e, t) => {
       light: e.light,
       dark: e.dark
     }
-  } : De(CF, e);
+  } : Le(CF, e);
 }, LS = (e, t) => {
   if (typeof e != "object" || e === null || rl(e) || IS(e)) return Ei(e, t);
   const r = e;
   if (Qs(r)) {
     const n = r.gradient;
-    if (n !== "linear" && n !== "radial") return De(Bl, e);
-    if (!Array.isArray(r.stops) || r.stops.length < 2) return De("a gradient with at least two stops", e);
+    if (n !== "linear" && n !== "radial") return Le(Bl, e);
+    if (!Array.isArray(r.stops) || r.stops.length < 2) return Le("a gradient with at least two stops", e);
     const i = [];
     for (const o of r.stops) {
-      if (!ct(o.offset) || o.offset < 0 || o.offset > 1) return De("a gradient stop offset in [0, 1]", e);
+      if (!ot(o.offset) || o.offset < 0 || o.offset > 1) return Le("a gradient stop offset in [0, 1]", e);
       const a = Ei(o.color, t);
       if (a.status !== "accepted") return a;
       i.push({
@@ -4096,7 +4096,7 @@ var Vn = (e, t) => {
         gradient: "radial",
         stops: i
       }
-    } : r.angle !== void 0 && !ct(r.angle) ? De("a gradient angle in degrees", e) : {
+    } : r.angle !== void 0 && !ot(r.angle) ? Le("a gradient angle in degrees", e) : {
       status: "accepted",
       value: {
         gradient: "linear",
@@ -4106,7 +4106,7 @@ var Vn = (e, t) => {
     };
   }
   if (pa(r)) {
-    if (!ZR.includes(r.pattern)) return De(Bl, e);
+    if (!ZR.includes(r.pattern)) return Le(Bl, e);
     const n = Ei(r.color, t);
     if (n.status !== "accepted") return n;
     const i = {
@@ -4119,7 +4119,7 @@ var Vn = (e, t) => {
       i.background = o.value;
     }
     if (r.size !== void 0) {
-      if (!ct(r.size) || r.size <= 0) return De("a pattern size in pixels", e);
+      if (!ot(r.size) || r.size <= 0) return Le("a pattern size in pixels", e);
       i.size = r.size;
     }
     return {
@@ -4128,10 +4128,11 @@ var Vn = (e, t) => {
     };
   }
   if (Tm(r)) {
-    if (typeof r.image != "string" || !r.image.startsWith("data:image/")) return De("an image as a data:image URI", e);
-    if (r.fit !== void 0 && !eL.includes(r.fit)) return De(Bl, e);
-    if (r.alpha !== void 0 && (!ct(r.alpha) || r.alpha < 0 || r.alpha > 1)) return De("an image alpha in [0, 1]", e);
-    if (r.size !== void 0 && (!ct(r.size) || r.size <= 0)) return De("an image size in pixels", e);
+    if (typeof r.image != "string" || !r.image.startsWith("data:image/")) return Le("an image as a data:image URI", e);
+    if (r.fit !== void 0 && !eL.includes(r.fit)) return Le(Bl, e);
+    if (r.alpha !== void 0 && (!ot(r.alpha) || r.alpha < 0 || r.alpha > 1)) return Le("an image alpha in [0, 1]", e);
+    if (r.size !== void 0 && (!ot(r.size) || r.size <= 0)) return Le("an image size in pixels", e);
+    if (r.aspectRatio !== void 0 && (!ot(r.aspectRatio) || r.aspectRatio <= 0)) return Le("an image aspect ratio above 0", e);
     const n = Ei(r.fallback, t);
     return n.status !== "accepted" ? n : {
       status: "accepted",
@@ -4140,11 +4141,12 @@ var Vn = (e, t) => {
         ...r.fit === void 0 ? {} : { fit: r.fit },
         ...r.alpha === void 0 ? {} : { alpha: r.alpha },
         ...r.size === void 0 ? {} : { size: r.size },
+        ...r.aspectRatio === void 0 ? {} : { aspectRatio: r.aspectRatio },
         fallback: n.value
       }
     };
   }
-  return De(Bl, e);
+  return Le(Bl, e);
 }, RF = (e, t) => {
   if (e === "none") return {
     status: "accepted",
@@ -4161,7 +4163,7 @@ var Vn = (e, t) => {
     value: r
   };
 }, gy = (e) => {
-  if (ct(e) && e >= 0) return {
+  if (ot(e) && e >= 0) return {
     status: "accepted",
     value: {
       top: e,
@@ -4170,12 +4172,12 @@ var Vn = (e, t) => {
       left: e
     }
   };
-  if (typeof e != "object" || e === null) return De(my, e);
+  if (typeof e != "object" || e === null) return Le(my, e);
   const t = e, r = {};
   for (const n of IF) {
     const i = t[n];
     if (i !== void 0) {
-      if (!ct(i) || i < 0) return De(my, e);
+      if (!ot(i) || i < 0) return Le(my, e);
       r[n] = i;
     }
   }
@@ -4184,15 +4186,15 @@ var Vn = (e, t) => {
     value: r
   };
 }, LF = (e) => {
-  if (ct(e) && e >= 0) return {
+  if (ot(e) && e >= 0) return {
     status: "accepted",
     value: e
   };
-  if (typeof e != "object" || e === null) return De(py, e);
+  if (typeof e != "object" || e === null) return Le(py, e);
   const t = e, r = {};
   for (const n of wF) {
     const i = t[n];
-    if (!ct(i) || i < 0) return De(py, e);
+    if (!ot(i) || i < 0) return Le(py, e);
     r[n] = i;
   }
   return {
@@ -4203,42 +4205,42 @@ var Vn = (e, t) => {
   color: Ei,
   paint: LS,
   overpaint: RF,
-  unitInterval: (e) => ct(e) && e >= 0 && e <= 1 ? {
+  unitInterval: (e) => ot(e) && e >= 0 && e <= 1 ? {
     status: "accepted",
     value: e
-  } : De("a number in [0, 1]", e),
-  pixels: (e) => ct(e) && e >= 0 ? {
+  } : Le("a number in [0, 1]", e),
+  pixels: (e) => ot(e) && e >= 0 ? {
     status: "accepted",
     value: e
-  } : De("a non-negative number of pixels", e),
-  geomRadius: (e) => mF(e) || ct(e) && e >= 0 ? {
+  } : Le("a non-negative number of pixels", e),
+  geomRadius: (e) => mF(e) || ot(e) && e >= 0 ? {
     status: "accepted",
     value: e
-  } : De(`a number of pixels or one of ${_S.map((t) => `'${t}'`).join(", ")}`, e),
-  dashArray: (e) => Array.isArray(e) && e.every((t) => ct(t) && t >= 0) ? {
+  } : Le(`a number of pixels or one of ${_S.map((t) => `'${t}'`).join(", ")}`, e),
+  dashArray: (e) => Array.isArray(e) && e.every((t) => ot(t) && t >= 0) ? {
     status: "accepted",
     value: [...e]
-  } : De("an array of non-negative dash and gap lengths, in stroke widths", e),
+  } : Le("an array of non-negative dash and gap lengths, in stroke widths", e),
   fontFamily: (e) => typeof e == "string" && e.trim().length > 0 ? {
     status: "accepted",
     value: e
-  } : De("a non-empty CSS font-family list", e),
-  fontWeight: (e) => ct(e) && e >= dy && e <= hy ? {
+  } : Le("a non-empty CSS font-family list", e),
+  fontWeight: (e) => ot(e) && e >= dy && e <= hy ? {
     status: "accepted",
     value: e
-  } : De(`a number in [${dy}, ${hy}]`, e),
-  multiplier: (e) => ct(e) && e >= 0 ? {
+  } : Le(`a number in [${dy}, ${hy}]`, e),
+  multiplier: (e) => ot(e) && e >= 0 ? {
     status: "accepted",
     value: e
-  } : De("a non-negative multiple, 1 being unchanged", e),
+  } : Le("a non-negative multiple, 1 being unchanged", e),
   shadow: (e, t) => {
     if (e === "none") return {
       status: "accepted",
       value: e
     };
-    if (typeof e != "object" || e === null) return De(fy, e);
+    if (typeof e != "object" || e === null) return Le(fy, e);
     const r = e;
-    if (!ct(r.offsetX) || !ct(r.offsetY) || !ct(r.blur) || r.blur < 0) return De(fy, e);
+    if (!ot(r.offsetX) || !ot(r.offsetY) || !ot(r.blur) || r.blur < 0) return Le(fy, e);
     const n = Ei(r.color, t);
     return n.status !== "accepted" ? n : {
       status: "accepted",
@@ -4253,10 +4255,10 @@ var Vn = (e, t) => {
   padding: gy,
   margin: gy,
   blendMode: fi(kF),
-  signedPixels: (e) => ct(e) ? {
+  signedPixels: (e) => ot(e) ? {
     status: "accepted",
     value: e
-  } : De("a number of pixels, negative allowed", e),
+  } : Le("a number of pixels, negative allowed", e),
   fontStyle: fi(AF),
   textTransform: fi(SF),
   textDecoration: fi(TF),
@@ -11203,11 +11205,11 @@ var YG = (e) => {
       function C(E) {
         for (var P = n(s(E, M, L, !0), 4), _ = P[0], j = P[1], X = P[2], ee = P[3], ne = _.length, oe = Math.max(2, ~~(N * ne)), te = new Float64Array(ne), ae = new Float64Array(ne), ie = new Float64Array(ne).fill(1), le = -1; ++le <= y; ) {
           for (var $ = [0, oe - 1], Y = 0; Y < ne; ++Y) {
-            for (var q = _[Y], V = $[0], ce = $[1], J = q - _[V] > _[ce] - q ? V : ce, Se = 0, Te = 0, qe = 0, at = 0, st = 0, rr = 1 / Math.abs(_[J] - q || 1), lt = V; lt <= ce; ++lt) {
-              var ft = _[lt], Ce = j[lt], Pt = A(Math.abs(q - ft) * rr) * ie[lt], Ut = ft * Pt;
-              Se += Pt, Te += Ut, qe += Ce * Pt, at += Ce * Ut, st += ft * Ut;
+            for (var q = _[Y], V = $[0], ce = $[1], J = q - _[V] > _[ce] - q ? V : ce, Se = 0, Te = 0, qe = 0, st = 0, lt = 0, rr = 1 / Math.abs(_[J] - q || 1), ct = V; ct <= ce; ++ct) {
+              var ft = _[ct], Ce = j[ct], Pt = A(Math.abs(q - ft) * rr) * ie[ct], Ut = ft * Pt;
+              Se += Pt, Te += Ut, qe += Ce * Pt, st += Ce * Ut, lt += ft * Ut;
             }
-            var Rl = n(f(Te / Se, qe / Se, at / Se, st / Se), 2);
+            var Rl = n(f(Te / Se, qe / Se, st / Se, lt / Se), 2);
             te[Y] = Rl[0] + Rl[1] * q, ae[Y] = Math.abs(j[Y] - te[Y]), k(_, Y + 1, $);
           }
           if (le === y) break;
@@ -11281,10 +11283,10 @@ var YG = (e) => {
         l(E, M, L, function(Pt, Ut) {
           J++, ce += (Ut - ce) / J, N || (Pt < Se && (Se = Pt), Pt > Te && (Te = Pt));
         });
-        var qe = ae - oe * oe, at = oe * qe - te * te, st = (le * oe - ie * te) / at, rr = (ie * qe - le * te) / at, lt = -st * oe, ft = function(Ut) {
-          return Ut = Ut - X, st * Ut * Ut + rr * Ut + lt + ee;
+        var qe = ae - oe * oe, st = oe * qe - te * te, lt = (le * oe - ie * te) / st, rr = (ie * qe - le * te) / st, ct = -lt * oe, ft = function(Ut) {
+          return Ut = Ut - X, lt * Ut * Ut + rr * Ut + ct + ee;
         }, Ce = h(Se, Te, ft);
-        return Ce.a = st, Ce.b = rr - 2 * st * X, Ce.c = lt - rr * X + st * X * X + ee, Ce.predict = ft, Ce.rSquared = c(E, M, L, ce, ft), Ce;
+        return Ce.a = lt, Ce.b = rr - 2 * lt * X, Ce.c = ct - rr * X + lt * X * X + ee, Ce.predict = ft, Ce.rSquared = c(E, M, L, ce, ft), Ce;
       }
       return C.domain = function(E) {
         return arguments.length ? (N = E, C) : N;
@@ -11317,23 +11319,23 @@ var YG = (e) => {
         l(P, M, L, function(ft, Ce) {
           ++q, Y += (Ce - Y) / q, C || (ft < V && (V = ft), ft > ce && (ce = ft));
         });
-        var J, Se, Te, qe, at;
+        var J, Se, Te, qe, st;
         for (J = 0; J < $; ++J) {
           for (Te = 0, qe = 0; Te < ae; ++Te) qe += Math.pow(ee[Te], J) * ne[Te];
-          for (ie.push(qe), at = new Float64Array($), Se = 0; Se < $; ++Se) {
+          for (ie.push(qe), st = new Float64Array($), Se = 0; Se < $; ++Se) {
             for (Te = 0, qe = 0; Te < ae; ++Te) qe += Math.pow(ee[Te], J + Se);
-            at[Se] = qe;
+            st[Se] = qe;
           }
-          le.push(at);
+          le.push(st);
         }
         le.push(ie);
-        var st = I(le), rr = function(Ce) {
+        var lt = I(le), rr = function(Ce) {
           Ce -= oe;
-          var Pt = te + st[0] + st[1] * Ce + st[2] * Ce * Ce;
-          for (J = 3; J < $; ++J) Pt += st[J] * Math.pow(Ce, J);
+          var Pt = te + lt[0] + lt[1] * Ce + lt[2] * Ce * Ce;
+          for (J = 3; J < $; ++J) Pt += lt[J] * Math.pow(Ce, J);
           return Pt;
-        }, lt = h(V, ce, rr);
-        return lt.coefficients = R($, st, -oe, te), lt.predict = rr, lt.rSquared = c(P, M, L, Y, rr), lt;
+        }, ct = h(V, ce, rr);
+        return ct.coefficients = R($, lt, -oe, te), ct.predict = rr, ct.rSquared = c(P, M, L, Y, rr), ct;
       }
       return E.domain = function(P) {
         return arguments.length ? (C = P, E) : C;
@@ -13212,8 +13214,8 @@ function X4(e) {
   w.x = S(r, w), w.X = S(n, w), w.c = S(t, w), A.x = S(r, A), A.X = S(n, A), A.c = S(t, A);
   function S($, Y) {
     return function(q) {
-      var V = [], ce = -1, J = 0, Se = $.length, Te, qe, at;
-      for (q instanceof Date || (q = /* @__PURE__ */ new Date(+q)); ++ce < Se; ) $.charCodeAt(ce) === 37 && (V.push($.slice(J, ce)), (qe = _0[Te = $.charAt(++ce)]) != null ? Te = $.charAt(++ce) : qe = Te === "e" ? " " : "0", (at = Y[Te]) && (Te = at(q, qe)), V.push(Te), J = ce + 1);
+      var V = [], ce = -1, J = 0, Se = $.length, Te, qe, st;
+      for (q instanceof Date || (q = /* @__PURE__ */ new Date(+q)); ++ce < Se; ) $.charCodeAt(ce) === 37 && (V.push($.slice(J, ce)), (qe = _0[Te = $.charAt(++ce)]) != null ? Te = $.charAt(++ce) : qe = Te === "e" ? " " : "0", (st = Y[Te]) && (Te = st(q, qe)), V.push(Te), J = ce + 1);
       return V.push($.slice(J, ce)), V.join("");
     };
   }
@@ -21626,7 +21628,7 @@ function If(e) {
     projection: "cartesian"
   };
 }
-var Le = 11102230246251565e-32, At = 134217729, k9 = 3.000000000000001 * Le;
+var De = 11102230246251565e-32, At = 134217729, k9 = 3.000000000000001 * De;
 function dh(e, t, r, n, i) {
   let o, a, s, l, c = t[0], u = n[0], d = 0, h = 0;
   u > c == u > -c ? (o = c, c = t[++d]) : (o = u, u = n[++h]);
@@ -21648,7 +21650,7 @@ function P9(e, t) {
 function z(e) {
   return new Float64Array(e);
 }
-var _9 = (3 + 16 * Le) * Le, C9 = (2 + 12 * Le) * Le, I9 = (9 + 64 * Le) * Le * Le, wo = z(4), Vb = z(8), Hb = z(12), Gb = z(16), _t = z(4);
+var _9 = (3 + 16 * De) * De, C9 = (2 + 12 * De) * De, I9 = (9 + 64 * De) * De * De, wo = z(4), Vb = z(8), Hb = z(12), Gb = z(16), _t = z(4);
 function R9(e, t, r, n, i, o, a) {
   let s, l, c, u, d, h, f, m, p, v, y, x, w, A, k, S, D, b;
   const T = e - i, R = r - i, I = t - o, F = n - o;
@@ -21667,7 +21669,7 @@ function Jl(e, t, r, n, i, o) {
   const a = (t - o) * (r - i), s = (e - i) * (n - o), l = a - s, c = Math.abs(a + s);
   return Math.abs(l) >= _9 * c ? l : -R9(e, t, r, n, i, o, c);
 }
-var mge = (7 + 56 * Le) * Le, pge = (3 + 28 * Le) * Le, gge = (26 + 288 * Le) * Le * Le, vge = z(4), yge = z(4), bge = z(4), xge = z(4), wge = z(4), Age = z(4), Sge = z(4), Tge = z(4), Mge = z(4), Ege = z(8), kge = z(8), Pge = z(8), _ge = z(4), Cge = z(8), Ige = z(8), Rge = z(16), Lge = z(12), Dge = z(192), Oge = z(192), Nge = (10 + 96 * Le) * Le, Bge = (4 + 48 * Le) * Le, Fge = (44 + 576 * Le) * Le * Le, Vge = z(4), Hge = z(4), Gge = z(4), $ge = z(4), Wge = z(4), jge = z(4), Uge = z(4), zge = z(4), Yge = z(8), Kge = z(8), Xge = z(8), qge = z(8), Qge = z(8), Jge = z(8), Zge = z(8), eve = z(8), tve = z(8), rve = z(4), nve = z(4), ive = z(4), ove = z(8), ave = z(16), sve = z(16), lve = z(16), cve = z(32), uve = z(32), dve = z(48), hve = z(64), fve = z(1152), mve = z(1152), pve = (16 + 224 * Le) * Le, gve = (5 + 72 * Le) * Le, vve = (71 + 1408 * Le) * Le * Le, yve = z(4), bve = z(4), xve = z(4), wve = z(4), Ave = z(4), Sve = z(4), Tve = z(4), Mve = z(4), Eve = z(4), kve = z(4), Pve = z(24), _ve = z(24), Cve = z(24), Ive = z(24), Rve = z(24), Lve = z(24), Dve = z(24), Ove = z(24), Nve = z(24), Bve = z(24), Fve = z(1152), Vve = z(1152), Hve = z(1152), Gve = z(1152), $ve = z(1152), Wve = z(2304), jve = z(2304), Uve = z(3456), zve = z(5760), Yve = z(8), Kve = z(8), Xve = z(8), qve = z(16), Qve = z(24), Jve = z(48), Zve = z(48), eye = z(96), tye = z(192), rye = z(384), nye = z(384), iye = z(384), oye = z(768), aye = z(96), sye = z(96), lye = z(96), cye = z(1152), $b = Math.pow(2, -52), Zl = /* @__PURE__ */ new Uint32Array(512), Wb = class pk {
+var mge = (7 + 56 * De) * De, pge = (3 + 28 * De) * De, gge = (26 + 288 * De) * De * De, vge = z(4), yge = z(4), bge = z(4), xge = z(4), wge = z(4), Age = z(4), Sge = z(4), Tge = z(4), Mge = z(4), Ege = z(8), kge = z(8), Pge = z(8), _ge = z(4), Cge = z(8), Ige = z(8), Rge = z(16), Lge = z(12), Dge = z(192), Oge = z(192), Nge = (10 + 96 * De) * De, Bge = (4 + 48 * De) * De, Fge = (44 + 576 * De) * De * De, Vge = z(4), Hge = z(4), Gge = z(4), $ge = z(4), Wge = z(4), jge = z(4), Uge = z(4), zge = z(4), Yge = z(8), Kge = z(8), Xge = z(8), qge = z(8), Qge = z(8), Jge = z(8), Zge = z(8), eve = z(8), tve = z(8), rve = z(4), nve = z(4), ive = z(4), ove = z(8), ave = z(16), sve = z(16), lve = z(16), cve = z(32), uve = z(32), dve = z(48), hve = z(64), fve = z(1152), mve = z(1152), pve = (16 + 224 * De) * De, gve = (5 + 72 * De) * De, vve = (71 + 1408 * De) * De * De, yve = z(4), bve = z(4), xve = z(4), wve = z(4), Ave = z(4), Sve = z(4), Tve = z(4), Mve = z(4), Eve = z(4), kve = z(4), Pve = z(24), _ve = z(24), Cve = z(24), Ive = z(24), Rve = z(24), Lve = z(24), Dve = z(24), Ove = z(24), Nve = z(24), Bve = z(24), Fve = z(1152), Vve = z(1152), Hve = z(1152), Gve = z(1152), $ve = z(1152), Wve = z(2304), jve = z(2304), Uve = z(3456), zve = z(5760), Yve = z(8), Kve = z(8), Xve = z(8), qve = z(16), Qve = z(24), Jve = z(48), Zve = z(48), eye = z(96), tye = z(192), rye = z(384), nye = z(384), iye = z(384), oye = z(768), aye = z(96), sye = z(96), lye = z(96), cye = z(1152), $b = Math.pow(2, -52), Zl = /* @__PURE__ */ new Uint32Array(512), Wb = class pk {
   static from(t, r = B9, n = F9) {
     const i = t.length, o = new Float64Array(i * 2);
     for (let a = 0; a < i; a++) {
@@ -25094,13 +25096,13 @@ var Nf = {
   test: /* @__PURE__ */ pg("hsl", "hue"),
   parse: /* @__PURE__ */ vP("hue", "saturation", "lightness"),
   transform: ({ hue: e, saturation: t, lightness: r, alpha: n = 1 }) => "hsla(" + Math.round(e) + ", " + Qr.transform(ds(t)) + ", " + Qr.transform(ds(r)) + ", " + ds(Ws.transform(n)) + ")"
-}, ot = {
+}, at = {
   test: (e) => Ci.test(e) || Nf.test(e) || Ro.test(e),
   parse: (e) => Ci.test(e) ? Ci.parse(e) : Ro.test(e) ? Ro.parse(e) : Nf.parse(e),
   transform: (e) => typeof e == "string" ? e : e.hasOwnProperty("red") ? Ci.transform(e) : Ro.transform(e),
   getAnimatableNone: (e) => {
-    const t = ot.parse(e);
-    return t.alpha = 0, ot.transform(t);
+    const t = at.parse(e);
+    return t.alpha = 0, at.transform(t);
   }
 }, Kq = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
 function Xq(e) {
@@ -25116,7 +25118,7 @@ function js(e) {
   let o = 0;
   return {
     values: r,
-    split: t.replace(Jq, (a) => (ot.test(a) ? (n.color.push(o), i.push(bP), r.push(ot.parse(a))) : a.startsWith(Qq) ? (n.var.push(o), i.push(qq), r.push(a)) : (n.number.push(o), i.push(yP), r.push(parseFloat(a))), ++o, xx)).split(xx),
+    split: t.replace(Jq, (a) => (at.test(a) ? (n.color.push(o), i.push(bP), r.push(at.parse(a))) : a.startsWith(Qq) ? (n.var.push(o), i.push(qq), r.push(a)) : (n.number.push(o), i.push(yP), r.push(parseFloat(a))), ++o, xx)).split(xx),
     indexes: n,
     types: i
   };
@@ -25131,12 +25133,12 @@ function wP(e) {
     for (let a = 0; a < n; a++)
       if (o += t[a], i[a] !== void 0) {
         const s = r[a];
-        s === yP ? o += ds(i[a]) : s === bP ? o += ot.transform(i[a]) : o += i[a];
+        s === yP ? o += ds(i[a]) : s === bP ? o += at.transform(i[a]) : o += i[a];
       }
     return o;
   };
 }
-var Zq = (e) => typeof e == "number" ? 0 : ot.test(e) ? ot.getAnimatableNone(e) : e;
+var Zq = (e) => typeof e == "number" ? 0 : at.test(e) ? at.getAnimatableNone(e) : e;
 function eQ(e) {
   const t = xP(e);
   return wP(e)(t.map(Zq));
@@ -25195,7 +25197,7 @@ function oQ(e, t) {
   return (r) => Ge(e, t, r);
 }
 function gg(e) {
-  return typeof e == "number" ? oQ : typeof e == "string" ? fg(e) ? ru : ot.test(e) ? Ax : lQ : Array.isArray(e) ? AP : typeof e == "object" ? ot.test(e) ? Ax : aQ : ru;
+  return typeof e == "number" ? oQ : typeof e == "string" ? fg(e) ? ru : at.test(e) ? Ax : lQ : Array.isArray(e) ? AP : typeof e == "object" ? at.test(e) ? Ax : aQ : ru;
 }
 function AP(e, t) {
   const r = [...e], n = r.length, i = e.map((o, a) => gg(o)(o, t[a]));
@@ -26629,16 +26631,16 @@ var wJ = /\b([a-z-]*)\(.*?\)/gu, Qf = {
   numOctaves: Ox
 }, SJ = {
   ...Pg,
-  color: ot,
-  backgroundColor: ot,
-  outlineColor: ot,
-  fill: ot,
-  stroke: ot,
-  borderColor: ot,
-  borderTopColor: ot,
-  borderRightColor: ot,
-  borderBottomColor: ot,
-  borderLeftColor: ot,
+  color: at,
+  backgroundColor: at,
+  outlineColor: at,
+  fill: at,
+  stroke: at,
+  borderColor: at,
+  borderTopColor: at,
+  borderRightColor: at,
+  borderBottomColor: at,
+  borderLeftColor: at,
   filter: Qf,
   WebkitFilter: Qf,
   mask: Jf,
@@ -26921,7 +26923,7 @@ function YJ(...e) {
 }
 var KJ = [
   ...zP,
-  ot,
+  at,
   Mr
 ], XJ = (e) => KJ.find(UP(e)), Hx = () => ({
   translate: 0,
@@ -30767,7 +30769,10 @@ var uu = (e, t, r) => {
 }, [e.data, t]);
 var jw = "\0", nC = (e, t) => {
   const r = e.size ?? 32;
-  return {
+  return e.aspectRatio !== void 0 ? {
+    width: r,
+    height: r / e.aspectRatio
+  } : {
     width: r,
     height: t == null ? r : r * t.height / t.width
   };
@@ -30804,7 +30809,11 @@ var jw = "\0", nC = (e, t) => {
     const s = Uw(a);
     return s === void 0 ? void 0 : r.get(s);
   }, [r]);
-}, Uw = (e) => e !== void 0 && Tm(e) && (e.fit ?? "tile") === "tile" ? e.image : void 0;
+}, Uw = (e) => {
+  if (e === void 0 || !Tm(e)) return;
+  const { fit: t = "tile", aspectRatio: r, image: n } = e;
+  if (t === "tile" && r === void 0) return n;
+};
 var Sre = 1 / 3, Tre = {
   x: 1,
   y: 1
@@ -43222,7 +43231,7 @@ var Ome = [], Nme = ({ graphChrome: e, editable: t, mode: r, style: n, contentRe
     v.brandMark.enabled,
     v.brandMark.variant,
     J
-  ]), Te = v.brandMark.placement === "footer" ? Se : "hidden", qe = v.brandMark.placement === "header" ? Se : "hidden", at = G(() => _ ? {
+  ]), Te = v.brandMark.placement === "footer" ? Se : "hidden", qe = v.brandMark.placement === "header" ? Se : "hidden", st = G(() => _ ? {
     formatted: _,
     size: p.size,
     position: p.position,
@@ -43232,19 +43241,19 @@ var Ome = [], Nme = ({ graphChrome: e, editable: t, mode: r, style: n, contentRe
     p.size,
     p.position,
     f
-  ]), st = Wce({
+  ]), lt = Wce({
     textMeasurer: j,
     metrics: ce,
     overrides: Yne()
-  }), rr = G(() => uX(ne), [ne]), lt = jce({
-    measurer: st,
+  }), rr = G(() => uX(ne), [ne]), ct = jce({
+    measurer: lt,
     axes: s,
     numberFormat: u,
     parsingLocale: d,
     formattedLegends: P,
     containerSize: J,
     externalMeasurements: S,
-    headline: at,
+    headline: st,
     formattingLocale: D,
     annotations: h,
     layers: c,
@@ -43253,21 +43262,21 @@ var Ome = [], Nme = ({ graphChrome: e, editable: t, mode: r, style: n, contentRe
     panelBorder: rr,
     padding: ue(NX, X),
     margins: ue(BX, X)
-  }), ft = G(() => !lt || !at || !st ? null : zz({
-    headline: at,
-    layout: lt.layout,
+  }), ft = G(() => !ct || !st || !lt ? null : zz({
+    headline: st,
+    layout: ct.layout,
     containerSize: J,
-    measurer: st,
+    measurer: lt,
     itemGap: oe.gap
   }), [
-    lt,
-    at,
+    ct,
     st,
+    lt,
     J,
     oe.gap
   ]);
-  if (!lt) return null;
-  const { layout: Ce, formattedAxes: Pt, plotBottomY: Ut } = lt, Rl = Ce.footer.height > 0;
+  if (!ct) return null;
+  const { layout: Ce, formattedAxes: Pt, plotBottomY: Ut } = ct, Rl = Ce.footer.height > 0;
   return /* @__PURE__ */ g(uR.Provider, {
     value: a,
     children: /* @__PURE__ */ g(jle, {
@@ -43341,7 +43350,7 @@ var Ome = [], Nme = ({ graphChrome: e, editable: t, mode: r, style: n, contentRe
                   rect: ft.rect,
                   resolvedSize: ft.resolvedSize,
                   visibleItemCount: ft.visibleItemCount,
-                  inDonutHole: at !== void 0 && Zu(at)
+                  inDonutHole: st !== void 0 && Zu(st)
                 }),
                 R && I !== null && /* @__PURE__ */ g(E, {
                   frameElement: I,
@@ -43467,7 +43476,7 @@ var Qme = (e) => [...new Set(e)], Jme = (e) => ({
   stickers: e.stickers.length,
   pinnedNumbers: e.pinnedNumbers.length,
   comments: e.comments.length
-}), Zme = "", epe = "1.9.0-beta.1792580582727", tpe = /^(https?):\/\/([^@]+)@([^/]+)\/(\d+)\/?$/;
+}), Zme = "", epe = "1.9.0-beta.1792582784445", tpe = /^(https?):\/\/([^@]+)@([^/]+)\/(\d+)\/?$/;
 function MR() {
   return Zme;
 }

package/dist/index.cjs

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let e=require("@graphysdk/viz-engine"),d=require("react"),b=require("@graphysdk/react-renderer"),S=require("@graphysdk/telemetry"),m=require("react/jsx-runtime");function P(t){const r=t.config.content;return r?.isBrandMarkVisible!==void 0||r?.brandMark?.enabled!==void 0?t:(0,e.updateSpec)(t,{config:{content:{isBrandMarkVisible:!0,brandMark:{enabled:!0}}}})}var v="",R="1.9.0-beta.1792580582727",A="Graphy sends an anonymous chart count from production builds of @graphysdk/react. No chart data, column names, or labels are included. Pass telemetry={false} to GraphProvider to turn this off.",B=/^(https?):\/\/([^@]+)@([^/]+)\/(\d+)\/?$/,y=!1;function O(){return v}function j(t){const r=B.exec(t);if(!r)return null;const n=r[1],o=r[2],u=r[3],a=r[4];return!n||!o||!u||!a?null:{protocol:n,publicKey:o,host:u,projectId:a}}function C(t,r,n){return t==="production"&&r&&j(n)!==null}function G(){y||(y=!0,console.info(A))}function _(t,r={}){try{const n=r.dsn??O(),o=j(n);if(!o)return;const u=r.version??R,a=r.fetchImpl??fetch,i=T(),c=I(t,n,u,i),f=a(E(o,u),{method:"POST",body:c,keepalive:!0,credentials:"omit",headers:{"Content-Type":"text/plain;charset=UTF-8"}});Promise.resolve(f).catch(()=>{})}catch{}}var E=(t,r)=>{const n=encodeURIComponent(t.publicKey),o=encodeURIComponent(`graphy-react/${r}`);return`${t.protocol}://${t.host}/api/${t.projectId}/envelope/?sentry_version=7&sentry_key=${n}&sentry_client=${o}`},I=(t,r,n,o)=>{const u={event_id:o,dsn:r,sent_at:new Date().toISOString()},a={type:"event"},i={event_id:o,timestamp:Date.now()/1e3,platform:"javascript",level:"info",message:"Chart created",fingerprint:["chart.created"],release:n,sdk:{name:"graphy.react",version:n},extra:{chart:t}};return`${JSON.stringify(u)}
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let e=require("@graphysdk/viz-engine"),d=require("react"),b=require("@graphysdk/react-renderer"),S=require("@graphysdk/telemetry"),m=require("react/jsx-runtime");function P(t){const r=t.config.content;return r?.isBrandMarkVisible!==void 0||r?.brandMark?.enabled!==void 0?t:(0,e.updateSpec)(t,{config:{content:{isBrandMarkVisible:!0,brandMark:{enabled:!0}}}})}var v="",R="1.9.0-beta.1792582784445",A="Graphy sends an anonymous chart count from production builds of @graphysdk/react. No chart data, column names, or labels are included. Pass telemetry={false} to GraphProvider to turn this off.",B=/^(https?):\/\/([^@]+)@([^/]+)\/(\d+)\/?$/,y=!1;function O(){return v}function j(t){const r=B.exec(t);if(!r)return null;const n=r[1],o=r[2],u=r[3],a=r[4];return!n||!o||!u||!a?null:{protocol:n,publicKey:o,host:u,projectId:a}}function C(t,r,n){return t==="production"&&r&&j(n)!==null}function G(){y||(y=!0,console.info(A))}function _(t,r={}){try{const n=r.dsn??O(),o=j(n);if(!o)return;const u=r.version??R,a=r.fetchImpl??fetch,i=T(),c=I(t,n,u,i),f=a(E(o,u),{method:"POST",body:c,keepalive:!0,credentials:"omit",headers:{"Content-Type":"text/plain;charset=UTF-8"}});Promise.resolve(f).catch(()=>{})}catch{}}var E=(t,r)=>{const n=encodeURIComponent(t.publicKey),o=encodeURIComponent(`graphy-react/${r}`);return`${t.protocol}://${t.host}/api/${t.projectId}/envelope/?sentry_version=7&sentry_key=${n}&sentry_client=${o}`},I=(t,r,n,o)=>{const u={event_id:o,dsn:r,sent_at:new Date().toISOString()},a={type:"event"},i={event_id:o,timestamp:Date.now()/1e3,platform:"javascript",level:"info",message:"Chart created",fingerprint:["chart.created"],release:n,sdk:{name:"graphy.react",version:n},extra:{chart:t}};return`${JSON.stringify(u)}
 ${JSON.stringify(a)}
 ${JSON.stringify(i)}
 `},T=()=>crypto.randomUUID().replace(/-/g,""),x=(t,r)=>{if(typeof t=="function"){t(r);return}t&&(t.current=r)};function h(t,r){const n=(0,d.useRef)(null),o=(0,d.useRef)(!1),u=r!==!1,a=O(),i=process.env.NODE_ENV,c=typeof window<"u",f=u&&C(i,c,a);(0,d.useEffect)(()=>{if(!u||(i==="development"&&c&&G(),!f))return;const l=n.current;if(!l)return;const s=()=>{try{if(o.current)return;const g=l.getScene();if(!g)return;o.current=!0,_((0,S.deriveChartShape)(g),{dsn:a})}catch{}};return s(),l.subscribe(s)},[a,u,c,i,f]);const p=(0,d.useCallback)(l=>{x(t,l),n.current=l},[t]);return f?p:t}var k=({telemetry:t,handleRef:r,spec:n,...o})=>{const u=(0,d.useMemo)(()=>P(n),[n]),a=h(r,t);return(0,m.jsx)(b.GraphProvider,{...o,spec:u,handleRef:a})};function V(t={}){const r=(0,b.createGraphyKit)(t),n=r.GraphProvider;return{...r,GraphProvider:({telemetry:u,handleRef:a,spec:i,...c})=>{const f=(0,d.useMemo)(()=>P(i),[i]),p=h(a,u);return(0,m.jsx)(n,{...c,spec:f,handleRef:p})}}}Object.defineProperty(exports,"BAR_WIDTH_FRACTION",{enumerable:!0,get:function(){return e.BAR_WIDTH_FRACTION}});Object.defineProperty(exports,"Dataset",{enumerable:!0,get:function(){return e.Dataset}});Object.defineProperty(exports,"GEOM_EFFECTS_VOCABULARY",{enumerable:!0,get:function(){return e.GEOM_EFFECTS_VOCABULARY}});Object.defineProperty(exports,"GROUP_VARIABLES",{enumerable:!0,get:function(){return e.GROUP_VARIABLES}});Object.defineProperty(exports,"Geom",{enumerable:!0,get:function(){return e.Geom}});exports.GraphProvider=k;Object.defineProperty(exports,"POSITION_VARIABLES",{enumerable:!0,get:function(){return e.POSITION_VARIABLES}});Object.defineProperty(exports,"Stat",{enumerable:!0,get:function(){return e.Stat}});Object.defineProperty(exports,"UserInputError",{enumerable:!0,get:function(){return e.UserInputError}});Object.defineProperty(exports,"VISUAL_VARIABLES",{enumerable:!0,get:function(){return e.VISUAL_VARIABLES}});Object.defineProperty(exports,"annotation",{enumerable:!0,get:function(){return e.annotation}});Object.defineProperty(exports,"buildPanelAnchorBox",{enumerable:!0,get:function(){return e.buildPanelAnchorBox}});Object.defineProperty(exports,"buildPolarBarArcPath",{enumerable:!0,get:function(){return e.buildPolarBarArcPath}});Object.defineProperty(exports,"composePoint",{enumerable:!0,get:function(){return e.composePoint}});Object.defineProperty(exports,"config",{enumerable:!0,get:function(){return e.config}});Object.defineProperty(exports,"coord",{enumerable:!0,get:function(){return e.coord}});Object.defineProperty(exports,"createAreaPathGenerators",{enumerable:!0,get:function(){return e.createAreaPathGenerators}});Object.defineProperty(exports,"createBarBoundsReader",{enumerable:!0,get:function(){return e.createBarBoundsReader}});exports.createGraphyKit=V;Object.defineProperty(exports,"createLineFillAreaGenerator",{enumerable:!0,get:function(){return e.createLineFillAreaGenerator}});Object.defineProperty(exports,"createLinePathGenerator",{enumerable:!0,get:function(){return e.createLinePathGenerator}});Object.defineProperty(exports,"createSpec",{enumerable:!0,get:function(){return e.createSpec}});Object.defineProperty(exports,"createStableBandKeyGenerator",{enumerable:!0,get:function(){return e.createStableBandKeyGenerator}});Object.defineProperty(exports,"createStableCellKeyGenerator",{enumerable:!0,get:function(){return e.createStableCellKeyGenerator}});Object.defineProperty(exports,"createStableKeyGenerator",{enumerable:!0,get:function(){return e.createStableKeyGenerator}});Object.defineProperty(exports,"createStyleResolver",{enumerable:!0,get:function(){return e.createStyleResolver}});Object.defineProperty(exports,"createValueFormatter",{enumerable:!0,get:function(){return e.createValueFormatter}});Object.defineProperty(exports,"defineGeomStyleTarget",{enumerable:!0,get:function(){return e.defineGeomStyleTarget}});Object.defineProperty(exports,"findAttachedHit",{enumerable:!0,get:function(){return e.findAttachedHit}});Object.defineProperty(exports,"geom",{enumerable:!0,get:function(){return e.geom}});Object.defineProperty(exports,"getAlpha",{enumerable:!0,get:function(){return e.getAlpha}});Object.defineProperty(exports,"getAngleExtent",{enumerable:!0,get:function(){return e.getAngleExtent}});Object.defineProperty(exports,"getBarRectBounds",{enumerable:!0,get:function(){return e.getBarRectBounds}});Object.defineProperty(exports,"getColor",{enumerable:!0,get:function(){return e.getColor}});Object.defineProperty(exports,"getGroup",{enumerable:!0,get:function(){return e.getGroup}});Object.defineProperty(exports,"getGroupVariables",{enumerable:!0,get:function(){return e.getGroupVariables}});Object.defineProperty(exports,"getLineType",{enumerable:!0,get:function(){return e.getLineType}});Object.defineProperty(exports,"getPaintedTileRect",{enumerable:!0,get:function(){return e.getPaintedTileRect}});Object.defineProperty(exports,"getRadiusExtent",{enumerable:!0,get:function(){return e.getRadiusExtent}});Object.defineProperty(exports,"getScaledAesthetic",{enumerable:!0,get:function(){return e.getScaledAesthetic}});Object.defineProperty(exports,"getSize",{enumerable:!0,get:function(){return e.getSize}});Object.defineProperty(exports,"getStackRole",{enumerable:!0,get:function(){return e.getStackRole}});Object.defineProperty(exports,"getStrokeWidth",{enumerable:!0,get:function(){return e.getStrokeWidth}});Object.defineProperty(exports,"getTileRectBounds",{enumerable:!0,get:function(){return e.getTileRectBounds}});Object.defineProperty(exports,"getX",{enumerable:!0,get:function(){return e.getX}});Object.defineProperty(exports,"getXBand",{enumerable:!0,get:function(){return e.getXBand}});Object.defineProperty(exports,"getXMax",{enumerable:!0,get:function(){return e.getXMax}});Object.defineProperty(exports,"getXMin",{enumerable:!0,get:function(){return e.getXMin}});Object.defineProperty(exports,"getY",{enumerable:!0,get:function(){return e.getY}});Object.defineProperty(exports,"getYBand",{enumerable:!0,get:function(){return e.getYBand}});Object.defineProperty(exports,"getYMax",{enumerable:!0,get:function(){return e.getYMax}});Object.defineProperty(exports,"getYMin",{enumerable:!0,get:function(){return e.getYMin}});Object.defineProperty(exports,"getYRaw",{enumerable:!0,get:function(){return e.getYRaw}});Object.defineProperty(exports,"highlight",{enumerable:!0,get:function(){return e.highlight}});Object.defineProperty(exports,"mapping",{enumerable:!0,get:function(){return e.mapping}});Object.defineProperty(exports,"pipe",{enumerable:!0,get:function(){return e.pipe}});Object.defineProperty(exports,"polarToUnit",{enumerable:!0,get:function(){return e.polarToUnit}});Object.defineProperty(exports,"prepareAreaObservations",{enumerable:!0,get:function(){return e.prepareAreaObservations}});Object.defineProperty(exports,"prepareLineObservations",{enumerable:!0,get:function(){return e.prepareLineObservations}});Object.defineProperty(exports,"readBackdropColor",{enumerable:!0,get:function(){return e.readBackdropColor}});Object.defineProperty(exports,"readGeomEffects",{enumerable:!0,get:function(){return e.readGeomEffects}});Object.defineProperty(exports,"readMainAxis",{enumerable:!0,get:function(){return e.readMainAxis}});Object.defineProperty(exports,"readVariableName",{enumerable:!0,get:function(){return e.readVariableName}});Object.defineProperty(exports,"resolveAnchoredLabelCenter",{enumerable:!0,get:function(){return e.resolveAnchoredLabelCenter}});Object.defineProperty(exports,"resolveBarCornerRadiusPx",{enumerable:!0,get:function(){return e.resolveBarCornerRadiusPx}});Object.defineProperty(exports,"resolveGeomCornerRadiusPx",{enumerable:!0,get:function(){return e.resolveGeomCornerRadiusPx}});Object.defineProperty(exports,"scale",{enumerable:!0,get:function(){return e.scale}});Object.defineProperty(exports,"stat",{enumerable:!0,get:function(){return e.stat}});Object.defineProperty(exports,"style",{enumerable:!0,get:function(){return e.style}});Object.defineProperty(exports,"styles",{enumerable:!0,get:function(){return e.styles}});Object.defineProperty(exports,"toPaintColor",{enumerable:!0,get:function(){return e.toPaintColor}});Object.defineProperty(exports,"toPercent",{enumerable:!0,get:function(){return e.toPercent}});Object.defineProperty(exports,"toStrokeDasharray",{enumerable:!0,get:function(){return e.toStrokeDasharray}});Object.defineProperty(exports,"toViewBoxX",{enumerable:!0,get:function(){return e.toViewBoxX}});Object.defineProperty(exports,"toViewBoxY",{enumerable:!0,get:function(){return e.toViewBoxY}});Object.defineProperty(exports,"token",{enumerable:!0,get:function(){return e.token}});Object.defineProperty(exports,"transform",{enumerable:!0,get:function(){return e.transform}});Object.keys(b).forEach(function(t){t!=="default"&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:function(){return b[t]}})});

package/dist/index.mjs

@@ -11,7 +11,7 @@ function v(e) {
     brandMark: { enabled: !0 }
   } } });
 }
-var I = "", E = "1.9.0-beta.1792580582727", k = "Graphy sends an anonymous chart count from production builds of @graphysdk/react. No chart data, column names, or labels are included. Pass telemetry={false} to GraphProvider to turn this off.", T = /^(https?):\/\/([^@]+)@([^/]+)\/(\d+)\/?$/, h = !1;
+var I = "", E = "1.9.0-beta.1792582784445", k = "Graphy sends an anonymous chart count from production builds of @graphysdk/react. No chart data, column names, or labels are included. Pass telemetry={false} to GraphProvider to turn this off.", T = /^(https?):\/\/([^@]+)@([^/]+)\/(\d+)\/?$/, h = !1;
 function y() {
   return I;
 }

package/package.json

@@ -11,7 +11,7 @@
     "visualization",
     "grammar-of-graphics"
   ],
-  "version": "1.9.0-beta.1792580582727",
+  "version": "1.9.0-beta.1792582784445",
   "type": "module",
   "sideEffects": false,
   "types": "./dist/index.d.ts",
@@ -35,9 +35,9 @@
     }
   },
   "dependencies": {
-    "@graphysdk/react-renderer": "1.9.0-beta.1792580582727",
-    "@graphysdk/telemetry": "1.9.0-beta.1792580582727",
-    "@graphysdk/viz-engine": "1.9.0-beta.1792580582727"
+    "@graphysdk/react-renderer": "1.9.0-beta.1792582784445",
+    "@graphysdk/telemetry": "1.9.0-beta.1792582784445",
+    "@graphysdk/viz-engine": "1.9.0-beta.1792582784445"
   },
   "peerDependencies": {
     "@tiptap/core": "^3.0.0",
@@ -134,10 +134,10 @@
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.1.11",
+    "@graphytools/eslint-config": "0.0.1",
     "@graphytools/eslint-plugin-graphy": "1.0.0",
-    "@graphytools/typescript-config": "0.0.1",
     "@graphytools/vitest-config": "1.0.0",
-    "@graphytools/eslint-config": "0.0.1"
+    "@graphytools/typescript-config": "0.0.1"
   },
   "publishConfig": {
     "access": "public"