@anyknown/axis 0.1.0 → 0.2.1

package/dist/react/use-stable-api.js

@@ -0,0 +1,7 @@
+import { useMemo } from "react";
+export const useStableApi = (instanceRef) => useMemo(() => ({
+    scrollPrev: (target) => instanceRef.current?.scrollPrev(target),
+    scrollNext: (target) => instanceRef.current?.scrollNext(target),
+    scrollTo: (position, scrollOptions) => instanceRef.current?.scrollTo(position, scrollOptions),
+    refresh: () => instanceRef.current?.refresh(),
+}), [instanceRef]);

package/dist/utils/adjacent-snap.d.ts

@@ -0,0 +1 @@
+export declare function adjacentSnap(positions: readonly number[], current: number, direction: 1 | -1): number | undefined;

package/dist/utils/adjacent-snap.js

@@ -0,0 +1,8 @@
+export function adjacentSnap(positions, current, direction) {
+    if (direction === 1)
+        return positions.find((position) => position > current + 1);
+    for (let i = positions.length - 1; i >= 0; i--)
+        if (positions[i] < current - 1)
+            return positions[i];
+    return undefined;
+}

package/dist/utils/cap-velocity.d.ts

@@ -0,0 +1,2 @@
+/** Scale a release velocity (px/ms) down so its momentum glide travels at most `maxGlide` px. */
+export declare function capVelocity(velocity: number, maxGlide: number): number;

package/dist/utils/cap-velocity.js

@@ -0,0 +1,6 @@
+import { DECAY, FRAME_MS } from "./constants.js";
+/** Scale a release velocity (px/ms) down so its momentum glide travels at most `maxGlide` px. */
+export function capVelocity(velocity, maxGlide) {
+    const limit = (maxGlide * (1 - DECAY)) / FRAME_MS;
+    return Math.sign(velocity) * Math.min(Math.abs(velocity), limit);
+}

package/dist/utils/clamp.d.ts

@@ -0,0 +1 @@
+export declare const clamp: (value: number, min: number, max: number) => number;

package/dist/utils/clamp.js

@@ -0,0 +1 @@
+export const clamp = (value, min, max) => Math.min(max, Math.max(min, value));

package/dist/utils/composed-path-matches.d.ts

@@ -0,0 +1 @@
+export declare function composedPathMatches(path: readonly EventTarget[], selector: string, boundary: EventTarget): boolean;

package/dist/utils/composed-path-matches.js

@@ -0,0 +1,9 @@
+export function composedPathMatches(path, selector, boundary) {
+    for (const node of path) {
+        if (node === boundary)
+            return false;
+        if (node.nodeType === 1 && node.matches(selector))
+            return true;
+    }
+    return false;
+}

package/dist/utils/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const VELOCITY_WINDOW = 100;
+export declare const MAX_VELOCITY = 5;
+export declare const DECAY = 0.95;
+export declare const FRAME_MS: number;
+export declare const MIN_VELOCITY = 0.02;
+export declare const EDITABLE = "input, textarea, select, [contenteditable]:not([contenteditable='false'])";
+export declare const SCROLL_KEYS: Set<string>;
+export declare const EASE_OUT_CUBIC_START_SPEED = 3;
+export declare const LINE_HEIGHT = 16;

package/dist/utils/constants.js

@@ -0,0 +1,19 @@
+export const VELOCITY_WINDOW = 100;
+export const MAX_VELOCITY = 5;
+export const DECAY = 0.95;
+export const FRAME_MS = 1000 / 60;
+export const MIN_VELOCITY = 0.02;
+export const EDITABLE = "input, textarea, select, [contenteditable]:not([contenteditable='false'])";
+export const SCROLL_KEYS = new Set([
+    "ArrowUp",
+    "ArrowDown",
+    "ArrowLeft",
+    "ArrowRight",
+    "PageUp",
+    "PageDown",
+    "Home",
+    "End",
+    " ",
+]);
+export const EASE_OUT_CUBIC_START_SPEED = 3;
+export const LINE_HEIGHT = 16;

package/dist/utils/css-length-to-px.d.ts

@@ -0,0 +1 @@
+export declare function cssLengthToPx(value: string, percentBasis: number): number;

package/dist/utils/css-length-to-px.js

@@ -0,0 +1,6 @@
+export function cssLengthToPx(value, percentBasis) {
+    const number = Number.parseFloat(value);
+    if (Number.isNaN(number))
+        return 0;
+    return value.endsWith("%") ? (percentBasis * number) / 100 : number;
+}

package/dist/utils/dominant-axis.d.ts

@@ -0,0 +1,2 @@
+import type { Vector } from "./types.js";
+export declare function dominantAxis(delta: Vector): "x" | "y";

package/dist/utils/dominant-axis.js

@@ -0,0 +1,3 @@
+export function dominantAxis(delta) {
+    return Math.abs(delta.x) >= Math.abs(delta.y) ? "x" : "y";
+}

package/dist/utils/ease-out-cubic.d.ts

@@ -0,0 +1 @@
+export declare const easeOutCubic: (t: number) => number;

package/dist/utils/ease-out-cubic.js

@@ -0,0 +1 @@
+export const easeOutCubic = (t) => 1 - (1 - t) ** 3;

package/dist/utils/glide-duration.d.ts

@@ -0,0 +1 @@
+export declare function glideDuration(distance: number, velocity?: number): number;

package/dist/utils/glide-duration.js

@@ -0,0 +1,9 @@
+import { clamp } from "./clamp.js";
+import { EASE_OUT_CUBIC_START_SPEED } from "./constants.js";
+export function glideDuration(distance, velocity = 0) {
+    const d = Math.abs(distance);
+    const continuesRelease = velocity !== 0 && Math.sign(velocity) === Math.sign(distance);
+    if (continuesRelease)
+        return clamp((EASE_OUT_CUBIC_START_SPEED * d) / Math.abs(velocity), 180, 900);
+    return clamp(200 + d * 0.5, 200, 600);
+}

package/dist/utils/index.d.ts

@@ -0,0 +1,28 @@
+export { adjacentSnap } from "./adjacent-snap.js";
+export { capVelocity } from "./cap-velocity.js";
+export { clamp } from "./clamp.js";
+export { composedPathMatches } from "./composed-path-matches.js";
+export { dominantAxis } from "./dominant-axis.js";
+export { easeOutCubic } from "./ease-out-cubic.js";
+export { glideDuration } from "./glide-duration.js";
+export { isOnScrollbar } from "./is-on-scrollbar.js";
+export { isRtl } from "./is-rtl.js";
+export { isScrollKey } from "./is-scroll-key.js";
+export { maxScroll } from "./max-scroll.js";
+export { measureSnaps } from "./measure-snaps.js";
+export { momentumDistance } from "./momentum-distance.js";
+export { momentumStep } from "./momentum-step.js";
+export { nearestSnap } from "./nearest-snap.js";
+export { parseSnapType } from "./parse-snap-type.js";
+export { pointerSample } from "./pointer-sample.js";
+export { prefersReducedMotion } from "./prefers-reduced-motion.js";
+export { readScroll } from "./read-scroll.js";
+export { supportedUserSelect } from "./supported-user-select.js";
+export { toLogical } from "./to-logical.js";
+export { tryCapturePointer } from "./try-capture-pointer.js";
+export { tryReleasePointer } from "./try-release-pointer.js";
+export { velocityFromSamples } from "./velocity-from-samples.js";
+export { wheelDeltaYPx } from "./wheel-delta-y-px.js";
+export { writeScroll } from "./write-scroll.js";
+export { EDITABLE, MIN_VELOCITY, VELOCITY_WINDOW } from "./constants.js";
+export type { Sample, Vector } from "./types.js";

package/dist/utils/index.js

@@ -0,0 +1,27 @@
+export { adjacentSnap } from "./adjacent-snap.js";
+export { capVelocity } from "./cap-velocity.js";
+export { clamp } from "./clamp.js";
+export { composedPathMatches } from "./composed-path-matches.js";
+export { dominantAxis } from "./dominant-axis.js";
+export { easeOutCubic } from "./ease-out-cubic.js";
+export { glideDuration } from "./glide-duration.js";
+export { isOnScrollbar } from "./is-on-scrollbar.js";
+export { isRtl } from "./is-rtl.js";
+export { isScrollKey } from "./is-scroll-key.js";
+export { maxScroll } from "./max-scroll.js";
+export { measureSnaps } from "./measure-snaps.js";
+export { momentumDistance } from "./momentum-distance.js";
+export { momentumStep } from "./momentum-step.js";
+export { nearestSnap } from "./nearest-snap.js";
+export { parseSnapType } from "./parse-snap-type.js";
+export { pointerSample } from "./pointer-sample.js";
+export { prefersReducedMotion } from "./prefers-reduced-motion.js";
+export { readScroll } from "./read-scroll.js";
+export { supportedUserSelect } from "./supported-user-select.js";
+export { toLogical } from "./to-logical.js";
+export { tryCapturePointer } from "./try-capture-pointer.js";
+export { tryReleasePointer } from "./try-release-pointer.js";
+export { velocityFromSamples } from "./velocity-from-samples.js";
+export { wheelDeltaYPx } from "./wheel-delta-y-px.js";
+export { writeScroll } from "./write-scroll.js";
+export { EDITABLE, MIN_VELOCITY, VELOCITY_WINDOW } from "./constants.js";

package/dist/utils/is-inside-editable.d.ts

@@ -0,0 +1 @@
+export declare const isInsideEditable: (target: EventTarget | null) => boolean;

package/dist/utils/is-inside-editable.js

@@ -0,0 +1,2 @@
+import { EDITABLE } from "./constants.js";
+export const isInsideEditable = (target) => !!target?.closest?.(EDITABLE);

package/dist/utils/is-on-scrollbar.d.ts

@@ -0,0 +1 @@
+export declare function isOnScrollbar(el: Element, event: MouseEvent): boolean;

package/dist/utils/is-on-scrollbar.js

@@ -0,0 +1,6 @@
+export function isOnScrollbar(el, event) {
+    const rect = el.getBoundingClientRect();
+    const x = event.clientX - rect.left - el.clientLeft;
+    const y = event.clientY - rect.top - el.clientTop;
+    return x < 0 || y < 0 || x >= el.clientWidth || y >= el.clientHeight;
+}

package/dist/utils/is-rtl.d.ts

@@ -0,0 +1 @@
+export declare const isRtl: (win: Window, el: Element) => boolean;

package/dist/utils/is-rtl.js

@@ -0,0 +1 @@
+export const isRtl = (win, el) => win.getComputedStyle(el).direction === "rtl";

package/dist/utils/is-scroll-key.d.ts

@@ -0,0 +1 @@
+export declare function isScrollKey(event: KeyboardEvent): boolean;

package/dist/utils/is-scroll-key.js

@@ -0,0 +1,7 @@
+import { SCROLL_KEYS } from "./constants.js";
+import { isInsideEditable } from "./is-inside-editable.js";
+export function isScrollKey(event) {
+    if (!SCROLL_KEYS.has(event.key))
+        return false;
+    return !isInsideEditable(event.target);
+}

package/dist/utils/max-scroll.d.ts

@@ -0,0 +1,2 @@
+import type { Vector } from "./types.js";
+export declare const maxScroll: (el: Element) => Vector;

package/dist/utils/max-scroll.js

@@ -0,0 +1,4 @@
+export const maxScroll = (el) => ({
+    x: Math.max(0, el.scrollWidth - el.clientWidth),
+    y: Math.max(0, el.scrollHeight - el.clientHeight),
+});

package/dist/utils/measure-snaps.d.ts

@@ -0,0 +1 @@
+export declare function measureSnaps(win: Window, el: Element): Record<"x" | "y", number[]>;

package/dist/utils/measure-snaps.js

@@ -0,0 +1,31 @@
+import { cssLengthToPx } from "./css-length-to-px.js";
+import { maxScroll } from "./max-scroll.js";
+import { snapItems } from "./snap-items.js";
+import { snapPositions } from "./snap-positions.js";
+export function measureSnaps(win, el) {
+    const style = win.getComputedStyle(el);
+    const rect = el.getBoundingClientRect();
+    const max = maxScroll(el);
+    const items = snapItems(win, el);
+    const padding = (side, basis) => cssLengthToPx(style.getPropertyValue(`scroll-padding-${side}`), basis);
+    return {
+        x: snapPositions({
+            start: rect.left + el.clientLeft,
+            size: el.clientWidth,
+            paddingStart: padding("left", el.clientWidth),
+            paddingEnd: padding("right", el.clientWidth),
+            scroll: el.scrollLeft,
+            maxScroll: max.x,
+            rtl: style.direction === "rtl",
+        }, items.x),
+        y: snapPositions({
+            start: rect.top + el.clientTop,
+            size: el.clientHeight,
+            paddingStart: padding("top", el.clientHeight),
+            paddingEnd: padding("bottom", el.clientHeight),
+            scroll: el.scrollTop,
+            maxScroll: max.y,
+            rtl: false,
+        }, items.y),
+    };
+}

package/dist/utils/momentum-distance.d.ts

@@ -0,0 +1 @@
+export declare function momentumDistance(velocity: number): number;

package/dist/utils/momentum-distance.js

@@ -0,0 +1,4 @@
+import { DECAY, FRAME_MS } from "./constants.js";
+export function momentumDistance(velocity) {
+    return (velocity * FRAME_MS) / (1 - DECAY);
+}

package/dist/utils/momentum-step.d.ts

@@ -0,0 +1,4 @@
+export declare function momentumStep(velocity: number, dt: number): {
+    distance: number;
+    velocity: number;
+};

package/dist/utils/momentum-step.js

@@ -0,0 +1,4 @@
+import { DECAY, FRAME_MS } from "./constants.js";
+export function momentumStep(velocity, dt) {
+    return { distance: velocity * dt, velocity: velocity * DECAY ** (dt / FRAME_MS) };
+}

package/dist/utils/nearest-snap.d.ts

@@ -0,0 +1 @@
+export declare function nearestSnap(positions: readonly number[], target: number): number;

package/dist/utils/nearest-snap.js

@@ -0,0 +1,12 @@
+export function nearestSnap(positions, target) {
+    let best = target;
+    let bestDistance = Infinity;
+    for (const position of positions) {
+        const distance = Math.abs(position - target);
+        if (distance < bestDistance) {
+            best = position;
+            bestDistance = distance;
+        }
+    }
+    return best;
+}

package/dist/utils/parse-snap-align.d.ts

@@ -0,0 +1,5 @@
+import type { SnapAlign } from "./types.js";
+export declare function parseSnapAlign(value: string): {
+    x: SnapAlign;
+    y: SnapAlign;
+};

package/dist/utils/parse-snap-align.js

@@ -0,0 +1,5 @@
+const toAlign = (value) => value === "start" || value === "center" || value === "end" ? value : "none";
+export function parseSnapAlign(value) {
+    const [block, inline = block] = value.trim().split(/\s+/);
+    return { x: toAlign(inline), y: toAlign(block) };
+}

package/dist/utils/parse-snap-type.d.ts

@@ -0,0 +1,4 @@
+export declare function parseSnapType(value: string): {
+    x: boolean;
+    y: boolean;
+};

package/dist/utils/parse-snap-type.js

@@ -0,0 +1,7 @@
+export function parseSnapType(value) {
+    const axis = value.trim().split(/\s+/)[0];
+    return {
+        x: axis === "x" || axis === "both" || axis === "inline",
+        y: axis === "y" || axis === "both" || axis === "block",
+    };
+}

package/dist/utils/pointer-sample.d.ts

@@ -0,0 +1,2 @@
+import type { Sample } from "./types.js";
+export declare const pointerSample: (event: PointerEvent) => Sample;

package/dist/utils/pointer-sample.js

@@ -0,0 +1,5 @@
+export const pointerSample = (event) => ({
+    t: event.timeStamp,
+    x: event.clientX,
+    y: event.clientY,
+});

package/dist/utils/prefers-reduced-motion.d.ts

@@ -0,0 +1 @@
+export declare const prefersReducedMotion: (win: Window) => boolean;

package/dist/utils/prefers-reduced-motion.js

@@ -0,0 +1 @@
+export const prefersReducedMotion = (win) => win.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;

package/dist/utils/read-scroll.d.ts

@@ -0,0 +1,2 @@
+import type { Vector } from "./types.js";
+export declare const readScroll: (el: Element, rtl: boolean, max: Vector) => Vector;

package/dist/utils/read-scroll.js

@@ -0,0 +1,6 @@
+import { clamp } from "./clamp.js";
+import { toLogical } from "./to-logical.js";
+export const readScroll = (el, rtl, max) => ({
+    x: clamp(toLogical(el.scrollLeft, rtl), 0, max.x),
+    y: clamp(el.scrollTop, 0, max.y),
+});

package/dist/utils/snap-items.d.ts

@@ -0,0 +1,2 @@
+import type { SnapItem } from "./types.js";
+export declare function snapItems(win: Window, el: Element): Record<"x" | "y", SnapItem[]>;

package/dist/utils/snap-items.js

@@ -0,0 +1,18 @@
+import { cssLengthToPx } from "./css-length-to-px.js";
+import { parseSnapAlign } from "./parse-snap-align.js";
+export function snapItems(win, el) {
+    const items = { x: [], y: [] };
+    for (const child of el.children) {
+        const childStyle = win.getComputedStyle(child);
+        const align = parseSnapAlign(childStyle.scrollSnapAlign);
+        if (align.x === "none" && align.y === "none")
+            continue;
+        const box = child.getBoundingClientRect();
+        const margin = (side) => cssLengthToPx(childStyle.getPropertyValue(`scroll-margin-${side}`), 0);
+        const left = margin("left");
+        const top = margin("top");
+        items.x.push({ start: box.left - left, size: box.width + left + margin("right"), align: align.x });
+        items.y.push({ start: box.top - top, size: box.height + top + margin("bottom"), align: align.y });
+    }
+    return items;
+}

package/dist/utils/snap-positions.d.ts

@@ -0,0 +1,2 @@
+import type { SnapAxis, SnapItem } from "./types.js";
+export declare function snapPositions(axis: SnapAxis, items: readonly SnapItem[]): number[];

package/dist/utils/snap-positions.js

@@ -0,0 +1,28 @@
+import { clamp } from "./clamp.js";
+import { toLogical } from "./to-logical.js";
+export function snapPositions(axis, items) {
+    const { rtl } = axis;
+    const portLow = axis.start + axis.paddingStart;
+    const portHigh = axis.start + axis.size - axis.paddingEnd;
+    const positions = [];
+    for (const item of items) {
+        if (item.align === "none")
+            continue;
+        const high = item.start + item.size;
+        const alignsLowEdge = (item.align === "start") !== rtl;
+        const delta = item.align === "center"
+            ? (item.start + high) / 2 - (portLow + portHigh) / 2
+            : alignsLowEdge
+                ? item.start - portLow
+                : high - portHigh;
+        positions.push(clamp(toLogical(axis.scroll + delta, rtl), 0, axis.maxScroll));
+    }
+    positions.sort((a, b) => a - b);
+    const unique = [];
+    for (const position of positions) {
+        const previous = unique.at(-1);
+        if (previous === undefined || position - previous > 1)
+            unique.push(position);
+    }
+    return unique;
+}

package/dist/utils/supported-user-select.d.ts

@@ -0,0 +1 @@
+export declare const supportedUserSelect: (style: CSSStyleDeclaration) => "user-select" | "-webkit-user-select";

package/dist/utils/supported-user-select.js

@@ -0,0 +1 @@
+export const supportedUserSelect = (style) => "userSelect" in style ? "user-select" : "-webkit-user-select";

package/dist/utils/to-logical.d.ts

@@ -0,0 +1 @@
+export declare function toLogical(scrollLeft: number, rtl: boolean): number;

package/dist/utils/to-logical.js

@@ -0,0 +1,3 @@
+export function toLogical(scrollLeft, rtl) {
+    return rtl ? -scrollLeft : scrollLeft;
+}

package/dist/utils/to-physical.d.ts

@@ -0,0 +1 @@
+export declare function toPhysical(logical: number, rtl: boolean): number;

package/dist/utils/to-physical.js

@@ -0,0 +1,3 @@
+export function toPhysical(logical, rtl) {
+    return rtl ? -logical : logical;
+}

package/dist/utils/try-capture-pointer.d.ts

@@ -0,0 +1 @@
+export declare function tryCapturePointer(el: Element, pointerId: number): void;

package/dist/utils/try-capture-pointer.js

@@ -0,0 +1,6 @@
+export function tryCapturePointer(el, pointerId) {
+    try {
+        el.setPointerCapture(pointerId);
+    }
+    catch { }
+}

package/dist/utils/try-release-pointer.d.ts

@@ -0,0 +1 @@
+export declare function tryReleasePointer(el: Element, pointerId: number): void;

package/dist/utils/try-release-pointer.js

@@ -0,0 +1,7 @@
+export function tryReleasePointer(el, pointerId) {
+    try {
+        if (el.hasPointerCapture(pointerId))
+            el.releasePointerCapture(pointerId);
+    }
+    catch { }
+}

package/dist/utils/types.d.ts

@@ -0,0 +1,22 @@
+export interface Vector {
+    x: number;
+    y: number;
+}
+export interface Sample extends Vector {
+    t: number;
+}
+export type SnapAlign = "start" | "center" | "end" | "none";
+export interface SnapAxis {
+    start: number;
+    size: number;
+    paddingStart: number;
+    paddingEnd: number;
+    scroll: number;
+    maxScroll: number;
+    rtl: boolean;
+}
+export interface SnapItem {
+    start: number;
+    size: number;
+    align: SnapAlign;
+}

package/dist/utils/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/velocity-from-samples.d.ts

@@ -0,0 +1,2 @@
+import type { Sample, Vector } from "./types.js";
+export declare function velocityFromSamples(samples: readonly Sample[], window?: number): Vector;

package/dist/utils/velocity-from-samples.js

@@ -0,0 +1,21 @@
+import { clamp } from "./clamp.js";
+import { MAX_VELOCITY, VELOCITY_WINDOW } from "./constants.js";
+export function velocityFromSamples(samples, window = VELOCITY_WINDOW) {
+    const last = samples.at(-1);
+    if (!last)
+        return { x: 0, y: 0 };
+    let first = last;
+    for (let i = samples.length - 2; i >= 0; i--) {
+        const sample = samples[i];
+        if (last.t - sample.t > window)
+            break;
+        first = sample;
+    }
+    const dt = last.t - first.t;
+    if (dt <= 0)
+        return { x: 0, y: 0 };
+    return {
+        x: clamp((last.x - first.x) / dt, -MAX_VELOCITY, MAX_VELOCITY),
+        y: clamp((last.y - first.y) / dt, -MAX_VELOCITY, MAX_VELOCITY),
+    };
+}

package/dist/utils/wheel-delta-y-px.d.ts

@@ -0,0 +1 @@
+export declare function wheelDeltaYPx(event: WheelEvent, pagePx: number): number;

package/dist/utils/wheel-delta-y-px.js

@@ -0,0 +1,5 @@
+import { LINE_HEIGHT } from "./constants.js";
+export function wheelDeltaYPx(event, pagePx) {
+    const unitPx = event.deltaMode === 1 ? LINE_HEIGHT : event.deltaMode === 2 ? pagePx : 1;
+    return event.deltaY * unitPx;
+}

package/dist/utils/write-scroll.d.ts

@@ -0,0 +1,2 @@
+import type { Vector } from "./types.js";
+export declare function writeScroll(el: Element, position: Partial<Vector>, rtl: boolean): void;

package/dist/utils/write-scroll.js

@@ -0,0 +1,7 @@
+import { toPhysical } from "./to-physical.js";
+export function writeScroll(el, position, rtl) {
+    if (position.x !== undefined)
+        el.scrollLeft = toPhysical(position.x, rtl);
+    if (position.y !== undefined)
+        el.scrollTop = position.y;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@anyknown/axis",
-	"version": "0.1.0",
+	"version": "0.2.1",
 	"description": "Headless scroll primitive for x, y and 2D panning: native scroll first, mouse drag as an enhancement",
 	"keywords": [
 		"carousel",
@@ -30,7 +30,7 @@
 	"typesVersions": {
 		"*": {
 			"react": [
-				"./dist/react.d.ts"
+				"./dist/react/index.d.ts"
 			]
 		}
 	},
@@ -40,8 +40,8 @@
 			"default": "./dist/index.js"
 		},
 		"./react": {
-			"types": "./dist/react.d.ts",
-			"default": "./dist/react.js"
+			"types": "./dist/react/index.d.ts",
+			"default": "./dist/react/index.js"
 		}
 	},
 	"publishConfig": {
@@ -50,7 +50,7 @@
 	"scripts": {
 		"build": "rm -rf dist && tsc -p tsconfig.build.json && node scripts/esm-extensions.mjs",
 		"typecheck": "tsc --noEmit",
-		"lint": "oxlint src test playground",
+		"lint": "oxlint --deny-warnings src test playground scripts vitest.config.ts",
 		"fmt": "oxfmt",
 		"fmt:check": "oxfmt --check",
 		"check": "pnpm typecheck && pnpm lint && pnpm fmt:check",
@@ -59,6 +59,7 @@
 		"prepublishOnly": "pnpm check && pnpm test && pnpm build"
 	},
 	"devDependencies": {
+		"@stylistic/eslint-plugin": "5.10.0",
 		"@types/node": "^26.4.0",
 		"@types/react": "^19.2.0",
 		"@types/react-dom": "^19.2.5",