@cites/react-hooks 0.0.2 → 0.0.4

package/dist/core/useDragGesture.d.ts

@@ -0,0 +1,27 @@
+export interface DragDelta {
+    deltaX: number;
+    deltaY: number;
+}
+export interface HitArea {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export interface DragGestureOptions {
+    onDragStart?: (event: PointerEvent) => void;
+    onDrag?: (state: DragDelta) => void;
+    onDragEnd?: (event: PointerEvent) => void;
+    hitArea?: number | Partial<HitArea>;
+    shouldPreventDrag?: (event: React.PointerEvent) => boolean | void;
+}
+export interface DragHandleProps {
+    onPointerDown: (event: React.PointerEvent) => void;
+}
+export declare function useDragGesture(options: DragGestureOptions): {
+    isDragging: boolean;
+    getDragHandleProps: () => {
+        onPointerDown: (event: React.PointerEvent) => void;
+    };
+};
+//# sourceMappingURL=useDragGesture.d.ts.map

package/dist/core/useDragGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragGesture.d.ts","sourceRoot":"","sources":["../../src/core/useDragGesture.ts"],"names":[],"mappings":"AAQA,MAAM,WAAW,SAAS;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,OAAO;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,kBAAkB;IAC/B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,OAAO,GAAG,IAAI,CAAC;CACrE;AAED,MAAM,WAAW,eAAe;IAC5B,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,IAAI,CAAC;CACtD;AAmBD,wBAAgB,cAAc,CAAC,OAAO,EAAE,kBAAkB;;;+BA0ER,KAAK,CAAC,YAAY;;EAuCnE"}

package/dist/core/useDragGesture.js

@@ -0,0 +1,113 @@
+import { useRef, useState, useCallback, useEffect } from "react";
+import { useEventCallback } from "./useEventCallback.js"; // 根据你的实际路径调整
+function normalizeHitArea(input) {
+    if (typeof input === "number") {
+        return {
+            top: input,
+            right: input,
+            bottom: input,
+            left: input,
+        };
+    }
+    return {
+        top: input?.top ?? 0,
+        right: input?.right ?? 0,
+        bottom: input?.bottom ?? 0,
+        left: input?.left ?? 0,
+    };
+}
+export function useDragGesture(options) {
+    const [isDragging, setIsDragging] = useState(false);
+    const startPositionRef = useRef({ x: 0, y: 0 });
+    const dragTargetRef = useRef(null);
+    const latestDeltaRef = useRef(null);
+    const rafIdRef = useRef(null);
+    const handleDragStart = useEventCallback((event) => {
+        options.onDragStart?.(event);
+    });
+    const handleDrag = useEventCallback((delta) => {
+        options.onDrag?.(delta);
+    });
+    const handleDragEnd = useEventCallback((event) => {
+        options.onDragEnd?.(event);
+    });
+    const handlePointerMove = useEventCallback((event) => {
+        if (!isDragging)
+            return;
+        latestDeltaRef.current = {
+            deltaX: event.clientX - startPositionRef.current.x,
+            deltaY: event.clientY - startPositionRef.current.y,
+        };
+        if (rafIdRef.current === null) {
+            rafIdRef.current = requestAnimationFrame(() => {
+                if (latestDeltaRef.current) {
+                    handleDrag(latestDeltaRef.current);
+                    latestDeltaRef.current = null;
+                }
+                rafIdRef.current = null;
+            });
+        }
+    });
+    const handlePointerUp = useEventCallback((event) => {
+        setIsDragging(false);
+        if (dragTargetRef.current) {
+            dragTargetRef.current.releasePointerCapture(event.pointerId);
+        }
+        handleDragEnd(event);
+        window.removeEventListener("pointermove", handlePointerMove);
+        window.removeEventListener("pointerup", handlePointerUp);
+        dragTargetRef.current = null;
+        if (rafIdRef.current !== null) {
+            cancelAnimationFrame(rafIdRef.current);
+            rafIdRef.current = null;
+        }
+    });
+    const onHitTest = useEventCallback((event) => {
+        const el = event.currentTarget;
+        const rect = el.getBoundingClientRect();
+        const hit = normalizeHitArea(options.hitArea);
+        const within = event.clientX >= rect.left - hit.left &&
+            event.clientX <= rect.right + hit.right &&
+            event.clientY >= rect.top - hit.top &&
+            event.clientY <= rect.bottom + hit.bottom;
+        return within;
+    });
+    const onStartingDragTest = useEventCallback((event) => {
+        return options.shouldPreventDrag?.(event);
+    });
+    const handlePointerDown = useCallback((event) => {
+        if (onStartingDragTest(event) === true)
+            return;
+        const within = onHitTest(event);
+        if (!within)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        setIsDragging(true);
+        startPositionRef.current = { x: event.clientX, y: event.clientY };
+        const target = event.currentTarget;
+        dragTargetRef.current = target;
+        target.setPointerCapture(event.pointerId);
+        handleDragStart(event.nativeEvent);
+        window.addEventListener("pointermove", handlePointerMove);
+        window.addEventListener("pointerup", handlePointerUp);
+    }, [onStartingDragTest, onHitTest, handleDragStart, handlePointerMove, handlePointerUp]); // 这些引用是稳定的
+    useEffect(() => {
+        return () => {
+            window.removeEventListener("pointermove", handlePointerMove);
+            window.removeEventListener("pointerup", handlePointerUp);
+            if (rafIdRef.current !== null) {
+                cancelAnimationFrame(rafIdRef.current);
+                rafIdRef.current = null;
+            }
+        };
+    }, [handlePointerMove, handlePointerUp]);
+    return {
+        isDragging,
+        getDragHandleProps: () => ({
+            onPointerDown: handlePointerDown,
+        }),
+    };
+}
+;
+//# sourceMappingURL=useDragGesture.js.map

package/dist/core/useDragGesture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragGesture.js","sourceRoot":"","sources":["../../src/core/useDragGesture.ts"],"names":[],"mappings":"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"}

package/dist/core/useDraggable.d.ts

@@ -1,22 +1,31 @@
-import React from "react";
-export interface Point {
+import { type DragHandleProps } from "./useDragGesture.js";
+export interface Position {
     x: number;
     y: number;
 }
-export interface Bounds {
+interface Bounds {
     left: number;
-    top: number;
     right: number;
+    top: number;
     bottom: number;
 }
-export interface DragInfo<T extends HTMLElement> extends Point {
-    ref: React.Ref<T>;
+export interface DraggableInfo {
+    position: Position;
     isDragging: boolean;
+    draggableProps: DragHandleProps;
 }
 export interface DraggableOptions {
-    mode?: "object" | "slider";
-    initialPosition?: Point;
+    position?: Position;
+    onPositionChange?: (pos: Position) => void;
+    initialPosition?: Position;
     bounds?: Bounds;
+    gridSize?: number;
+    lockAxis?: "x" | "y";
+    onDragStart?: (pos: Position) => void;
+    onDragEnd?: (pos: Position) => void;
+    updatePositionOnDragStart?: boolean;
+    shouldPreventDrag?: (event: React.PointerEvent) => boolean | undefined;
 }
-export declare const useDraggable: <T extends HTMLElement>(options?: DraggableOptions) => DragInfo<T>;
+export declare function useDraggable(options?: DraggableOptions): DraggableInfo;
+export {};
 //# sourceMappingURL=useDraggable.d.ts.map

package/dist/core/useDraggable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../src/core/useDraggable.ts"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,MAAM,WAAW,KAAK;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,MAAM;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,QAAQ,CAAC,CAAC,SAAS,WAAW,CAAE,SAAQ,KAAK;IAC1D,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC7B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,WAAW,EAAE,UAAS,gBAAqB,KAAG,QAAQ,CAAC,CAAC,CAmG9F,CAAC"}
+{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../src/core/useDraggable.ts"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAG3E,MAAM,WAAW,QAAQ;IACrB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACb;AAED,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC1B,QAAQ,EAAE,QAAQ,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,eAAe,CAAC;CACnC;AAED,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC3C,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpC,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,KAAK,OAAO,GAAG,SAAS,CAAC;CAC1E;AAED,wBAAgB,YAAY,CAAC,OAAO,GAAE,gBAAqB,GAAG,aAAa,CAuF1E"}

package/dist/core/useDraggable.js

@@ -1,82 +1,76 @@
-import { useState, useEffect, useRef, useCallback } from "react";
+import { useState, useRef } from "react";
 import { useEventCallback } from "./useEventCallback.js";
-export const useDraggable = (options = {}) => {
-    const { initialPosition, bounds, mode = "object" } = options;
-    const [position, setPosition] = useState(null);
-    const [isDragging, setIsDragging] = useState(false);
-    const animationFrameId = useRef(null);
-    const currentPosition = position ?? initialPosition ?? { x: 0, y: 0 };
-    const [handleNode, setHandleNode] = useState(null);
-    const handleRefCallback = useCallback((node) => {
-        setHandleNode(node);
-        return () => {
-            setHandleNode(null);
+import { useDragGesture } from "./useDragGesture.js";
+import { clamp } from "../utils/index.js";
+export function useDraggable(options = {}) {
+    const { position: controlledPosition, onPositionChange, initialPosition = { x: 0, y: 0 }, bounds, gridSize, lockAxis, onDragStart, onDragEnd, updatePositionOnDragStart, shouldPreventDrag, } = options;
+    const [uncontrolledPosition, setUncontrolledPosition] = useState(initialPosition);
+    const isControlled = controlledPosition !== undefined && typeof onPositionChange === "function";
+    const position = isControlled ? controlledPosition : uncontrolledPosition;
+    const dragStartPosRef = useRef({ x: 0, y: 0 });
+    const clampPosition = (pos) => {
+        if (!bounds)
+            return pos;
+        return {
+            x: clamp(pos.x, bounds.left, bounds.right),
+            y: clamp(pos.y, bounds.top, bounds.bottom),
         };
-    }, []);
-    const dragInfo = useRef(null);
-    const animate = useEventCallback(() => {
-        if (!dragInfo.current)
-            return;
-        const newPosition = {
-            x: dragInfo.current.initialPosition.x + (dragInfo.current.lastPoint.x - dragInfo.current.startPoint.x),
-            y: dragInfo.current.initialPosition.y + (dragInfo.current.lastPoint.y - dragInfo.current.startPoint.y),
+    };
+    const snapToGrid = (pos) => {
+        if (!gridSize || gridSize <= 1)
+            return pos;
+        return {
+            x: Math.round(pos.x / gridSize) * gridSize,
+            y: Math.round(pos.y / gridSize) * gridSize,
         };
-        if (bounds) {
-            newPosition.x = Math.max(bounds.left, Math.min(newPosition.x, bounds.right));
-            newPosition.y = Math.max(bounds.top, Math.min(newPosition.y, bounds.bottom));
+    };
+    const updatePosition = useEventCallback((nextPos) => {
+        let pos = snapToGrid(clampPosition(nextPos));
+        if (lockAxis === "x") {
+            pos.y = position.y;
         }
-        setPosition(newPosition);
-        animationFrameId.current = requestAnimationFrame(animate);
-    });
-    const handlePointerMove = useEventCallback((event) => {
-        if (dragInfo.current) {
-            dragInfo.current.lastPoint = { x: event.clientX, y: event.clientY };
+        else if (lockAxis === "y") {
+            pos.x = position.x;
         }
-    });
-    const handlePointerUp = useEventCallback(() => {
-        window.removeEventListener("pointermove", handlePointerMove);
-        window.removeEventListener("pointerup", handlePointerUp);
-        if (animationFrameId.current) {
-            cancelAnimationFrame(animationFrameId.current);
+        if (isControlled) {
+            onPositionChange(pos);
+        }
+        else {
+            setUncontrolledPosition(pos);
         }
-        dragInfo.current = null;
-        setIsDragging(false);
     });
-    const handlePointerDown = useEventCallback((event) => {
-        if (event.button !== 0)
-            return;
-        event.preventDefault();
-        const isSliderMode = mode === "slider";
-        const startPosition = isSliderMode
-            ? { x: event.clientX, y: event.clientY }
-            : { ...currentPosition };
-        dragInfo.current = {
-            initialPosition: startPosition,
-            startPoint: { x: event.clientX, y: event.clientY },
-            lastPoint: { x: event.clientX, y: event.clientY },
-        };
-        window.addEventListener("pointermove", handlePointerMove);
-        window.addEventListener("pointerup", handlePointerUp);
-        animationFrameId.current = requestAnimationFrame(animate);
-        setIsDragging(true);
+    // Use our perfected, underlying drag gesture hook.
+    const { isDragging, getDragHandleProps } = useDragGesture({
+        onDragStart: (event) => {
+            // When the drag starts, lock in the current position.
+            const startPosition = updatePositionOnDragStart ? {
+                x: event.clientX,
+                y: event.clientY,
+            } : {
+                ...position,
+            };
+            dragStartPosRef.current = startPosition;
+            onDragStart?.(startPosition);
+            updatePositionOnDragStart && updatePosition(startPosition);
+        },
+        onDrag: ({ deltaX, deltaY }) => {
+            let nextPos = {
+                x: dragStartPosRef.current.x + deltaX,
+                y: dragStartPosRef.current.y + deltaY,
+            };
+            updatePosition(nextPos);
+        },
+        onDragEnd: () => {
+            onDragEnd?.(position);
+        },
+        shouldPreventDrag,
     });
-    useEffect(() => {
-        if (!handleNode)
-            return;
-        handleNode.addEventListener("pointerdown", handlePointerDown);
-        return () => {
-            handleNode.removeEventListener("pointerdown", handlePointerDown);
-            window.removeEventListener("pointermove", handlePointerMove);
-            window.removeEventListener("pointerup", handlePointerUp);
-            if (animationFrameId.current) {
-                cancelAnimationFrame(animationFrameId.current);
-                if (animationFrameId) {
-                    animationFrameId.current = null;
-                }
-            }
-            dragInfo.current = null;
-        };
-    }, [handleNode]);
-    return { ...currentPosition, isDragging, ref: handleRefCallback };
-};
+    // Return the current state and the props getter for the component to use.
+    return {
+        position,
+        isDragging,
+        draggableProps: getDragHandleProps(),
+    };
+}
+;
 //# sourceMappingURL=useDraggable.js.map

package/dist/core/useDraggable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDraggable.js","sourceRoot":"","sources":["../../src/core/useDraggable.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"useDraggable.js","sourceRoot":"","sources":["../../src/core/useDraggable.ts"],"names":[],"mappings":"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"}

package/dist/core/useResizable.d.ts

@@ -0,0 +1,25 @@
+import { type DragHandleProps, type HitArea } from "./useDragGesture.js";
+export interface Size {
+    width: number;
+    height: number;
+}
+export interface ResizableInfo {
+    size: Size;
+    isResizing: boolean;
+    getResizeHandleProps: (direction?: ResizeDirection, hitArea?: number | Partial<HitArea>) => DragHandleProps;
+}
+export interface ResizableOptions {
+    size?: Size;
+    onSizeChange?: (size: Size) => void;
+    initialSize?: Size;
+    minWidth?: number;
+    maxWidth?: number;
+    minHeight?: number;
+    maxHeight?: number;
+    axis?: "both" | "x" | "y";
+    lockAspectRatio?: boolean;
+    disabled?: boolean;
+}
+export type ResizeDirection = "right" | "bottom" | "bottom-right";
+export declare function useResizable(options?: ResizableOptions): ResizableInfo;
+//# sourceMappingURL=useResizable.d.ts.map

package/dist/core/useResizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizable.d.ts","sourceRoot":"","sources":["../../src/core/useResizable.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,eAAe,EAAE,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAIzF,MAAM,WAAW,IAAI;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,aAAa;IAC1B,IAAI,EAAE,IAAI,CAAC;IACX,UAAU,EAAE,OAAO,CAAC;IACpB,oBAAoB,EAAE,CAAC,SAAS,CAAC,EAAE,eAAe,EAAE,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,eAAe,CAAC;CAC/G;AAED,MAAM,WAAW,gBAAgB;IAC7B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,CAAC;AAElE,wBAAgB,YAAY,CAAC,OAAO,GAAE,gBAAqB,GAAG,aAAa,CA0F1E"}

package/dist/core/useResizable.js

@@ -0,0 +1,79 @@
+import { useState, useRef } from "react";
+import { useDragGesture } from "./useDragGesture.js";
+import { useEventCallback } from "./useEventCallback.js";
+import { clamp } from "../utils/index.js";
+export function useResizable(options = {}) {
+    const { size: controlledSize, onSizeChange, initialSize = { width: 100, height: 100 }, minWidth = 0, maxWidth = Infinity, minHeight = 0, maxHeight = Infinity, axis = "both", lockAspectRatio = false, disabled = false, } = options;
+    const [uncontrolledSize, setUncontrolledSize] = useState(initialSize);
+    const dragStartSizeRef = useRef({ width: 0, height: 0 });
+    const isControlled = controlledSize !== undefined && typeof onSizeChange === "function";
+    const size = isControlled ? controlledSize : uncontrolledSize;
+    const updateSize = useEventCallback((newSize) => {
+        const clampedSize = {
+            width: clamp(newSize.width, minWidth, maxWidth),
+            height: clamp(newSize.height, minHeight, maxHeight),
+        };
+        if (isControlled) {
+            onSizeChange?.(clampedSize);
+        }
+        else {
+            setUncontrolledSize(clampedSize);
+        }
+    });
+    function createResizeHandler(direction, hitArea) {
+        return useDragGesture({
+            hitArea,
+            onDragStart: () => {
+                if (disabled)
+                    return;
+                dragStartSizeRef.current = size;
+            },
+            onDrag: ({ deltaX, deltaY }) => {
+                if (disabled)
+                    return;
+                let width = dragStartSizeRef.current.width;
+                let height = dragStartSizeRef.current.height;
+                if (direction === "right" || direction === "bottom-right") {
+                    width += deltaX;
+                }
+                if (direction === "bottom" || direction === "bottom-right") {
+                    height += deltaY;
+                }
+                if (axis === "x") {
+                    height = dragStartSizeRef.current.height;
+                }
+                else if (axis === "y") {
+                    width = dragStartSizeRef.current.width;
+                }
+                if (lockAspectRatio) {
+                    const aspect = dragStartSizeRef.current.width / dragStartSizeRef.current.height;
+                    if (direction === "right") {
+                        height = width / aspect;
+                    }
+                    else if (direction === "bottom") {
+                        width = height * aspect;
+                    }
+                    else {
+                        const avgDelta = (deltaX + deltaY) / 2;
+                        width = dragStartSizeRef.current.width + avgDelta;
+                        height = width / aspect;
+                    }
+                }
+                updateSize({ width, height });
+            },
+        });
+    }
+    const handlers = {
+        right: (hitArea) => createResizeHandler("right", hitArea),
+        bottom: (hitArea) => createResizeHandler("bottom", hitArea),
+        "bottom-right": (hitArea) => createResizeHandler("bottom-right", hitArea),
+    };
+    return {
+        size,
+        isResizing: handlers.right().isDragging || handlers.bottom().isDragging || handlers["bottom-right"]().isDragging,
+        getResizeHandleProps: (direction = "bottom-right", hitArea) => {
+            return handlers[direction](hitArea).getDragHandleProps();
+        },
+    };
+}
+//# sourceMappingURL=useResizable.js.map

package/dist/core/useResizable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizable.js","sourceRoot":"","sources":["../../src/core/useResizable.ts"],"names":[],"mappings":"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"}

package/dist/core/useSlider.d.ts

@@ -0,0 +1,22 @@
+export interface SliderInfo {
+    value: number;
+    isDragging: boolean;
+    trackProps: React.HTMLAttributes<HTMLDivElement> & {
+        ref: React.Ref<HTMLDivElement>;
+    };
+    handleProps: React.HTMLAttributes<HTMLElement>;
+    axis: "horizontal" | "vertical";
+    direction: "ltr" | "rtl";
+}
+export interface SliderOptions {
+    value?: number;
+    onChange?: (value: number) => void;
+    initialValue?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    axis?: "horizontal" | "vertical";
+    direction?: "ltr" | "rtl";
+}
+export declare function useSlider(options?: SliderOptions): SliderInfo;
+//# sourceMappingURL=useSlider.d.ts.map

package/dist/core/useSlider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../src/core/useSlider.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;QAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;KAAE,CAAC;IACtF,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC/C,IAAI,EAAE,YAAY,GAAG,UAAU,CAAC;IAChC,SAAS,EAAE,KAAK,GAAG,KAAK,CAAC;CAC5B;AAED,MAAM,WAAW,aAAa;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACjC,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,OAAO,GAAE,aAAkB,GAAG,UAAU,CA0EjE"}

package/dist/core/useSlider.js

@@ -0,0 +1,66 @@
+import { useState, useRef, useMemo } from "react";
+import { useDragGesture } from "./useDragGesture.js";
+import { useEventCallback } from "./useEventCallback.js";
+import { clamp } from "../utils/index.js";
+export function useSlider(options = {}) {
+    const { value: controlledValue, onChange, initialValue = 0, min = 0, max = 100, step = 1, axis = "horizontal", direction = "ltr", } = options;
+    const [uncontrolledValue, setUncontrolledValue] = useState(initialValue);
+    const trackRef = useRef(null);
+    const isControlled = controlledValue !== undefined && typeof onChange === "function";
+    const value = isControlled ? controlledValue : uncontrolledValue;
+    const updateValue = useEventCallback((rawValue) => {
+        const clamped = clamp(rawValue, min, max);
+        const stepped = Math.round((clamped - min) / step) * step + min;
+        const final = clamp(Number(stepped.toFixed(6)), min, max);
+        if (isControlled) {
+            onChange(final);
+        }
+        else {
+            setUncontrolledValue(final);
+        }
+    });
+    const { isDragging, getDragHandleProps } = useDragGesture({
+        onDrag: ({ deltaX, deltaY }) => {
+            if (!trackRef.current)
+                return;
+            const rect = trackRef.current.getBoundingClientRect();
+            const trackLength = axis === "horizontal" ? rect.width : rect.height;
+            const range = max - min;
+            let delta = axis === "horizontal" ? deltaX : deltaY;
+            if (axis === "horizontal" && direction === "rtl")
+                delta = -delta;
+            const deltaValue = (delta / trackLength) * range;
+            updateValue(value + deltaValue);
+        },
+    });
+    const handleTrackClick = useEventCallback((event) => {
+        if (!trackRef.current)
+            return;
+        const rect = trackRef.current.getBoundingClientRect();
+        let clickOffset = axis === "horizontal"
+            ? event.clientX - rect.left
+            : event.clientY - rect.top;
+        if (axis === "horizontal" && direction === "rtl") {
+            clickOffset = rect.width - clickOffset;
+        }
+        const ratio = clamp(clickOffset / (axis === "horizontal" ? rect.width : rect.height), 0, 1);
+        const newValue = min + ratio * (max - min);
+        updateValue(newValue);
+    });
+    const trackProps = useMemo(() => ({
+        ref: trackRef,
+        onClick: handleTrackClick,
+        "aria-orientation": axis,
+        "data-direction": direction,
+    }), [handleTrackClick, axis, direction]);
+    const handleProps = useMemo(() => getDragHandleProps(), [getDragHandleProps]);
+    return {
+        value,
+        isDragging,
+        trackProps,
+        handleProps,
+        axis,
+        direction,
+    };
+}
+//# sourceMappingURL=useSlider.js.map

package/dist/core/useSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSlider.js","sourceRoot":"","sources":["../../src/core/useSlider.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,6 +1,9 @@
 export * from "./core/useBoundingClientRect.js";
 export * from "./core/useComposedRefs.js";
+export * from "./core/useDragGesture.js";
 export * from "./core/useDraggable.js";
+export * from "./core/useSlider.js";
+export * from "./core/useResizable.js";
 export * from "./core/useEventCallback.js";
 export * from "./core/useIsomorphicLayoutEffect.js";
 export * from "./core/useCustomScroller.js";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qCAAqC,CAAC;AAEpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qCAAqC,CAAC;AAEpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC"}

package/dist/index.js

@@ -1,6 +1,9 @@
 export * from "./core/useBoundingClientRect.js";
 export * from "./core/useComposedRefs.js";
+export * from "./core/useDragGesture.js";
 export * from "./core/useDraggable.js";
+export * from "./core/useSlider.js";
+export * from "./core/useResizable.js";
 export * from "./core/useEventCallback.js";
 export * from "./core/useIsomorphicLayoutEffect.js";
 export * from "./core/useCustomScroller.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qCAAqC,CAAC;AAEpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qCAAqC,CAAC;AAEpD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC"}

package/dist/utils/index.d.ts

@@ -1,2 +1,3 @@
 export declare function ensureNotNull<T>(value: T | null | undefined): T;
+export declare const clamp: (value: number, min: number, max: number) => number;
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,CAK/D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,CAK/D;AAED,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,WAAwC,CAAC"}

package/dist/utils/index.js

@@ -4,4 +4,5 @@ export function ensureNotNull(value) {
     }
     return value;
 }
+export const clamp = (value, min, max) => Math.max(min, Math.min(value, max));
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAI,KAA2B;IACxD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxC,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;IAClD,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,aAAa,CAAI,KAA2B;IACxD,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QACxC,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;IAClD,CAAC;IACD,OAAO,KAAK,CAAC;AACjB,CAAC;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,KAAa,EAAE,GAAW,EAAE,GAAW,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cites/react-hooks",
   "description": "React hooks",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "type": "module",
   "scripts": {
     "clean": "rm -rf dist && rm -rf .cache",