()

(shape: Shape)

(color: string)

(style: number)

(color: string)

(style: number)

(width: number)

(theme: "light" | "dark")

(tool: Tool)

(stream: MediaStream)

(stream: MediaStream)

(theme: "light" | "dark")

()

()

(id: string, newText: string)

()

(breakpoint: number = 768)

({ direction, label })

({ isOpen }: AuthModalProps)

({isSignin}: { isSignin: boolean })

({ roomId, encryptionKey, roomType, }: AuthWrapperProps)

({ size = 24, strokeWidth = 2, className = '', })

({ className = '' })

({ className, variant, size, asChild = false, ...props }: React.ComponentProps<'button'> & Variant

({ roomId, socket, isSolo = false, isUserAuthenticated = false, encryptionKey, roomType,className , sendMessag

()

()

({ rateLimitState }: { rateLimitState?: { messagesRemaining: number; isBlocked: boolean; re

({ color, selected = false, onClick, title, size = 'md', isTransparent = false, })

({ open, setOpen, onConfirm, })

({ error })

({ slug, onGoBack })

({ size = 100, strokeWidth = 2, className = '', color = '#7a7a7a', })

({ onClose, source = "header" })

({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>)

({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>)

({ className, children, showCloseButton = true, ...props }: React.ComponentProps<typeof DialogPrimitiv

({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>)

({ className, ...props }: React.ComponentProps<"div">)

({ className, ...props }: React.ComponentProps<"div">)

({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>)

({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>)

({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>)

({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>)

({ error, resetError })

({ strokeSelectedIndex = 0, backgroundSelectedIndex = 0, strokeWidthSelectedIndex = 0, strokeStyleSele

()

()

({ icon, label, onClick, variant = "default", })

({ type, color, size = 8 }: { type: 'hachure' | 'cross-hatch' | 'dots' | 'solid', color: string, size?: number

()

({ isDark })

()

()

()

({ icon, onClick, activated, shortcutKey, isMobile = false, allowFillOnActive = true, // 👈 default

({ children }: { children: React.ReactNode })

({ keyName })

({ onClose })

({ onClose, source = "header", })

({ onClick, className = '' })

({ onClose })

()

()

({ onClearCanvas, isCollabMode = false, roomId, encryptionKey, roomType, isMobile = false, onOpe

({ onClose, source = "header", })

({ label, children, compact })

({ children }: { children: React.ReactNode })

()

({ slug, encryptionKey, roomType: propRoomType }: { slug: string; encryptionKey: string; roomType?: 'duo' | 'g

({ slug, roomType })

({ error, slug, roomType, handleGoBack, handleTryAgain, })

({ isOpen, onClose, roomFullError, onGoBack, onTryAgain })

()

({ message, idleTime, roomId })

({ children, }: { children: React.ReactNode; })

({ onClick, isCollabMode = false }: ShareButtonProps)

({ roomId, encryptionKey, roomType, onClose, isManualTrigger = false, socket })

({ onClearCanvas, isCollabMode = false, roomId, encryptionKey, roomType, isMobile = false, })

({ isOpen, onClose, onClearCanvas, isCollabMode = false, roomId, encryptionKey, roomType, i

({ orientation = "horizontal", length = "h-px", className = "", })

({ isDark })

({ onClick, className = '' })

({ isDark })

({ isDark })

({ icon, label, highlight, onClick, })

({ type, color }: { type: 'solid' | 'dashed' | 'dotted', color: string })

({ width, color }: { width: 'thin' | 'medium' | 'thick', color: string })

({ selected = false, onClick, title, children, size = 'md', className, })

({ children })

({ isDark, toggleDarkMode })

({ isMobile = false })

({ message, duration = 3000 }: ToastProps)

()

({ size = 80, strokeWidth = 2, className = '', color = '#7a7a7a', })

({ selectedTool, setSelectedTool }: TopBarProps)

({ isOpen, onClose, provider, isDark })

({ isOpen, onClose, provider, isDark })

({roomId, isCreator }: VideoCallProps)

()