@pixonui/react 0.4.1 → 0.5.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +212 -42
- package/dist/index.d.ts +212 -42
- package/dist/index.js +15 -15
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +15 -15
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -1
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,8 @@ import React__default, { ReactNode, RefObject, FormEvent } from 'react';
|
|
|
3
3
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
6
|
+
import * as _socket_io_component_emitter from '@socket.io/component-emitter';
|
|
7
|
+
import { Socket } from 'socket.io-client';
|
|
6
8
|
import { ClassValue } from 'clsx';
|
|
7
9
|
|
|
8
10
|
interface PrimaryButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
@@ -41,9 +43,10 @@ interface GlowButtonProps extends React__default.ButtonHTMLAttributes<HTMLButton
|
|
|
41
43
|
}
|
|
42
44
|
declare const GlowButton: React__default.ForwardRefExoticComponent<GlowButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
|
|
43
45
|
|
|
44
|
-
interface MetricCardProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
46
|
+
interface MetricCardProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
45
47
|
accent?: 'teal' | 'amber' | 'violet' | 'blue' | 'rose' | 'emerald' | 'indigo';
|
|
46
48
|
icon: React__default.ReactNode;
|
|
49
|
+
title?: React__default.ReactNode;
|
|
47
50
|
value: React__default.ReactNode;
|
|
48
51
|
subtext?: React__default.ReactNode;
|
|
49
52
|
showWave?: boolean;
|
|
@@ -1194,7 +1197,7 @@ interface BarChartProps<T = any> {
|
|
|
1194
1197
|
animationDelay?: number;
|
|
1195
1198
|
onValueClick?: (data: ChartDataPoint<T>) => void;
|
|
1196
1199
|
}
|
|
1197
|
-
declare function BarChart<T = any>({ color, showValues, animationDelay, onValueClick }: BarChartProps<T>): react_jsx_runtime.JSX.Element;
|
|
1200
|
+
declare function BarChart<T = any>({ color, showValues, animationDelay, onValueClick }: BarChartProps<T>): react_jsx_runtime.JSX.Element | null;
|
|
1198
1201
|
|
|
1199
1202
|
interface AreaChartProps<T = any> {
|
|
1200
1203
|
color?: 'cyan' | 'purple' | 'emerald' | 'amber' | 'rose';
|
|
@@ -1202,7 +1205,7 @@ interface AreaChartProps<T = any> {
|
|
|
1202
1205
|
animationDelay?: number;
|
|
1203
1206
|
onValueClick?: (data: ChartDataPoint<T>) => void;
|
|
1204
1207
|
}
|
|
1205
|
-
declare function AreaChart<T = any>({ color, showValues, animationDelay, onValueClick }: AreaChartProps<T>): react_jsx_runtime.JSX.Element;
|
|
1208
|
+
declare function AreaChart<T = any>({ color, showValues, animationDelay, onValueClick }: AreaChartProps<T>): react_jsx_runtime.JSX.Element | null;
|
|
1206
1209
|
|
|
1207
1210
|
interface LineChartProps<T = any> {
|
|
1208
1211
|
color?: 'cyan' | 'purple' | 'emerald' | 'amber' | 'rose';
|
|
@@ -1213,7 +1216,7 @@ interface LineChartProps<T = any> {
|
|
|
1213
1216
|
align?: 'center' | 'edge';
|
|
1214
1217
|
onValueClick?: (data: ChartDataPoint<T>) => void;
|
|
1215
1218
|
}
|
|
1216
|
-
declare function LineChart<T = any>({ color, showValues, animationDelay, curve, strokeWidth, align, onValueClick }: LineChartProps<T>): react_jsx_runtime.JSX.Element;
|
|
1219
|
+
declare function LineChart<T = any>({ color, showValues, animationDelay, curve, strokeWidth, align, onValueClick }: LineChartProps<T>): react_jsx_runtime.JSX.Element | null;
|
|
1217
1220
|
|
|
1218
1221
|
interface PieChartProps<T = any> {
|
|
1219
1222
|
innerRadius?: number;
|
|
@@ -1392,7 +1395,7 @@ interface ModalProps {
|
|
|
1392
1395
|
children: React__default.ReactNode;
|
|
1393
1396
|
className?: string;
|
|
1394
1397
|
}
|
|
1395
|
-
declare function Modal({ isOpen, onClose, children, className }: ModalProps): React__default.ReactPortal;
|
|
1398
|
+
declare function Modal({ isOpen, onClose, children, className }: ModalProps): React__default.ReactPortal | null;
|
|
1396
1399
|
declare function ModalHeader({ className, children }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1397
1400
|
declare function ModalFooter({ className, children }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1398
1401
|
declare function ModalTitle({ className, children }: React__default.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
|
|
@@ -1420,7 +1423,7 @@ interface DialogProps {
|
|
|
1420
1423
|
children: React__default.ReactNode;
|
|
1421
1424
|
className?: string;
|
|
1422
1425
|
}
|
|
1423
|
-
declare function Dialog({ isOpen, onClose, children, className }: DialogProps): React__default.ReactPortal;
|
|
1426
|
+
declare function Dialog({ isOpen, onClose, children, className }: DialogProps): React__default.ReactPortal | null;
|
|
1424
1427
|
declare function DialogHeader({ className, children }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1425
1428
|
declare function DialogFooter({ className, children }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
|
|
1426
1429
|
declare function DialogTitle({ className, children }: React__default.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
|
|
@@ -1654,34 +1657,77 @@ interface AIResponseProps extends React__default.HTMLAttributes<HTMLDivElement>,
|
|
|
1654
1657
|
declare const AIResponse: React__default.ForwardRefExoticComponent<AIResponseProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1655
1658
|
|
|
1656
1659
|
type UserStatus = 'online' | 'offline' | 'away' | 'busy';
|
|
1660
|
+
type PresenceStatus = 'unavailable' | 'available' | 'composing' | 'recording' | 'paused';
|
|
1657
1661
|
interface User {
|
|
1658
1662
|
id: string;
|
|
1659
1663
|
name: string;
|
|
1660
1664
|
avatar?: string;
|
|
1661
1665
|
status?: UserStatus;
|
|
1666
|
+
presence?: PresenceStatus;
|
|
1662
1667
|
lastSeen?: Date;
|
|
1663
1668
|
bio?: string;
|
|
1664
1669
|
phone?: string;
|
|
1665
1670
|
isOnline?: boolean;
|
|
1671
|
+
verified?: boolean;
|
|
1666
1672
|
}
|
|
1667
|
-
type MessageType = 'text' | 'image' | 'file' | 'system' | 'audio' | 'video' | 'location' | 'contact' | 'poll' | 'sticker';
|
|
1668
|
-
type MessageStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'failed';
|
|
1673
|
+
type MessageType = 'text' | 'image' | 'file' | 'system' | 'audio' | 'video' | 'location' | 'contact' | 'poll' | 'sticker' | 'template' | 'interactive' | 'reaction' | 'revoked';
|
|
1674
|
+
type MessageStatus = 'sending' | 'sent' | 'delivered' | 'read' | 'failed' | 'played';
|
|
1669
1675
|
interface ChatAttachment {
|
|
1670
1676
|
id: string;
|
|
1671
|
-
type: 'image' | 'file' | 'audio' | 'video';
|
|
1677
|
+
type: 'image' | 'file' | 'audio' | 'video' | 'sticker';
|
|
1672
1678
|
url: string;
|
|
1673
1679
|
name?: string;
|
|
1674
1680
|
size?: string;
|
|
1675
1681
|
duration?: number;
|
|
1676
1682
|
thumbnail?: string;
|
|
1683
|
+
mimetype?: string;
|
|
1684
|
+
caption?: string;
|
|
1685
|
+
blurhash?: string;
|
|
1677
1686
|
}
|
|
1678
1687
|
interface PollOption {
|
|
1679
1688
|
id: string;
|
|
1680
1689
|
text: string;
|
|
1681
1690
|
votes: string[];
|
|
1682
1691
|
}
|
|
1692
|
+
interface InteractiveButton {
|
|
1693
|
+
id: string;
|
|
1694
|
+
text: string;
|
|
1695
|
+
type: 'reply' | 'url' | 'call';
|
|
1696
|
+
payload?: string;
|
|
1697
|
+
}
|
|
1698
|
+
interface InteractiveListSection {
|
|
1699
|
+
title?: string;
|
|
1700
|
+
rows: {
|
|
1701
|
+
id: string;
|
|
1702
|
+
title: string;
|
|
1703
|
+
description?: string;
|
|
1704
|
+
}[];
|
|
1705
|
+
}
|
|
1706
|
+
interface InteractiveCard {
|
|
1707
|
+
header?: {
|
|
1708
|
+
type: 'image' | 'video';
|
|
1709
|
+
attachment: ChatAttachment;
|
|
1710
|
+
};
|
|
1711
|
+
body: string;
|
|
1712
|
+
footer?: string;
|
|
1713
|
+
buttons: InteractiveButton[];
|
|
1714
|
+
}
|
|
1715
|
+
interface InteractiveContent {
|
|
1716
|
+
type: 'button' | 'list' | 'carousel';
|
|
1717
|
+
header?: {
|
|
1718
|
+
type: 'text' | 'image' | 'video' | 'document';
|
|
1719
|
+
text?: string;
|
|
1720
|
+
attachment?: ChatAttachment;
|
|
1721
|
+
};
|
|
1722
|
+
body: string;
|
|
1723
|
+
footer?: string;
|
|
1724
|
+
buttons?: InteractiveButton[];
|
|
1725
|
+
sections?: InteractiveListSection[];
|
|
1726
|
+
cards?: InteractiveCard[];
|
|
1727
|
+
}
|
|
1683
1728
|
interface Message {
|
|
1684
1729
|
id: string;
|
|
1730
|
+
remoteJid: string;
|
|
1685
1731
|
content: string;
|
|
1686
1732
|
senderId: string;
|
|
1687
1733
|
timestamp: Date;
|
|
@@ -1695,11 +1741,13 @@ interface Message {
|
|
|
1695
1741
|
latitude: number;
|
|
1696
1742
|
longitude: number;
|
|
1697
1743
|
address?: string;
|
|
1744
|
+
name?: string;
|
|
1698
1745
|
};
|
|
1699
1746
|
contact?: {
|
|
1700
1747
|
name: string;
|
|
1701
1748
|
phone: string;
|
|
1702
1749
|
avatar?: string;
|
|
1750
|
+
vcard?: string;
|
|
1703
1751
|
};
|
|
1704
1752
|
poll?: {
|
|
1705
1753
|
question: string;
|
|
@@ -1707,30 +1755,53 @@ interface Message {
|
|
|
1707
1755
|
multipleChoice?: boolean;
|
|
1708
1756
|
expiresAt?: Date;
|
|
1709
1757
|
};
|
|
1758
|
+
interactive?: InteractiveContent;
|
|
1759
|
+
ephemeralExpiration?: number;
|
|
1710
1760
|
isEdited?: boolean;
|
|
1711
1761
|
isPinned?: boolean;
|
|
1762
|
+
isForwarded?: boolean;
|
|
1763
|
+
forwardingScore?: number;
|
|
1764
|
+
broadcast?: boolean;
|
|
1765
|
+
starred?: boolean;
|
|
1712
1766
|
}
|
|
1713
1767
|
interface Conversation {
|
|
1714
1768
|
id: string;
|
|
1715
1769
|
user?: User;
|
|
1716
1770
|
group?: GroupInfo;
|
|
1717
1771
|
lastMessage?: Message;
|
|
1718
|
-
unreadCount
|
|
1772
|
+
unreadCount: number;
|
|
1719
1773
|
isTyping?: boolean;
|
|
1720
|
-
|
|
1774
|
+
presence?: Record<string, PresenceStatus>;
|
|
1721
1775
|
isMuted?: boolean;
|
|
1776
|
+
muteExpiration?: number;
|
|
1722
1777
|
isPinned?: boolean;
|
|
1723
1778
|
isArchived?: boolean;
|
|
1779
|
+
isReadOnly?: boolean;
|
|
1780
|
+
ephemeralExpiration?: number;
|
|
1781
|
+
labels?: string[];
|
|
1782
|
+
wallpaper?: string;
|
|
1724
1783
|
}
|
|
1725
1784
|
interface GroupInfo {
|
|
1726
1785
|
id: string;
|
|
1727
1786
|
name: string;
|
|
1728
1787
|
avatar?: string;
|
|
1729
1788
|
description?: string;
|
|
1730
|
-
members:
|
|
1789
|
+
members: GroupMember[];
|
|
1731
1790
|
admins: string[];
|
|
1732
1791
|
createdBy: string;
|
|
1733
1792
|
createdAt: Date;
|
|
1793
|
+
inviteCode?: string;
|
|
1794
|
+
restrict?: boolean;
|
|
1795
|
+
announce?: boolean;
|
|
1796
|
+
}
|
|
1797
|
+
interface GroupMember extends User {
|
|
1798
|
+
role: 'admin' | 'member' | 'superadmin';
|
|
1799
|
+
}
|
|
1800
|
+
interface ChatLabel {
|
|
1801
|
+
id: string;
|
|
1802
|
+
name: string;
|
|
1803
|
+
color: string;
|
|
1804
|
+
count?: number;
|
|
1734
1805
|
}
|
|
1735
1806
|
|
|
1736
1807
|
interface ChatLayoutProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
@@ -1805,8 +1876,9 @@ interface MessageBubbleProps {
|
|
|
1805
1876
|
}
|
|
1806
1877
|
declare function MessageBubble({ message, isOwn, showAvatar, showStatus, className, onReply, onReact, onDelete, onEdit, onForward, onCopy, onPin, onSelect, isSelected }: MessageBubbleProps): react_jsx_runtime.JSX.Element;
|
|
1807
1878
|
|
|
1808
|
-
interface ChatInputProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
|
|
1879
|
+
interface ChatInputProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onSelect' | 'onChange'> {
|
|
1809
1880
|
onSend?: (content: string) => void;
|
|
1881
|
+
onChange?: (content: string) => void;
|
|
1810
1882
|
onAttach?: () => void;
|
|
1811
1883
|
onMic?: () => void;
|
|
1812
1884
|
onEmoji?: () => void;
|
|
@@ -1820,7 +1892,7 @@ interface ChatInputProps extends Omit<React__default.HTMLAttributes<HTMLDivEleme
|
|
|
1820
1892
|
maxLength?: number;
|
|
1821
1893
|
disabled?: boolean;
|
|
1822
1894
|
}
|
|
1823
|
-
declare function ChatInput({ onSend, onAttach, onMic, onEmoji, onGif, onLocation, onCancelReply, placeholder, users, replyingTo, isRecording, maxLength, disabled, className, ...props }: ChatInputProps): react_jsx_runtime.JSX.Element;
|
|
1895
|
+
declare function ChatInput({ onSend, onChange, onAttach, onMic, onEmoji, onGif, onLocation, onCancelReply, placeholder, users, replyingTo, isRecording, maxLength, disabled, className, ...props }: ChatInputProps): react_jsx_runtime.JSX.Element;
|
|
1824
1896
|
|
|
1825
1897
|
interface ChatProfileProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1826
1898
|
user: User;
|
|
@@ -1909,6 +1981,20 @@ interface EmojiPickerProps extends Omit<React__default.HTMLAttributes<HTMLDivEle
|
|
|
1909
1981
|
}
|
|
1910
1982
|
declare function EmojiPicker({ onSelect, className, ...props }: EmojiPickerProps): react_jsx_runtime.JSX.Element;
|
|
1911
1983
|
|
|
1984
|
+
interface InteractiveMessageProps {
|
|
1985
|
+
data: InteractiveContent;
|
|
1986
|
+
isOwn: boolean;
|
|
1987
|
+
onAction?: (button: InteractiveButton) => void;
|
|
1988
|
+
}
|
|
1989
|
+
declare function InteractiveMessage({ data, isOwn, onAction }: InteractiveMessageProps): react_jsx_runtime.JSX.Element;
|
|
1990
|
+
|
|
1991
|
+
interface CarouselMessageProps {
|
|
1992
|
+
cards: InteractiveCard[];
|
|
1993
|
+
isOwn: boolean;
|
|
1994
|
+
onAction?: (button: InteractiveButton) => void;
|
|
1995
|
+
}
|
|
1996
|
+
declare function CarouselMessage({ cards, isOwn, onAction }: CarouselMessageProps): react_jsx_runtime.JSX.Element;
|
|
1997
|
+
|
|
1912
1998
|
interface VoiceRecorderProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1913
1999
|
onSend: (blob: Blob, duration: number) => void;
|
|
1914
2000
|
onCancel: () => void;
|
|
@@ -1923,6 +2009,117 @@ interface MessageSearchProps extends Omit<React__default.HTMLAttributes<HTMLDivE
|
|
|
1923
2009
|
}
|
|
1924
2010
|
declare function MessageSearch({ onSearch, results, onResultClick, onClose, className, ...props }: MessageSearchProps): react_jsx_runtime.JSX.Element;
|
|
1925
2011
|
|
|
2012
|
+
interface ChatState {
|
|
2013
|
+
conversations: Map<string, Conversation>;
|
|
2014
|
+
messages: Map<string, Message[]>;
|
|
2015
|
+
activeChatId: string | null;
|
|
2016
|
+
presence: Map<string, PresenceStatus>;
|
|
2017
|
+
}
|
|
2018
|
+
declare class ChatStore {
|
|
2019
|
+
private state;
|
|
2020
|
+
private listeners;
|
|
2021
|
+
getState: () => ChatState;
|
|
2022
|
+
subscribe: (listener: () => void) => () => boolean;
|
|
2023
|
+
private emitChange;
|
|
2024
|
+
setConversations(conversations: Conversation[]): void;
|
|
2025
|
+
upsertConversation(conversation: Partial<Conversation> & {
|
|
2026
|
+
id: string;
|
|
2027
|
+
}): void;
|
|
2028
|
+
setMessages(chatId: string, messages: Message[]): void;
|
|
2029
|
+
addMessage(chatId: string, message: Message): void;
|
|
2030
|
+
updateMessageStatus(chatId: string, messageId: string, status: Message['status']): void;
|
|
2031
|
+
updateMessage(chatId: string, messageId: string, updates: Partial<Message>): void;
|
|
2032
|
+
addReaction(chatId: string, messageId: string, emoji: string, userId: string): void;
|
|
2033
|
+
removeReaction(chatId: string, messageId: string, emoji: string, userId: string): void;
|
|
2034
|
+
deleteMessage(chatId: string, messageId: string): void;
|
|
2035
|
+
setActiveChat(chatId: string | null): void;
|
|
2036
|
+
setUserPresence(userId: string, status: PresenceStatus): void;
|
|
2037
|
+
}
|
|
2038
|
+
declare const chatStore: ChatStore;
|
|
2039
|
+
declare function useChatStore<T>(selector: (state: ChatState) => T): T;
|
|
2040
|
+
declare function useConversations(): Conversation[];
|
|
2041
|
+
declare function useMessages(chatId: string | null): Message[];
|
|
2042
|
+
declare function useActiveChat(): Conversation | null | undefined;
|
|
2043
|
+
declare function useUserPresence(userId: string): PresenceStatus;
|
|
2044
|
+
|
|
2045
|
+
interface UseSocketOptions {
|
|
2046
|
+
url: string;
|
|
2047
|
+
token?: string;
|
|
2048
|
+
rooms?: string[];
|
|
2049
|
+
onConnect?: () => void;
|
|
2050
|
+
onDisconnect?: () => void;
|
|
2051
|
+
onError?: (error: any) => void;
|
|
2052
|
+
}
|
|
2053
|
+
/**
|
|
2054
|
+
* Advanced Socket.io hook with Redis-ready event handling and automatic room management.
|
|
2055
|
+
*/
|
|
2056
|
+
declare function useSocket({ url, token, rooms, onConnect, onDisconnect, onError }: UseSocketOptions): {
|
|
2057
|
+
socket: Socket<_socket_io_component_emitter.DefaultEventsMap, _socket_io_component_emitter.DefaultEventsMap> | null;
|
|
2058
|
+
emit: (event: string, data: any) => void;
|
|
2059
|
+
on: (event: string, callback: (...args: any[]) => void) => () => void;
|
|
2060
|
+
isConnected: boolean;
|
|
2061
|
+
};
|
|
2062
|
+
|
|
2063
|
+
/**
|
|
2064
|
+
* Hook to synchronize Baileys/WhatsApp events from a Socket.io server into the ChatStore.
|
|
2065
|
+
*/
|
|
2066
|
+
declare function useBaileysSync(socketUrl: string, token?: string): {
|
|
2067
|
+
isConnected: boolean;
|
|
2068
|
+
emit: (event: string, data: any) => void;
|
|
2069
|
+
};
|
|
2070
|
+
/**
|
|
2071
|
+
* Hook for managing "is typing" or "is recording" status with debouncing.
|
|
2072
|
+
*/
|
|
2073
|
+
declare function useChatPresence(chatId: string, userId: string): {
|
|
2074
|
+
setPresence: (status: PresenceStatus) => void;
|
|
2075
|
+
};
|
|
2076
|
+
/**
|
|
2077
|
+
* Hook for handling media uploads with progress.
|
|
2078
|
+
*/
|
|
2079
|
+
declare function useChatMedia(): {
|
|
2080
|
+
uploadMedia: (file: File, onProgress?: (p: number) => void) => Promise<{
|
|
2081
|
+
url: string;
|
|
2082
|
+
thumbnail: string;
|
|
2083
|
+
blurhash: string;
|
|
2084
|
+
}>;
|
|
2085
|
+
};
|
|
2086
|
+
/**
|
|
2087
|
+
* Hook for searching messages across thousands of entries using a Web Worker.
|
|
2088
|
+
*/
|
|
2089
|
+
declare function useChatSearchWorker(messages: Message[]): {
|
|
2090
|
+
search: (query: string) => Message[];
|
|
2091
|
+
};
|
|
2092
|
+
|
|
2093
|
+
interface UseVirtualListOptions {
|
|
2094
|
+
/** Total number of items in the list */
|
|
2095
|
+
itemCount: number;
|
|
2096
|
+
/** Fixed height of a single item or a function to get height by index */
|
|
2097
|
+
itemHeight: number | ((index: number) => number);
|
|
2098
|
+
/** Number of items to render outside the visible area */
|
|
2099
|
+
overscan?: number;
|
|
2100
|
+
/** Initial scroll offset */
|
|
2101
|
+
initialScrollTop?: number;
|
|
2102
|
+
/** Whether to start the list at the bottom (useful for chats) */
|
|
2103
|
+
startAtBottom?: boolean;
|
|
2104
|
+
}
|
|
2105
|
+
/**
|
|
2106
|
+
* A high-performance hook for virtualizing long lists with dynamic or fixed heights.
|
|
2107
|
+
* Supports 120fps scrolling by only rendering visible items.
|
|
2108
|
+
*/
|
|
2109
|
+
declare function useVirtualList({ itemCount, itemHeight, overscan, initialScrollTop, startAtBottom }: UseVirtualListOptions): {
|
|
2110
|
+
containerRef: React$1.RefObject<HTMLDivElement>;
|
|
2111
|
+
visibleItems: {
|
|
2112
|
+
index: number;
|
|
2113
|
+
offsetTop: number;
|
|
2114
|
+
height: number;
|
|
2115
|
+
}[];
|
|
2116
|
+
totalHeight: number;
|
|
2117
|
+
startIndex: number;
|
|
2118
|
+
onScroll: (e: React.UIEvent<HTMLDivElement>) => void;
|
|
2119
|
+
scrollToIndex: (index: number, behavior?: ScrollBehavior) => void;
|
|
2120
|
+
scrollToBottom: (behavior?: ScrollBehavior) => void;
|
|
2121
|
+
};
|
|
2122
|
+
|
|
1926
2123
|
declare const surfaceVariants: (props?: ({
|
|
1927
2124
|
variant?: "ghost" | "default" | null | undefined;
|
|
1928
2125
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
@@ -2462,33 +2659,6 @@ declare function useViewTransition(): {
|
|
|
2462
2659
|
startTransition: (updateCallback: () => void) => void;
|
|
2463
2660
|
};
|
|
2464
2661
|
|
|
2465
|
-
interface UseVirtualListOptions {
|
|
2466
|
-
/** Total number of items in the list */
|
|
2467
|
-
itemCount: number;
|
|
2468
|
-
/** Estimated height of a single item in pixels */
|
|
2469
|
-
itemHeight?: number;
|
|
2470
|
-
/** Number of items to render outside the visible area */
|
|
2471
|
-
overscan?: number;
|
|
2472
|
-
}
|
|
2473
|
-
/**
|
|
2474
|
-
* A high-performance hook for virtualizing long lists with dynamic or fixed heights.
|
|
2475
|
-
* Supports 120fps scrolling by only rendering visible items.
|
|
2476
|
-
*
|
|
2477
|
-
* @example
|
|
2478
|
-
* const { containerRef, visibleItems, totalHeight } = useVirtualList({ itemCount: 10000 });
|
|
2479
|
-
*/
|
|
2480
|
-
declare function useVirtualList({ itemCount, itemHeight, overscan }: UseVirtualListOptions): {
|
|
2481
|
-
containerRef: React$1.RefObject<HTMLDivElement>;
|
|
2482
|
-
visibleItems: {
|
|
2483
|
-
index: number;
|
|
2484
|
-
offsetTop: number;
|
|
2485
|
-
}[];
|
|
2486
|
-
totalHeight: number;
|
|
2487
|
-
startIndex: number;
|
|
2488
|
-
onScroll: (e: React.UIEvent<HTMLDivElement>) => void;
|
|
2489
|
-
scrollToIndex: (index: number) => void;
|
|
2490
|
-
};
|
|
2491
|
-
|
|
2492
2662
|
interface VoiceRecorderHook {
|
|
2493
2663
|
isRecording: boolean;
|
|
2494
2664
|
duration: number;
|
|
@@ -2525,4 +2695,4 @@ declare function truncate(str: string, length: number): string;
|
|
|
2525
2695
|
*/
|
|
2526
2696
|
declare function slugify(str: string): string;
|
|
2527
2697
|
|
|
2528
|
-
export { AIPromptInput, type AIPromptInputProps, AIResponse, type AIResponseProps, type AIResponseSource, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertProps, type AlertVariant, type Align, AreaChart, type AreaChartProps, AssigneePicker, type Attachment, AudioPlayer, Avatar, Background, type BackgroundProps, Badge, type BadgeProps, BarChart, type BarChartProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type Breakpoint, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, type ChartContainerProps, type ChartContextValue, type ChartDataPoint, ChartGrid, ChartSkeleton, ChartTooltip, ChartXAxis, ChartYAxis, type ChatAttachment, ChatBanner, ChatHeader, ChatInput, ChatLayout, type ChatMessage, ChatProfile, ChatSidebar, Checkbox, type CheckboxProps, Checklist, type ChecklistItem, Collapse, type CollapseProps, ColorPicker, type ColorPickerProps, type Column, ColumnLimit, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxProps, ComboboxTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandShortcut, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type Conversation, DataTable, DatePicker, type DatePickerProps, DateSeparator, DateTimePicker, type DateTimePickerProps, Dialog, DialogDescription, DialogFooter, DialogHeader, type DialogProps, DialogTitle, Divider, type DragState, Drawer, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, type DropPosition, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, type DropdownMenuTriggerProps, DueDatePicker, type ElementScrollValues, EmojiPicker, EmptyState, type EmptyStateProps, FileDropzone, type FileDropzoneProps, type FilterOption, FormControl, FormDescription, FormItem, FormLabel, FormMessage, GlowButton, type GlowButtonProps, Grid, type GridProps, GroupHeader, type GroupInfo, Heading, type HeadingProps, HeroText, type HeroTextProps, type HistoryState, Image, type ImageProps, KanbanBoard as Kanban, KanbanBoard, type KanbanBoardColumn, type KanbanBoardState, type KanbanBoardTask, KanbanCalendarView, type KanbanCalendarViewProps, KanbanCard, KanbanColumn, type KanbanColumnDef, KanbanFilterBar, type KanbanFilterBarProps, KanbanHeader, type KanbanHistoryEntry, type KanbanLabel, KanbanListView, type KanbanProps, KanbanQuickAdd, KanbanSwimlane, KanbanTableView, type KanbanTask, KanbanTaskModal, type KanbanTaskModalProps, KanbanTimelineView, type KanbanUser, Kbd, type KbdProps, Label, LabelPicker, type LabelProps, LetterPullup, type LetterPullupProps, LineChart, type LineChartProps, LinkPreview, Magnetic, type MagneticProps, Marquee, type MarqueeProps, MentionList, type Message, MessageBubble, MessageList, MessageSearch, type MessageStatus, type MessageType, MetricCard, type MetricCardProps, Modal, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, Motion, MotionGroup, type MotionProps, type MousePosition, Navbar, NumberInput, type NumberInputProps, NumberTicker, type NumberTickerProps, OTPInput, type OTPInputProps, OnlineIndicator, type Orientation, PageLoader, type PageLoaderProps, PageTransition, type PageTransitionProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Parallax, PasswordInput, type PasswordInputProps, PieChart, type PieChartProps, type PollOption, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, PrimaryButton, Progress, type ProgressProps, type ProgressSize, type ProgressVariant, RadarChart, type RadarChartProps, type RadarDataPoint, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Rating, type RatingProps, ReadReceipt, ReplyPreview, Reveal, type RevealProps, type SavedFilter, ScrollArea, type ScrollAreaProps, type ScrollDirection, ScrollProgress, type ScrollProgressProps, type ScrollValues, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, ShinyText, type ShinyTextProps, type ShortcutHandler, type ShortcutMap, type Side, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, Skeleton, type SkeletonProps, SkipToContent, type SkipToContentProps, Slider, type SliderProps, type SortConfig, Sparkline, type SparklineProps, Spotlight, type SpotlightProps, Stack, type StackProps, StatusDot, type StatusDotProps, Stepper, type StepperProps, type Subtask, SubtaskList, Surface, type SurfaceProps, Switch, type SwitchProps, SystemMessage, Table, TableBody, TableCell, TableHead, TableHeader, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagInput, type TagInputProps, TaskActivity, TaskAttachments, TaskComments, Terminal, TerminalLine, type TerminalProps, Text, TextGradient, type TextGradientProps, TextInput, type TextInputProps, TextMotion, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, TimeTracker, Timeline, TimelineItem, type TimelineItemProps, Toast, ToastContext, type ToastContextType, type ToastOptions, type ToastProps, ToastProvider, type ToastVariant, ToggleGroup, type ToggleGroupProps, Tooltip, type TooltipPosition, type TooltipProps, Tree, type TreeNode, type TreeProps, TypingIndicator, type UseChatOptions, type UseClipboardOptions, type UseInViewOptions, type UseInfiniteScrollOptions, type UseVirtualListOptions, type User, UserMenu, type UserMenuProps, UserPreview, type UserPreviewProps, type UserStatus, VoiceRecorder, type VoiceRecorderHook, type YAxisProps, cn, formatCurrency, formatDate, formatNumber, normalize, slugify, truncate, useAsync, useBreakpoint, useChart, useChat, useChatMessages, useChatSearch, useClickOutside, useClipboard, useContainerQuery, useDebounce, useDrag, useElementScroll, useFetch, useFlip, useFloating, useForm, useHistory, useIdle, useInView, useInfiniteScroll, useIntersection, useKanban, useKanbanFilters, useKanbanHistory, useKanbanKeyboard, useKanbanSync, useKanbanUndo, useKeyboardShortcuts, useLocalStorage, useMediaQuery, useMousePosition, useOnMount, useOnUnmount, useOrientation, usePrevious, useReadReceipts, useReducedMotion, useScroll, useScrollDirection, useScrollLock, useScrollTransform, useScrollVelocity, useSearch, useSequence, useSessionStorage, useSpring, useStagger, useTextScramble, useTheme, useThrottle, useTimer, useToast, useToggle, useTypingIndicator, useViewTransition, useVirtualList, useVoiceRecorder };
|
|
2698
|
+
export { AIPromptInput, type AIPromptInputProps, AIResponse, type AIResponseProps, type AIResponseSource, Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, Alert, type AlertProps, type AlertVariant, type Align, AreaChart, type AreaChartProps, AssigneePicker, type Attachment, AudioPlayer, Avatar, Background, type BackgroundProps, Badge, type BadgeProps, BarChart, type BarChartProps, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, type Breakpoint, Button, type ButtonProps, Calendar, type CalendarProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CarouselMessage, ChartContainer, type ChartContainerProps, type ChartContextValue, type ChartDataPoint, ChartGrid, ChartSkeleton, ChartTooltip, ChartXAxis, ChartYAxis, type ChatAttachment, ChatBanner, ChatHeader, ChatInput, type ChatLabel, ChatLayout, type ChatMessage, ChatProfile, ChatSidebar, Checkbox, type CheckboxProps, Checklist, type ChecklistItem, Collapse, type CollapseProps, ColorPicker, type ColorPickerProps, type Column, ColumnLimit, Combobox, ComboboxContent, ComboboxEmpty, ComboboxInput, ComboboxItem, type ComboboxItemProps, ComboboxList, type ComboboxProps, ComboboxTrigger, Command, CommandDialog, type CommandDialogProps, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandShortcut, ConfirmDialog, type ConfirmDialogProps, Container, type ContainerProps, type Conversation, DataTable, DatePicker, type DatePickerProps, DateSeparator, DateTimePicker, type DateTimePickerProps, Dialog, DialogDescription, DialogFooter, DialogHeader, type DialogProps, DialogTitle, Divider, type DragState, Drawer, DrawerDescription, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, type DropPosition, DropdownMenu, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuItem, type DropdownMenuItemProps, DropdownMenuLabel, type DropdownMenuProps, DropdownMenuSeparator, DropdownMenuTrigger, type DropdownMenuTriggerProps, DueDatePicker, type ElementScrollValues, EmojiPicker, EmptyState, type EmptyStateProps, FileDropzone, type FileDropzoneProps, type FilterOption, FormControl, FormDescription, FormItem, FormLabel, FormMessage, GlowButton, type GlowButtonProps, Grid, type GridProps, GroupHeader, type GroupInfo, type GroupMember, Heading, type HeadingProps, HeroText, type HeroTextProps, type HistoryState, Image, type ImageProps, type InteractiveButton, type InteractiveCard, type InteractiveContent, type InteractiveListSection, InteractiveMessage, KanbanBoard as Kanban, KanbanBoard, type KanbanBoardColumn, type KanbanBoardState, type KanbanBoardTask, KanbanCalendarView, type KanbanCalendarViewProps, KanbanCard, KanbanColumn, type KanbanColumnDef, KanbanFilterBar, type KanbanFilterBarProps, KanbanHeader, type KanbanHistoryEntry, type KanbanLabel, KanbanListView, type KanbanProps, KanbanQuickAdd, KanbanSwimlane, KanbanTableView, type KanbanTask, KanbanTaskModal, type KanbanTaskModalProps, KanbanTimelineView, type KanbanUser, Kbd, type KbdProps, Label, LabelPicker, type LabelProps, LetterPullup, type LetterPullupProps, LineChart, type LineChartProps, LinkPreview, Magnetic, type MagneticProps, Marquee, type MarqueeProps, MentionList, type Message, MessageBubble, MessageList, MessageSearch, type MessageStatus, type MessageType, MetricCard, type MetricCardProps, Modal, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, Motion, MotionGroup, type MotionProps, type MousePosition, Navbar, NumberInput, type NumberInputProps, NumberTicker, type NumberTickerProps, OTPInput, type OTPInputProps, OnlineIndicator, type Orientation, PageLoader, type PageLoaderProps, PageTransition, type PageTransitionProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Parallax, PasswordInput, type PasswordInputProps, PieChart, type PieChartProps, type PollOption, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, type PresenceStatus, PrimaryButton, Progress, type ProgressProps, type ProgressSize, type ProgressVariant, RadarChart, type RadarChartProps, type RadarDataPoint, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Rating, type RatingProps, ReadReceipt, ReplyPreview, Reveal, type RevealProps, type SavedFilter, ScrollArea, type ScrollAreaProps, type ScrollDirection, ScrollProgress, type ScrollProgressProps, type ScrollValues, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, ShinyText, type ShinyTextProps, type ShortcutHandler, type ShortcutMap, type Side, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarProps, Skeleton, type SkeletonProps, SkipToContent, type SkipToContentProps, Slider, type SliderProps, type SortConfig, Sparkline, type SparklineProps, Spotlight, type SpotlightProps, Stack, type StackProps, StatusDot, type StatusDotProps, Stepper, type StepperProps, type Subtask, SubtaskList, Surface, type SurfaceProps, Switch, type SwitchProps, SystemMessage, Table, TableBody, TableCell, TableHead, TableHeader, type TableProps, TableRow, type TableRowProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, TagInput, type TagInputProps, TaskActivity, TaskAttachments, TaskComments, Terminal, TerminalLine, type TerminalProps, Text, TextGradient, type TextGradientProps, TextInput, type TextInputProps, TextMotion, Textarea, type TextareaProps, ThemeProvider, ThemeToggle, TimeTracker, Timeline, TimelineItem, type TimelineItemProps, Toast, ToastContext, type ToastContextType, type ToastOptions, type ToastProps, ToastProvider, type ToastVariant, ToggleGroup, type ToggleGroupProps, Tooltip, type TooltipPosition, type TooltipProps, Tree, type TreeNode, type TreeProps, TypingIndicator, type UseChatOptions, type UseClipboardOptions, type UseInViewOptions, type UseInfiniteScrollOptions, type UseVirtualListOptions, type User, UserMenu, type UserMenuProps, UserPreview, type UserPreviewProps, type UserStatus, VoiceRecorder, type VoiceRecorderHook, type YAxisProps, chatStore, cn, formatCurrency, formatDate, formatNumber, normalize, slugify, truncate, useActiveChat, useAsync, useBaileysSync, useBreakpoint, useChart, useChat, useChatMedia, useChatMessages, useChatPresence, useChatSearch, useChatSearchWorker, useChatStore, useClickOutside, useClipboard, useContainerQuery, useConversations, useDebounce, useDrag, useElementScroll, useFetch, useFlip, useFloating, useForm, useHistory, useIdle, useInView, useInfiniteScroll, useIntersection, useKanban, useKanbanFilters, useKanbanHistory, useKanbanKeyboard, useKanbanSync, useKanbanUndo, useKeyboardShortcuts, useLocalStorage, useMediaQuery, useMessages, useMousePosition, useOnMount, useOnUnmount, useOrientation, usePrevious, useReadReceipts, useReducedMotion, useScroll, useScrollDirection, useScrollLock, useScrollTransform, useScrollVelocity, useSearch, useSequence, useSessionStorage, useSocket, useSpring, useStagger, useTextScramble, useTheme, useThrottle, useTimer, useToast, useToggle, useTypingIndicator, useUserPresence, useViewTransition, useVirtualList, useVoiceRecorder };
|