@orderly.network/ui 2.8.6 → 2.8.7-alpha.0

package/dist/index.d.mts

@@ -8668,6 +8668,19 @@ declare function useMediaQuery(query: string): boolean;
  * */
 declare function useObserverElement<T extends HTMLElement>(element: T | null, callback: (entry: ResizeObserverEntry) => void): void;
 
+interface LongPressHandlers {
+    onMouseDown: (e: React.MouseEvent) => void;
+    onMouseUp: () => void;
+    onMouseMove: (e: React.MouseEvent) => void;
+    onMouseLeave: () => void;
+    onContextMenu: (e: React.MouseEvent) => void;
+    onTouchStart: (e: React.TouchEvent) => void;
+    onTouchEnd: () => void;
+    onTouchMove: (e: React.TouchEvent) => void;
+    onTouchCancel: () => void;
+}
+declare function useLongPress(callback: () => void, longPressTime?: number): LongPressHandlers;
+
 declare const localeValues: {
     readonly locale: string;
     readonly dialog: {
@@ -9042,4 +9055,4 @@ declare const DotStatus: {
     displayName: string;
 };
 
-export { ActionSheet, type ActionSheetItem, AddCircleIcon, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseRoundFillIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, GradientText, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, InfoCircleIcon, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, type InputWithTooltipProps, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Marquee, type MarqueeProps, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type MultiFieldSort, type MultiSortField, MultiSortHeader, type MultiSortHeaderProps, NewsFillIcon, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, PeopleIcon, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, ScrollArea, ScrollBar, ScrollIndicator, type ScrollIndicatorProps, Select, SelectItem, type SelectOption, type SelectProps, SelectedChoicesFillIcon, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SpotIcon, SquareOutlinedIcon, StarChildChatActiveIcon, StarChildChatInactiveIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, type TabPanelProps, type TableCellContext, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, VaultsIcon, VectorIcon, WalletIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useLocale, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen };
+export { ActionSheet, type ActionSheetItem, AddCircleIcon, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseRoundFillIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, GradientText, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, InfoCircleIcon, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, type InputWithTooltipProps, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Marquee, type MarqueeProps, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type MultiFieldSort, type MultiSortField, MultiSortHeader, type MultiSortHeaderProps, NewsFillIcon, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, PeopleIcon, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, ScrollArea, ScrollBar, ScrollIndicator, type ScrollIndicatorProps, Select, SelectItem, type SelectOption, type SelectProps, SelectedChoicesFillIcon, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SpotIcon, SquareOutlinedIcon, StarChildChatActiveIcon, StarChildChatInactiveIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, type TabPanelProps, type TableCellContext, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, VaultsIcon, VectorIcon, WalletIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useLocale, useLongPress, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen };

package/dist/index.d.ts

@@ -8668,6 +8668,19 @@ declare function useMediaQuery(query: string): boolean;
  * */
 declare function useObserverElement<T extends HTMLElement>(element: T | null, callback: (entry: ResizeObserverEntry) => void): void;
 
+interface LongPressHandlers {
+    onMouseDown: (e: React.MouseEvent) => void;
+    onMouseUp: () => void;
+    onMouseMove: (e: React.MouseEvent) => void;
+    onMouseLeave: () => void;
+    onContextMenu: (e: React.MouseEvent) => void;
+    onTouchStart: (e: React.TouchEvent) => void;
+    onTouchEnd: () => void;
+    onTouchMove: (e: React.TouchEvent) => void;
+    onTouchCancel: () => void;
+}
+declare function useLongPress(callback: () => void, longPressTime?: number): LongPressHandlers;
+
 declare const localeValues: {
     readonly locale: string;
     readonly dialog: {
@@ -9042,4 +9055,4 @@ declare const DotStatus: {
     displayName: string;
 };
 
-export { ActionSheet, type ActionSheetItem, AddCircleIcon, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseRoundFillIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, GradientText, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, InfoCircleIcon, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, type InputWithTooltipProps, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Marquee, type MarqueeProps, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type MultiFieldSort, type MultiSortField, MultiSortHeader, type MultiSortHeaderProps, NewsFillIcon, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, PeopleIcon, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, ScrollArea, ScrollBar, ScrollIndicator, type ScrollIndicatorProps, Select, SelectItem, type SelectOption, type SelectProps, SelectedChoicesFillIcon, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SpotIcon, SquareOutlinedIcon, StarChildChatActiveIcon, StarChildChatInactiveIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, type TabPanelProps, type TableCellContext, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, VaultsIcon, VectorIcon, WalletIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useLocale, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen };
+export { ActionSheet, type ActionSheetItem, AddCircleIcon, AffiliateIcon, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftRightSquareFill, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowRightUpSquareFillIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, AssetIcon, Avatar, Badge, BarChartIcon, type BaseActionSheetItem, type BaseIconProps, BattleActiveIcon, BattleIcon, BattleInactiveIcon, BattleSolidActiveIcon, BattleSolidInactiveIcon, BellIcon, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, CalendarMinusIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseRoundFillIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItem, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DotStatus, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EarnActiveIcon, EarnIcon, EarnInactiveIcon, EditIcon, Either, EmptyDataState, EmptyStateIcon, EsOrderlyIcon, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, GradientText, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, InfoCircleIcon, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, type InputWithTooltipProps, LeaderboardActiveIcon, LeaderboardInactiveIcon, LeftNavVaultsIcon, ListView, type Locale, LocaleContext, LocaleProvider, Logo, type LogoProps, MarketsActiveIcon, MarketsInactiveIcon, Marquee, type MarqueeProps, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type MultiFieldSort, type MultiSortField, MultiSortHeader, type MultiSortHeaderProps, NewsFillIcon, type NumeralProps, index as OUITailwind, OrderlyIcon, OrderlyThemeProvider, type OrderlyThemeProviderProps, PaginationItems, type PaginationMeta, PeopleIcon, PerpsIcon, PersonIcon, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, PopupUnionIcon, PortfolioActiveIcon, PortfolioInactiveIcon, QuestionFillIcon, ReduceIcon, ReferralSolidIcon, RefreshIcon, ScrollArea, ScrollBar, ScrollIndicator, type ScrollIndicatorProps, Select, SelectItem, type SelectOption, type SelectProps, SelectedChoicesFillIcon, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SpotIcon, SquareOutlinedIcon, StarChildChatActiveIcon, StarChildChatInactiveIcon, Statistic, StatisticLabel, SwapHorizIcon, Switch, TabPanel, type TabPanelProps, type TableCellContext, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TraderMobileIcon, TradingActiveIcon, TradingIcon, TradingInactiveIcon, TradingLeftNavIcon, TradingRewardsIcon, TriggerDialog, type TriggerDialogProps, VaultsIcon, VectorIcon, WalletIcon, WoofiStakeIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, dotStatusVariants, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, startViewTransition, statisticVariants, textVariants, tv, useLocale, useLongPress, useMediaQuery, useModal, useMultiSort, useObserverElement, useOrderlyTheme, usePagination, useScreen };

package/dist/index.js

@@ -8846,6 +8846,122 @@ function useObserverElement(element, callback) {
     };
   }, [element]);
 }
+function useLongPress(callback, longPressTime = 600) {
+  const timeoutRef = React67.useRef(null);
+  const targetRef = React67.useRef(null);
+  const startPositionRef = React67.useRef(null);
+  const isLongPressTriggeredRef = React67.useRef(false);
+  const clearLongPress = React67.useCallback(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    targetRef.current = null;
+    startPositionRef.current = null;
+    isLongPressTriggeredRef.current = false;
+  }, []);
+  const startLongPress = React67.useCallback(
+    (e) => {
+      clearLongPress();
+      if ("touches" in e) {
+        e.preventDefault();
+      }
+      targetRef.current = e.currentTarget;
+      const clientX = "touches" in e ? e.touches[0]?.clientX : e.clientX;
+      const clientY = "touches" in e ? e.touches[0]?.clientY : e.clientY;
+      startPositionRef.current = { x: clientX, y: clientY };
+      isLongPressTriggeredRef.current = false;
+      timeoutRef.current = setTimeout(() => {
+        if (targetRef.current && startPositionRef.current) {
+          isLongPressTriggeredRef.current = true;
+          callback();
+        }
+        clearLongPress();
+      }, longPressTime);
+    },
+    [callback, longPressTime, clearLongPress]
+  );
+  const handleMouseDown = React67.useCallback(
+    (e) => {
+      if (e.button !== 0)
+        return;
+      startLongPress(e);
+    },
+    [startLongPress]
+  );
+  const handleMouseUp = React67.useCallback(() => {
+    clearLongPress();
+  }, [clearLongPress]);
+  const handleMouseMove = React67.useCallback(
+    (e) => {
+      if (isLongPressTriggeredRef.current)
+        return;
+      if (startPositionRef.current) {
+        const deltaX = Math.abs(e.clientX - startPositionRef.current.x);
+        const deltaY = Math.abs(e.clientY - startPositionRef.current.y);
+        const threshold = 5;
+        if (deltaX > threshold || deltaY > threshold) {
+          clearLongPress();
+        }
+      }
+    },
+    [clearLongPress]
+  );
+  const handleMouseLeave = React67.useCallback(() => {
+    clearLongPress();
+  }, [clearLongPress]);
+  const handleContextMenu = React67.useCallback((e) => {
+    if (timeoutRef.current || isLongPressTriggeredRef.current) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  }, []);
+  const handleTouchStart = React67.useCallback(
+    (e) => {
+      startLongPress(e);
+    },
+    [startLongPress]
+  );
+  const handleTouchEnd = React67.useCallback(() => {
+    clearLongPress();
+  }, [clearLongPress]);
+  const handleTouchMove = React67.useCallback(
+    (e) => {
+      if (timeoutRef.current) {
+        e.preventDefault();
+      }
+      if (isLongPressTriggeredRef.current)
+        return;
+      if (startPositionRef.current && e.touches[0]) {
+        const deltaX = Math.abs(
+          e.touches[0].clientX - startPositionRef.current.x
+        );
+        const deltaY = Math.abs(
+          e.touches[0].clientY - startPositionRef.current.y
+        );
+        const threshold = 5;
+        if (deltaX > threshold || deltaY > threshold) {
+          clearLongPress();
+        }
+      }
+    },
+    [clearLongPress]
+  );
+  const handleTouchCancel = React67.useCallback(() => {
+    clearLongPress();
+  }, [clearLongPress]);
+  return {
+    onMouseDown: handleMouseDown,
+    onMouseUp: handleMouseUp,
+    onMouseMove: handleMouseMove,
+    onMouseLeave: handleMouseLeave,
+    onContextMenu: handleContextMenu,
+    onTouchStart: handleTouchStart,
+    onTouchEnd: handleTouchEnd,
+    onTouchMove: handleTouchMove,
+    onTouchCancel: handleTouchCancel
+  };
+}
 var AlertDialog = (props) => {
   const [locale] = useLocale("dialog");
   const {
@@ -11577,6 +11693,7 @@ exports.statisticVariants = statisticVariants;
 exports.textVariants = textVariants;
 exports.tv = tv;
 exports.useLocale = useLocale;
+exports.useLongPress = useLongPress;
 exports.useMediaQuery = useMediaQuery;
 exports.useModal = useModal;
 exports.useMultiSort = useMultiSort;