@dreamtree-org/twreact-ui 1.3.10 → 2.0.0

package/dist/esm/hooks/useSliderValues.js

@@ -91,13 +91,17 @@ function useSliderValues(_ref3) {
     setThumb: setThumb
   };
 }
-/** Pointer drag on the track: picks the nearest thumb and follows the pointer. */
+/**
+ * Pointer drag on the track: picks the nearest thumb and follows the pointer.
+ * `onActiveChange(index | null)` reports which thumb is being dragged.
+ */
 function useSliderPointer(_ref4) {
   var trackRef = _ref4.trackRef,
     values = _ref4.values,
     setThumb = _ref4.setThumb,
     bounds = _ref4.bounds,
-    disabled = _ref4.disabled;
+    disabled = _ref4.disabled,
+    onActiveChange = _ref4.onActiveChange;
   var active = useRef(null);
   var toValue = function toValue(clientX) {
     var rect = trackRef.current.getBoundingClientRect();
@@ -112,6 +116,7 @@ function useSliderPointer(_ref4) {
       return Math.abs(v - raw) < Math.abs(values[best] - raw) || v === values[best] && raw > v ? i : best;
     }, 0);
     active.current = nearest;
+    onActiveChange === null || onActiveChange === void 0 || onActiveChange(nearest);
     (_e$currentTarget$setP = (_e$currentTarget = e.currentTarget).setPointerCapture) === null || _e$currentTarget$setP === void 0 || _e$currentTarget$setP.call(_e$currentTarget, e.pointerId);
     setThumb(nearest, raw);
     (_e$currentTarget$quer = e.currentTarget.querySelectorAll('[role="slider"]')[nearest]) === null || _e$currentTarget$quer === void 0 || _e$currentTarget$quer.focus();
@@ -123,6 +128,7 @@ function useSliderPointer(_ref4) {
     if (active.current === null) return;
     setThumb(active.current, toValue(e.clientX), true);
     active.current = null;
+    onActiveChange === null || onActiveChange === void 0 || onActiveChange(null);
   };
   return {
     onPointerDown: onPointerDown,

package/dist/esm/hooks/useSortable.js

@@ -91,7 +91,45 @@ function useSortableKeyboard(_ref) {
     cancel: cancel
   };
 }
+// Mouse / pen: a drag starts once the pointer has moved this far, so clicks inside
+// items still work.
 var DRAG_THRESHOLD = 4;
+// Touch: a drag starts after holding still this long, so a swipe over the list
+// still scrolls the page. Moving further than LONG_PRESS_TOLERANCE first cancels it.
+var LONG_PRESS_DELAY = 250;
+var LONG_PRESS_TOLERANCE = 8;
+// While dragging within this many px of a scroll container's (or the viewport's)
+// edge, the container scrolls; speed grows toward the edge up to AUTO_SCROLL_MAX px/frame.
+var AUTO_SCROLL_EDGE = 40;
+var AUTO_SCROLL_MAX = 16;
+var isScrollable = function isScrollable(el, axis) {
+  var style = window.getComputedStyle(el);
+  var overflow = axis === "horizontal" ? style.overflowX : style.overflowY;
+  if (!/(auto|scroll|overlay)/.test(overflow)) return false;
+  return axis === "horizontal" ? el.scrollWidth > el.clientWidth : el.scrollHeight > el.clientHeight;
+};
+/** Nearest scrollable ancestor along `axis`, or `null` for the window. */
+function getScrollParent(node, axis) {
+  var el = node === null || node === void 0 ? void 0 : node.parentElement;
+  while (el && el !== document.body && el !== document.documentElement) {
+    if (isScrollable(el, axis)) return el;
+    el = el.parentElement;
+  }
+  return null;
+}
+/** Scroll speed (px/frame, signed) for a coordinate near the [start, end] edges. */
+function edgeSpeed(pos, start, end) {
+  var edge = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : AUTO_SCROLL_EDGE;
+  if (pos < start + edge) return -Math.ceil(AUTO_SCROLL_MAX * Math.min(1, (start + edge - pos) / edge));
+  if (pos > end - edge) return Math.ceil(AUTO_SCROLL_MAX * Math.min(1, (pos - (end - edge)) / edge));
+  return 0;
+}
+var raf = function raf(cb) {
+  return typeof window.requestAnimationFrame === "function" ? window.requestAnimationFrame(cb) : setTimeout(cb, 16);
+};
+var caf = function caf(id) {
+  return typeof window.cancelAnimationFrame === "function" ? window.cancelAnimationFrame(id) : clearTimeout(id);
+};
 function useSortablePointer(_ref2) {
   var keys = _ref2.keys,
     setDraft = _ref2.setDraft,
@@ -134,7 +172,12 @@ function useSortablePointer(_ref2) {
     });
     return index === -1 ? others.length : index;
   };
+  // `longPress`: on touch, wait LONG_PRESS_DELAY before picking the item up (used
+  // when the whole item is the drag source, so the list still scrolls on swipe).
   var startFor = function startFor(key) {
+    var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      _ref3$longPress = _ref3.longPress,
+      longPress = _ref3$longPress === void 0 ? false : _ref3$longPress;
     return function (e) {
       if (disabled || e.button > 0) return;
       var start = {
@@ -142,18 +185,59 @@ function useSortablePointer(_ref2) {
         y: e.clientY
       };
       var from = latest.current.keys.indexOf(key);
+      var waitForPress = longPress && e.pointerType === "touch";
       var active = false;
+      var point = start;
+      var pressTimer = null;
+      var frame = null;
+      var scrollTarget = function scrollTarget() {
+        return getScrollParent(latest.current.nodeFor(key), latest.current.orientation);
+      };
+      var _autoScroll = function autoScroll() {
+        frame = null;
+        if (!active) return;
+        var axis = latest.current.orientation;
+        var container = scrollTarget();
+        var rect = container ? container.getBoundingClientRect() : {
+          top: 0,
+          left: 0,
+          bottom: window.innerHeight,
+          right: window.innerWidth
+        };
+        var speed = axis === "horizontal" ? edgeSpeed(point.x, rect.left, rect.right) : edgeSpeed(point.y, rect.top, rect.bottom);
+        if (!speed) return;
+        var dx = axis === "horizontal" ? speed : 0;
+        var dy = axis === "horizontal" ? 0 : speed;
+        if (container) {
+          container.scrollLeft += dx;
+          container.scrollTop += dy;
+        } else if (typeof window.scrollBy === "function") {
+          window.scrollBy(dx, dy);
+        }
+        setDraft(moveKey(latest.current.keys, key, targetIndex(point, key)));
+        frame = raf(_autoScroll);
+      };
+      var activate = function activate() {
+        active = true;
+        setDragging(key);
+      };
       var onMove = function onMove(ev) {
-        var point = {
+        point = {
           x: ev.clientX,
           y: ev.clientY
         };
-        if (!active && Math.hypot(point.x - start.x, point.y - start.y) < DRAG_THRESHOLD) return;
+        var distance = Math.hypot(point.x - start.x, point.y - start.y);
         if (!active) {
-          active = true;
-          setDragging(key);
+          if (waitForPress) {
+            // Finger moved before the long-press fired: it's a scroll, not a drag.
+            if (distance > LONG_PRESS_TOLERANCE) end();
+            return;
+          }
+          if (distance < DRAG_THRESHOLD) return;
+          activate();
         }
         setDraft(moveKey(latest.current.keys, key, targetIndex(point, key)));
+        if (frame === null) frame = raf(_autoScroll);
       };
       var onUp = function onUp() {
         end();
@@ -163,18 +247,36 @@ function useSortablePointer(_ref2) {
       };
       var onCancel = function onCancel() {
         end();
+        if (!active) return;
         setDragging(null);
         setDraft(null);
       };
+      // Once a touch drag is live, stop the browser from scrolling (and from firing
+      // pointercancel); before that, let the page scroll normally.
+      var onTouchMove = function onTouchMove(ev) {
+        if (active && ev.cancelable) ev.preventDefault();
+      };
+      var onContextMenu = function onContextMenu(ev) {
+        if (waitForPress) ev.preventDefault();
+      };
       end();
+      if (waitForPress) pressTimer = setTimeout(activate, LONG_PRESS_DELAY);
       window.addEventListener("pointermove", onMove);
       window.addEventListener("pointerup", onUp);
       window.addEventListener("pointercancel", onCancel);
+      window.addEventListener("touchmove", onTouchMove, {
+        passive: false
+      });
+      window.addEventListener("contextmenu", onContextMenu);
       session.current = {
         detach: function detach() {
+          if (pressTimer !== null) clearTimeout(pressTimer);
+          if (frame !== null) caf(frame);
           window.removeEventListener("pointermove", onMove);
           window.removeEventListener("pointerup", onUp);
           window.removeEventListener("pointercancel", onCancel);
+          window.removeEventListener("touchmove", onTouchMove);
+          window.removeEventListener("contextmenu", onContextMenu);
         }
       };
     };
@@ -185,4 +287,4 @@ function useSortablePointer(_ref2) {
   };
 }
 
-export { DEFAULT_SORTABLE_MESSAGES, moveKey, useSortableKeyboard, useSortablePointer };
+export { AUTO_SCROLL_EDGE, DEFAULT_SORTABLE_MESSAGES, DRAG_THRESHOLD, LONG_PRESS_DELAY, LONG_PRESS_TOLERANCE, edgeSpeed, getScrollParent, moveKey, useSortableKeyboard, useSortablePointer };

package/dist/esm/index.js

@@ -4,9 +4,13 @@ export { default as Select } from './components/core/Select.js';
 export { default as Table } from './components/core/Table/Table.js';
 import 'react/jsx-runtime';
 import 'react';
-import 'react-dom';
 export { cn } from './utils/cn.js';
+import 'react-dom';
+import '@floating-ui/react-dom';
+import './components/core/menu/ActionSheetMenu.js';
 import 'lucide-react';
+export { default as SwipeableListItem } from './components/core/SwipeableListItem.js';
+export { default as Sheet } from './components/feedback/Sheet.js';
 import './components/core/Table/constants.js';
 export { default as Form } from './components/core/Form.js';
 export { default as Accordion } from './components/core/Accordion.js';
@@ -31,17 +35,21 @@ export { default as TextToSpeech } from './components/core/TextToSpeech.js';
 export { default as Textarea } from './components/core/Textarea.js';
 export { default as Slider } from './components/core/Slider.js';
 export { default as Popover } from './components/core/Popover.js';
+export { default as SegmentedControl } from './components/core/SegmentedControl.js';
+export { default as SearchField } from './components/core/SearchField.js';
 export { default as Sidebar } from './components/navigation/Sidebar.js';
 export { Navbar } from './components/navigation/Navbar.js';
 export { default as FootNav } from './components/navigation/FootNav.js';
 export { default as Breadcrumbs } from './components/navigation/Breadcrumbs.js';
 export { default as Dialog } from './components/feedback/Dialog.js';
-export { Toast, ToastContainer, ToastProvider, useToast } from './components/feedback/Toast.js';
+export { ToastContainer, ToastProvider, useToast } from './components/feedback/Toast.js';
 export { default as Alert } from './components/feedback/Alert.js';
 export { default as Drawer } from './components/feedback/Drawer.js';
+export { default as ActionSheet } from './components/feedback/ActionSheet.js';
 export { default as Tour } from './components/feedback/Tour.js';
 export { default as Badge } from './components/utility/Badge.js';
 export { default as Avatar } from './components/utility/Avatar.js';
+export { default as AvatarGroup } from './components/utility/AvatarGroup.js';
 export { default as Card } from './components/utility/Card.js';
 export { default as Pagination } from './components/utility/Pagination.js';
 export { default as Stepper } from './components/utility/Stepper.js';
@@ -49,6 +57,7 @@ export { default as FileUpload } from './components/utility/FileUpload.js';
 export { Condition } from './components/utility/Condition.js';
 export { Carousel } from './components/utility/Carousel.js';
 export { default as Sortable } from './components/utility/Sortable.js';
+export { default as PullToRefresh } from './components/utility/PullToRefresh.js';
 export { default as AppShell } from './components/blocks/AppShell.js';
 export { default as PageHeader } from './components/blocks/PageHeader.js';
 export { default as StatCard } from './components/blocks/StatCard.js';
@@ -57,9 +66,12 @@ export { default as EmptyState } from './components/blocks/EmptyState.js';
 export { default as ErrorState } from './components/blocks/ErrorState.js';
 export { default as LoadingState } from './components/blocks/LoadingState.js';
 export { default as ConfirmDialog } from './components/blocks/ConfirmDialog.js';
+export { default as BottomActionBar } from './components/blocks/BottomActionBar.js';
 export { ThemeProvider, useTheme } from './hooks/useTheme.js';
 export { useMixins } from './hooks/useMixins.js';
 export { useApi } from './hooks/useApi.js';
+export { useHaptics } from './hooks/useHaptics.js';
 export { StoreProvider } from './store/index.js';
 export { Helpers } from './utils/helpers.js';
 export { EmitterClass as Emitter } from './utils/emitter.js';
+export { default as Toast } from './components/feedback/ToastItem.js';

package/dist/esm/utils/position.js

@@ -1,14 +1,16 @@
 import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
 
 /**
- * @deprecated Use `useFloatingPosition` (src/hooks/useFloatingPosition.js,
- * built on @floating-ui/react-dom) for new overlays. This module stays until
- * Popover and Tour migrate; `prefersReducedMotion` / `revealElement` remain
- * in use elsewhere.
+ * Internal (not exported from `src/index.js`). Small DOM helpers shared by
+ * overlays: `setRefs`, `revealElement`, `prefersReducedMotion` and
+ * `parsePlacement` stay in use.
+ *
+ * Positioning is no longer done here: every anchored overlay (Popover, Select,
+ * DatePicker, DateRangePicker, Tooltip, Tour, the menu primitives) uses
+ * `useFloatingPosition` (src/hooks/useFloatingPosition.js, built on
+ * @floating-ui/react-dom). The old `computePosition` helper was removed in
+ * 2.0.0 (DTUI-65).
  */
-// Internal (not exported). Viewport-space positioning shared by Popover and Tour.
-// All rects are getBoundingClientRect() values, so the result is for
-// `position: fixed`.
 var OPPOSITE = {
   top: "bottom",
   bottom: "top",
@@ -28,61 +30,6 @@ function parsePlacement() {
     align: align
   };
 }
-function roomOn(side, anchor, viewport) {
-  if (side === "top") return anchor.top;
-  if (side === "bottom") return viewport.height - anchor.bottom;
-  if (side === "left") return anchor.left;
-  return viewport.width - anchor.right;
-}
-function chooseSide(side, anchor, size, offset, viewport) {
-  var needed = (side === "top" || side === "bottom" ? size.height : size.width) + offset;
-  if (roomOn(side, anchor, viewport) >= needed) return side;
-  var flipped = OPPOSITE[side];
-  return roomOn(flipped, anchor, viewport) > roomOn(side, anchor, viewport) ? flipped : side;
-}
-function alignAxis(align, start, length, size) {
-  if (align === "start") return start;
-  if (align === "end") return start + length - size;
-  return start + length / 2 - size / 2;
-}
-var clamp = function clamp(value, min, max) {
-  return Math.max(min, Math.min(value, Math.max(min, max)));
-};
-/**
- * Places a floating box of `size` next to `anchor`. Flips to the opposite side
- * when the requested side lacks room, then clamps into the viewport.
- * Returns `{ top, left, side }`.
- */
-function computePosition(anchor, size, _ref) {
-  var placement = _ref.placement,
-    _ref$offset = _ref.offset,
-    offset = _ref$offset === void 0 ? 8 : _ref$offset,
-    _ref$padding = _ref.padding,
-    padding = _ref$padding === void 0 ? 8 : _ref$padding,
-    viewport = _ref.viewport;
-  var vp = viewport || {
-    width: window.innerWidth,
-    height: window.innerHeight
-  };
-  var _parsePlacement = parsePlacement(placement),
-    wanted = _parsePlacement.side,
-    align = _parsePlacement.align;
-  var side = chooseSide(wanted, anchor, size, offset, vp);
-  var top;
-  var left;
-  if (side === "top" || side === "bottom") {
-    top = side === "top" ? anchor.top - size.height - offset : anchor.bottom + offset;
-    left = alignAxis(align, anchor.left, anchor.width, size.width);
-  } else {
-    left = side === "left" ? anchor.left - size.width - offset : anchor.right + offset;
-    top = alignAxis(align, anchor.top, anchor.height, size.height);
-  }
-  return {
-    top: Math.round(clamp(top, padding, vp.height - size.height - padding)),
-    left: Math.round(clamp(left, padding, vp.width - size.width - padding)),
-    side: side
-  };
-}
 /** `true` when the user asked the OS for reduced motion. */
 function prefersReducedMotion() {
   if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
@@ -137,4 +84,4 @@ function setRefs(node) {
   });
 }
 
-export { computePosition, parsePlacement, prefersReducedMotion, revealElement, setRefs };
+export { parsePlacement, prefersReducedMotion, revealElement, setRefs };

package/dist/esm/utils/touchTarget.js

@@ -2,5 +2,8 @@
 // touch target (WCAG 2.5.5, Apple HIG) on coarse pointers only, so desktop
 // layouts keep their compact size. Pair with inline-flex centering.
 var TOUCH_TARGET = "[@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:min-w-11";
+// Internal (not exported). Native-feeling press: a slight shrink while pressed,
+// off under prefers-reduced-motion. Add to pressables (buttons, tiles, tab items).
+var PRESS_FEEDBACK = "active:scale-[0.97] motion-reduce:active:scale-100 transition-transform duration-fast";
 
-export { TOUCH_TARGET };
+export { PRESS_FEEDBACK, TOUCH_TARGET };

package/dist/hooks/useFloatingPosition.d.ts

@@ -6,19 +6,23 @@
  * @param {number} [options.offset=4] - gap in px between reference and floating.
  * @param {boolean} [options.flip=true] - flip to the opposite side when out of room.
  * @param {boolean} [options.shift=true] - slide along the axis to stay in view (8px padding).
- * @param {boolean} [options.matchWidth=false] - set the floating element's
- *   min-width to the reference's width (listboxes, comboboxes).
+ * @param {boolean|'exact'} [options.matchWidth=false] - `true` sets the floating
+ *   element's min-width to the reference's width (listboxes, comboboxes);
+ *   `'exact'` sets its width too.
+ * @param {number} [options.maxHeight] - px cap on the floating element's
+ *   height; it also shrinks to the space left on its side (min 80px).
  * @param {'fixed'|'absolute'} [options.strategy='fixed']
  * @param {boolean} [options.open] - while false, auto-updates are paused.
  * @returns {{ refs: { setReference: Function, setFloating: Function, reference: object, floating: object },
  *   floatingStyles: object, placement: string, isPositioned: boolean, update: () => void }}
  */
-export function useFloatingPosition({ placement, offset, flip, shift, matchWidth, strategy, open, }?: {
+export function useFloatingPosition({ placement, offset, flip, shift, matchWidth, maxHeight, strategy, open, }?: {
     placement?: import("@floating-ui/utils").Placement | undefined;
     offset?: number | undefined;
     flip?: boolean | undefined;
     shift?: boolean | undefined;
-    matchWidth?: boolean | undefined;
+    matchWidth?: boolean | "exact" | undefined;
+    maxHeight?: number | undefined;
     strategy?: "fixed" | "absolute" | undefined;
     open?: boolean | undefined;
 }): {

package/dist/hooks/useFloatingPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFloatingPosition.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloatingPosition.js"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;GAcG;AACH,sGAXG;IAA6D,SAAS;IAC7C,MAAM;IACL,IAAI;IACJ,KAAK;IACL,UAAU;IAEC,QAAQ;IACnB,IAAI;CAC9B,GAAU;IAAE,IAAI,EAAE;QAAE,YAAY,WAAW;QAAC,WAAW,WAAW;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IACvG,cAAc,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,CAuC1F"}
+{"version":3,"file":"useFloatingPosition.d.ts","sourceRoot":"","sources":["../../src/hooks/useFloatingPosition.js"],"names":[],"mappings":"AAgBA;;;;;;;;;;;;;;;;;GAiBG;AACH,iHAdG;IAA6D,SAAS;IAC7C,MAAM;IACL,IAAI;IACJ,KAAK;IACG,UAAU;IAGnB,SAAS;IAEG,QAAQ;IACnB,IAAI;CAC9B,GAAU;IAAE,IAAI,EAAE;QAAE,YAAY,WAAW;QAAC,WAAW,WAAW;QAAC,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IACvG,cAAc,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,OAAO,CAAC;IAAC,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,CA+C1F"}

package/dist/hooks/useHaptics.d.ts

@@ -0,0 +1,19 @@
+import type { HapticPatternName, UseHapticsOptions, UseHapticsReturn } from "../types";
+/**
+ * Named vibration patterns (milliseconds; arrays alternate vibrate / pause).
+ * Kept short: haptics confirm an action, they never carry information alone.
+ */
+export declare const HAPTIC_PATTERNS: Readonly<Record<HapticPatternName, number | number[]>>;
+/**
+ * Thin, opt-in wrapper around `navigator.vibrate` with named patterns.
+ *
+ * `trigger` is a no-op (returns `false`) when the Vibration API is missing
+ * (iOS Safari, desktop Safari, the server), when the user asks for reduced
+ * motion, when `enabled` is `false`, or for an unknown pattern name.
+ *
+ * @param options - `enabled` (default `true`) gates every trigger.
+ * @returns `{ trigger, supported, reducedMotion }`.
+ */
+export declare function useHaptics({ enabled }?: UseHapticsOptions): UseHapticsReturn;
+export default useHaptics;
+//# sourceMappingURL=useHaptics.d.ts.map

package/dist/hooks/useHaptics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHaptics.d.ts","sourceRoot":"","sources":["../../src/hooks/useHaptics.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAiB,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEtG;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,QAAQ,CAAC,MAAM,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC,CAKjF,CAAC;AAgBH;;;;;;;;;GASG;AACH,wBAAgB,UAAU,CAAC,EAAE,OAAc,EAAE,GAAE,iBAAsB,GAAG,gBAAgB,CAoBvF;AAED,eAAe,UAAU,CAAC"}

package/dist/hooks/useSheetDrag.d.ts

@@ -0,0 +1,31 @@
+/**
+ * iOS-style rubber band: the further past a limit, the less the sheet follows.
+ * Returns a value in [0, dimension) for `distance` >= 0.
+ */
+export function rubberBand(distance: any, dimension: any): number;
+/**
+ * @param {{
+ *   edge?: 'bottom'|'top'|'left'|'right',
+ *   enabled?: boolean,
+ *   onRelease?: (r: { delta: number, velocity: number }) => void,
+ *   bodyEl?: HTMLElement | null,
+ * }} options
+ * @returns {{ delta: number, dragging: boolean, dragProps: object, bodyDragProps: object }}
+ */
+export function useSheetDrag({ edge, enabled, onRelease, bodyEl }?: {
+    edge?: "bottom" | "top" | "left" | "right";
+    enabled?: boolean;
+    onRelease?: (r: {
+        delta: number;
+        velocity: number;
+    }) => void;
+    bodyEl?: HTMLElement | null;
+}): {
+    delta: number;
+    dragging: boolean;
+    dragProps: object;
+    bodyDragProps: object;
+};
+export const FLICK_VELOCITY: 0.5;
+export default useSheetDrag;
+//# sourceMappingURL=useSheetDrag.d.ts.map

package/dist/hooks/useSheetDrag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSheetDrag.d.ts","sourceRoot":"","sources":["../../src/hooks/useSheetDrag.js"],"names":[],"mappings":"AA6BA;;;GAGG;AACH,kEAGC;AAYD;;;;;;;;GAQG;AACH,oEARW;IACN,IAAI,CAAC,EAAE,QAAQ,GAAC,KAAK,GAAC,MAAM,GAAC,OAAO,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC7D,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC7B,GACS;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,MAAM,CAAC;IAAC,aAAa,EAAE,MAAM,CAAA;CAAE,CAoH1F;AAzJD,6BAA8B,GAAG,CAAC"}

package/dist/hooks/useSliderValues.d.ts

@@ -26,13 +26,17 @@ export function useSliderValues({ value, defaultValue, onChange, onChangeEnd, bo
     isRange: boolean;
     setThumb: (index: any, raw: any, commit?: boolean) => void;
 };
-/** Pointer drag on the track: picks the nearest thumb and follows the pointer. */
-export function useSliderPointer({ trackRef, values, setThumb, bounds, disabled }: {
+/**
+ * Pointer drag on the track: picks the nearest thumb and follows the pointer.
+ * `onActiveChange(index | null)` reports which thumb is being dragged.
+ */
+export function useSliderPointer({ trackRef, values, setThumb, bounds, disabled, onActiveChange }: {
     trackRef: any;
     values: any;
     setThumb: any;
     bounds: any;
     disabled: any;
+    onActiveChange: any;
 }): {
     onPointerDown: (e: any) => void;
     onPointerMove: (e: any) => void;

package/dist/hooks/useSliderValues.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSliderValues.d.ts","sourceRoot":"","sources":["../../src/hooks/useSliderValues.js"],"names":[],"mappings":"AAQA;;;;WAGC;AAID,kFAAkF;AAClF;;;;;QAmBC;AAED;;;;GAIG;AACH;;;;;;;;;;EAqBC;AAED,kFAAkF;AAClF;;;;;;;;;;;EA8BC;AAnFM,8DAAsF"}
+{"version":3,"file":"useSliderValues.d.ts","sourceRoot":"","sources":["../../src/hooks/useSliderValues.js"],"names":[],"mappings":"AAQA;;;;WAGC;AAID,kFAAkF;AAClF;;;;;QAmBC;AAED;;;;GAIG;AACH;;;;;;;;;;EAqBC;AAED;;;GAGG;AACH;;;;;;;;;;;;EAgCC;AAxFM,8DAAsF"}

package/dist/hooks/useSortable.d.ts

@@ -11,6 +11,10 @@ export function useSortableKeyboard({ keys, setDraft, commit, announce, labelFor
     keyDownFor: (key: any) => (e: any) => void;
     cancel: () => void;
 };
+/** Nearest scrollable ancestor along `axis`, or `null` for the window. */
+export function getScrollParent(node: any, axis: any): any;
+/** Scroll speed (px/frame, signed) for a coordinate near the [start, end] edges. */
+export function edgeSpeed(pos: any, start: any, end: any, edge?: number): number;
 export function useSortablePointer({ keys, setDraft, commit, nodeFor, orientation, disabled }: {
     keys: any;
     setDraft: any;
@@ -20,7 +24,9 @@ export function useSortablePointer({ keys, setDraft, commit, nodeFor, orientatio
     disabled: any;
 }): {
     dragging: null;
-    startFor: (key: any) => (e: any) => void;
+    startFor: (key: any, { longPress }?: {
+        longPress?: boolean | undefined;
+    }) => (e: any) => void;
 };
 export namespace DEFAULT_SORTABLE_MESSAGES {
     let instructions: string;
@@ -29,4 +35,8 @@ export namespace DEFAULT_SORTABLE_MESSAGES {
     function dropped(label: any, position: any, total: any): string;
     function cancelled(label: any, position: any): string;
 }
+export const DRAG_THRESHOLD: 4;
+export const LONG_PRESS_DELAY: 250;
+export const LONG_PRESS_TOLERANCE: 8;
+export const AUTO_SCROLL_EDGE: 40;
 //# sourceMappingURL=useSortable.d.ts.map

package/dist/hooks/useSortable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSortable.d.ts","sourceRoot":"","sources":["../../src/hooks/useSortable.js"],"names":[],"mappings":"AAOA,gEAIC;AAcD;;;;;;;;;+BAK+B,MAAC;;EAqC/B;AAID;;;;;;;;;6BAsB6B,MAAC;EAuC7B;;;IApHU,gEAAmF;IACrF,8DAAiF;IAC/E,gEAAmF;IACjF,sDAAoF"}
+{"version":3,"file":"useSortable.d.ts","sourceRoot":"","sources":["../../src/hooks/useSortable.js"],"names":[],"mappings":"AAOA,gEAIC;AAcD;;;;;;;;;+BAK+B,MAAC;;EAqC/B;AAqBD,0EAA0E;AAC1E,2DAOC;AAED,oFAAoF;AACpF,iFAIC;AAOD;;;;;;;;;;;WAwByD,MAAC;EAgGzD;;;IAtNU,gEAAmF;IACrF,8DAAiF;IAC/E,gEAAmF;IACjF,sDAAoF;;AAoDjG,6BAA8B,CAAC,CAAC;AAGhC,+BAAgC,GAAG,CAAC;AACpC,mCAAoC,CAAC,CAAC;AAGtC,+BAAgC,EAAE,CAAC"}