svelteplot 0.8.1-pr-283.11 → 0.8.1-pr-298.0

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

@@ -27,7 +27,6 @@ declare function $$render<Datum = DataRecord | RawValue>(): {
         strokeDashoffset: ConstantAccessor<number, Datum>;
         mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;

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

@@ -27,7 +27,6 @@ declare function $$render<Datum = DataRecord>(): {
         strokeDashoffset: ConstantAccessor<number, Datum>;
         mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;

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

@@ -27,7 +27,6 @@ declare function $$render<Datum extends DataRecord>(): {
         strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Record<string | symbol, import("../types/data").RawValue>>;
         mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Record<string | symbol, import("../types/data").RawValue>>;
         clipPath: string;
-        mask: string;
         imageFilter: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;
         shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Record<string | symbol, import("../types/data").RawValue>>;
         paintOrder: import("../types/index.js").ConstantAccessor<string, Record<string | symbol, import("../types/data").RawValue>>;

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

@@ -29,7 +29,6 @@ declare function $$render<Datum extends DataRecord>(): {
         strokeDashoffset: ConstantAccessor<number, Datum>;
         mixBlendMode: ConstantAccessor<CSS.Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<CSS.Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;

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

@@ -27,7 +27,6 @@ declare function $$render<Datum extends DataRow>(): {
         strokeDashoffset: ConstantAccessor<number, Datum>;
         mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;

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

@@ -27,7 +27,6 @@ declare function $$render<Datum extends DataRow>(): {
         strokeDashoffset: ConstantAccessor<number, Datum>;
         mixBlendMode: ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: ConstantAccessor<string, Datum>;
         shapeRendering: ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: ConstantAccessor<string, Datum>;

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

@@ -32,7 +32,6 @@ declare function $$render<Datum extends DataRecord>(): {
         strokeDashoffset: import("../types/index.js").ConstantAccessor<number, Datum>;
         mixBlendMode: import("../types/index.js").ConstantAccessor<import("csstype").Property.MixBlendMode, Datum>;
         clipPath: string;
-        mask: string;
         imageFilter: import("../types/index.js").ConstantAccessor<string, Datum>;
         shapeRendering: import("../types/index.js").ConstantAccessor<import("csstype").Property.ShapeRendering, Datum>;
         paintOrder: import("../types/index.js").ConstantAccessor<string, Datum>;

package/dist/marks/helpers/Box.svelte

@@ -0,0 +1,254 @@
+<!-- @component
+    Internal shared box plot implementation for BoxX and BoxY
+-->
+<script lang="ts" generics="Datum extends DataRecord">
+    type Orientation = 'x' | 'y';
+
+    interface BoxMarkProps extends Pick<
+        BaseMarkProps<Datum>,
+        'class' | 'fill' | 'stroke' | 'fx' | 'fy'
+    > {
+        data: Datum[];
+        x: ChannelAccessor;
+        y: ChannelAccessor;
+        /**
+         * Custom sort order for grouped box plot data
+         */
+        sort?: 'min' | 'max' | 'median' | 'p25' | 'p75' | ((d: Datum) => RawValue);
+        /**
+         * Options for the rule marks that represent the min/max range
+         */
+        rule: Record<string, ChannelAccessor<Datum>>;
+        /**
+         * Options for the bar marks that represent the IQR range
+         */
+        bar: Record<string, ChannelAccessor<Datum>>;
+        /**
+         * Options for the tick marks that represent the median
+         */
+        tickMedian: Record<string, ChannelAccessor<Datum>> | boolean;
+        /**
+         * Options for the tick marks that represent the min/max range
+         */
+        tickMinMax: Record<string, ChannelAccessor<Datum>> | boolean;
+        /**
+         * Options for the dot marks that represent the outliers
+         */
+        dot: Record<string, ChannelAccessor<Datum>>;
+        orientation: Orientation;
+    }
+
+    import GroupMultiple from './GroupMultiple.svelte';
+    import { groupX, groupY, BarY, TickY, RuleX, BarX, TickX, RuleY, Dot } from '../../index.js';
+    import { resolveChannel } from '../../helpers/resolve.js';
+    import type { BaseMarkProps, ChannelAccessor, DataRecord, RawValue } from '../../types';
+    import { IS_SORTED } from '../../transforms/sort';
+
+    let markProps: BoxMarkProps = $props();
+
+    const {
+        data = [{}],
+        bar,
+        rule,
+        tickMedian,
+        tickMinMax,
+        dot,
+        x,
+        y,
+        sort,
+        fx,
+        fy,
+        fill,
+        stroke,
+        orientation,
+        class: className = ''
+    }: BoxMarkProps = $derived(markProps);
+
+    const groupFn = $derived(orientation === 'y' ? groupX : groupY);
+    const BarMark = $derived(orientation === 'y' ? BarY : BarX);
+    const RuleMark = $derived(orientation === 'y' ? RuleX : RuleY);
+    const TickMark = $derived(orientation === 'y' ? TickY : TickX);
+
+    // the channels as if this would be a BoxX
+    const xChannel = $derived(orientation === 'y' ? y : x);
+    const yChannel = $derived(orientation === 'y' ? x : y);
+    const xProp = $derived(orientation === 'x' ? 'x' : 'y');
+    const x1Prop = $derived(`${xProp}1`);
+    const x2Prop = $derived(`${xProp}2`);
+    const yProp = $derived(orientation === 'x' ? 'y' : 'x');
+
+    const { data: grouped, ...groupChannels } = $derived(
+        groupFn(
+            {
+                data: data.filter((d) => resolveChannel(yProp, d, { x, y }) != null),
+                x,
+                y,
+                [x1Prop]: xChannel,
+                [x2Prop]: xChannel,
+                fx,
+                fy
+            },
+            { [xProp]: 'median', [x1Prop]: 'p25', [x2Prop]: 'p75', fill: (rows) => rows }
+        )
+    );
+
+    const X = Symbol('x'),
+        Y = Symbol('y'),
+        FX = Symbol('fx'),
+        FY = Symbol('fy'),
+        P25 = Symbol('p25'),
+        P75 = Symbol('p75'),
+        MEDIAN = Symbol('median'),
+        MIN = Symbol('min'),
+        MAX = Symbol('max'),
+        OUTLIERS = Symbol('outliers'),
+        SORT_REF = Symbol('sortRef');
+
+    const facets = $derived({
+        ...(fx != null && { fx: FX }),
+        ...(fy != null && { fy: FY })
+    });
+
+    const sortProps = { [IS_SORTED]: true };
+
+    const compareValues = (a: RawValue, b: RawValue) =>
+        (typeof a === 'string' && typeof b === 'string'
+            ? a.localeCompare(b)
+            : a > b
+              ? 1
+              : a < b
+                ? -1
+                : 0) || 0;
+
+    const boxData = $derived.by(() => {
+        const boxes = grouped.map((row) => {
+            const medianKey = groupChannels[xProp];
+            const p25Key = groupChannels[x1Prop];
+            const p75Key = groupChannels[x2Prop];
+            const groupKey = groupChannels[yProp];
+
+            const iqr = row[p75Key] - row[p25Key];
+            const whisker = iqr * 1.5;
+            const lower = row[p25Key] - whisker;
+            const upper = row[p75Key] + whisker;
+            const data = row[groupChannels.fill].map((d) => ({
+                ...d,
+                [orientation === 'y' ? Y : X]: resolveChannel(xProp, d, {
+                    x,
+                    y
+                })
+            }));
+            const valueSym = orientation === 'y' ? Y : X;
+            const groupSym = orientation === 'y' ? X : Y;
+            const outliers = data.filter((d) => d[valueSym] < lower || d[valueSym] > upper);
+            const inside = data
+                .filter((d) => d[valueSym] >= lower && d[valueSym] <= upper)
+                .sort((a, b) => a[valueSym] - b[valueSym]);
+
+            return {
+                ...data[0],
+                [SORT_REF]: row[groupChannels.fill]?.[0],
+                [groupSym]: row[groupKey],
+                [P25]: row[p25Key],
+                [MEDIAN]: row[medianKey],
+                [P75]: row[p75Key],
+                [MIN]: inside[0][valueSym],
+                [MAX]: inside.at(-1)[valueSym],
+                [FX]: resolveChannel('fx', data[0], { fx }, null),
+                [FY]: resolveChannel('fy', data[0], { fy }, null),
+                [OUTLIERS]: outliers
+            };
+        });
+
+        const stripSortRef = ({ [SORT_REF]: _, ...rest }) => rest;
+
+        if (!sort) return boxes.map(stripSortRef);
+
+        const sortAccessor =
+            typeof sort === 'function'
+                ? (d) => sort(d[SORT_REF])
+                : (d) => {
+                      switch (sort) {
+                          case 'min':
+                              return d[MIN];
+                          case 'max':
+                              return d[MAX];
+                          case 'p25':
+                              return d[P25];
+                          case 'p75':
+                              return d[P75];
+                          case 'median':
+                          default:
+                              return d[MEDIAN];
+                      }
+                  };
+
+        const direction = typeof sort === 'string' ? -1 : 1;
+
+        return boxes
+            .toSorted((a, b) => compareValues(sortAccessor(a), sortAccessor(b)) * direction)
+            .map(stripSortRef);
+    });
+
+    const valueSymbol = $derived(orientation === 'y' ? Y : X);
+    const groupSymbol = $derived(orientation === 'y' ? X : Y);
+    const length = $derived(className ? 2 : grouped.length);
+    const baseClass = $derived(`box-${orientation} ${className || ''}`);
+</script>
+
+<GroupMultiple class={baseClass} {length}>
+    <RuleMark
+        data={boxData}
+        {...{ [yProp]: groupSymbol, [x1Prop]: MIN, [x2Prop]: P25 }}
+        {stroke}
+        {...rule || {}}
+        {...facets}
+        {...sortProps} />
+    <RuleMark
+        data={boxData}
+        {...{ [yProp]: groupSymbol, [x1Prop]: P75, [x2Prop]: MAX }}
+        {stroke}
+        {...rule || {}}
+        {...facets} />
+    <BarMark
+        data={boxData}
+        {...{ [yProp]: groupSymbol, [x1Prop]: P25, [x2Prop]: P75 }}
+        {fill}
+        {stroke}
+        {...facets}
+        {...bar || {}} />
+    {#if tickMedian}
+        <TickMark
+            data={boxData}
+            {...{ [yProp]: groupSymbol, [xProp]: MEDIAN }}
+            {...facets}
+            {stroke}
+            strokeWidth={2}
+            {...typeof tickMedian === 'object' ? tickMedian : {}} />
+    {/if}
+    {#if tickMinMax}
+        <TickMark
+            data={boxData}
+            {...{ [yProp]: groupSymbol, [xProp]: MIN }}
+            {stroke}
+            {...facets}
+            inset="20%"
+            {...typeof tickMinMax === 'object' ? tickMinMax : {}} />
+        <TickMark
+            data={boxData}
+            {...{ [yProp]: groupSymbol, [xProp]: MAX }}
+            {stroke}
+            {...facets}
+            inset="20%"
+            {...typeof tickMinMax === 'object' ? tickMinMax : {}} />
+    {/if}
+    <Dot
+        data={boxData.map((d) => d[OUTLIERS]).flat()}
+        {x}
+        {y}
+        {fx}
+        {fy}
+        {fill}
+        {stroke}
+        {...dot || {}} />
+</GroupMultiple>

package/dist/marks/helpers/Box.svelte.d.ts

@@ -0,0 +1,55 @@
+import type { ChannelAccessor, DataRecord, RawValue } from '../../types';
+declare function $$render<Datum extends DataRecord>(): {
+    props: Pick<BaseMarkProps<Datum>, "fill" | "stroke" | "fx" | "fy" | "class"> & {
+        data: Datum[];
+        x: ChannelAccessor;
+        y: ChannelAccessor;
+        /**
+         * Custom sort order for grouped box plot data
+         */
+        sort?: "min" | "max" | "median" | "p25" | "p75" | ((d: Datum) => RawValue);
+        /**
+         * Options for the rule marks that represent the min/max range
+         */
+        rule: Record<string, ChannelAccessor<Datum>>;
+        /**
+         * Options for the bar marks that represent the IQR range
+         */
+        bar: Record<string, ChannelAccessor<Datum>>;
+        /**
+         * Options for the tick marks that represent the median
+         */
+        tickMedian: Record<string, ChannelAccessor<Datum>> | boolean;
+        /**
+         * Options for the tick marks that represent the min/max range
+         */
+        tickMinMax: Record<string, ChannelAccessor<Datum>> | boolean;
+        /**
+         * Options for the dot marks that represent the outliers
+         */
+        dot: Record<string, ChannelAccessor<Datum>>;
+        orientation: "x" | "y";
+    };
+    exports: {};
+    bindings: "";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<Datum extends DataRecord> {
+    props(): ReturnType<typeof $$render<Datum>>['props'];
+    events(): ReturnType<typeof $$render<Datum>>['events'];
+    slots(): ReturnType<typeof $$render<Datum>>['slots'];
+    bindings(): "";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <Datum extends DataRecord>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<Datum>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<Datum>['props']>, ReturnType<__sveltets_Render<Datum>['events']>, ReturnType<__sveltets_Render<Datum>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<Datum>['bindings']>;
+    } & ReturnType<__sveltets_Render<Datum>['exports']>;
+    <Datum extends DataRecord>(internal: unknown, props: ReturnType<__sveltets_Render<Datum>['props']> & {}): ReturnType<__sveltets_Render<Datum>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+/** Internal shared box plot implementation for BoxX and BoxY */
+declare const Box: $$IsomorphicComponent;
+type Box<Datum extends DataRecord> = InstanceType<typeof Box<Datum>>;
+export default Box;

package/dist/marks/index.d.ts

@@ -45,7 +45,6 @@ export { default as Spike } from './Spike.svelte';
 export { default as Text } from './Text.svelte';
 export { default as TickX } from './TickX.svelte';
 export { default as TickY } from './TickY.svelte';
-export { default as Trail } from './Trail.svelte';
 export { default as Vector } from './Vector.svelte';
 export { default as WaffleX } from './WaffleX.svelte';
 export { default as WaffleY } from './WaffleY.svelte';

package/dist/marks/index.js

@@ -45,7 +45,6 @@ export { default as Spike } from './Spike.svelte';
 export { default as Text } from './Text.svelte';
 export { default as TickX } from './TickX.svelte';
 export { default as TickY } from './TickY.svelte';
-export { default as Trail } from './Trail.svelte';
 export { default as Vector } from './Vector.svelte';
 export { default as WaffleX } from './WaffleX.svelte';
 export { default as WaffleY } from './WaffleY.svelte';

package/dist/types/mark.d.ts

@@ -6,7 +6,7 @@ export type Mark<T> = {
     data: DataRecord<T>[];
     options: T;
 };
-export type MarkType = 'area' | 'arrow' | 'barX' | 'barY' | 'cell' | 'custom' | 'dot' | 'vector' | 'frame' | 'geo' | 'gridX' | 'gridY' | 'line' | 'rect' | 'regression' | 'ruleX' | 'ruleY' | 'swoopyArrow' | 'text' | 'tickX' | 'tickY' | 'trail' | 'waffleX' | 'waffleY';
+export type MarkType = 'area' | 'arrow' | 'barX' | 'barY' | 'cell' | 'custom' | 'dot' | 'vector' | 'frame' | 'geo' | 'gridX' | 'gridY' | 'line' | 'rect' | 'regression' | 'ruleX' | 'ruleY' | 'swoopyArrow' | 'text' | 'tickX' | 'tickY' | 'waffleX' | 'waffleY';
 export type MarkStyleProps = 'strokeDasharray' | 'strokeLinejoin' | 'strokeLinecap' | 'opacity' | 'cursor' | 'pointerEvents' | 'blend' | 'fill' | 'fillOpacity' | 'fontFamily' | 'fontWeight' | 'fontVariant' | 'fontSize' | 'fontStyle' | 'letterSpacing' | 'wordSpacing' | 'stroke' | 'strokeWidth' | 'strokeOpacity' | 'x' | 'y' | 'clipPath' | 'mask' | 'filter' | 'angle' | 'radius' | 'symbol' | 'textAnchor' | 'textTransform' | 'textDecoration' | 'width';
 import type { MouseEventHandler } from 'svelte/elements';
 import type { ChannelAccessor, ConstantAccessor, DataRecord, RawValue } from './index.js';
@@ -44,7 +44,6 @@ export type BaseMarkProps<T> = Partial<{
     strokeDashoffset: ConstantAccessor<number, T>;
     mixBlendMode: ConstantAccessor<CSS.Property.MixBlendMode, T>;
     clipPath: string;
-    mask: string;
     imageFilter: ConstantAccessor<string, T>;
     shapeRendering: ConstantAccessor<CSS.Property.ShapeRendering, T>;
     paintOrder: ConstantAccessor<string, T>;

package/dist/types/plot.d.ts

@@ -3,7 +3,7 @@ import type { ColorScheme } from './colorScheme.js';
 import type { GeoProjection } from 'd3-geo';
 import type { ChannelAccessor, ChannelName, ColorScaleOptions, DataRecord, LegendScaleOptions, PlotScales, RawValue, ScaleOptions, XScaleOptions, YScaleOptions } from './index.js';
 import type { Snippet } from 'svelte';
-import type { Area, AreaX, AreaY, Arrow, AxisX, AxisY, BarX, BarY, BoxX, BoxY, Brush, BrushX, BrushY, Cell, DifferenceY, Dot, Frame, Geo, Graticule, GridX, GridY, Image, Line, Link, Pointer, Rect, RectX, RectY, RuleX, RuleY, Sphere, Spike, Text, TickX, TickY, Trail, Vector } from '../marks/index.js';
+import type { Area, AreaX, AreaY, Arrow, AxisX, AxisY, BarX, BarY, BoxX, BoxY, Brush, BrushX, BrushY, Cell, DifferenceY, Dot, Frame, Geo, Graticule, GridX, GridY, Image, Line, Link, Pointer, Rect, RectX, RectY, RuleX, RuleY, Sphere, Spike, Text, TickX, TickY, Vector } from '../marks/index.js';
 import type WaffleX from '../marks/WaffleX.svelte';
 import type WaffleY from '../marks/WaffleY.svelte';
 export type PlotState = {
@@ -296,10 +296,6 @@ export type PlotDefaults = {
      * default props for tickY marks
      */
     tickY: Partial<Omit<ComponentProps<typeof TickY>, IgnoreDefaults>>;
-    /**
-     * default props for tickY marks
-     */
-    trail: Partial<Omit<ComponentProps<typeof Trail>, IgnoreDefaults>>;
     /**
      * default props for vector marks
      */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "svelteplot",
-    "version": "0.8.1-pr-283.11",
+    "version": "0.8.1-pr-298.0",
     "license": "ISC",
     "author": {
         "name": "Gregor Aisch",
@@ -54,12 +54,12 @@
     "devDependencies": {
         "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
         "@emotion/css": "^11.13.5",
-        "@shikijs/twoslash": "^3.19.0",
+        "@shikijs/twoslash": "^3.18.0",
         "@sveltejs/adapter-auto": "^7.0.0",
         "@sveltejs/adapter-static": "^3.0.10",
         "@sveltejs/enhanced-img": "^0.9.2",
         "@sveltejs/eslint-config": "^8.3.4",
-        "@sveltejs/kit": "^2.49.2",
+        "@sveltejs/kit": "^2.49.1",
         "@sveltejs/package": "^2.5.7",
         "@sveltejs/vite-plugin-svelte": "6.2.1",
         "@sveltepress/twoslash": "^1.3.2",
@@ -80,8 +80,8 @@
         "@types/geojson": "^7946.0.16",
         "@types/topojson": "^3.2.6",
         "@types/topojson-client": "^3.1.5",
-        "@typescript-eslint/eslint-plugin": "^8.49.0",
-        "@typescript-eslint/parser": "^8.49.0",
+        "@typescript-eslint/eslint-plugin": "^8.48.1",
+        "@typescript-eslint/parser": "^8.48.1",
         "@unocss/extractor-svelte": "^66.5.10",
         "@vite-pwa/sveltekit": "^1.1.0",
         "csstype": "^3.2.3",
@@ -91,27 +91,27 @@
         "eslint": "^9.39.1",
         "eslint-config-prettier": "^10.1.8",
         "eslint-plugin-regexp": "^2.10.0",
-        "eslint-plugin-svelte": "3.13.1",
+        "eslint-plugin-svelte": "3.13.0",
         "jqmath": "^0.4.9",
-        "jsdom": "^27.3.0",
+        "jsdom": "^27.2.0",
         "log-update": "^7.0.2",
         "lru-cache": "^11.2.4",
         "mdast-util-from-markdown": "^2.0.2",
         "mdast-util-gfm": "^3.1.0",
-        "pixelmatch": "^7.1.0",
-        "pngjs": "^7.0.0",
-        "prettier": "^3.7.4",
+        "prettier": "^3.7.3",
         "prettier-plugin-svelte": "^3.4.0",
-        "puppeteer": "^24.32.1",
+        "puppeteer": "^24.31.0",
         "remark-code-extra": "^1.0.1",
         "remark-code-frontmatter": "^1.0.0",
         "remark-math": "^6.0.0",
         "resize-observer-polyfill": "^1.5.1",
-        "sass": "^1.96.0",
-        "shiki": "^3.19.0",
+        "sass": "^1.94.2",
+        "shiki": "^3.18.0",
         "svelte-check": "^4.3.4",
-        "svelte-eslint-parser": "1.4.1",
+        "svelte-eslint-parser": "1.4.0",
         "svelte-highlight": "^7.9.0",
+        "pixelmatch": "^5.3.0",
+        "pngjs": "^7.0.0",
         "svg-path-parser": "^1.1.0",
         "temml": "^0.12.1",
         "topojson-client": "^3.1.0",
@@ -123,10 +123,9 @@
         "uid": "^2.0.2",
         "unist-util-visit": "^5.0.0",
         "unocss": "^66.5.10",
-        "vite": "^7.2.7",
+        "vite": "^7.2.6",
         "vitest": "^4.0.15",
         "vitest-matchmedia-mock": "^2.0.3",
-        "wx-svelte-grid": "^2.4.0",
         "yoctocolors": "^2.1.2"
     },
     "types": "./dist/index.d.ts",