@fanvue/ui 2.15.1 → 2.16.0

package/dist/cjs/index.cjs

@@ -217,6 +217,7 @@ const TextField = require("./components/TextField/TextField.cjs");
 const Toast = require("./components/Toast/Toast.cjs");
 const Tooltip = require("./components/Tooltip/Tooltip.cjs");
 const cn = require("./utils/cn.cjs");
+const useSuppressClickAfterDrag = require("./utils/useSuppressClickAfterDrag.cjs");
 Object.defineProperty(exports, "Slot", {
   enumerable: true,
   get: () => reactSlot.Slot
@@ -506,4 +507,5 @@ exports.TooltipContent = Tooltip.TooltipContent;
 exports.TooltipProvider = Tooltip.TooltipProvider;
 exports.TooltipTrigger = Tooltip.TooltipTrigger;
 exports.cn = cn.cn;
+exports.useSuppressClickAfterDrag = useSuppressClickAfterDrag.useSuppressClickAfterDrag;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/utils/useSuppressClickAfterDrag.cjs

@@ -22,10 +22,11 @@ const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const TAP_MOVEMENT_THRESHOLD_PX = 10;
 function useSuppressClickAfterDrag(props) {
   const tapRef = React__namespace.useRef(null);
+  const consumer = props ?? {};
   return {
-    ...props,
+    ...consumer,
     onPointerDown(event) {
-      props.onPointerDown?.(event);
+      consumer.onPointerDown?.(event);
       if (event.pointerType === "mouse") {
         tapRef.current = null;
         return;
@@ -39,7 +40,7 @@ function useSuppressClickAfterDrag(props) {
       };
     },
     onPointerMove(event) {
-      props.onPointerMove?.(event);
+      consumer.onPointerMove?.(event);
       const tap = tapRef.current;
       if (tap === null || event.pointerId !== tap.pointerId || tap.movedPastThreshold) return;
       const dx = event.clientX - tap.x;
@@ -49,7 +50,7 @@ function useSuppressClickAfterDrag(props) {
       }
     },
     onPointerCancel(event) {
-      props.onPointerCancel?.(event);
+      consumer.onPointerCancel?.(event);
       const tap = tapRef.current;
       if (tap !== null && event.pointerId === tap.pointerId) {
         tapRef.current = null;
@@ -63,7 +64,7 @@ function useSuppressClickAfterDrag(props) {
         event.stopPropagation();
         return;
       }
-      props.onClick?.(event);
+      consumer.onClick?.(event);
     }
   };
 }

package/dist/cjs/utils/useSuppressClickAfterDrag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSuppressClickAfterDrag.cjs","sources":["../../../src/utils/useSuppressClickAfterDrag.ts"],"sourcesContent":["import * as React from \"react\";\n\nconst TAP_MOVEMENT_THRESHOLD_PX = 10;\n\ntype ActiveTap = {\n  pointerId: number;\n  x: number;\n  y: number;\n  movedPastThreshold: boolean;\n};\n\ntype GatedHandlers = {\n  onPointerDown?: React.PointerEventHandler;\n  onPointerMove?: React.PointerEventHandler;\n  onPointerCancel?: React.PointerEventHandler;\n  onClick?: React.MouseEventHandler;\n};\n\n/**\n * Composes the consumer's pointer/click handlers with a touch-drag tracker\n * that suppresses the synthetic click an Android Chrome scroll-drag-end can\n * dispatch on a click-based Radix trigger (Popover / Dialog / Drawer).\n *\n * On touch / pen input, if the press-and-release crosses a movement threshold,\n * the subsequent `click` is preventDefault'd — short-circuiting Radix's own\n * `onOpenToggle` via `composeEventHandlers` — and stopPropagation'd so it\n * doesn't bubble to ancestors. Mouse input passes through unchanged because\n * mouse never triggers the Android scroll-drag bug class.\n *\n * Related: radix-ui/primitives#1912 (DropdownMenu pointerdown variant) and\n * #2702 (DismissableLayer touch dismiss). For the DropdownMenu pointerdown\n * variant see `components/DropdownMenu/DropdownMenu.tsx`.\n */\nexport function useSuppressClickAfterDrag<P extends GatedHandlers>(props: P): P {\n  const tapRef = React.useRef<ActiveTap | null>(null);\n\n  return {\n    ...props,\n    onPointerDown(event) {\n      props.onPointerDown?.(event);\n      if (event.pointerType === \"mouse\") {\n        tapRef.current = null;\n        return;\n      }\n      // Keep pointermove on this element if the finger drifts off.\n      // Optional because jsdom (used in tests) doesn't implement it.\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n      tapRef.current = {\n        pointerId: event.pointerId,\n        x: event.clientX,\n        y: event.clientY,\n        movedPastThreshold: false,\n      };\n    },\n    onPointerMove(event) {\n      props.onPointerMove?.(event);\n      const tap = tapRef.current;\n      if (tap === null || event.pointerId !== tap.pointerId || tap.movedPastThreshold) return;\n      const dx = event.clientX - tap.x;\n      const dy = event.clientY - tap.y;\n      if (Math.hypot(dx, dy) > TAP_MOVEMENT_THRESHOLD_PX) {\n        tap.movedPastThreshold = true;\n      }\n    },\n    onPointerCancel(event) {\n      props.onPointerCancel?.(event);\n      const tap = tapRef.current;\n      if (tap !== null && event.pointerId === tap.pointerId) {\n        tapRef.current = null;\n      }\n    },\n    onClick(event) {\n      const tap = tapRef.current;\n      tapRef.current = null;\n      if (tap?.movedPastThreshold) {\n        // preventDefault stops Radix's onClick → onOpenToggle via\n        // composeEventHandlers. stopPropagation prevents the synthetic click\n        // from bubbling to ancestor click handlers.\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      props.onClick?.(event);\n    },\n  };\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,MAAM,4BAA4B;AA+B3B,SAAS,0BAAmD,OAAa;AAC9E,QAAM,SAASA,iBAAM,OAAyB,IAAI;AAElD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,cAAc,OAAO;AACnB,YAAM,gBAAgB,KAAK;AAC3B,UAAI,MAAM,gBAAgB,SAAS;AACjC,eAAO,UAAU;AACjB;AAAA,MACF;AAGA,YAAM,cAAc,oBAAoB,MAAM,SAAS;AACvD,aAAO,UAAU;AAAA,QACf,WAAW,MAAM;AAAA,QACjB,GAAG,MAAM;AAAA,QACT,GAAG,MAAM;AAAA,QACT,oBAAoB;AAAA,MAAA;AAAA,IAExB;AAAA,IACA,cAAc,OAAO;AACnB,YAAM,gBAAgB,KAAK;AAC3B,YAAM,MAAM,OAAO;AACnB,UAAI,QAAQ,QAAQ,MAAM,cAAc,IAAI,aAAa,IAAI,mBAAoB;AACjF,YAAM,KAAK,MAAM,UAAU,IAAI;AAC/B,YAAM,KAAK,MAAM,UAAU,IAAI;AAC/B,UAAI,KAAK,MAAM,IAAI,EAAE,IAAI,2BAA2B;AAClD,YAAI,qBAAqB;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,gBAAgB,OAAO;AACrB,YAAM,kBAAkB,KAAK;AAC7B,YAAM,MAAM,OAAO;AACnB,UAAI,QAAQ,QAAQ,MAAM,cAAc,IAAI,WAAW;AACrD,eAAO,UAAU;AAAA,MACnB;AAAA,IACF;AAAA,IACA,QAAQ,OAAO;AACb,YAAM,MAAM,OAAO;AACnB,aAAO,UAAU;AACjB,UAAI,KAAK,oBAAoB;AAI3B,cAAM,eAAA;AACN,cAAM,gBAAA;AACN;AAAA,MACF;AACA,YAAM,UAAU,KAAK;AAAA,IACvB;AAAA,EAAA;AAEJ;;"}
+{"version":3,"file":"useSuppressClickAfterDrag.cjs","sources":["../../../src/utils/useSuppressClickAfterDrag.ts"],"sourcesContent":["import * as React from \"react\";\n\nconst TAP_MOVEMENT_THRESHOLD_PX = 10;\n\ntype ActiveTap = {\n  pointerId: number;\n  x: number;\n  y: number;\n  movedPastThreshold: boolean;\n};\n\ntype GatedHandlers = {\n  onPointerDown?: React.PointerEventHandler;\n  onPointerMove?: React.PointerEventHandler;\n  onPointerCancel?: React.PointerEventHandler;\n  onClick?: React.MouseEventHandler;\n};\n\n/**\n * Composes the consumer's pointer/click handlers with a touch-drag tracker\n * that suppresses the synthetic click an Android Chrome scroll-drag-end can\n * dispatch on a click-based Radix trigger (Popover / Dialog / Drawer).\n *\n * On touch / pen input, if the press-and-release crosses a movement threshold,\n * the subsequent `click` is preventDefault'd — short-circuiting Radix's own\n * `onOpenToggle` via `composeEventHandlers` — and stopPropagation'd so it\n * doesn't bubble to ancestors. Mouse input passes through unchanged because\n * mouse never triggers the Android scroll-drag bug class.\n *\n * Related: radix-ui/primitives#1912 (DropdownMenu pointerdown variant) and\n * #2702 (DismissableLayer touch dismiss). For the DropdownMenu pointerdown\n * variant see `components/DropdownMenu/DropdownMenu.tsx`.\n */\nexport function useSuppressClickAfterDrag<P extends GatedHandlers = GatedHandlers>(\n  props?: P,\n): P & Required<GatedHandlers> {\n  const tapRef = React.useRef<ActiveTap | null>(null);\n  const consumer = props ?? ({} as P);\n\n  return {\n    ...consumer,\n    onPointerDown(event) {\n      consumer.onPointerDown?.(event);\n      if (event.pointerType === \"mouse\") {\n        tapRef.current = null;\n        return;\n      }\n      // Keep pointermove on this element if the finger drifts off.\n      // Optional because jsdom (used in tests) doesn't implement it.\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n      tapRef.current = {\n        pointerId: event.pointerId,\n        x: event.clientX,\n        y: event.clientY,\n        movedPastThreshold: false,\n      };\n    },\n    onPointerMove(event) {\n      consumer.onPointerMove?.(event);\n      const tap = tapRef.current;\n      if (tap === null || event.pointerId !== tap.pointerId || tap.movedPastThreshold) return;\n      const dx = event.clientX - tap.x;\n      const dy = event.clientY - tap.y;\n      if (Math.hypot(dx, dy) > TAP_MOVEMENT_THRESHOLD_PX) {\n        tap.movedPastThreshold = true;\n      }\n    },\n    onPointerCancel(event) {\n      consumer.onPointerCancel?.(event);\n      const tap = tapRef.current;\n      if (tap !== null && event.pointerId === tap.pointerId) {\n        tapRef.current = null;\n      }\n    },\n    onClick(event) {\n      const tap = tapRef.current;\n      tapRef.current = null;\n      if (tap?.movedPastThreshold) {\n        // preventDefault stops Radix's onClick → onOpenToggle via\n        // composeEventHandlers. stopPropagation prevents the synthetic click\n        // from bubbling to ancestor click handlers.\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      consumer.onClick?.(event);\n    },\n  };\n}\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA,MAAM,4BAA4B;AA+B3B,SAAS,0BACd,OAC6B;AAC7B,QAAM,SAASA,iBAAM,OAAyB,IAAI;AAClD,QAAM,WAAW,SAAU,CAAA;AAE3B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,cAAc,OAAO;AACnB,eAAS,gBAAgB,KAAK;AAC9B,UAAI,MAAM,gBAAgB,SAAS;AACjC,eAAO,UAAU;AACjB;AAAA,MACF;AAGA,YAAM,cAAc,oBAAoB,MAAM,SAAS;AACvD,aAAO,UAAU;AAAA,QACf,WAAW,MAAM;AAAA,QACjB,GAAG,MAAM;AAAA,QACT,GAAG,MAAM;AAAA,QACT,oBAAoB;AAAA,MAAA;AAAA,IAExB;AAAA,IACA,cAAc,OAAO;AACnB,eAAS,gBAAgB,KAAK;AAC9B,YAAM,MAAM,OAAO;AACnB,UAAI,QAAQ,QAAQ,MAAM,cAAc,IAAI,aAAa,IAAI,mBAAoB;AACjF,YAAM,KAAK,MAAM,UAAU,IAAI;AAC/B,YAAM,KAAK,MAAM,UAAU,IAAI;AAC/B,UAAI,KAAK,MAAM,IAAI,EAAE,IAAI,2BAA2B;AAClD,YAAI,qBAAqB;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,gBAAgB,OAAO;AACrB,eAAS,kBAAkB,KAAK;AAChC,YAAM,MAAM,OAAO;AACnB,UAAI,QAAQ,QAAQ,MAAM,cAAc,IAAI,WAAW;AACrD,eAAO,UAAU;AAAA,MACnB;AAAA,IACF;AAAA,IACA,QAAQ,OAAO;AACb,YAAM,MAAM,OAAO;AACnB,aAAO,UAAU;AACjB,UAAI,KAAK,oBAAoB;AAI3B,cAAM,eAAA;AACN,cAAM,gBAAA;AACN;AAAA,MACF;AACA,eAAS,UAAU,KAAK;AAAA,IAC1B;AAAA,EAAA;AAEJ;;"}

package/dist/index.d.ts

@@ -2198,6 +2198,13 @@ export declare const GameIcon: React_2.ForwardRefExoticComponent<BaseIconProps &
 /** Props for {@link GameIcon}. See {@link BaseIconProps} for the shared shape. */
 export declare type GameIconProps = BaseIconProps;
 
+declare type GatedHandlers = {
+    onPointerDown?: React_2.PointerEventHandler;
+    onPointerMove?: React_2.PointerEventHandler;
+    onPointerCancel?: React_2.PointerEventHandler;
+    onClick?: React_2.MouseEventHandler;
+};
+
 /**
  * Gender icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
  *
@@ -4519,6 +4526,23 @@ export declare const UsersIcon: React_2.ForwardRefExoticComponent<BaseIconProps
 /** Props for {@link UsersIcon}. See {@link BaseIconProps} for the shared shape. */
 export declare type UsersIconProps = BaseIconProps;
 
+/**
+ * Composes the consumer's pointer/click handlers with a touch-drag tracker
+ * that suppresses the synthetic click an Android Chrome scroll-drag-end can
+ * dispatch on a click-based Radix trigger (Popover / Dialog / Drawer).
+ *
+ * On touch / pen input, if the press-and-release crosses a movement threshold,
+ * the subsequent `click` is preventDefault'd — short-circuiting Radix's own
+ * `onOpenToggle` via `composeEventHandlers` — and stopPropagation'd so it
+ * doesn't bubble to ancestors. Mouse input passes through unchanged because
+ * mouse never triggers the Android scroll-drag bug class.
+ *
+ * Related: radix-ui/primitives#1912 (DropdownMenu pointerdown variant) and
+ * #2702 (DismissableLayer touch dismiss). For the DropdownMenu pointerdown
+ * variant see `components/DropdownMenu/DropdownMenu.tsx`.
+ */
+export declare function useSuppressClickAfterDrag<P extends GatedHandlers = GatedHandlers>(props?: P): P & Required<GatedHandlers>;
+
 /**
  * Vault icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
  *

package/dist/index.mjs

@@ -215,6 +215,7 @@ import { TextField } from "./components/TextField/TextField.mjs";
 import { Toast, ToastProvider, ToastViewport } from "./components/Toast/Toast.mjs";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/Tooltip/Tooltip.mjs";
 import { cn } from "./utils/cn.mjs";
+import { useSuppressClickAfterDrag } from "./utils/useSuppressClickAfterDrag.mjs";
 export {
   AI2Icon,
   AIDisclosureIcon,
@@ -498,6 +499,7 @@ export {
   WifiOnIcon,
   WrenchIcon,
   cn,
-  useAudioRecorder
+  useAudioRecorder,
+  useSuppressClickAfterDrag
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utils/useSuppressClickAfterDrag.mjs

@@ -3,10 +3,11 @@ import * as React from "react";
 const TAP_MOVEMENT_THRESHOLD_PX = 10;
 function useSuppressClickAfterDrag(props) {
   const tapRef = React.useRef(null);
+  const consumer = props ?? {};
   return {
-    ...props,
+    ...consumer,
     onPointerDown(event) {
-      props.onPointerDown?.(event);
+      consumer.onPointerDown?.(event);
       if (event.pointerType === "mouse") {
         tapRef.current = null;
         return;
@@ -20,7 +21,7 @@ function useSuppressClickAfterDrag(props) {
       };
     },
     onPointerMove(event) {
-      props.onPointerMove?.(event);
+      consumer.onPointerMove?.(event);
       const tap = tapRef.current;
       if (tap === null || event.pointerId !== tap.pointerId || tap.movedPastThreshold) return;
       const dx = event.clientX - tap.x;
@@ -30,7 +31,7 @@ function useSuppressClickAfterDrag(props) {
       }
     },
     onPointerCancel(event) {
-      props.onPointerCancel?.(event);
+      consumer.onPointerCancel?.(event);
       const tap = tapRef.current;
       if (tap !== null && event.pointerId === tap.pointerId) {
         tapRef.current = null;
@@ -44,7 +45,7 @@ function useSuppressClickAfterDrag(props) {
         event.stopPropagation();
         return;
       }
-      props.onClick?.(event);
+      consumer.onClick?.(event);
     }
   };
 }

package/dist/utils/useSuppressClickAfterDrag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useSuppressClickAfterDrag.mjs","sources":["../../src/utils/useSuppressClickAfterDrag.ts"],"sourcesContent":["import * as React from \"react\";\n\nconst TAP_MOVEMENT_THRESHOLD_PX = 10;\n\ntype ActiveTap = {\n  pointerId: number;\n  x: number;\n  y: number;\n  movedPastThreshold: boolean;\n};\n\ntype GatedHandlers = {\n  onPointerDown?: React.PointerEventHandler;\n  onPointerMove?: React.PointerEventHandler;\n  onPointerCancel?: React.PointerEventHandler;\n  onClick?: React.MouseEventHandler;\n};\n\n/**\n * Composes the consumer's pointer/click handlers with a touch-drag tracker\n * that suppresses the synthetic click an Android Chrome scroll-drag-end can\n * dispatch on a click-based Radix trigger (Popover / Dialog / Drawer).\n *\n * On touch / pen input, if the press-and-release crosses a movement threshold,\n * the subsequent `click` is preventDefault'd — short-circuiting Radix's own\n * `onOpenToggle` via `composeEventHandlers` — and stopPropagation'd so it\n * doesn't bubble to ancestors. Mouse input passes through unchanged because\n * mouse never triggers the Android scroll-drag bug class.\n *\n * Related: radix-ui/primitives#1912 (DropdownMenu pointerdown variant) and\n * #2702 (DismissableLayer touch dismiss). For the DropdownMenu pointerdown\n * variant see `components/DropdownMenu/DropdownMenu.tsx`.\n */\nexport function useSuppressClickAfterDrag<P extends GatedHandlers>(props: P): P {\n  const tapRef = React.useRef<ActiveTap | null>(null);\n\n  return {\n    ...props,\n    onPointerDown(event) {\n      props.onPointerDown?.(event);\n      if (event.pointerType === \"mouse\") {\n        tapRef.current = null;\n        return;\n      }\n      // Keep pointermove on this element if the finger drifts off.\n      // Optional because jsdom (used in tests) doesn't implement it.\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n      tapRef.current = {\n        pointerId: event.pointerId,\n        x: event.clientX,\n        y: event.clientY,\n        movedPastThreshold: false,\n      };\n    },\n    onPointerMove(event) {\n      props.onPointerMove?.(event);\n      const tap = tapRef.current;\n      if (tap === null || event.pointerId !== tap.pointerId || tap.movedPastThreshold) return;\n      const dx = event.clientX - tap.x;\n      const dy = event.clientY - tap.y;\n      if (Math.hypot(dx, dy) > TAP_MOVEMENT_THRESHOLD_PX) {\n        tap.movedPastThreshold = true;\n      }\n    },\n    onPointerCancel(event) {\n      props.onPointerCancel?.(event);\n      const tap = tapRef.current;\n      if (tap !== null && event.pointerId === tap.pointerId) {\n        tapRef.current = null;\n      }\n    },\n    onClick(event) {\n      const tap = tapRef.current;\n      tapRef.current = null;\n      if (tap?.movedPastThreshold) {\n        // preventDefault stops Radix's onClick → onOpenToggle via\n        // composeEventHandlers. stopPropagation prevents the synthetic click\n        // from bubbling to ancestor click handlers.\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      props.onClick?.(event);\n    },\n  };\n}\n"],"names":[],"mappings":";;AAEA,MAAM,4BAA4B;AA+B3B,SAAS,0BAAmD,OAAa;AAC9E,QAAM,SAAS,MAAM,OAAyB,IAAI;AAElD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,cAAc,OAAO;AACnB,YAAM,gBAAgB,KAAK;AAC3B,UAAI,MAAM,gBAAgB,SAAS;AACjC,eAAO,UAAU;AACjB;AAAA,MACF;AAGA,YAAM,cAAc,oBAAoB,MAAM,SAAS;AACvD,aAAO,UAAU;AAAA,QACf,WAAW,MAAM;AAAA,QACjB,GAAG,MAAM;AAAA,QACT,GAAG,MAAM;AAAA,QACT,oBAAoB;AAAA,MAAA;AAAA,IAExB;AAAA,IACA,cAAc,OAAO;AACnB,YAAM,gBAAgB,KAAK;AAC3B,YAAM,MAAM,OAAO;AACnB,UAAI,QAAQ,QAAQ,MAAM,cAAc,IAAI,aAAa,IAAI,mBAAoB;AACjF,YAAM,KAAK,MAAM,UAAU,IAAI;AAC/B,YAAM,KAAK,MAAM,UAAU,IAAI;AAC/B,UAAI,KAAK,MAAM,IAAI,EAAE,IAAI,2BAA2B;AAClD,YAAI,qBAAqB;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,gBAAgB,OAAO;AACrB,YAAM,kBAAkB,KAAK;AAC7B,YAAM,MAAM,OAAO;AACnB,UAAI,QAAQ,QAAQ,MAAM,cAAc,IAAI,WAAW;AACrD,eAAO,UAAU;AAAA,MACnB;AAAA,IACF;AAAA,IACA,QAAQ,OAAO;AACb,YAAM,MAAM,OAAO;AACnB,aAAO,UAAU;AACjB,UAAI,KAAK,oBAAoB;AAI3B,cAAM,eAAA;AACN,cAAM,gBAAA;AACN;AAAA,MACF;AACA,YAAM,UAAU,KAAK;AAAA,IACvB;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useSuppressClickAfterDrag.mjs","sources":["../../src/utils/useSuppressClickAfterDrag.ts"],"sourcesContent":["import * as React from \"react\";\n\nconst TAP_MOVEMENT_THRESHOLD_PX = 10;\n\ntype ActiveTap = {\n  pointerId: number;\n  x: number;\n  y: number;\n  movedPastThreshold: boolean;\n};\n\ntype GatedHandlers = {\n  onPointerDown?: React.PointerEventHandler;\n  onPointerMove?: React.PointerEventHandler;\n  onPointerCancel?: React.PointerEventHandler;\n  onClick?: React.MouseEventHandler;\n};\n\n/**\n * Composes the consumer's pointer/click handlers with a touch-drag tracker\n * that suppresses the synthetic click an Android Chrome scroll-drag-end can\n * dispatch on a click-based Radix trigger (Popover / Dialog / Drawer).\n *\n * On touch / pen input, if the press-and-release crosses a movement threshold,\n * the subsequent `click` is preventDefault'd — short-circuiting Radix's own\n * `onOpenToggle` via `composeEventHandlers` — and stopPropagation'd so it\n * doesn't bubble to ancestors. Mouse input passes through unchanged because\n * mouse never triggers the Android scroll-drag bug class.\n *\n * Related: radix-ui/primitives#1912 (DropdownMenu pointerdown variant) and\n * #2702 (DismissableLayer touch dismiss). For the DropdownMenu pointerdown\n * variant see `components/DropdownMenu/DropdownMenu.tsx`.\n */\nexport function useSuppressClickAfterDrag<P extends GatedHandlers = GatedHandlers>(\n  props?: P,\n): P & Required<GatedHandlers> {\n  const tapRef = React.useRef<ActiveTap | null>(null);\n  const consumer = props ?? ({} as P);\n\n  return {\n    ...consumer,\n    onPointerDown(event) {\n      consumer.onPointerDown?.(event);\n      if (event.pointerType === \"mouse\") {\n        tapRef.current = null;\n        return;\n      }\n      // Keep pointermove on this element if the finger drifts off.\n      // Optional because jsdom (used in tests) doesn't implement it.\n      event.currentTarget.setPointerCapture?.(event.pointerId);\n      tapRef.current = {\n        pointerId: event.pointerId,\n        x: event.clientX,\n        y: event.clientY,\n        movedPastThreshold: false,\n      };\n    },\n    onPointerMove(event) {\n      consumer.onPointerMove?.(event);\n      const tap = tapRef.current;\n      if (tap === null || event.pointerId !== tap.pointerId || tap.movedPastThreshold) return;\n      const dx = event.clientX - tap.x;\n      const dy = event.clientY - tap.y;\n      if (Math.hypot(dx, dy) > TAP_MOVEMENT_THRESHOLD_PX) {\n        tap.movedPastThreshold = true;\n      }\n    },\n    onPointerCancel(event) {\n      consumer.onPointerCancel?.(event);\n      const tap = tapRef.current;\n      if (tap !== null && event.pointerId === tap.pointerId) {\n        tapRef.current = null;\n      }\n    },\n    onClick(event) {\n      const tap = tapRef.current;\n      tapRef.current = null;\n      if (tap?.movedPastThreshold) {\n        // preventDefault stops Radix's onClick → onOpenToggle via\n        // composeEventHandlers. stopPropagation prevents the synthetic click\n        // from bubbling to ancestor click handlers.\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      consumer.onClick?.(event);\n    },\n  };\n}\n"],"names":[],"mappings":";;AAEA,MAAM,4BAA4B;AA+B3B,SAAS,0BACd,OAC6B;AAC7B,QAAM,SAAS,MAAM,OAAyB,IAAI;AAClD,QAAM,WAAW,SAAU,CAAA;AAE3B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,cAAc,OAAO;AACnB,eAAS,gBAAgB,KAAK;AAC9B,UAAI,MAAM,gBAAgB,SAAS;AACjC,eAAO,UAAU;AACjB;AAAA,MACF;AAGA,YAAM,cAAc,oBAAoB,MAAM,SAAS;AACvD,aAAO,UAAU;AAAA,QACf,WAAW,MAAM;AAAA,QACjB,GAAG,MAAM;AAAA,QACT,GAAG,MAAM;AAAA,QACT,oBAAoB;AAAA,MAAA;AAAA,IAExB;AAAA,IACA,cAAc,OAAO;AACnB,eAAS,gBAAgB,KAAK;AAC9B,YAAM,MAAM,OAAO;AACnB,UAAI,QAAQ,QAAQ,MAAM,cAAc,IAAI,aAAa,IAAI,mBAAoB;AACjF,YAAM,KAAK,MAAM,UAAU,IAAI;AAC/B,YAAM,KAAK,MAAM,UAAU,IAAI;AAC/B,UAAI,KAAK,MAAM,IAAI,EAAE,IAAI,2BAA2B;AAClD,YAAI,qBAAqB;AAAA,MAC3B;AAAA,IACF;AAAA,IACA,gBAAgB,OAAO;AACrB,eAAS,kBAAkB,KAAK;AAChC,YAAM,MAAM,OAAO;AACnB,UAAI,QAAQ,QAAQ,MAAM,cAAc,IAAI,WAAW;AACrD,eAAO,UAAU;AAAA,MACnB;AAAA,IACF;AAAA,IACA,QAAQ,OAAO;AACb,YAAM,MAAM,OAAO;AACnB,aAAO,UAAU;AACjB,UAAI,KAAK,oBAAoB;AAI3B,cAAM,eAAA;AACN,cAAM,gBAAA;AACN;AAAA,MACF;AACA,eAAS,UAAU,KAAK;AAAA,IAC1B;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fanvue/ui",
-  "version": "2.15.1",
+  "version": "2.16.0",
   "description": "React component library built with Tailwind CSS for Fanvue ecosystem",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",