svelteplot 0.1.3-next.9 → 0.2.0

package/dist/marks/Rect.svelte

@@ -5,15 +5,9 @@
 <script lang="ts">
     import Mark from '../Mark.svelte';
     import { getContext } from 'svelte';
-    import { recordizeY, intervalX, intervalY } from '../index.js';
-    import {
-        resolveChannel,
-        resolveProp,
-        resolveScaledStyles,
-        resolveStyles
-    } from '../helpers/resolve.js';
-    import { getUsedScales, projectX, projectY } from '../helpers/scales.js';
-    import { coalesce, testFilter, maybeNumber } from '../helpers/index.js';
+    import { intervalX, intervalY } from '../index.js';
+    import { resolveProp, resolveStyles } from '../helpers/resolve.js';
+    import { coalesce, maybeNumber } from '../helpers/index.js';
     import type {
         PlotContext,
         DataRecord,
@@ -21,7 +15,6 @@
         BaseRectMarkProps,
         ChannelAccessor
     } from '../types.js';
-    import { isValid } from '../helpers/isValid.js';
     import { addEventHandlers } from './helpers/events.js';
     import GroupMultiple from './helpers/GroupMultiple.svelte';
 
@@ -36,7 +29,7 @@
         interval?: number | string;
     } & BaseRectMarkProps;
 
-    let { data = [{}], class: className = null, ...options }: RectMarkProps = $props();
+    let { data = [{}], class: className = 'rect', ...options }: RectMarkProps = $props();
 
     const { getPlotState } = getContext<PlotContext>('svelteplot');
     let plot = $derived(getPlotState());
@@ -51,8 +44,8 @@
     required={[]}
     channels={['x1', 'x2', 'y1', 'y2', 'fill', 'stroke', 'opacity', 'fillOpacity', 'strokeOpacity']}
     {...args}>
-    {#snippet children({ mark, usedScales, scaledData })}
-        <g class="rect">
+    {#snippet children({ usedScales, scaledData })}
+        <GroupMultiple class={scaledData.length > 1 ? className : null} length={scaledData.length}>
             {#each scaledData as d}
                 {#if d.valid}
                     {@const x1 = d.x1 == null ? plot.options.marginLeft : d.x1}
@@ -69,14 +62,14 @@
                     {@const insetRight = resolveProp(args.insetRight, d.datum)}
                     {@const insetTop = resolveProp(args.insetTop, d.datum)}
                     {@const insetBottom = resolveProp(args.insetBottom, d.datum)}
-                    {@const insetL = maybeNumber(coalesce(insetLeft, inset, 0))}
-                    {@const insetT = maybeNumber(coalesce(insetTop, inset, 0))}
-                    {@const insetR = maybeNumber(coalesce(insetRight, inset, 0))}
-                    {@const insetB = maybeNumber(coalesce(insetBottom, inset, 0))}
+                    {@const insetL = maybeNumber(coalesce(insetLeft, inset, 0)) ?? 0}
+                    {@const insetT = maybeNumber(coalesce(insetTop, inset, 0)) ?? 0}
+                    {@const insetR = maybeNumber(coalesce(insetRight, inset, 0)) ?? 0}
+                    {@const insetB = maybeNumber(coalesce(insetBottom, inset, 0)) ?? 0}
 
                     {@const [style, styleClass] = resolveStyles(plot, d, args, 'fill', usedScales)}
                     <rect
-                        class={[styleClass]}
+                        class={[scaledData.length === 1 && className, styleClass]}
                         {style}
                         x={minx + insetL}
                         y={miny + insetT}
@@ -91,7 +84,7 @@
                         }} />
                 {/if}
             {/each}
-        </g>
+        </GroupMultiple>
     {/snippet}
 </Mark>
 

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

@@ -10,16 +10,16 @@ declare const Sphere: import("svelte").Component<Partial<{
     stroke: import("../types.js").ConstantAccessor<string>;
     strokeWidth: import("../types.js").ConstantAccessor<number>;
     strokeOpacity: import("../types.js").ConstantAccessor<number>;
-    strokeLinejoin: import("../types.js").ConstantAccessor<"bevel" | "miter" | "miter-clip" | "round">;
-    strokeLinecap: import("../types.js").ConstantAccessor<"butt" | "square" | "round">;
+    strokeLinejoin: import("../types.js").ConstantAccessor<import("csstype").Property.StrokeLinejoin>;
+    strokeLinecap: import("../types.js").ConstantAccessor<import("csstype").Property.StrokeLinecap>;
     strokeMiterlimit: import("../types.js").ConstantAccessor<number>;
     opacity: import("../types.js").ConstantAccessor<number>;
     strokeDasharray: import("../types.js").ConstantAccessor<string>;
     strokeDashoffset: import("../types.js").ConstantAccessor<number>;
-    mixBlendMode: import("../types.js").ConstantAccessor<"normal" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "color" | "luminosity" | "plus-darker" | "plus-lighter">;
+    mixBlendMode: import("../types.js").ConstantAccessor<import("csstype").Property.MixBlendMode>;
     clipPath: string;
     imageFilter: import("../types.js").ConstantAccessor<string>;
-    shapeRendering: import("../types.js").ConstantAccessor<"crispEdges" | "geometricPrecision" | "optimizeSpeed" | "auto">;
+    shapeRendering: import("../types.js").ConstantAccessor<import("csstype").Property.ShapeRendering>;
     paintOrder: import("../types.js").ConstantAccessor<string>;
     onclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
     ondblclick?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -29,6 +29,15 @@ declare const Sphere: import("svelte").Component<Partial<{
     onmousemove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
     onmouseleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
     onmouseout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+    onmouseover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+    onpointercancel?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+    onpointerdown?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+    onpointerup?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+    onpointerenter?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+    onpointerleave?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+    onpointermove?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+    onpointerover?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
+    onpointerout?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
     ondrag?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
     ondrop?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
     ondragstart?: import("svelte/elements").MouseEventHandler<SVGPathElement>;
@@ -46,6 +55,7 @@ declare const Sphere: import("svelte").Component<Partial<{
     href: import("../types.js").ConstantAccessor<string>;
     target: import("../types.js").ConstantAccessor<"_self" | "_blank" | string>;
     class: string;
+    cursor: import("../types.js").ConstantAccessor<import("csstype").Property.Cursor>;
 }>, {}, "">;
 type Sphere = ReturnType<typeof Sphere>;
 export default Sphere;

package/dist/marks/Text.svelte

@@ -22,11 +22,11 @@
         dx?: ConstantAccessor<number>;
         dy?: ConstantAccessor<number>;
         text: ConstantAccessor<string>;
-        title: ConstantAccessor<string>;
+        title?: ConstantAccessor<string>;
         /**
          * if you want to apply class names to individual text elements
          */
-        textClass: ConstantAccessor<string>;
+        textClass?: ConstantAccessor<string>;
         /**
          * the line anchor for vertical position; top, bottom, or middle
          */

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

@@ -10,11 +10,11 @@ type TextMarkProps = BaseMarkProps & {
     dx?: ConstantAccessor<number>;
     dy?: ConstantAccessor<number>;
     text: ConstantAccessor<string>;
-    title: ConstantAccessor<string>;
+    title?: ConstantAccessor<string>;
     /**
      * if you want to apply class names to individual text elements
      */
-    textClass: ConstantAccessor<string>;
+    textClass?: ConstantAccessor<string>;
     /**
      * the line anchor for vertical position; top, bottom, or middle
      */

package/dist/marks/helpers/events.d.ts

@@ -1,4 +1,17 @@
 import type { BaseMarkProps, DataRecord, PlotState } from '../../types.js';
+declare global {
+    interface MouseEvent {
+        layerX?: number;
+        layerY?: number;
+        dataX?: number | string | Date;
+        dataY?: number | string | Date;
+    }
+}
+/**
+ * Translates client coordinates (clientX, clientY) to the layer coordinates
+ * of the plot frame, regardless of which element triggered the event
+ */
+export declare function clientToLayerCoordinates(event: MouseEvent, plotBody: HTMLElement | null | undefined): [number, number];
 export declare function addEventHandlers(node: SVGElement, { options, datum, getPlotState }: {
     options: BaseMarkProps;
     datum: DataRecord;

package/dist/marks/helpers/events.js

@@ -1,6 +1,27 @@
 import { invert, pick } from 'es-toolkit';
 import { RAW_VALUE } from '../../transforms/recordize.js';
 import { INDEX } from '../../constants.js';
+/**
+ * Translates client coordinates (clientX, clientY) to the layer coordinates
+ * of the plot frame, regardless of which element triggered the event
+ */
+export function clientToLayerCoordinates(event, plotBody) {
+    // If layerX/Y already exist and the target is the plot frame (rect element), 
+    // we can use them directly
+    // if (event.layerX !== undefined && (event.target as SVGElement).tagName === 'rect') {
+    //     return [event.layerX, event.layerY];
+    // }
+    // Otherwise, transform from client coordinates to layer coordinates
+    // by getting the bounds of the plot body element and calculating the offset
+    if (!plotBody)
+        return [0, 0];
+    const plotBodyRect = plotBody.getBoundingClientRect();
+    // Calculate the coordinates relative to the plot body
+    return [
+        event.clientX - plotBodyRect.left,
+        event.clientY - plotBodyRect.top
+    ];
+}
 export function addEventHandlers(node, { options, datum, getPlotState }) {
     const events = pick(options, [
         'onclick',
@@ -18,11 +39,20 @@ export function addEventHandlers(node, { options, datum, getPlotState }) {
         'onmouseleave',
         'onmousemove',
         'onmouseout',
+        'onmouseover',
         'onmouseup',
-        'onwheel',
+        'onpointercancel',
+        'onpointerdown',
+        'onpointerenter',
+        'onpointerleave',
+        'onpointermove',
+        'onpointerout',
+        'onpointerover',
+        'onpointerup',
         'ontouchcancel',
         'ontouchend',
-        'ontouchmove'
+        'ontouchmove',
+        'onwheel',
     ]);
     const listeners = new Map();
     // attach event handlers
@@ -66,7 +96,6 @@ function invertScale(scale, position) {
     if (scale.type === 'band') {
         // invert band scale since scaleBand doesn't have an invert function
         const eachBand = scale.fn.step();
-        console.log({ eachBand, position });
         const index = Math.floor(position / eachBand);
         return scale.fn.domain()[index];
     }

package/dist/transforms/bin.d.ts

@@ -1,7 +1,7 @@
 import type { DataRecord, RawValue } from '../types.js';
 import type { TransformArg } from '../types.js';
 import { type ThresholdCountGenerator } from 'd3-array';
-import { Reducer, type ReducerName } from '../helpers/reduce.js';
+import { type ReducerName } from '../helpers/reduce.js';
 type NamedThresholdsGenerator = 'auto' | 'scott' | 'sturges' | 'freedman-diaconis';
 type BinBaseOptions = {
     domain?: [number, number];
@@ -20,14 +20,14 @@ type AdditionalOutputChannels = Partial<{
     strokeOpacity: ReducerOption;
 }>;
 export type BinXOptions = BinBaseOptions & AdditionalOutputChannels & Partial<{
-    y: typeof Reducer;
-    y1: typeof Reducer;
-    y2: typeof Reducer;
+    y: ReducerOption;
+    y1: ReducerOption;
+    y2: ReducerOption;
 }>;
 export type BinYOptions = BinBaseOptions & AdditionalOutputChannels & Partial<{
-    x: typeof Reducer;
-    x1: typeof Reducer;
-    x2: typeof Reducer;
+    x: ReducerOption;
+    x1: ReducerOption;
+    x2: ReducerOption;
 }>;
 type BinOptions = BinBaseOptions & AdditionalOutputChannels;
 /**

package/dist/transforms/recordize.d.ts

@@ -1,4 +1,5 @@
 import type { TransformArgsRow, TransformArgsRecord } from '../types.js';
+export declare const INDEX: unique symbol;
 export declare const RAW_VALUE: unique symbol;
 export declare function recordizeX({ data, ...channels }: TransformArgsRow, { withIndex }?: {
     withIndex: boolean;

package/dist/transforms/recordize.js

@@ -1,5 +1,6 @@
 import isDataRecord from '../helpers/isDataRecord.js';
-export const RAW_VALUE = Symbol();
+export const INDEX = Symbol('index');
+export const RAW_VALUE = Symbol('originalValue');
 /*
  * This transform takes an array of raw values as input and returns data records
  * in which the values are interpreted as x channel and their index as y
@@ -12,7 +13,6 @@ export function recordizeX({ data, ...channels }, { withIndex } = { withIndex: t
                 __value: value,
                 ...(withIndex ? { __index: index } : {}),
                 [RAW_VALUE]: value,
-                // TODO: remove ___orig___ references
                 ___orig___: value
             })),
             ...channels,
@@ -33,14 +33,13 @@ export function recordizeY({ data, ...channels }, { withIndex } = { withIndex: t
     if (dataIsRawValueArray) {
         return {
             data: Array.from(data).map((value, index) => ({
-                __value: value,
                 ...(withIndex ? { __index: index } : {}),
                 [RAW_VALUE]: value,
                 ___orig___: value
             })),
             ...channels,
             ...(withIndex ? { x: '__index' } : {}),
-            y: '__value'
+            y: RAW_VALUE
         };
     }
     return {
@@ -66,7 +65,7 @@ export function recordizeXY({ data, ...channels }) {
         channels.y === undefined) {
         return {
             data: data.map(([x, y, ...rest]) => ({
-                ___orig___: [x, y, ...rest],
+                [RAW_VALUE]: [x, y, ...rest],
                 __x: x,
                 __y: y
             })),

package/dist/transforms/window.d.ts

@@ -10,12 +10,14 @@ type WindowOptions = {
 export declare function windowX(args: TransformArg<DataRecord>, options: WindowOptions): {
     data: {
         [x: string]: import("../types.js").RawValue;
+        [x: symbol]: import("../types.js").RawValue;
         ___orig___?: import("../types.js").RawValue | [import("../types.js").RawValue, import("../types.js").RawValue];
     }[];
 };
 export declare function windowY(args: TransformArg<DataRecord>, options: WindowOptions): {
     data: {
         [x: string]: import("../types.js").RawValue;
+        [x: symbol]: import("../types.js").RawValue;
         ___orig___?: import("../types.js").RawValue | [import("../types.js").RawValue, import("../types.js").RawValue];
     }[];
 };

package/dist/types.d.ts

@@ -3,6 +3,7 @@ import type { Snippet } from 'svelte';
 import type { MouseEventHandler } from 'svelte/elements';
 import type { MarkerShape } from './marks/helpers/Marker.svelte';
 import type { Writable } from 'svelte/store';
+import type * as CSS from 'csstype';
 export type MarkType = 'area' | 'arrow' | 'axisX' | 'axisY' | 'barX' | 'barY' | 'cell' | 'dot' | 'vector' | 'frame' | 'geo' | 'gridX' | 'gridY' | 'line' | 'rect' | 'regression' | 'ruleX' | 'ruleY' | 'swoopyArrow' | 'text' | 'tickX' | 'tickY';
 export type ScaleName = 'x' | 'y' | 'r' | 'color' | 'opacity' | 'length' | 'symbol' | 'fx' | 'fy' | 'projection';
 export type ScaleType = 'linear' | 'pow' | 'sqrt' | 'log' | 'symlog' | 'time' | 'point' | 'ordinal' | 'sequential' | 'band' | 'categorical' | 'cyclical' | 'threshold' | 'quantile-cont' | 'quantile' | 'quantize' | 'diverging' | 'diverging-log' | 'diverging-pow' | 'diverging-sqrt' | 'diverging-symlog';
@@ -16,7 +17,7 @@ export type Mark<T> = {
 };
 export type ScaledChannelName = 'fill' | 'fillOpacity' | 'opacity' | 'r' | 'length' | 'stroke' | 'strokeOpacity' | 'symbol' | 'fx' | 'fy' | 'x' | 'x1' | 'x2' | 'y' | 'y1' | 'y2';
 export type ChannelName = ScaledChannelName | 'z' | 'sort' | 'filter' | 'interval';
-export type RawValue = number | Date | boolean | string;
+export type RawValue = number | Date | boolean | string | symbol;
 export type ScaleOptions = {
     /**
      * Override the automatic scale type detection.
@@ -159,6 +160,10 @@ export type PlotOptions = {
      * setting the maxWidth style property you can limit the width of your plot.
      */
     maxWidth?: string;
+    /**
+     * force the plot into a fixed width
+     */
+    width?: number;
     /**
      * force the plot into a fixed height
      */
@@ -166,7 +171,12 @@ export type PlotOptions = {
     /**
      * Convenience option for setting all four margins at once, in px.
      */
-    margin: number;
+    margin: number | {
+        top?: number;
+        right?: number;
+        bottom?: number;
+        left?: number;
+    };
     /**
      * Left margin of the plot, in px.
      */
@@ -237,7 +247,7 @@ export type PlotOptions = {
      * Options for the shared radius scale
      */
     r: ScaleOptions;
-    color: ColorScaleOptions;
+    color: Partial<ColorScaleOptions>;
     opacity: ScaleOptions;
     symbol: LegendScaleOptions;
     length: ScaleOptions;
@@ -331,7 +341,7 @@ export type PlotDefaults = {
     markerDotRadius: number;
 };
 export type GenericMarkOptions = Record<string, any>;
-export type DataRecord = Record<string, RawValue> & {
+export type DataRecord = Record<string | symbol, RawValue> & {
     ___orig___?: RawValue | [RawValue, RawValue];
 };
 export type ResolvedDataRecord = Partial<Record<ScaledChannelName, any>> & {
@@ -488,16 +498,16 @@ export type BaseMarkProps = Partial<{
     stroke: ConstantAccessor<string>;
     strokeWidth: ConstantAccessor<number>;
     strokeOpacity: ConstantAccessor<number>;
-    strokeLinejoin: ConstantAccessor<'bevel' | 'miter' | 'miter-clip' | 'round'>;
-    strokeLinecap: ConstantAccessor<'butt' | 'square' | 'round'>;
+    strokeLinejoin: ConstantAccessor<CSS.Property.StrokeLinejoin>;
+    strokeLinecap: ConstantAccessor<CSS.Property.StrokeLinecap>;
     strokeMiterlimit: ConstantAccessor<number>;
     opacity: ConstantAccessor<number>;
     strokeDasharray: ConstantAccessor<string>;
     strokeDashoffset: ConstantAccessor<number>;
-    mixBlendMode: ConstantAccessor<'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity' | 'plus-darker' | 'plus-lighter'>;
+    mixBlendMode: ConstantAccessor<CSS.Property.MixBlendMode>;
     clipPath: string;
     imageFilter: ConstantAccessor<string>;
-    shapeRendering: ConstantAccessor<'crispEdges' | 'geometricPrecision' | 'optimizeSpeed' | 'auto'>;
+    shapeRendering: ConstantAccessor<CSS.Property.ShapeRendering>;
     paintOrder: ConstantAccessor<string>;
     onclick?: MouseEventHandler<SVGPathElement>;
     ondblclick?: MouseEventHandler<SVGPathElement>;
@@ -507,6 +517,15 @@ export type BaseMarkProps = Partial<{
     onmousemove?: MouseEventHandler<SVGPathElement>;
     onmouseleave?: MouseEventHandler<SVGPathElement>;
     onmouseout?: MouseEventHandler<SVGPathElement>;
+    onmouseover?: MouseEventHandler<SVGPathElement>;
+    onpointercancel?: MouseEventHandler<SVGPathElement>;
+    onpointerdown?: MouseEventHandler<SVGPathElement>;
+    onpointerup?: MouseEventHandler<SVGPathElement>;
+    onpointerenter?: MouseEventHandler<SVGPathElement>;
+    onpointerleave?: MouseEventHandler<SVGPathElement>;
+    onpointermove?: MouseEventHandler<SVGPathElement>;
+    onpointerover?: MouseEventHandler<SVGPathElement>;
+    onpointerout?: MouseEventHandler<SVGPathElement>;
     ondrag?: MouseEventHandler<SVGPathElement>;
     ondrop?: MouseEventHandler<SVGPathElement>;
     ondragstart?: MouseEventHandler<SVGPathElement>;
@@ -534,6 +553,7 @@ export type BaseMarkProps = Partial<{
      * if you want to give your mark element an extra CSS class
      */
     class: string;
+    cursor: ConstantAccessor<CSS.Property.Cursor>;
 }>;
 export type BaseRectMarkProps = {
     rx?: ConstantAccessor<number>;
@@ -544,7 +564,7 @@ export type BaseRectMarkProps = {
     insetRight?: ConstantAccessor<number>;
     insetBottom?: ConstantAccessor<number>;
 };
-export type Channels = Record<string, ChannelAccessor | ConstantAccessor<string | number | boolean>>;
+export type Channels = Record<string, ChannelAccessor | ConstantAccessor<string | number | boolean | symbol>>;
 export type TransformArg<K> = Channels & {
     data: K[];
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.1.3-next.9",
+    "version": "0.2.0",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",
@@ -50,13 +50,14 @@
         "@sveltejs/adapter-auto": "^6.0.0",
         "@sveltejs/adapter-static": "^3.0.8",
         "@sveltejs/eslint-config": "^8.2.0",
-        "@sveltejs/kit": "^2.20.7",
+        "@sveltejs/kit": "^2.20.8",
         "@sveltejs/package": "^2.3.11",
         "@sveltejs/vite-plugin-svelte": "5.0.3",
         "@sveltepress/theme-default": "^6.0.2",
         "@sveltepress/twoslash": "^1.2.1",
         "@sveltepress/vite": "^1.2.1",
         "@testing-library/svelte": "^5.2.7",
+        "@testing-library/user-event": "^14.6.1",
         "@types/d3-array": "^3.2.1",
         "@types/d3-color": "^3.1.3",
         "@types/d3-dsv": "^3.0.7",
@@ -69,10 +70,11 @@
         "@types/d3-shape": "^3.1.7",
         "@typescript-eslint/eslint-plugin": "^8.31.1",
         "@typescript-eslint/parser": "^8.31.1",
+        "csstype": "^3.1.3",
         "d3-dsv": "^3.0.1",
         "d3-fetch": "^3.0.1",
         "d3-force": "^3.0.0",
-        "eslint": "^9.25.1",
+        "eslint": "^9.26.0",
         "eslint-config-prettier": "^10.1.2",
         "eslint-plugin-svelte": "3.5.1",
         "jsdom": "^26.1.0",
@@ -82,15 +84,15 @@
         "remark-code-frontmatter": "^1.0.0",
         "resize-observer-polyfill": "^1.5.1",
         "sass": "^1.87.0",
-        "svelte-check": "^4.1.6",
+        "svelte-check": "^4.1.7",
         "svelte-eslint-parser": "1.1.3",
         "svelte-highlight": "^7.8.3",
         "topojson-client": "^3.1.0",
         "tslib": "^2.8.1",
-        "typedoc": "^0.28.3",
+        "typedoc": "^0.28.4",
         "typedoc-plugin-markdown": "^4.6.3",
         "typescript": "^5.8.3",
-        "vite": "^6.3.3",
+        "vite": "^6.3.4",
         "vitest": "^3.1.2"
     },
     "types": "./dist/index.d.ts",
@@ -109,7 +111,7 @@
         "d3-scale-chromatic": "^3.1.0",
         "d3-shape": "^3.2.0",
         "d3-time": "^3.1.0",
-        "es-toolkit": "^1.36.0",
+        "es-toolkit": "^1.37.2",
         "fast-equals": "^5.2.2",
         "merge-deep": "^3.0.3",
         "svelte": "5.28.2"