svelteplot 0.11.0 → 0.11.1-pr-520.0

package/dist/helpers/rasterInterpolate.js

@@ -0,0 +1,220 @@
+import { Delaunay } from 'd3-delaunay';
+import { randomLcg } from 'd3-random';
+/**
+ * Simple forward mapping: each sample is binned to its nearest pixel.
+ * If multiple samples map to the same pixel, the last one wins.
+ */
+export function interpolateNone(index, width, height, X, Y, V) {
+    const W = new Array(width * height);
+    for (const i of index) {
+        if (X[i] < 0 || X[i] >= width || Y[i] < 0 || Y[i] >= height)
+            continue;
+        W[Math.floor(Y[i]) * width + Math.floor(X[i])] = V[i];
+    }
+    return W;
+}
+/**
+ * Nearest-neighbor interpolation using Delaunay triangulation.
+ */
+export function interpolateNearest(index, width, height, X, Y, V) {
+    const n = width * height;
+    // Use typed array if V is typed, otherwise plain array
+    const W = isTypedArray(V) ? new V.constructor(n) : new Array(n);
+    const delaunay = Delaunay.from(index, (i) => X[i], (i) => Y[i]);
+    // Memoize delaunay.find for the line start (iy) and current pixel (ix)
+    let iy, ix;
+    for (let y = 0.5, k = 0; y < height; ++y) {
+        ix = iy;
+        for (let x = 0.5; x < width; ++x, ++k) {
+            ix = delaunay.find(x, y, ix);
+            if (x === 0.5)
+                iy = ix;
+            W[k] = V[index[ix]];
+        }
+    }
+    return W;
+}
+/**
+ * Barycentric interpolation: fills the interior of each Delaunay triangle with
+ * barycentric-weighted values, then extrapolates exterior pixels to the hull.
+ */
+export function interpolatorBarycentric({ random = randomLcg(42) } = {}) {
+    return (index, width, height, X, Y, V) => {
+        const { points, triangles, hull } = Delaunay.from(index, (i) => X[i], (i) => Y[i]);
+        const n = width * height;
+        const W = isTypedArray(V)
+            ? new V.constructor(n).fill(NaN)
+            : new Array(n).fill(NaN);
+        const S = new Uint8Array(n); // 1 if pixel has been written
+        const mix = mixer(V, random);
+        for (let i = 0; i < triangles.length; i += 3) {
+            const ta = triangles[i];
+            const tb = triangles[i + 1];
+            const tc = triangles[i + 2];
+            const Ax = points[2 * ta];
+            const Bx = points[2 * tb];
+            const Cx = points[2 * tc];
+            const Ay = points[2 * ta + 1];
+            const By = points[2 * tb + 1];
+            const Cy = points[2 * tc + 1];
+            const x1 = Math.min(Ax, Bx, Cx);
+            const x2 = Math.max(Ax, Bx, Cx);
+            const y1 = Math.min(Ay, By, Cy);
+            const y2 = Math.max(Ay, By, Cy);
+            const z = (By - Cy) * (Ax - Cx) + (Ay - Cy) * (Cx - Bx);
+            if (!z)
+                continue;
+            const va = V[index[ta]];
+            const vb = V[index[tb]];
+            const vc = V[index[tc]];
+            for (let x = Math.floor(x1); x < x2; ++x) {
+                for (let y = Math.floor(y1); y < y2; ++y) {
+                    if (x < 0 || x >= width || y < 0 || y >= height)
+                        continue;
+                    const xp = x + 0.5;
+                    const yp = y + 0.5;
+                    const s = Math.sign(z);
+                    const ga = (By - Cy) * (xp - Cx) + (yp - Cy) * (Cx - Bx);
+                    if (ga * s < 0)
+                        continue;
+                    const gb = (Cy - Ay) * (xp - Cx) + (yp - Cy) * (Ax - Cx);
+                    if (gb * s < 0)
+                        continue;
+                    const gc = z - (ga + gb);
+                    if (gc * s < 0)
+                        continue;
+                    const idx = x + width * y;
+                    W[idx] = mix(va, ga / z, vb, gb / z, vc, gc / z, x, y);
+                    S[idx] = 1;
+                }
+            }
+        }
+        extrapolateBarycentric(W, S, X, Y, V, width, height, hull, index, mix);
+        return W;
+    };
+}
+function extrapolateBarycentric(W, S, X, Y, V, width, height, hull, index, mix) {
+    const hX = Float64Array.from(hull, (i) => X[index[i]]);
+    const hY = Float64Array.from(hull, (i) => Y[index[i]]);
+    const hV = Array.from(hull, (i) => V[index[i]]);
+    const n = hX.length;
+    const rays = Array.from({ length: n }, (_, j) => ray(j, hX, hY));
+    let k = 0;
+    for (let y = 0; y < height; ++y) {
+        const yp = y + 0.5;
+        for (let x = 0; x < width; ++x) {
+            const i = x + width * y;
+            if (!S[i]) {
+                const xp = x + 0.5;
+                for (let l = 0; l < n; ++l) {
+                    const j = (n + k + (l % 2 ? (l + 1) / 2 : -l / 2)) % n;
+                    if (rays[j](xp, yp)) {
+                        const t = segmentProject(at(hX, j - 1), at(hY, j - 1), hX[j], hY[j], xp, yp);
+                        W[i] = mix(at(hV, j - 1), t, hV[j], 1 - t, hV[j], 0, x, y);
+                        k = j;
+                        break;
+                    }
+                }
+            }
+        }
+    }
+}
+/**
+ * Walk-on-spheres algorithm for smooth interpolation.
+ * https://observablehq.com/@observablehq/walk-on-spheres-precision
+ */
+export function interpolatorRandomWalk({ random = randomLcg(42), minDistance = 0.5, maxSteps = 2 } = {}) {
+    return (index, width, height, X, Y, V) => {
+        const n = width * height;
+        const W = isTypedArray(V) ? new V.constructor(n) : new Array(n);
+        const delaunay = Delaunay.from(index, (i) => X[i], (i) => Y[i]);
+        let iy, ix, iw;
+        for (let y = 0.5, k = 0; y < height; ++y) {
+            ix = iy;
+            for (let x = 0.5; x < width; ++x, ++k) {
+                let cx = x;
+                let cy = y;
+                iw = ix = delaunay.find(cx, cy, ix);
+                if (x === 0.5)
+                    iy = ix;
+                let distance;
+                let step = 0;
+                while ((distance = Math.hypot(X[index[iw]] - cx, Y[index[iw]] - cy)) > minDistance &&
+                    step < maxSteps) {
+                    const angle = random(x, y, step) * 2 * Math.PI;
+                    cx += Math.cos(angle) * distance;
+                    cy += Math.sin(angle) * distance;
+                    iw = delaunay.find(cx, cy, iw);
+                    ++step;
+                }
+                W[k] = V[index[iw]];
+            }
+        }
+        return W;
+    };
+}
+// --- Internal helpers ---
+function blend(a, ca, b, cb, c, cc) {
+    return ca * a + cb * b + cc * c;
+}
+function pick(random) {
+    return (a, ca, b, cb, c, _cc, x, y) => {
+        const u = random(x, y);
+        return u < ca ? a : u < ca + cb ? b : c;
+    };
+}
+function mixer(V, random) {
+    const first = findFirst(V);
+    return typeof first === 'number' || first instanceof Date ? blend : pick(random);
+}
+function findFirst(V) {
+    for (let i = 0; i < V.length; ++i)
+        if (V[i] != null)
+            return V[i];
+    return undefined;
+}
+function isTypedArray(V) {
+    return ArrayBuffer.isView(V) && !(V instanceof DataView);
+}
+function at(arr, i) {
+    return arr[(i + arr.length) % arr.length];
+}
+function segmentProject(x1, y1, x2, y2, x, y) {
+    const dx = x2 - x1;
+    const dy = y2 - y1;
+    const a = dx * (x2 - x) + dy * (y2 - y);
+    const b = dx * (x - x1) + dy * (y - y1);
+    return a > 0 && b > 0 ? a / (a + b) : +(a > b);
+}
+function cross(xa, ya, xb, yb) {
+    return xa * yb - xb * ya;
+}
+function ray(j, X, Y) {
+    const n = X.length;
+    const xc = at(X, j - 2);
+    const yc = at(Y, j - 2);
+    const xa = at(X, j - 1);
+    const ya = at(Y, j - 1);
+    const xb = X[j];
+    const yb = Y[j];
+    const xd = at(X, j + 1 - n);
+    const yd = at(Y, j + 1 - n);
+    const dxab = xa - xb;
+    const dyab = ya - yb;
+    const dxca = xc - xa;
+    const dyca = yc - ya;
+    const dxbd = xb - xd;
+    const dybd = yb - yd;
+    const hab = Math.hypot(dxab, dyab);
+    const hca = Math.hypot(dxca, dyca);
+    const hbd = Math.hypot(dxbd, dybd);
+    return (x, y) => {
+        const dxa = x - xa;
+        const dya = y - ya;
+        const dxb = x - xb;
+        const dyb = y - yb;
+        return (cross(dxa, dya, dxb, dyb) > -1e-6 &&
+            cross(dxa, dya, dxab, dyab) * hca - cross(dxa, dya, dxca, dyca) * hab > -1e-6 &&
+            cross(dxb, dyb, dxbd, dybd) * hab - cross(dxb, dyb, dxab, dyab) * hbd <= 0);
+    };
+}

package/dist/helpers/roundedRect.js

@@ -9,7 +9,7 @@ export function roundedRect(x, y, width, height, borderRadius = {
 }) {
     const maxRadius = Math.min(width, height) / 2;
     const [tl, tr, bl, br] = (typeof borderRadius === 'number'
-        ? new Array(4).fill(borderRadius)
+        ? Array.from({ length: 4 }, () => borderRadius)
         : [
             borderRadius?.topLeft || 0,
             borderRadius?.topRight || 0,

package/dist/helpers/scales.d.ts

@@ -1,4 +1,5 @@
 import type { ChannelAccessor, GenericMarkOptions, Mark, MarkType, PlotDefaults, PlotScaleFunction, ResolvedPlotOptions, PlotScales, PlotState, RawValue, ScaleName, ScaleOptions, ScaleType, ScaledChannelName, UsedScales } from '../types/index.js';
+export declare function normalizeScaleFn(fn: any): PlotScaleFunction;
 /**
  * compute the plot scales
  */

package/dist/helpers/scales.js

@@ -1,13 +1,13 @@
 import { extent, ascending } from 'd3-array';
 import { isColorOrNull, isDate, isDateOrNull, isNumberOrNull, isNumberOrNullOrNaN, isStringOrNull } from './typeChecks.js';
 import { CHANNEL_SCALE, ORIGINAL_NAME_KEYS, VALID_SCALE_TYPES } from '../constants.js';
-import { isSymbolOrNull } from './typeChecks.js';
+import { isSymbolOrNull, isTemporalScale } from './typeChecks.js';
 import { resolveProp, toChannelOption } from './resolve.js';
 import isDataRecord from './isDataRecord.js';
 import { createProjection } from './projection.js';
 import { maybeInterval } from './autoTicks.js';
 import { IS_SORTED } from '../transforms/sort.js';
-function normalizeScaleFn(fn) {
+export function normalizeScaleFn(fn) {
     const out = fn;
     out.range ||= () => [];
     out.invert ||= (value) => value;
@@ -165,7 +165,8 @@ export function createScale(name, scaleOptions, marks, plotOptions, plotWidth, p
         sortOrdinalDomain = false;
     }
     // construct domain from data values
-    const valueArr = [...dataValues.values(), ...(scaleOptions.domain || [])].filter((d) => d != null);
+    // For facet scales (fx/fy), null is a valid grouping category (e.g. penguins with sex=null)
+    const valueArr = [...dataValues.values(), ...(scaleOptions.domain || [])].filter((d) => d != null || name === 'fx' || name === 'fy');
     const type = !scaleOptions.type || scaleOptions.type === 'auto'
         ? inferScaleType(name, valueArr, markTypes, scaleOptions)
         : scaleOptions.type;
@@ -177,7 +178,9 @@ export function createScale(name, scaleOptions, marks, plotOptions, plotWidth, p
     if (isOrdinal && sortOrdinalDomain) {
         valueArr.sort(ascending);
     }
-    const valueArray = type === 'quantile' || type === 'quantile-cont' ? allDataValues.toSorted() : valueArr;
+    const valueArray = type === 'quantile' || type === 'quantile-cont'
+        ? allDataValues.toSorted((a, b) => Number(a) - Number(b))
+        : valueArr;
     let domain = scaleOptions.domain
         ? isOrdinal
             ? scaleOptions.domain
@@ -228,7 +231,7 @@ export function createScale(name, scaleOptions, marks, plotOptions, plotWidth, p
         skip,
         manualActiveMarks,
         uniqueScaleProps,
-        autoTitle: type === 'time'
+        autoTitle: isTemporalScale(type)
             ? null
             : propNames.size === 1
                 ? `${[...propNames.values()][0]}${type === 'log' ? ' (log)' : ''}`

package/dist/helpers/time.js

@@ -139,7 +139,7 @@ const timeFormatIntervals = [
 // from largest to smallest, used to determine the most specific standard time
 // format for a given array of dates. This is a subset of the tick intervals
 // listed above; we only need the breakpoints where the format changes.
-const formatIntervals = [
+const _formatIntervals = [
     utcFormatIntervals[0],
     timeFormatIntervals[0],
     utcFormatIntervals[1],

package/dist/helpers/typeChecks.d.ts

@@ -8,3 +8,4 @@ export declare function isStringOrNull(v: RawValue | null | undefined): v is str
 export declare function isSymbolOrNull(v: RawValue | null | undefined): v is ("square" | "circle" | "asterisk" | "cross" | "diamond" | "diamond2" | "hexagon" | "plus" | "square2" | "star" | "times" | "triangle" | "triangle2" | "wye") | import("d3-shape").SymbolType | null | undefined;
 export declare function isColorOrNull(v: RawValue | null | undefined): boolean;
 export declare function isOpacityOrNull(v: RawValue): boolean;
+export declare function isTemporalScale(type: string): boolean;

package/dist/helpers/typeChecks.js

@@ -44,3 +44,6 @@ export function isColorOrNull(v) {
 export function isOpacityOrNull(v) {
     return v == null || (typeof v === 'number' && Number.isFinite(v) && v >= 0 && v <= 1);
 }
+export function isTemporalScale(type) {
+    return type === 'time' || type === 'utc';
+}

package/dist/marks/Area.svelte.d.ts

@@ -14,7 +14,7 @@ declare function $$render<Datum extends DataRecord>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: ConstantAccessor<number, Datum>;
         fontFamily: ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/AreaX.svelte.d.ts

@@ -14,7 +14,7 @@ declare function $$render<Datum extends DataRow>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: ConstantAccessor<number, Datum>;
         fontFamily: ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/AreaY.svelte.d.ts

@@ -14,7 +14,7 @@ declare function $$render<Datum extends DataRow>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: ConstantAccessor<number, Datum>;
         fontFamily: ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/Arrow.svelte.d.ts

@@ -13,7 +13,7 @@ declare function $$render<Datum = DataRecord | GeoJSON.GeoJsonObject>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: ConstantAccessor<number, Datum>;
         fontFamily: ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/AxisX.svelte

@@ -18,6 +18,7 @@
     import type * as CSS from 'csstype';
     import autoTimeFormat from '../helpers/autoTimeFormat.js';
     import { autoTicks } from '../helpers/autoTicks.js';
+    import { isTemporalScale } from '../helpers/typeChecks.js';
     import { resolveScaledStyles } from '../helpers/resolve.js';
     import { getPlotDefaults } from '../hooks/plotDefaults.js';
     import { extent } from 'd3-array';
@@ -161,10 +162,14 @@
             ? tickFmt
             : plot.scales.x.type === 'band' || plot.scales.x.type === 'point'
               ? (d: RawValue) => String(d)
-              : plot.scales.x.type === 'time'
-                ? // time scale
+              : isTemporalScale(plot.scales.x.type)
+                ? // time/utc scale
                   typeof tickFmt === 'object'
-                    ? (d: Date) => Intl.DateTimeFormat(plot.options.locale, tickFmt).format(d)
+                    ? (d: Date) =>
+                          Intl.DateTimeFormat(plot.options.locale, {
+                              ...tickFmt,
+                              ...(plot.scales.x.type === 'utc' ? { timeZone: 'UTC' } : {})
+                          }).format(d)
                     : autoTimeFormat(plot.scales.x, plot.plotWidth, plot.options.locale)
                 : // numeric scale
                   typeof tickFmt === 'object'

package/dist/marks/AxisX.svelte.d.ts

@@ -13,7 +13,7 @@ declare function $$render<Datum extends RawValue>(): {
         fill: import("../types/channel.js").ChannelAccessor<Datum>;
         fillOpacity: ConstantAccessor<number, Datum>;
         fontFamily: ConstantAccessor<CSS.Property.FontFamily, Datum>;
-        fontSize: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: ConstantAccessor<CSS.Property.FontSize<number>, Datum>;
         fontStyle: ConstantAccessor<CSS.Property.FontStyle, Datum>;
         fontVariant: ConstantAccessor<CSS.Property.FontVariant, Datum>;
         fontWeight: ConstantAccessor<CSS.Property.FontWeight, Datum>;

package/dist/marks/AxisY.svelte

@@ -17,6 +17,7 @@
     } from '../types/index.js';
     import autoTimeFormat from '../helpers/autoTimeFormat.js';
     import { autoTicks } from '../helpers/autoTicks.js';
+    import { isTemporalScale } from '../helpers/typeChecks.js';
     import { resolveScaledStyles } from '../helpers/resolve.js';
     import { getPlotDefaults } from '../hooks/plotDefaults.js';
     import { extent } from 'd3-array';
@@ -158,10 +159,14 @@
             ? tickFmt
             : plot.scales.y.type === 'band' || plot.scales.y.type === 'point'
               ? (d: RawValue) => String(d)
-              : plot.scales.y.type === 'time'
-                ? // time scale
+              : isTemporalScale(plot.scales.y.type)
+                ? // time/utc scale
                   typeof tickFmt === 'object'
-                    ? (d: Date) => Intl.DateTimeFormat(plot.options.locale, tickFmt).format(d)
+                    ? (d: Date) =>
+                          Intl.DateTimeFormat(plot.options.locale, {
+                              ...tickFmt,
+                              ...(plot.scales.y.type === 'utc' ? { timeZone: 'UTC' } : {})
+                          }).format(d)
                     : autoTimeFormat(plot.scales.y, plot.plotWidth, plot.options.locale)
                 : // numeric scale
                   typeof tickFmt === 'object'

package/dist/marks/AxisY.svelte.d.ts

@@ -12,7 +12,7 @@ declare function $$render<Datum extends RawValue>(): {
         fill: import("../types/channel.js").ChannelAccessor<Datum>;
         fillOpacity: ConstantAccessor<number, Datum>;
         fontFamily: ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/BarX.svelte.d.ts

@@ -14,7 +14,7 @@ declare function $$render<Datum extends DataRow>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/BarY.svelte.d.ts

@@ -13,7 +13,7 @@ declare function $$render<Datum extends DataRow>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/BollingerX.svelte.d.ts

@@ -12,7 +12,7 @@ declare function $$render<Datum extends DataRecord>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/BollingerY.svelte.d.ts

@@ -12,7 +12,7 @@ declare function $$render<Datum extends DataRecord>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/BoxY.svelte.d.ts

@@ -12,7 +12,7 @@ declare function $$render<Datum extends DataRecord>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/Brush.svelte.d.ts

@@ -19,7 +19,7 @@ declare function $$render<Datum extends DataRecord>(): {
         fill: import("../types/index.js").ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/Cell.svelte.d.ts

@@ -12,7 +12,7 @@ declare function $$render<Datum extends DataRecord>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/CellX.svelte.d.ts

@@ -12,7 +12,7 @@ declare function $$render<Datum extends DataRow>(): {
         fill: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
         fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, import("../types/index.js").RawValue>>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, import("../types/index.js").RawValue>>;
+        fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Record<string | symbol, import("../types/index.js").RawValue>>;
         fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, import("../types/index.js").RawValue>>;
         fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, import("../types/index.js").RawValue>>;
         fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, import("../types/index.js").RawValue>>;

package/dist/marks/CellY.svelte.d.ts

@@ -12,7 +12,7 @@ declare function $$render<Datum extends DataRow>(): {
         fill: import("../types/index.js").ChannelAccessor<Record<string | symbol, import("../types/index.js").RawValue>>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/index.js").RawValue>>;
         fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Record<string | symbol, import("../types/index.js").RawValue>>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Record<string | symbol, import("../types/index.js").RawValue>>;
+        fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Record<string | symbol, import("../types/index.js").RawValue>>;
         fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Record<string | symbol, import("../types/index.js").RawValue>>;
         fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Record<string | symbol, import("../types/index.js").RawValue>>;
         fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Record<string | symbol, import("../types/index.js").RawValue>>;

package/dist/marks/CustomMark.svelte.d.ts

@@ -13,7 +13,7 @@ declare function $$render<Datum extends DataRecord>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/DifferenceY.svelte.d.ts

@@ -13,7 +13,7 @@ declare function $$render<Datum extends DataRecord>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: ConstantAccessor<number, Datum>;
         fontFamily: ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/Dot.svelte.d.ts

@@ -13,7 +13,7 @@ declare function $$render<Datum = DataRecord | GeoJSON.GeoJsonObject>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: ConstantAccessor<number, Datum>;
         fontFamily: ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/DotX.svelte.d.ts

@@ -12,7 +12,7 @@ declare function $$render<Datum extends DataRow>(): {
         fill: ChannelAccessor<unknown>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, unknown>;
         fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, unknown>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", unknown>;
+        fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, unknown>;
         fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, unknown>;
         fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, unknown>;
         fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, unknown>;

package/dist/marks/DotY.svelte.d.ts

@@ -12,7 +12,7 @@ declare function $$render<Datum extends DataRow>(): {
         fill: import("../types/channel.js").ChannelAccessor<unknown>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, unknown>;
         fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, unknown>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", unknown>;
+        fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, unknown>;
         fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, unknown>;
         fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, unknown>;
         fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, unknown>;

package/dist/marks/Frame.svelte.d.ts

@@ -12,7 +12,7 @@ declare function $$render<Datum extends DataRecord>(): {
         fill: import("../types/channel.js").ChannelAccessor<Datum>;
         fillOpacity: import("../types/index.js").ConstantAccessor<number, Datum>;
         fontFamily: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: import("../types/index.js").ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: import("../types/index.js").ConstantAccessor<import("csstype").Property.FontWeight, Datum>;

package/dist/marks/Geo.svelte.d.ts

@@ -12,7 +12,7 @@ declare function $$render<Datum = DataRecord | GeoJSON.GeoJsonObject>(): {
         fill: ChannelAccessor<Datum>;
         fillOpacity: ConstantAccessor<number, Datum>;
         fontFamily: ConstantAccessor<import("csstype").Property.FontFamily, Datum>;
-        fontSize: ConstantAccessor<number | "-moz-initial" | "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "math" | (string & {}) | "large" | "medium" | "small" | "x-large" | "x-small" | "xx-large" | "xx-small" | "xxx-large" | "larger" | "smaller", Datum>;
+        fontSize: ConstantAccessor<import("csstype").Property.FontSize<number>, Datum>;
         fontStyle: ConstantAccessor<import("csstype").Property.FontStyle, Datum>;
         fontVariant: ConstantAccessor<import("csstype").Property.FontVariant, Datum>;
         fontWeight: ConstantAccessor<import("csstype").Property.FontWeight, Datum>;