@cites/react-hooks 0.0.4 → 0.0.5

package/dist/core/useControllableState.d.ts

@@ -0,0 +1,36 @@
+type ControlKeys = {
+    value: string;
+    defaultValue: string;
+    onValueChange: string;
+};
+type ControlledProps<T, K extends ControlKeys> = {
+    [P in K["value"]]: T;
+} & {
+    [P in K["onValueChange"]]: (value: T) => void;
+} & {
+    [P in K["defaultValue"]]?: never;
+};
+type UncontrolledProps<T, K extends ControlKeys> = {
+    [P in K["defaultValue"]]?: T;
+} & {
+    [P in K["onValueChange"]]?: (value: T) => void;
+} & {
+    [P in K["value"]]?: never;
+};
+export type ControllableProps<T, K extends ControlKeys> = ControlledProps<T, K> | UncontrolledProps<T, K>;
+export type StateUpdater<T> = (prev: T) => T;
+export type SetState<T> = (next: T | StateUpdater<T>) => void;
+declare const DEFAULT_KEYS: {
+    readonly value: "value";
+    readonly defaultValue: "defaultValue";
+    readonly onValueChange: "onValueChange";
+};
+type DefaultKeys = typeof DEFAULT_KEYS;
+type ExtractValue<P, K extends ControlKeys> = P extends {
+    [Key in K["value"]]: infer V;
+} ? V : P extends {
+    [Key in K["defaultValue"]]?: infer V;
+} ? V : never;
+export declare function useControllableState<P extends ControllableProps<any, K>, K extends ControlKeys = DefaultKeys>(props: P, keys?: K): readonly [ExtractValue<P, K>, SetState<ExtractValue<P, K>>];
+export {};
+//# sourceMappingURL=useControllableState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.d.ts","sourceRoot":"","sources":["../../src/core/useControllableState.ts"],"names":[],"mappings":"AAGA,KAAK,WAAW,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI;KAC5C,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC;CACvB,GAAG;KACC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI;CAChD,GAAG;KACC,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK;CACnC,CAAC;AAGF,KAAK,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI;KAC9C,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;CAC/B,GAAG;KACC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI;CACjD,GAAG;KACC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK;CAC5B,CAAC;AAGF,MAAM,MAAM,iBAAiB,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IAAI,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAE1G,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;AAC7C,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAE9D,QAAA,MAAM,YAAY;;;;CAIc,CAAC;AACjC,KAAK,WAAW,GAAG,OAAO,YAAY,CAAC;AAEvC,KAAK,YAAY,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,IACtC,CAAC,SAAS;KAAG,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC;CAAE,GACpC,CAAC,GACD,CAAC,SAAS;KAAG,GAAG,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC;CAAE,GAC9C,CAAC,GACD,KAAK,CAAC;AAEpB,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,iBAAiB,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,GAAG,WAAW,EACzG,KAAK,EAAE,CAAC,EACR,IAAI,CAAC,EAAE,CAAC,GACT,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CA8B7D"}

package/dist/core/useControllableState.js

@@ -0,0 +1,29 @@
+import { useState } from "react";
+import { useEventCallback } from "./useEventCallback.js";
+const DEFAULT_KEYS = {
+    value: "value",
+    defaultValue: "defaultValue",
+    onValueChange: "onValueChange",
+};
+export function useControllableState(props, keys) {
+    const { value: valueKey, defaultValue: defaultKey, onValueChange: changeKey } = (keys ?? DEFAULT_KEYS);
+    const propsValue = props[valueKey];
+    const isControlled = propsValue !== undefined;
+    const onChange = props[changeKey];
+    const [internalValue, setInternalValue] = useState(() => {
+        if (isControlled) {
+            return propsValue;
+        }
+        return props[defaultKey];
+    });
+    const value = isControlled ? propsValue : internalValue;
+    const setValue = useEventCallback((next) => {
+        const nextValue = typeof next === "function" ? next(value) : next;
+        if (!isControlled) {
+            setInternalValue(nextValue);
+        }
+        onChange?.(nextValue);
+    });
+    return [value, setValue];
+}
+//# sourceMappingURL=useControllableState.js.map

package/dist/core/useControllableState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControllableState.js","sourceRoot":"","sources":["../../src/core/useControllableState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AA+BzD,MAAM,YAAY,GAAG;IACnB,KAAK,EAAE,OAAO;IACd,YAAY,EAAE,cAAc;IAC5B,aAAa,EAAE,eAAe;CACA,CAAC;AAUjC,MAAM,UAAU,oBAAoB,CAChC,KAAQ,EACR,IAAQ;IAER,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,CAAC,IAAI,IAAI,YAAY,CAAC,CAAC;IAEvG,MAAM,UAAU,GAAI,KAAa,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,YAAY,GAAG,UAAU,KAAK,SAAS,CAAC;IAI9C,MAAM,QAAQ,GAAG,KAAK,CAAC,SAA+B,CAAmC,CAAC;IAE1F,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAI,GAAG,EAAE;QACvD,IAAI,YAAY,EAAE,CAAC;YACf,OAAO,UAAU,CAAC;QACtB,CAAC;QACD,OAAQ,KAAa,CAAC,UAAU,CAAC,CAAC;IACtC,CAAC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC;IAExD,MAAM,QAAQ,GAAG,gBAAgB,CAAc,CAAC,IAAI,EAAE,EAAE;QACpD,MAAM,SAAS,GAAG,OAAO,IAAI,KAAK,UAAU,CAAC,CAAC,CAAE,IAAwB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;QAEvF,IAAI,CAAC,YAAY,EAAE,CAAC;YAChB,gBAAgB,CAAC,SAAS,CAAC,CAAC;QAChC,CAAC;QAED,QAAQ,EAAE,CAAC,SAAS,CAAC,CAAC;IAC1B,CAAC,CAAC,CAAC;IAEH,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAU,CAAC;AACtC,CAAC"}

package/dist/core/useDragGesture.d.ts

@@ -8,11 +8,12 @@ export interface HitArea {
     bottom: number;
     left: number;
 }
+type HitAreaOption = number | Partial<HitArea>;
 export interface DragGestureOptions {
     onDragStart?: (event: PointerEvent) => void;
     onDrag?: (state: DragDelta) => void;
     onDragEnd?: (event: PointerEvent) => void;
-    hitArea?: number | Partial<HitArea>;
+    hitArea?: HitAreaOption;
     shouldPreventDrag?: (event: React.PointerEvent) => boolean | void;
 }
 export interface DragHandleProps {
@@ -20,8 +21,9 @@ export interface DragHandleProps {
 }
 export declare function useDragGesture(options: DragGestureOptions): {
     isDragging: boolean;
-    getDragHandleProps: () => {
+    getDragHandleProps: (hitArea?: HitAreaOption) => {
         onPointerDown: (event: React.PointerEvent) => void;
     };
 };
+export {};
 //# sourceMappingURL=useDragGesture.d.ts.map

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

@@ -1 +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"}
+{"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,KAAK,aAAa,GAAG,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;AAE/C,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,aAAa,CAAC;IACxB,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;;mCA+GnB,aAAa;+BAnCF,KAAK,CAAC,YAAY;;EA4CnE"}

package/dist/core/useDragGesture.js

@@ -1,5 +1,5 @@
 import { useRef, useState, useCallback, useEffect } from "react";
-import { useEventCallback } from "./useEventCallback.js"; // 根据你的实际路径调整
+import { useEventCallback } from "./useEventCallback.js";
 function normalizeHitArea(input) {
     if (typeof input === "number") {
         return {
@@ -20,6 +20,7 @@ export function useDragGesture(options) {
     const [isDragging, setIsDragging] = useState(false);
     const startPositionRef = useRef({ x: 0, y: 0 });
     const dragTargetRef = useRef(null);
+    const dynamicHitAreaRef = useRef(undefined);
     const latestDeltaRef = useRef(null);
     const rafIdRef = useRef(null);
     const handleDragStart = useEventCallback((event) => {
@@ -62,10 +63,10 @@ export function useDragGesture(options) {
             rafIdRef.current = null;
         }
     });
-    const onHitTest = useEventCallback((event) => {
+    const onHitTest = useEventCallback((event, overrideHitArea) => {
         const el = event.currentTarget;
         const rect = el.getBoundingClientRect();
-        const hit = normalizeHitArea(options.hitArea);
+        const hit = normalizeHitArea(overrideHitArea ?? options.hitArea);
         const within = event.clientX >= rect.left - hit.left &&
             event.clientX <= rect.right + hit.right &&
             event.clientY >= rect.top - hit.top &&
@@ -78,7 +79,7 @@ export function useDragGesture(options) {
     const handlePointerDown = useCallback((event) => {
         if (onStartingDragTest(event) === true)
             return;
-        const within = onHitTest(event);
+        const within = onHitTest(event, dynamicHitAreaRef.current);
         if (!within)
             return;
         event.preventDefault();
@@ -104,9 +105,14 @@ export function useDragGesture(options) {
     }, [handlePointerMove, handlePointerUp]);
     return {
         isDragging,
-        getDragHandleProps: () => ({
-            onPointerDown: handlePointerDown,
-        }),
+        getDragHandleProps: (hitArea) => {
+            if (dynamicHitAreaRef.current !== hitArea) {
+                dynamicHitAreaRef.current = hitArea;
+            }
+            return {
+                onPointerDown: handlePointerDown,
+            };
+        },
     };
 }
 ;

package/dist/core/useDragGesture.js.map

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

package/dist/core/useDraggable.d.ts

@@ -1,4 +1,5 @@
 import { type DragHandleProps } from "./useDragGesture.js";
+import { type ControllableProps } from "./useControllableState.js";
 export interface Position {
     x: number;
     y: number;
@@ -14,10 +15,11 @@ export interface DraggableInfo {
     isDragging: boolean;
     draggableProps: DragHandleProps;
 }
-export interface DraggableOptions {
-    position?: Position;
-    onPositionChange?: (pos: Position) => void;
-    initialPosition?: Position;
+export type DraggableOptions = ControllableProps<Position, {
+    value: "position";
+    defaultValue: "defaultPosition";
+    onValueChange: "onPositionChange";
+}> & {
     bounds?: Bounds;
     gridSize?: number;
     lockAxis?: "x" | "y";
@@ -25,7 +27,7 @@ export interface DraggableOptions {
     onDragEnd?: (pos: Position) => void;
     updatePositionOnDragStart?: boolean;
     shouldPreventDrag?: (event: React.PointerEvent) => boolean | undefined;
-}
+};
 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":"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"}
+{"version":3,"file":"useDraggable.d.ts","sourceRoot":"","sources":["../../src/core/useDraggable.ts"],"names":[],"mappings":"AAEA,OAAO,EAAkB,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAE3E,OAAO,EAAwB,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEzF,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,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,QAAQ,EAAE;IACvD,KAAK,EAAE,UAAU,CAAC;IAClB,YAAY,EAAE,iBAAiB,CAAC;IAChC,aAAa,EAAE,kBAAkB,CAAC;CACrC,CAAC,GAAG;IACD,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,CAAA;AAED,wBAAgB,YAAY,CAAC,OAAO,GAAE,gBAAqB,GAAG,aAAa,CAgF1E"}

package/dist/core/useDraggable.js

@@ -1,12 +1,15 @@
-import { useState, useRef } from "react";
+import { useRef } from "react";
 import { useEventCallback } from "./useEventCallback.js";
 import { useDragGesture } from "./useDragGesture.js";
 import { clamp } from "../utils/index.js";
+import { useControllableState } from "./useControllableState.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 { bounds, gridSize, lockAxis, onDragStart, onDragEnd, updatePositionOnDragStart, shouldPreventDrag, } = options;
+    const [position, setPosition] = useControllableState(options, {
+        value: "position",
+        defaultValue: "defaultPosition",
+        onValueChange: "onPositionChange",
+    });
     const dragStartPosRef = useRef({ x: 0, y: 0 });
     const clampPosition = (pos) => {
         if (!bounds)
@@ -32,12 +35,7 @@ export function useDraggable(options = {}) {
         else if (lockAxis === "y") {
             pos.x = position.x;
         }
-        if (isControlled) {
-            onPositionChange(pos);
-        }
-        else {
-            setUncontrolledPosition(pos);
-        }
+        setPosition(pos);
     });
     // Use our perfected, underlying drag gesture hook.
     const { isDragging, getDragHandleProps } = useDragGesture({

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":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,cAAc,EAAwB,MAAM,qBAAqB,CAAC;AAC3E,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAA0B,MAAM,2BAA2B,CAAC;AAkCzF,MAAM,UAAU,YAAY,CAAC,UAA4B,EAAE;IACvD,MAAM,EACF,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,SAAS,EACT,yBAAyB,EACzB,iBAAiB,GACpB,GAAG,OAAO,CAAC;IAEZ,MAAM,CAAE,QAAQ,EAAE,WAAW,CAAE,GAAG,oBAAoB,CAAC,OAAO,EAAE;QAC5D,KAAK,EAAE,UAAU;QACjB,YAAY,EAAE,iBAAiB;QAC/B,aAAa,EAAE,kBAAkB;KAC3B,CAAC,CAAC;IAEZ,MAAM,eAAe,GAAG,MAAM,CAAW,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAEzD,MAAM,aAAa,GAAG,CAAC,GAAa,EAAY,EAAE;QAC9C,IAAI,CAAC,MAAM;YAAE,OAAO,GAAG,CAAC;QACxB,OAAO;YACH,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC;YAC1C,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC;SAC7C,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,CAAC,GAAa,EAAY,EAAE;QAC3C,IAAI,CAAC,QAAQ,IAAI,QAAQ,IAAI,CAAC;YAAE,OAAO,GAAG,CAAC;QAC3C,OAAO;YACH,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,GAAG,QAAQ;YAC1C,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,GAAG,QAAQ;SAC7C,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,gBAAgB,CAAC,CAAC,OAAiB,EAAE,EAAE;QAC1D,IAAI,GAAG,GAAG,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC;QAE7C,IAAI,QAAQ,KAAK,GAAG,EAAE,CAAC;YACnB,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;QACvB,CAAC;aAAM,IAAI,QAAQ,KAAK,GAAG,EAAE,CAAC;YAC1B,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC;QACvB,CAAC;QAED,WAAW,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,mDAAmD;IACnD,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,cAAc,CAAC;QACtD,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACnB,sDAAsD;YACtD,MAAM,aAAa,GAAG,yBAAyB,CAAC,CAAC,CAAC;gBAC9C,CAAC,EAAE,KAAK,CAAC,OAAO;gBAChB,CAAC,EAAE,KAAK,CAAC,OAAO;aACnB,CAAC,CAAC,CAAC;gBACA,GAAG,QAAQ;aACd,CAAC;YACF,eAAe,CAAC,OAAO,GAAG,aAAa,CAAC;YACxC,WAAW,EAAE,CAAC,aAAa,CAAC,CAAC;YAC7B,yBAAyB,IAAI,cAAc,CAAC,aAAa,CAAC,CAAC;QAC/D,CAAC;QACD,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE;YAC3B,IAAI,OAAO,GAAG;gBACV,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM;gBACrC,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC,GAAG,MAAM;aACxC,CAAC;YACF,cAAc,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC;QACD,SAAS,EAAE,GAAG,EAAE;YACZ,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC;QAC1B,CAAC;QACD,iBAAiB;KACpB,CAAC,CAAC;IAEH,0EAA0E;IAC1E,OAAO;QACH,QAAQ;QACR,UAAU;QACV,cAAc,EAAE,kBAAkB,EAAE;KACvC,CAAC;AACN,CAAC;AAAA,CAAC"}

package/dist/core/useResizable.d.ts

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

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

@@ -1 +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"}
+{"version":3,"file":"useResizable.d.ts","sourceRoot":"","sources":["../../src/core/useResizable.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGpG,OAAO,EAAwB,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEpF,MAAM,WAAW,IAAI;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB;AAED,KAAK,aAAa,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;AAEnD,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,aAAa,KAAK,eAAe,CAAC;CACnG;AAED,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,IAAI,EAAE;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,aAAa,CAAC;IAC5B,aAAa,EAAE,cAAc,CAAC;CACjC,CAAC,GAAG;IACD,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,QAAQ,GAAG,cAAc,CAAC;AAElE,wBAAgB,YAAY,CAAC,OAAO,GAAE,gBAAqB,GAAG,aAAa,CAqG1E"}

package/dist/core/useResizable.js

@@ -1,78 +1,88 @@
-import { useState, useRef } from "react";
+import { useRef } from "react";
 import { useDragGesture } from "./useDragGesture.js";
 import { useEventCallback } from "./useEventCallback.js";
 import { clamp } from "../utils/index.js";
+import { useControllableState } from "./useControllableState.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 { minSize, maxSize, axis = "both", lockAspectRatio = false, disabled = false, hitArea, } = options;
+    const minWidth = minSize?.width ?? 0;
+    const maxWidth = maxSize?.width ?? Infinity;
+    const minHeight = minSize?.height ?? 0;
+    const maxHeight = maxSize?.height ?? Infinity;
     const dragStartSizeRef = useRef({ width: 0, height: 0 });
-    const isControlled = controlledSize !== undefined && typeof onSizeChange === "function";
-    const size = isControlled ? controlledSize : uncontrolledSize;
+    const [size, setSize] = useControllableState(options, {
+        value: "size",
+        defaultValue: "defaultSize",
+        onValueChange: "onSizeChange",
+    });
     const updateSize = useEventCallback((newSize) => {
         const clampedSize = {
             width: clamp(newSize.width, minWidth, maxWidth),
             height: clamp(newSize.height, minHeight, maxHeight),
         };
-        if (isControlled) {
-            onSizeChange?.(clampedSize);
+        setSize(clampedSize);
+    });
+    const handleDrag = useEventCallback((direction, 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 {
-            setUncontrolledSize(clampedSize);
+        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 rightDrag = useDragGesture({
+        hitArea,
+        onDragStart: () => (dragStartSizeRef.current = size),
+        onDrag: ({ deltaX, deltaY }) => handleDrag("right", deltaX, deltaY),
+    });
+    const bottomDrag = useDragGesture({
+        hitArea,
+        onDragStart: () => (dragStartSizeRef.current = size),
+        onDrag: ({ deltaX, deltaY }) => handleDrag("bottom", deltaX, deltaY),
+    });
+    const bottomRightDrag = useDragGesture({
+        hitArea,
+        onDragStart: () => (dragStartSizeRef.current = size),
+        onDrag: ({ deltaX, deltaY }) => handleDrag("bottom-right", deltaX, deltaY),
     });
-    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),
+    const dragHandlers = {
+        "right": rightDrag,
+        "bottom": bottomDrag,
+        "bottom-right": bottomRightDrag,
     };
     return {
         size,
-        isResizing: handlers.right().isDragging || handlers.bottom().isDragging || handlers["bottom-right"]().isDragging,
+        isResizing: rightDrag.isDragging || bottomDrag.isDragging || bottomRightDrag.isDragging,
         getResizeHandleProps: (direction = "bottom-right", hitArea) => {
-            return handlers[direction](hitArea).getDragHandleProps();
+            const handler = dragHandlers[direction];
+            return handler.getDragHandleProps(hitArea);
         },
     };
 }

package/dist/core/useResizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizable.js","sourceRoot":"","sources":["../../src/core/useResizable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,EAAsC,MAAM,qBAAqB,CAAC;AACzF,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AA4B1C,MAAM,UAAU,YAAY,CAAC,UAA4B,EAAE;IACvD,MAAM,EACF,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,WAAW,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,EACzC,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,QAAQ,EACnB,SAAS,GAAG,CAAC,EACb,SAAS,GAAG,QAAQ,EACpB,IAAI,GAAG,MAAM,EACb,eAAe,GAAG,KAAK,EACvB,QAAQ,GAAG,KAAK,GACnB,GAAG,OAAO,CAAC;IAEZ,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;IACtE,MAAM,gBAAgB,GAAG,MAAM,CAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;IAE/D,MAAM,YAAY,GAAG,cAAc,KAAK,SAAS,IAAI,OAAO,YAAY,KAAK,UAAU,CAAC;IACxF,MAAM,IAAI,GAAG,YAAY,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,gBAAgB,CAAC;IAE9D,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,OAAa,EAAE,EAAE;QAClD,MAAM,WAAW,GAAG;YAChB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,EAAE,QAAQ,CAAC;YAC/C,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC;SACtD,CAAC;QAEF,IAAI,YAAY,EAAE,CAAC;YACf,YAAY,EAAE,CAAC,WAAW,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACJ,mBAAmB,CAAC,WAAW,CAAC,CAAC;QACrC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,SAAS,mBAAmB,CAAC,SAA0B,EAAE,OAAgG;QACrJ,OAAO,cAAc,CAAC;YAClB,OAAO;YACP,WAAW,EAAE,GAAG,EAAE;gBACd,IAAI,QAAQ;oBAAE,OAAO;gBACrB,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;YACpC,CAAC;YACD,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE;gBAC3B,IAAI,QAAQ;oBAAE,OAAO;gBAErB,IAAI,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC3C,IAAI,MAAM,GAAG,gBAAgB,CAAC,OAAO,CAAC,MAAM,CAAC;gBAE7C,IAAI,SAAS,KAAK,OAAO,IAAI,SAAS,KAAK,cAAc,EAAE,CAAC;oBACxD,KAAK,IAAI,MAAM,CAAC;gBACpB,CAAC;gBACD,IAAI,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,cAAc,EAAE,CAAC;oBACzD,MAAM,IAAI,MAAM,CAAC;gBACrB,CAAC;gBAED,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;oBACf,MAAM,GAAG,gBAAgB,CAAC,OAAO,CAAC,MAAM,CAAC;gBAC7C,CAAC;qBAAM,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;oBACtB,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC3C,CAAC;gBAED,IAAI,eAAe,EAAE,CAAC;oBAClB,MAAM,MAAM,GAAG,gBAAgB,CAAC,OAAO,CAAC,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,MAAM,CAAC;oBAChF,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;wBACxB,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;oBAC5B,CAAC;yBAAM,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;wBAChC,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;oBAC5B,CAAC;yBAAM,CAAC;wBACJ,MAAM,QAAQ,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC;wBACvC,KAAK,GAAG,gBAAgB,CAAC,OAAO,CAAC,KAAK,GAAG,QAAQ,CAAC;wBAClD,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;oBAC5B,CAAC;gBACL,CAAC;gBAED,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;YAClC,CAAC;SACJ,CAAC,CAAC;IACP,CAAC;IAED,MAAM,QAAQ,GAAG;QACb,KAAK,EAAE,CAAC,OAAgG,EAAE,EAAE,CAAC,mBAAmB,CAAC,OAAO,EAAE,OAAO,CAAC;QAClJ,MAAM,EAAE,CAAC,OAAgG,EAAE,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC;QACpJ,cAAc,EAAE,CAAC,OAAgG,EAAE,EAAE,CAAC,mBAAmB,CAAC,cAAc,EAAE,OAAO,CAAC;KAC5J,CAAC;IAEX,OAAO;QACH,IAAI;QACJ,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,UAAU,IAAI,QAAQ,CAAC,MAAM,EAAE,CAAC,UAAU,IAAI,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC,UAAU;QAChH,oBAAoB,EAAE,CAAC,YAA6B,cAAc,EAAE,OAAO,EAAE,EAAE;YAC3E,OAAO,QAAQ,CAAC,SAAS,CAAC,CAAC,OAAO,CAAC,CAAC,kBAAkB,EAAE,CAAC;QAC7D,CAAC;KACJ,CAAC;AACN,CAAC"}
+{"version":3,"file":"useResizable.js","sourceRoot":"","sources":["../../src/core/useResizable.ts"],"names":[],"mappings":"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"}

package/dist/core/useSlider.d.ts

@@ -1,3 +1,4 @@
+import { type ControllableProps } from "./useControllableState.js";
 export interface SliderInfo {
     value: number;
     isDragging: boolean;
@@ -8,15 +9,18 @@ export interface SliderInfo {
     axis: "horizontal" | "vertical";
     direction: "ltr" | "rtl";
 }
-export interface SliderOptions {
-    value?: number;
-    onChange?: (value: number) => void;
-    initialValue?: number;
+type ControllableValueProps = ControllableProps<number, {
+    value: "value";
+    defaultValue: "defaultValue";
+    onValueChange: "onValueChange";
+}>;
+export type SliderOptions = ControllableValueProps & {
     min?: number;
     max?: number;
     step?: number;
     axis?: "horizontal" | "vertical";
     direction?: "ltr" | "rtl";
-}
+};
 export declare function useSlider(options?: SliderOptions): SliderInfo;
+export {};
 //# sourceMappingURL=useSlider.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"useSlider.d.ts","sourceRoot":"","sources":["../../src/core/useSlider.ts"],"names":[],"mappings":"AAIA,OAAO,EAAwB,KAAK,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAEzF,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,KAAK,sBAAsB,GAAG,iBAAiB,CAAC,MAAM,EAAE;IACpD,KAAK,EAAE,OAAO,CAAC;IACf,YAAY,EAAE,cAAc,CAAC;IAC7B,aAAa,EAAE,eAAe,CAAC;CAClC,CAAC,CAAC;AACH,MAAM,MAAM,aAAa,GAAG,sBAAsB,GAAG;IACjD,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,CAAA;AAED,wBAAgB,SAAS,CAAC,OAAO,GAAE,aAAkB,GAAG,UAAU,CAgEjE"}

package/dist/core/useSlider.js

@@ -1,23 +1,17 @@
-import { useState, useRef, useMemo } from "react";
+import { useRef, useMemo } from "react";
 import { useDragGesture } from "./useDragGesture.js";
 import { useEventCallback } from "./useEventCallback.js";
 import { clamp } from "../utils/index.js";
+import { useControllableState } from "./useControllableState.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 { min = 0, max = 100, step = 1, axis = "horizontal", direction = "ltr", } = options;
+    const [value, setValue] = useControllableState(options);
     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);
-        }
+        setValue(final);
     });
     const { isDragging, getDragHandleProps } = useDragGesture({
         onDrag: ({ deltaX, deltaY }) => {

package/dist/core/useSlider.js.map

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

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from "./core/useSlider.js";
 export * from "./core/useResizable.js";
 export * from "./core/useEventCallback.js";
 export * from "./core/useIsomorphicLayoutEffect.js";
+export * from "./core/useControllableState.js";
 export * from "./core/useCustomScroller.js";
 export * from "./core/useKeepActiveItemIntoView.js";
 export * from "./core/useScrollIntoViewHelper.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,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"}
+{"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;AACpD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC"}

package/dist/index.js

@@ -6,6 +6,7 @@ export * from "./core/useSlider.js";
 export * from "./core/useResizable.js";
 export * from "./core/useEventCallback.js";
 export * from "./core/useIsomorphicLayoutEffect.js";
+export * from "./core/useControllableState.js";
 export * from "./core/useCustomScroller.js";
 export * from "./core/useKeepActiveItemIntoView.js";
 export * from "./core/useScrollIntoViewHelper.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,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"}
+{"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;AACpD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cites/react-hooks",
   "description": "React hooks",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "type": "module",
   "scripts": {
     "clean": "rm -rf dist && rm -rf .cache",
@@ -46,6 +46,10 @@
     "./useScrollIntoViewHelper": {
       "default": "./dist/core/useScrollIntoViewHelper.js",
       "types": "./dist/core/useScrollIntoViewHelper.d.ts"
+    },
+    "./useControllableState": {
+      "default": "./dist/core/useControllableState.js",
+      "types": "./dist/core/useControllableState.d.ts"
     }
   },
   "keywords": [