@fanvue/ui 2.15.1 → 2.17.0

package/dist/index.d.ts

@@ -100,6 +100,19 @@ export declare const AI2Icon: React_2.ForwardRefExoticComponent<BaseIconProps &
 /** Props for {@link AI2Icon}. See {@link BaseIconProps} for the shared shape. */
 export declare type AI2IconProps = BaseIconProps;
 
+/**
+ * AI Call icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <AICallIcon size={24} filled />
+ * ```
+ */
+export declare const AICallIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link AICallIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type AICallIconProps = BaseIconProps;
+
 /**
  * AI Disclosure icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
  *
@@ -1434,6 +1447,19 @@ export declare interface CreatorTileProps extends React_2.HTMLAttributes<HTMLDiv
     aspectRatio?: CreatorTileAspectRatio;
 }
 
+/**
+ * Cross Circle icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <CrossCircleIcon size={24} filled />
+ * ```
+ */
+export declare const CrossCircleIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link CrossCircleIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type CrossCircleIconProps = BaseIconProps;
+
 /** A compact "×" cross icon (20 × 20). */
 export declare const CrossIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
@@ -1661,6 +1687,19 @@ export declare const DiamondIcon: React_2.ForwardRefExoticComponent<BaseIconProp
 /** Props for {@link DiamondIcon}. See {@link BaseIconProps} for the shared shape. */
 export declare type DiamondIconProps = BaseIconProps;
 
+/**
+ * Discord icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <DiscordIcon size={24} filled />
+ * ```
+ */
+export declare const DiscordIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link DiscordIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type DiscordIconProps = BaseIconProps;
+
 /**
  * Discount icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
  *
@@ -2155,6 +2194,19 @@ export declare const FlameIcon: React_2.ForwardRefExoticComponent<BaseIconProps
 /** Props for {@link FlameIcon}. See {@link BaseIconProps} for the shared shape. */
 export declare type FlameIconProps = BaseIconProps;
 
+/**
+ * Flash icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <FlashIcon size={24} filled />
+ * ```
+ */
+export declare const FlashIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link FlashIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type FlashIconProps = BaseIconProps;
+
 /**
  * Folder icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
  *
@@ -2198,6 +2250,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.
  *
@@ -2368,6 +2427,19 @@ export declare const ImageIcon: React_2.ForwardRefExoticComponent<BaseIconProps
 /** Props for {@link ImageIcon}. See {@link BaseIconProps} for the shared shape. */
 export declare type ImageIconProps = BaseIconProps;
 
+/**
+ * Image upload icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <ImageUploadIcon size={24} filled />
+ * ```
+ */
+export declare const ImageUploadIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link ImageUploadIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type ImageUploadIconProps = BaseIconProps;
+
 /**
  * Inbox icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
  *
@@ -3518,6 +3590,19 @@ export declare interface SnackbarProps extends Omit<React_2.HTMLAttributes<HTMLD
 /** Layout variant of the snackbar. */
 export declare type SnackbarVariant = "default" | "vipEarn" | "welcome";
 
+/**
+ * Sound icon. Renders at sizes 16, 24, or 32 px.
+ *
+ * @example
+ * ```tsx
+ * <SoundIcon size={24} />
+ * ```
+ */
+export declare const SoundIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link SoundIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type SoundIconProps = BaseIconProps;
+
 /** A circular spinner icon for loading states (20 × 20). Pair with a CSS `animate-spin` class or use the `Loader` component. */
 export declare const SpinnerIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
@@ -4349,6 +4434,19 @@ export declare const TooltipTrigger: React_2.ForwardRefExoticComponent<TooltipPr
 /** Props for the {@link TooltipTrigger} component. */
 export declare type TooltipTriggerProps = React_2.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;
 
+/**
+ * Transcation Arrow icon. Renders at sizes 16, 24, or 32 px with outlined and filled variants.
+ *
+ * @example
+ * ```tsx
+ * <TranscationArrowIcon size={24} filled />
+ * ```
+ */
+export declare const TranscationArrowIcon: React_2.ForwardRefExoticComponent<BaseIconProps & React_2.RefAttributes<SVGSVGElement>>;
+
+/** Props for {@link TranscationArrowIcon}. See {@link BaseIconProps} for the shared shape. */
+export declare type TranscationArrowIconProps = BaseIconProps;
+
 export declare const TrashBinIcon: React_2.ForwardRefExoticComponent<React_2.SVGAttributes<SVGSVGElement> & {
     className?: string;
 } & React_2.RefAttributes<SVGSVGElement>>;
@@ -4519,6 +4617,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

@@ -34,6 +34,7 @@ import { AddIcon } from "./components/Icons/AddIcon.mjs";
 import { AI2Icon } from "./components/Icons/AI2Icon.mjs";
 import { AIDisclosureIcon } from "./components/Icons/AIDisclosureIcon.mjs";
 import { AIIcon } from "./components/Icons/AIIcon.mjs";
+import { AICallIcon } from "./components/Icons/AiCallIcon.mjs";
 import { AlertIcon } from "./components/Icons/AlertIcon.mjs";
 import { AppsIcon } from "./components/Icons/AppsIcon.mjs";
 import { ArrowDownIcon } from "./components/Icons/ArrowDownIcon.mjs";
@@ -68,9 +69,11 @@ import { CodeIcon } from "./components/Icons/CodeIcon.mjs";
 import { CoinIcon } from "./components/Icons/CoinIcon.mjs";
 import { CompassIcon } from "./components/Icons/CompassIcon.mjs";
 import { CopyIcon } from "./components/Icons/CopyIcon.mjs";
+import { CrossCircleIcon } from "./components/Icons/CrossCircleIcon.mjs";
 import { CrossIcon } from "./components/Icons/CrossIcon.mjs";
 import { CrownIcon } from "./components/Icons/CrownIcon.mjs";
 import { DiamondIcon } from "./components/Icons/DiamondIcon.mjs";
+import { DiscordIcon } from "./components/Icons/DiscordIcon.mjs";
 import { DiscountIcon } from "./components/Icons/DiscountIcon.mjs";
 import { DonateIcon } from "./components/Icons/DonateIcon.mjs";
 import { DoubleTickIcon } from "./components/Icons/DoubleTickIcon.mjs";
@@ -88,6 +91,7 @@ import { EyeSlashIcon } from "./components/Icons/EyeSlashIcon.mjs";
 import { FacebookIcon } from "./components/Icons/FacebookIcon.mjs";
 import { FlagIcon } from "./components/Icons/FlagIcon.mjs";
 import { FlameIcon } from "./components/Icons/FlameIcon.mjs";
+import { FlashIcon } from "./components/Icons/FlashIcon.mjs";
 import { FolderIcon } from "./components/Icons/FolderIcon.mjs";
 import { ForwardIcon } from "./components/Icons/ForwardIcon.mjs";
 import { GalleryIcon } from "./components/Icons/GalleryIcon.mjs";
@@ -101,6 +105,7 @@ import { HelpIcon } from "./components/Icons/HelpIcon.mjs";
 import { HomeIcon } from "./components/Icons/HomeIcon.mjs";
 import { HourglassIcon } from "./components/Icons/HourglassIcon.mjs";
 import { ImageIcon } from "./components/Icons/ImageIcon.mjs";
+import { ImageUploadIcon } from "./components/Icons/ImageUploadIcon.mjs";
 import { InboxIcon } from "./components/Icons/InboxIcon.mjs";
 import { InfoCircleIcon } from "./components/Icons/InfoCircleIcon.mjs";
 import { InfoIcon } from "./components/Icons/InfoIcon.mjs";
@@ -142,6 +147,7 @@ import { SearchIcon } from "./components/Icons/SearchIcon.mjs";
 import { SendIcon } from "./components/Icons/SendIcon.mjs";
 import { SettingsIcon } from "./components/Icons/SettingsIcon.mjs";
 import { ShareIcon } from "./components/Icons/ShareIcon.mjs";
+import { SoundIcon } from "./components/Icons/SoundIcon.mjs";
 import { SpinnerIcon } from "./components/Icons/SpinnerIcon.mjs";
 import { StarIcon } from "./components/Icons/StarIcon.mjs";
 import { StopIcon } from "./components/Icons/StopIcon.mjs";
@@ -159,6 +165,7 @@ import { TickCircleIcon } from "./components/Icons/TickCircleIcon.mjs";
 import { TickCircleOffIcon } from "./components/Icons/TickCircleOffIcon.mjs";
 import { TickIcon } from "./components/Icons/TickIcon.mjs";
 import { ToolsIcon } from "./components/Icons/ToolsIcon.mjs";
+import { TranscationArrowIcon } from "./components/Icons/TranscationArrowIcon.mjs";
 import { TrashBinIcon } from "./components/Icons/TrashBinIcon.mjs";
 import { TrashIcon } from "./components/Icons/TrashIcon.mjs";
 import { TrophyIcon } from "./components/Icons/TrophyIcon.mjs";
@@ -215,8 +222,10 @@ 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,
+  AICallIcon,
   AIDisclosureIcon,
   AIIcon,
   Accordion,
@@ -289,6 +298,7 @@ export {
   CreatorCard,
   CreatorCover,
   CreatorTile,
+  CrossCircleIcon,
   CrossIcon,
   CrownIcon,
   CyclingText,
@@ -303,6 +313,7 @@ export {
   DialogTitle,
   DialogTrigger,
   DiamondIcon,
+  DiscordIcon,
   DiscountIcon,
   Divider,
   DonateIcon,
@@ -338,6 +349,7 @@ export {
   FacebookIcon,
   FlagIcon,
   FlameIcon,
+  FlashIcon,
   FolderIcon,
   ForwardIcon,
   GalleryIcon,
@@ -352,6 +364,7 @@ export {
   HourglassIcon,
   IconButton,
   ImageIcon,
+  ImageUploadIcon,
   InboxIcon,
   InfoBox,
   InfoBoxContent,
@@ -419,6 +432,7 @@ export {
   Slot,
   Slottable,
   Snackbar,
+  SoundIcon,
   SpinnerIcon,
   StarIcon,
   Stepper,
@@ -474,6 +488,7 @@ export {
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
+  TranscationArrowIcon,
   TrashBinIcon,
   TrashIcon,
   TrophyIcon,
@@ -498,6 +513,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.17.0",
   "description": "React component library built with Tailwind CSS for Fanvue ecosystem",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",