@cloudflare/realtimekit-react-ui 0.0.0 → 1.0.0-staging.11

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.
Files changed (46) hide show
  1. package/README.md +85 -0
  2. package/dist/components/index.d.ts +1 -0
  3. package/dist/components/index.js +17 -0
  4. package/dist/components/stencil-generated/index.d.ts +139 -0
  5. package/dist/components/stencil-generated/index.js +149 -0
  6. package/dist/components/stencil-generated/react-component-lib/createComponent.d.ts +10 -0
  7. package/dist/components/stencil-generated/react-component-lib/createComponent.js +111 -0
  8. package/dist/components/stencil-generated/react-component-lib/createOverlayComponent.d.ts +21 -0
  9. package/dist/components/stencil-generated/react-component-lib/createOverlayComponent.js +115 -0
  10. package/dist/components/stencil-generated/react-component-lib/index.d.ts +2 -0
  11. package/dist/components/stencil-generated/react-component-lib/index.js +7 -0
  12. package/dist/components/stencil-generated/react-component-lib/interfaces.d.ts +29 -0
  13. package/dist/components/stencil-generated/react-component-lib/interfaces.js +2 -0
  14. package/dist/components/stencil-generated/react-component-lib/utils/attachProps.d.ts +16 -0
  15. package/dist/components/stencil-generated/react-component-lib/utils/attachProps.js +115 -0
  16. package/dist/components/stencil-generated/react-component-lib/utils/case.d.ts +2 -0
  17. package/dist/components/stencil-generated/react-component-lib/utils/case.js +11 -0
  18. package/dist/components/stencil-generated/react-component-lib/utils/dev.d.ts +2 -0
  19. package/dist/components/stencil-generated/react-component-lib/utils/dev.js +17 -0
  20. package/dist/components/stencil-generated/react-component-lib/utils/index.d.ts +10 -0
  21. package/dist/components/stencil-generated/react-component-lib/utils/index.js +55 -0
  22. package/dist/es/components/index.d.ts +1 -0
  23. package/dist/es/components/index.js +1 -0
  24. package/dist/es/components/stencil-generated/index.d.ts +139 -0
  25. package/dist/es/components/stencil-generated/index.js +144 -0
  26. package/dist/es/components/stencil-generated/react-component-lib/createComponent.d.ts +10 -0
  27. package/dist/es/components/stencil-generated/react-component-lib/createComponent.js +74 -0
  28. package/dist/es/components/stencil-generated/react-component-lib/createOverlayComponent.d.ts +21 -0
  29. package/dist/es/components/stencil-generated/react-component-lib/createOverlayComponent.js +108 -0
  30. package/dist/es/components/stencil-generated/react-component-lib/index.d.ts +2 -0
  31. package/dist/es/components/stencil-generated/react-component-lib/index.js +2 -0
  32. package/dist/es/components/stencil-generated/react-component-lib/interfaces.d.ts +29 -0
  33. package/dist/es/components/stencil-generated/react-component-lib/interfaces.js +1 -0
  34. package/dist/es/components/stencil-generated/react-component-lib/utils/attachProps.d.ts +16 -0
  35. package/dist/es/components/stencil-generated/react-component-lib/utils/attachProps.js +107 -0
  36. package/dist/es/components/stencil-generated/react-component-lib/utils/case.d.ts +2 -0
  37. package/dist/es/components/stencil-generated/react-component-lib/utils/case.js +6 -0
  38. package/dist/es/components/stencil-generated/react-component-lib/utils/dev.d.ts +2 -0
  39. package/dist/es/components/stencil-generated/react-component-lib/utils/dev.js +12 -0
  40. package/dist/es/components/stencil-generated/react-component-lib/utils/index.d.ts +10 -0
  41. package/dist/es/components/stencil-generated/react-component-lib/utils/index.js +31 -0
  42. package/dist/es/index.d.ts +2 -0
  43. package/dist/es/index.js +2 -0
  44. package/dist/index.d.ts +2 -0
  45. package/dist/index.js +18 -0
  46. package/package.json +37 -3
@@ -0,0 +1,139 @@
1
+ import type { JSX } from '@cloudflare/realtimekit-ui';
2
+ export declare const RtkAi: import("react").ForwardRefExoticComponent<JSX.RtkAi & Omit<import("react").HTMLAttributes<HTMLRtkAiElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkAiElement>>;
3
+ export declare const RtkAiToggle: import("react").ForwardRefExoticComponent<JSX.RtkAiToggle & Omit<import("react").HTMLAttributes<HTMLRtkAiToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkAiToggleElement>>;
4
+ export declare const RtkAiTranscriptions: import("react").ForwardRefExoticComponent<JSX.RtkAiTranscriptions & Omit<import("react").HTMLAttributes<HTMLRtkAiTranscriptionsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkAiTranscriptionsElement>>;
5
+ export declare const RtkAudioGrid: import("react").ForwardRefExoticComponent<JSX.RtkAudioGrid & Omit<import("react").HTMLAttributes<HTMLRtkAudioGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkAudioGridElement>>;
6
+ export declare const RtkAudioTile: import("react").ForwardRefExoticComponent<JSX.RtkAudioTile & Omit<import("react").HTMLAttributes<HTMLRtkAudioTileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkAudioTileElement>>;
7
+ export declare const RtkAudioVisualizer: import("react").ForwardRefExoticComponent<JSX.RtkAudioVisualizer & Omit<import("react").HTMLAttributes<HTMLRtkAudioVisualizerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkAudioVisualizerElement>>;
8
+ export declare const RtkAvatar: import("react").ForwardRefExoticComponent<JSX.RtkAvatar & Omit<import("react").HTMLAttributes<HTMLRtkAvatarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkAvatarElement>>;
9
+ export declare const RtkBreakoutRoomManager: import("react").ForwardRefExoticComponent<JSX.RtkBreakoutRoomManager & Omit<import("react").HTMLAttributes<HTMLRtkBreakoutRoomManagerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkBreakoutRoomManagerElement>>;
10
+ export declare const RtkBreakoutRoomParticipants: import("react").ForwardRefExoticComponent<JSX.RtkBreakoutRoomParticipants & Omit<import("react").HTMLAttributes<HTMLRtkBreakoutRoomParticipantsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkBreakoutRoomParticipantsElement>>;
11
+ export declare const RtkBreakoutRoomsManager: import("react").ForwardRefExoticComponent<JSX.RtkBreakoutRoomsManager & Omit<import("react").HTMLAttributes<HTMLRtkBreakoutRoomsManagerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkBreakoutRoomsManagerElement>>;
12
+ export declare const RtkBreakoutRoomsToggle: import("react").ForwardRefExoticComponent<JSX.RtkBreakoutRoomsToggle & Omit<import("react").HTMLAttributes<HTMLRtkBreakoutRoomsToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkBreakoutRoomsToggleElement>>;
13
+ export declare const RtkBroadcastMessageModal: import("react").ForwardRefExoticComponent<JSX.RtkBroadcastMessageModal & Omit<import("react").HTMLAttributes<HTMLRtkBroadcastMessageModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkBroadcastMessageModalElement>>;
14
+ export declare const RtkButton: import("react").ForwardRefExoticComponent<JSX.RtkButton & Omit<import("react").HTMLAttributes<HTMLRtkButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkButtonElement>>;
15
+ export declare const RtkCameraSelector: import("react").ForwardRefExoticComponent<JSX.RtkCameraSelector & Omit<import("react").HTMLAttributes<HTMLRtkCameraSelectorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkCameraSelectorElement>>;
16
+ export declare const RtkCameraToggle: import("react").ForwardRefExoticComponent<JSX.RtkCameraToggle & Omit<import("react").HTMLAttributes<HTMLRtkCameraToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkCameraToggleElement>>;
17
+ export declare const RtkCaptionToggle: import("react").ForwardRefExoticComponent<JSX.RtkCaptionToggle & Omit<import("react").HTMLAttributes<HTMLRtkCaptionToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkCaptionToggleElement>>;
18
+ export declare const RtkChannelCreator: import("react").ForwardRefExoticComponent<JSX.RtkChannelCreator & Omit<import("react").HTMLAttributes<HTMLRtkChannelCreatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChannelCreatorElement>>;
19
+ export declare const RtkChannelDetails: import("react").ForwardRefExoticComponent<JSX.RtkChannelDetails & Omit<import("react").HTMLAttributes<HTMLRtkChannelDetailsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChannelDetailsElement>>;
20
+ export declare const RtkChannelHeader: import("react").ForwardRefExoticComponent<JSX.RtkChannelHeader & Omit<import("react").HTMLAttributes<HTMLRtkChannelHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChannelHeaderElement>>;
21
+ export declare const RtkChannelSelectorUi: import("react").ForwardRefExoticComponent<JSX.RtkChannelSelectorUi & Omit<import("react").HTMLAttributes<HTMLRtkChannelSelectorUiElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChannelSelectorUiElement>>;
22
+ export declare const RtkChannelSelectorView: import("react").ForwardRefExoticComponent<JSX.RtkChannelSelectorView & Omit<import("react").HTMLAttributes<HTMLRtkChannelSelectorViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChannelSelectorViewElement>>;
23
+ export declare const RtkChat: import("react").ForwardRefExoticComponent<JSX.RtkChat & Omit<import("react").HTMLAttributes<HTMLRtkChatElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChatElement>>;
24
+ export declare const RtkChatComposerUi: import("react").ForwardRefExoticComponent<JSX.RtkChatComposerUi & Omit<import("react").HTMLAttributes<HTMLRtkChatComposerUiElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChatComposerUiElement>>;
25
+ export declare const RtkChatComposerView: import("react").ForwardRefExoticComponent<JSX.RtkChatComposerView & Omit<import("react").HTMLAttributes<HTMLRtkChatComposerViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChatComposerViewElement>>;
26
+ export declare const RtkChatMessage: import("react").ForwardRefExoticComponent<JSX.RtkChatMessage & Omit<import("react").HTMLAttributes<HTMLRtkChatMessageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChatMessageElement>>;
27
+ export declare const RtkChatMessagesUi: import("react").ForwardRefExoticComponent<JSX.RtkChatMessagesUi & Omit<import("react").HTMLAttributes<HTMLRtkChatMessagesUiElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChatMessagesUiElement>>;
28
+ export declare const RtkChatMessagesUiPaginated: import("react").ForwardRefExoticComponent<JSX.RtkChatMessagesUiPaginated & Omit<import("react").HTMLAttributes<HTMLRtkChatMessagesUiPaginatedElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChatMessagesUiPaginatedElement>>;
29
+ export declare const RtkChatSearchResults: import("react").ForwardRefExoticComponent<JSX.RtkChatSearchResults & Omit<import("react").HTMLAttributes<HTMLRtkChatSearchResultsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChatSearchResultsElement>>;
30
+ export declare const RtkChatSelectorUi: import("react").ForwardRefExoticComponent<JSX.RtkChatSelectorUi & Omit<import("react").HTMLAttributes<HTMLRtkChatSelectorUiElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChatSelectorUiElement>>;
31
+ export declare const RtkChatToggle: import("react").ForwardRefExoticComponent<JSX.RtkChatToggle & Omit<import("react").HTMLAttributes<HTMLRtkChatToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkChatToggleElement>>;
32
+ export declare const RtkClock: import("react").ForwardRefExoticComponent<JSX.RtkClock & Omit<import("react").HTMLAttributes<HTMLRtkClockElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkClockElement>>;
33
+ export declare const RtkConfirmationModal: import("react").ForwardRefExoticComponent<JSX.RtkConfirmationModal & Omit<import("react").HTMLAttributes<HTMLRtkConfirmationModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkConfirmationModalElement>>;
34
+ export declare const RtkControlbar: import("react").ForwardRefExoticComponent<JSX.RtkControlbar & Omit<import("react").HTMLAttributes<HTMLRtkControlbarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkControlbarElement>>;
35
+ export declare const RtkControlbarButton: import("react").ForwardRefExoticComponent<JSX.RtkControlbarButton & Omit<import("react").HTMLAttributes<HTMLRtkControlbarButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkControlbarButtonElement>>;
36
+ export declare const RtkCounter: import("react").ForwardRefExoticComponent<JSX.RtkCounter & Omit<import("react").HTMLAttributes<HTMLRtkCounterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkCounterElement>>;
37
+ export declare const RtkDebugger: import("react").ForwardRefExoticComponent<JSX.RtkDebugger & Omit<import("react").HTMLAttributes<HTMLRtkDebuggerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkDebuggerElement>>;
38
+ export declare const RtkDebuggerAudio: import("react").ForwardRefExoticComponent<JSX.RtkDebuggerAudio & Omit<import("react").HTMLAttributes<HTMLRtkDebuggerAudioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkDebuggerAudioElement>>;
39
+ export declare const RtkDebuggerScreenshare: import("react").ForwardRefExoticComponent<JSX.RtkDebuggerScreenshare & Omit<import("react").HTMLAttributes<HTMLRtkDebuggerScreenshareElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkDebuggerScreenshareElement>>;
40
+ export declare const RtkDebuggerSystem: import("react").ForwardRefExoticComponent<JSX.RtkDebuggerSystem & Omit<import("react").HTMLAttributes<HTMLRtkDebuggerSystemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkDebuggerSystemElement>>;
41
+ export declare const RtkDebuggerToggle: import("react").ForwardRefExoticComponent<JSX.RtkDebuggerToggle & Omit<import("react").HTMLAttributes<HTMLRtkDebuggerToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkDebuggerToggleElement>>;
42
+ export declare const RtkDebuggerVideo: import("react").ForwardRefExoticComponent<JSX.RtkDebuggerVideo & Omit<import("react").HTMLAttributes<HTMLRtkDebuggerVideoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkDebuggerVideoElement>>;
43
+ export declare const RtkDialog: import("react").ForwardRefExoticComponent<JSX.RtkDialog & Omit<import("react").HTMLAttributes<HTMLRtkDialogElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkDialogElement>>;
44
+ export declare const RtkDialogManager: import("react").ForwardRefExoticComponent<JSX.RtkDialogManager & Omit<import("react").HTMLAttributes<HTMLRtkDialogManagerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkDialogManagerElement>>;
45
+ export declare const RtkDraftAttachmentView: import("react").ForwardRefExoticComponent<JSX.RtkDraftAttachmentView & Omit<import("react").HTMLAttributes<HTMLRtkDraftAttachmentViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkDraftAttachmentViewElement>>;
46
+ export declare const RtkEmojiPicker: import("react").ForwardRefExoticComponent<JSX.RtkEmojiPicker & Omit<import("react").HTMLAttributes<HTMLRtkEmojiPickerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkEmojiPickerElement>>;
47
+ export declare const RtkEmojiPickerButton: import("react").ForwardRefExoticComponent<JSX.RtkEmojiPickerButton & Omit<import("react").HTMLAttributes<HTMLRtkEmojiPickerButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkEmojiPickerButtonElement>>;
48
+ export declare const RtkEndedScreen: import("react").ForwardRefExoticComponent<JSX.RtkEndedScreen & Omit<import("react").HTMLAttributes<HTMLRtkEndedScreenElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkEndedScreenElement>>;
49
+ export declare const RtkFileDropzone: import("react").ForwardRefExoticComponent<JSX.RtkFileDropzone & Omit<import("react").HTMLAttributes<HTMLRtkFileDropzoneElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkFileDropzoneElement>>;
50
+ export declare const RtkFileMessage: import("react").ForwardRefExoticComponent<JSX.RtkFileMessage & Omit<import("react").HTMLAttributes<HTMLRtkFileMessageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkFileMessageElement>>;
51
+ export declare const RtkFileMessageView: import("react").ForwardRefExoticComponent<JSX.RtkFileMessageView & Omit<import("react").HTMLAttributes<HTMLRtkFileMessageViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkFileMessageViewElement>>;
52
+ export declare const RtkFilePickerButton: import("react").ForwardRefExoticComponent<JSX.RtkFilePickerButton & Omit<import("react").HTMLAttributes<HTMLRtkFilePickerButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkFilePickerButtonElement>>;
53
+ export declare const RtkFullscreenToggle: import("react").ForwardRefExoticComponent<JSX.RtkFullscreenToggle & Omit<import("react").HTMLAttributes<HTMLRtkFullscreenToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkFullscreenToggleElement>>;
54
+ export declare const RtkGrid: import("react").ForwardRefExoticComponent<JSX.RtkGrid & Omit<import("react").HTMLAttributes<HTMLRtkGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkGridElement>>;
55
+ export declare const RtkGridPagination: import("react").ForwardRefExoticComponent<JSX.RtkGridPagination & Omit<import("react").HTMLAttributes<HTMLRtkGridPaginationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkGridPaginationElement>>;
56
+ export declare const RtkHeader: import("react").ForwardRefExoticComponent<JSX.RtkHeader & Omit<import("react").HTMLAttributes<HTMLRtkHeaderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkHeaderElement>>;
57
+ export declare const RtkIcon: import("react").ForwardRefExoticComponent<JSX.RtkIcon & Omit<import("react").HTMLAttributes<HTMLRtkIconElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkIconElement>>;
58
+ export declare const RtkIdleScreen: import("react").ForwardRefExoticComponent<JSX.RtkIdleScreen & Omit<import("react").HTMLAttributes<HTMLRtkIdleScreenElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkIdleScreenElement>>;
59
+ export declare const RtkImageMessage: import("react").ForwardRefExoticComponent<JSX.RtkImageMessage & Omit<import("react").HTMLAttributes<HTMLRtkImageMessageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkImageMessageElement>>;
60
+ export declare const RtkImageMessageView: import("react").ForwardRefExoticComponent<JSX.RtkImageMessageView & Omit<import("react").HTMLAttributes<HTMLRtkImageMessageViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkImageMessageViewElement>>;
61
+ export declare const RtkImageViewer: import("react").ForwardRefExoticComponent<JSX.RtkImageViewer & Omit<import("react").HTMLAttributes<HTMLRtkImageViewerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkImageViewerElement>>;
62
+ export declare const RtkInformationTooltip: import("react").ForwardRefExoticComponent<JSX.RtkInformationTooltip & Omit<import("react").HTMLAttributes<HTMLRtkInformationTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkInformationTooltipElement>>;
63
+ export declare const RtkJoinStage: import("react").ForwardRefExoticComponent<JSX.RtkJoinStage & Omit<import("react").HTMLAttributes<HTMLRtkJoinStageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkJoinStageElement>>;
64
+ export declare const RtkLeaveButton: import("react").ForwardRefExoticComponent<JSX.RtkLeaveButton & Omit<import("react").HTMLAttributes<HTMLRtkLeaveButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkLeaveButtonElement>>;
65
+ export declare const RtkLeaveMeeting: import("react").ForwardRefExoticComponent<JSX.RtkLeaveMeeting & Omit<import("react").HTMLAttributes<HTMLRtkLeaveMeetingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkLeaveMeetingElement>>;
66
+ export declare const RtkLivestreamIndicator: import("react").ForwardRefExoticComponent<JSX.RtkLivestreamIndicator & Omit<import("react").HTMLAttributes<HTMLRtkLivestreamIndicatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkLivestreamIndicatorElement>>;
67
+ export declare const RtkLivestreamPlayer: import("react").ForwardRefExoticComponent<JSX.RtkLivestreamPlayer & Omit<import("react").HTMLAttributes<HTMLRtkLivestreamPlayerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkLivestreamPlayerElement>>;
68
+ export declare const RtkLivestreamToggle: import("react").ForwardRefExoticComponent<JSX.RtkLivestreamToggle & Omit<import("react").HTMLAttributes<HTMLRtkLivestreamToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkLivestreamToggleElement>>;
69
+ export declare const RtkLogo: import("react").ForwardRefExoticComponent<JSX.RtkLogo & Omit<import("react").HTMLAttributes<HTMLRtkLogoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkLogoElement>>;
70
+ export declare const RtkMarkdownView: import("react").ForwardRefExoticComponent<JSX.RtkMarkdownView & Omit<import("react").HTMLAttributes<HTMLRtkMarkdownViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMarkdownViewElement>>;
71
+ export declare const RtkMeeting: import("react").ForwardRefExoticComponent<JSX.RtkMeeting & Omit<import("react").HTMLAttributes<HTMLRtkMeetingElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMeetingElement>>;
72
+ export declare const RtkMeetingTitle: import("react").ForwardRefExoticComponent<JSX.RtkMeetingTitle & Omit<import("react").HTMLAttributes<HTMLRtkMeetingTitleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMeetingTitleElement>>;
73
+ export declare const RtkMenu: import("react").ForwardRefExoticComponent<JSX.RtkMenu & Omit<import("react").HTMLAttributes<HTMLRtkMenuElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMenuElement>>;
74
+ export declare const RtkMenuItem: import("react").ForwardRefExoticComponent<JSX.RtkMenuItem & Omit<import("react").HTMLAttributes<HTMLRtkMenuItemElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMenuItemElement>>;
75
+ export declare const RtkMenuList: import("react").ForwardRefExoticComponent<JSX.RtkMenuList & Omit<import("react").HTMLAttributes<HTMLRtkMenuListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMenuListElement>>;
76
+ export declare const RtkMessageListView: import("react").ForwardRefExoticComponent<JSX.RtkMessageListView & Omit<import("react").HTMLAttributes<HTMLRtkMessageListViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMessageListViewElement>>;
77
+ export declare const RtkMessageView: import("react").ForwardRefExoticComponent<JSX.RtkMessageView & Omit<import("react").HTMLAttributes<HTMLRtkMessageViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMessageViewElement>>;
78
+ export declare const RtkMicToggle: import("react").ForwardRefExoticComponent<JSX.RtkMicToggle & Omit<import("react").HTMLAttributes<HTMLRtkMicToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMicToggleElement>>;
79
+ export declare const RtkMicrophoneSelector: import("react").ForwardRefExoticComponent<JSX.RtkMicrophoneSelector & Omit<import("react").HTMLAttributes<HTMLRtkMicrophoneSelectorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMicrophoneSelectorElement>>;
80
+ export declare const RtkMixedGrid: import("react").ForwardRefExoticComponent<JSX.RtkMixedGrid & Omit<import("react").HTMLAttributes<HTMLRtkMixedGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMixedGridElement>>;
81
+ export declare const RtkMoreToggle: import("react").ForwardRefExoticComponent<JSX.RtkMoreToggle & Omit<import("react").HTMLAttributes<HTMLRtkMoreToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMoreToggleElement>>;
82
+ export declare const RtkMuteAllButton: import("react").ForwardRefExoticComponent<JSX.RtkMuteAllButton & Omit<import("react").HTMLAttributes<HTMLRtkMuteAllButtonElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMuteAllButtonElement>>;
83
+ export declare const RtkMuteAllConfirmation: import("react").ForwardRefExoticComponent<JSX.RtkMuteAllConfirmation & Omit<import("react").HTMLAttributes<HTMLRtkMuteAllConfirmationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkMuteAllConfirmationElement>>;
84
+ export declare const RtkNameTag: import("react").ForwardRefExoticComponent<JSX.RtkNameTag & Omit<import("react").HTMLAttributes<HTMLRtkNameTagElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkNameTagElement>>;
85
+ export declare const RtkNetworkIndicator: import("react").ForwardRefExoticComponent<JSX.RtkNetworkIndicator & Omit<import("react").HTMLAttributes<HTMLRtkNetworkIndicatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkNetworkIndicatorElement>>;
86
+ export declare const RtkNotification: import("react").ForwardRefExoticComponent<JSX.RtkNotification & Omit<import("react").HTMLAttributes<HTMLRtkNotificationElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkNotificationElement>>;
87
+ export declare const RtkNotifications: import("react").ForwardRefExoticComponent<JSX.RtkNotifications & Omit<import("react").HTMLAttributes<HTMLRtkNotificationsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkNotificationsElement>>;
88
+ export declare const RtkOverlayModal: import("react").ForwardRefExoticComponent<JSX.RtkOverlayModal & Omit<import("react").HTMLAttributes<HTMLRtkOverlayModalElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkOverlayModalElement>>;
89
+ export declare const RtkPaginatedList: import("react").ForwardRefExoticComponent<JSX.RtkPaginatedList & Omit<import("react").HTMLAttributes<HTMLRtkPaginatedListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkPaginatedListElement>>;
90
+ export declare const RtkParticipant: import("react").ForwardRefExoticComponent<JSX.RtkParticipant & Omit<import("react").HTMLAttributes<HTMLRtkParticipantElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkParticipantElement>>;
91
+ export declare const RtkParticipantCount: import("react").ForwardRefExoticComponent<JSX.RtkParticipantCount & Omit<import("react").HTMLAttributes<HTMLRtkParticipantCountElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkParticipantCountElement>>;
92
+ export declare const RtkParticipantSetup: import("react").ForwardRefExoticComponent<JSX.RtkParticipantSetup & Omit<import("react").HTMLAttributes<HTMLRtkParticipantSetupElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkParticipantSetupElement>>;
93
+ export declare const RtkParticipantTile: import("react").ForwardRefExoticComponent<JSX.RtkParticipantTile & Omit<import("react").HTMLAttributes<HTMLRtkParticipantTileElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkParticipantTileElement>>;
94
+ export declare const RtkParticipants: import("react").ForwardRefExoticComponent<JSX.RtkParticipants & Omit<import("react").HTMLAttributes<HTMLRtkParticipantsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkParticipantsElement>>;
95
+ export declare const RtkParticipantsAudio: import("react").ForwardRefExoticComponent<JSX.RtkParticipantsAudio & Omit<import("react").HTMLAttributes<HTMLRtkParticipantsAudioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkParticipantsAudioElement>>;
96
+ export declare const RtkParticipantsStageList: import("react").ForwardRefExoticComponent<JSX.RtkParticipantsStageList & Omit<import("react").HTMLAttributes<HTMLRtkParticipantsStageListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkParticipantsStageListElement>>;
97
+ export declare const RtkParticipantsStageQueue: import("react").ForwardRefExoticComponent<JSX.RtkParticipantsStageQueue & Omit<import("react").HTMLAttributes<HTMLRtkParticipantsStageQueueElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkParticipantsStageQueueElement>>;
98
+ export declare const RtkParticipantsToggle: import("react").ForwardRefExoticComponent<JSX.RtkParticipantsToggle & Omit<import("react").HTMLAttributes<HTMLRtkParticipantsToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkParticipantsToggleElement>>;
99
+ export declare const RtkParticipantsViewerList: import("react").ForwardRefExoticComponent<JSX.RtkParticipantsViewerList & Omit<import("react").HTMLAttributes<HTMLRtkParticipantsViewerListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkParticipantsViewerListElement>>;
100
+ export declare const RtkParticipantsWaitingList: import("react").ForwardRefExoticComponent<JSX.RtkParticipantsWaitingList & Omit<import("react").HTMLAttributes<HTMLRtkParticipantsWaitingListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkParticipantsWaitingListElement>>;
101
+ export declare const RtkPermissionsMessage: import("react").ForwardRefExoticComponent<JSX.RtkPermissionsMessage & Omit<import("react").HTMLAttributes<HTMLRtkPermissionsMessageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkPermissionsMessageElement>>;
102
+ export declare const RtkPipToggle: import("react").ForwardRefExoticComponent<JSX.RtkPipToggle & Omit<import("react").HTMLAttributes<HTMLRtkPipToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkPipToggleElement>>;
103
+ export declare const RtkPluginMain: import("react").ForwardRefExoticComponent<JSX.RtkPluginMain & Omit<import("react").HTMLAttributes<HTMLRtkPluginMainElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkPluginMainElement>>;
104
+ export declare const RtkPlugins: import("react").ForwardRefExoticComponent<JSX.RtkPlugins & Omit<import("react").HTMLAttributes<HTMLRtkPluginsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkPluginsElement>>;
105
+ export declare const RtkPluginsToggle: import("react").ForwardRefExoticComponent<JSX.RtkPluginsToggle & Omit<import("react").HTMLAttributes<HTMLRtkPluginsToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkPluginsToggleElement>>;
106
+ export declare const RtkPoll: import("react").ForwardRefExoticComponent<JSX.RtkPoll & Omit<import("react").HTMLAttributes<HTMLRtkPollElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkPollElement>>;
107
+ export declare const RtkPollForm: import("react").ForwardRefExoticComponent<JSX.RtkPollForm & Omit<import("react").HTMLAttributes<HTMLRtkPollFormElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkPollFormElement>>;
108
+ export declare const RtkPolls: import("react").ForwardRefExoticComponent<JSX.RtkPolls & Omit<import("react").HTMLAttributes<HTMLRtkPollsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkPollsElement>>;
109
+ export declare const RtkPollsToggle: import("react").ForwardRefExoticComponent<JSX.RtkPollsToggle & Omit<import("react").HTMLAttributes<HTMLRtkPollsToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkPollsToggleElement>>;
110
+ export declare const RtkRecordingIndicator: import("react").ForwardRefExoticComponent<JSX.RtkRecordingIndicator & Omit<import("react").HTMLAttributes<HTMLRtkRecordingIndicatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkRecordingIndicatorElement>>;
111
+ export declare const RtkRecordingToggle: import("react").ForwardRefExoticComponent<JSX.RtkRecordingToggle & Omit<import("react").HTMLAttributes<HTMLRtkRecordingToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkRecordingToggleElement>>;
112
+ export declare const RtkScreenShareToggle: import("react").ForwardRefExoticComponent<JSX.RtkScreenShareToggle & Omit<import("react").HTMLAttributes<HTMLRtkScreenShareToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkScreenShareToggleElement>>;
113
+ export declare const RtkScreenshareView: import("react").ForwardRefExoticComponent<JSX.RtkScreenshareView & Omit<import("react").HTMLAttributes<HTMLRtkScreenshareViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkScreenshareViewElement>>;
114
+ export declare const RtkSettings: import("react").ForwardRefExoticComponent<JSX.RtkSettings & Omit<import("react").HTMLAttributes<HTMLRtkSettingsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkSettingsElement>>;
115
+ export declare const RtkSettingsAudio: import("react").ForwardRefExoticComponent<JSX.RtkSettingsAudio & Omit<import("react").HTMLAttributes<HTMLRtkSettingsAudioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkSettingsAudioElement>>;
116
+ export declare const RtkSettingsToggle: import("react").ForwardRefExoticComponent<JSX.RtkSettingsToggle & Omit<import("react").HTMLAttributes<HTMLRtkSettingsToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkSettingsToggleElement>>;
117
+ export declare const RtkSettingsVideo: import("react").ForwardRefExoticComponent<JSX.RtkSettingsVideo & Omit<import("react").HTMLAttributes<HTMLRtkSettingsVideoElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkSettingsVideoElement>>;
118
+ export declare const RtkSetupScreen: import("react").ForwardRefExoticComponent<JSX.RtkSetupScreen & Omit<import("react").HTMLAttributes<HTMLRtkSetupScreenElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkSetupScreenElement>>;
119
+ export declare const RtkSidebar: import("react").ForwardRefExoticComponent<JSX.RtkSidebar & Omit<import("react").HTMLAttributes<HTMLRtkSidebarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkSidebarElement>>;
120
+ export declare const RtkSidebarUi: import("react").ForwardRefExoticComponent<JSX.RtkSidebarUi & Omit<import("react").HTMLAttributes<HTMLRtkSidebarUiElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkSidebarUiElement>>;
121
+ export declare const RtkSimpleGrid: import("react").ForwardRefExoticComponent<JSX.RtkSimpleGrid & Omit<import("react").HTMLAttributes<HTMLRtkSimpleGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkSimpleGridElement>>;
122
+ export declare const RtkSpeakerSelector: import("react").ForwardRefExoticComponent<JSX.RtkSpeakerSelector & Omit<import("react").HTMLAttributes<HTMLRtkSpeakerSelectorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkSpeakerSelectorElement>>;
123
+ export declare const RtkSpinner: import("react").ForwardRefExoticComponent<JSX.RtkSpinner & Omit<import("react").HTMLAttributes<HTMLRtkSpinnerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkSpinnerElement>>;
124
+ export declare const RtkSpotlightGrid: import("react").ForwardRefExoticComponent<JSX.RtkSpotlightGrid & Omit<import("react").HTMLAttributes<HTMLRtkSpotlightGridElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkSpotlightGridElement>>;
125
+ export declare const RtkSpotlightIndicator: import("react").ForwardRefExoticComponent<JSX.RtkSpotlightIndicator & Omit<import("react").HTMLAttributes<HTMLRtkSpotlightIndicatorElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkSpotlightIndicatorElement>>;
126
+ export declare const RtkStage: import("react").ForwardRefExoticComponent<JSX.RtkStage & Omit<import("react").HTMLAttributes<HTMLRtkStageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkStageElement>>;
127
+ export declare const RtkStageToggle: import("react").ForwardRefExoticComponent<JSX.RtkStageToggle & Omit<import("react").HTMLAttributes<HTMLRtkStageToggleElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkStageToggleElement>>;
128
+ export declare const RtkSwitch: import("react").ForwardRefExoticComponent<JSX.RtkSwitch & Omit<import("react").HTMLAttributes<HTMLRtkSwitchElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkSwitchElement>>;
129
+ export declare const RtkTabBar: import("react").ForwardRefExoticComponent<JSX.RtkTabBar & Omit<import("react").HTMLAttributes<HTMLRtkTabBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkTabBarElement>>;
130
+ export declare const RtkTextComposerView: import("react").ForwardRefExoticComponent<JSX.RtkTextComposerView & Omit<import("react").HTMLAttributes<HTMLRtkTextComposerViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkTextComposerViewElement>>;
131
+ export declare const RtkTextMessage: import("react").ForwardRefExoticComponent<JSX.RtkTextMessage & Omit<import("react").HTMLAttributes<HTMLRtkTextMessageElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkTextMessageElement>>;
132
+ export declare const RtkTextMessageView: import("react").ForwardRefExoticComponent<JSX.RtkTextMessageView & Omit<import("react").HTMLAttributes<HTMLRtkTextMessageViewElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkTextMessageViewElement>>;
133
+ export declare const RtkTooltip: import("react").ForwardRefExoticComponent<JSX.RtkTooltip & Omit<import("react").HTMLAttributes<HTMLRtkTooltipElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkTooltipElement>>;
134
+ export declare const RtkTranscript: import("react").ForwardRefExoticComponent<JSX.RtkTranscript & Omit<import("react").HTMLAttributes<HTMLRtkTranscriptElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkTranscriptElement>>;
135
+ export declare const RtkTranscripts: import("react").ForwardRefExoticComponent<JSX.RtkTranscripts & Omit<import("react").HTMLAttributes<HTMLRtkTranscriptsElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkTranscriptsElement>>;
136
+ export declare const RtkUiProvider: import("react").ForwardRefExoticComponent<JSX.RtkUiProvider & Omit<import("react").HTMLAttributes<HTMLRtkUiProviderElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkUiProviderElement>>;
137
+ export declare const RtkViewerCount: import("react").ForwardRefExoticComponent<JSX.RtkViewerCount & Omit<import("react").HTMLAttributes<HTMLRtkViewerCountElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkViewerCountElement>>;
138
+ export declare const RtkVirtualizedParticipantList: import("react").ForwardRefExoticComponent<JSX.RtkVirtualizedParticipantList & Omit<import("react").HTMLAttributes<HTMLRtkVirtualizedParticipantListElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkVirtualizedParticipantListElement>>;
139
+ export declare const RtkWaitingScreen: import("react").ForwardRefExoticComponent<JSX.RtkWaitingScreen & Omit<import("react").HTMLAttributes<HTMLRtkWaitingScreenElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLRtkWaitingScreenElement>>;
@@ -0,0 +1,144 @@
1
+ /* eslint-disable */
2
+ /* tslint:disable */
3
+ /* auto-generated react proxies */
4
+ import { createReactComponent } from './react-component-lib';
5
+ import { defineCustomElements } from '@cloudflare/realtimekit-ui/loader';
6
+ defineCustomElements();
7
+ export const RtkAi = /*@__PURE__*/ createReactComponent('rtk-ai');
8
+ export const RtkAiToggle = /*@__PURE__*/ createReactComponent('rtk-ai-toggle');
9
+ export const RtkAiTranscriptions = /*@__PURE__*/ createReactComponent('rtk-ai-transcriptions');
10
+ export const RtkAudioGrid = /*@__PURE__*/ createReactComponent('rtk-audio-grid');
11
+ export const RtkAudioTile = /*@__PURE__*/ createReactComponent('rtk-audio-tile');
12
+ export const RtkAudioVisualizer = /*@__PURE__*/ createReactComponent('rtk-audio-visualizer');
13
+ export const RtkAvatar = /*@__PURE__*/ createReactComponent('rtk-avatar');
14
+ export const RtkBreakoutRoomManager = /*@__PURE__*/ createReactComponent('rtk-breakout-room-manager');
15
+ export const RtkBreakoutRoomParticipants = /*@__PURE__*/ createReactComponent('rtk-breakout-room-participants');
16
+ export const RtkBreakoutRoomsManager = /*@__PURE__*/ createReactComponent('rtk-breakout-rooms-manager');
17
+ export const RtkBreakoutRoomsToggle = /*@__PURE__*/ createReactComponent('rtk-breakout-rooms-toggle');
18
+ export const RtkBroadcastMessageModal = /*@__PURE__*/ createReactComponent('rtk-broadcast-message-modal');
19
+ export const RtkButton = /*@__PURE__*/ createReactComponent('rtk-button');
20
+ export const RtkCameraSelector = /*@__PURE__*/ createReactComponent('rtk-camera-selector');
21
+ export const RtkCameraToggle = /*@__PURE__*/ createReactComponent('rtk-camera-toggle');
22
+ export const RtkCaptionToggle = /*@__PURE__*/ createReactComponent('rtk-caption-toggle');
23
+ export const RtkChannelCreator = /*@__PURE__*/ createReactComponent('rtk-channel-creator');
24
+ export const RtkChannelDetails = /*@__PURE__*/ createReactComponent('rtk-channel-details');
25
+ export const RtkChannelHeader = /*@__PURE__*/ createReactComponent('rtk-channel-header');
26
+ export const RtkChannelSelectorUi = /*@__PURE__*/ createReactComponent('rtk-channel-selector-ui');
27
+ export const RtkChannelSelectorView = /*@__PURE__*/ createReactComponent('rtk-channel-selector-view');
28
+ export const RtkChat = /*@__PURE__*/ createReactComponent('rtk-chat');
29
+ export const RtkChatComposerUi = /*@__PURE__*/ createReactComponent('rtk-chat-composer-ui');
30
+ export const RtkChatComposerView = /*@__PURE__*/ createReactComponent('rtk-chat-composer-view');
31
+ export const RtkChatMessage = /*@__PURE__*/ createReactComponent('rtk-chat-message');
32
+ export const RtkChatMessagesUi = /*@__PURE__*/ createReactComponent('rtk-chat-messages-ui');
33
+ export const RtkChatMessagesUiPaginated = /*@__PURE__*/ createReactComponent('rtk-chat-messages-ui-paginated');
34
+ export const RtkChatSearchResults = /*@__PURE__*/ createReactComponent('rtk-chat-search-results');
35
+ export const RtkChatSelectorUi = /*@__PURE__*/ createReactComponent('rtk-chat-selector-ui');
36
+ export const RtkChatToggle = /*@__PURE__*/ createReactComponent('rtk-chat-toggle');
37
+ export const RtkClock = /*@__PURE__*/ createReactComponent('rtk-clock');
38
+ export const RtkConfirmationModal = /*@__PURE__*/ createReactComponent('rtk-confirmation-modal');
39
+ export const RtkControlbar = /*@__PURE__*/ createReactComponent('rtk-controlbar');
40
+ export const RtkControlbarButton = /*@__PURE__*/ createReactComponent('rtk-controlbar-button');
41
+ export const RtkCounter = /*@__PURE__*/ createReactComponent('rtk-counter');
42
+ export const RtkDebugger = /*@__PURE__*/ createReactComponent('rtk-debugger');
43
+ export const RtkDebuggerAudio = /*@__PURE__*/ createReactComponent('rtk-debugger-audio');
44
+ export const RtkDebuggerScreenshare = /*@__PURE__*/ createReactComponent('rtk-debugger-screenshare');
45
+ export const RtkDebuggerSystem = /*@__PURE__*/ createReactComponent('rtk-debugger-system');
46
+ export const RtkDebuggerToggle = /*@__PURE__*/ createReactComponent('rtk-debugger-toggle');
47
+ export const RtkDebuggerVideo = /*@__PURE__*/ createReactComponent('rtk-debugger-video');
48
+ export const RtkDialog = /*@__PURE__*/ createReactComponent('rtk-dialog');
49
+ export const RtkDialogManager = /*@__PURE__*/ createReactComponent('rtk-dialog-manager');
50
+ export const RtkDraftAttachmentView = /*@__PURE__*/ createReactComponent('rtk-draft-attachment-view');
51
+ export const RtkEmojiPicker = /*@__PURE__*/ createReactComponent('rtk-emoji-picker');
52
+ export const RtkEmojiPickerButton = /*@__PURE__*/ createReactComponent('rtk-emoji-picker-button');
53
+ export const RtkEndedScreen = /*@__PURE__*/ createReactComponent('rtk-ended-screen');
54
+ export const RtkFileDropzone = /*@__PURE__*/ createReactComponent('rtk-file-dropzone');
55
+ export const RtkFileMessage = /*@__PURE__*/ createReactComponent('rtk-file-message');
56
+ export const RtkFileMessageView = /*@__PURE__*/ createReactComponent('rtk-file-message-view');
57
+ export const RtkFilePickerButton = /*@__PURE__*/ createReactComponent('rtk-file-picker-button');
58
+ export const RtkFullscreenToggle = /*@__PURE__*/ createReactComponent('rtk-fullscreen-toggle');
59
+ export const RtkGrid = /*@__PURE__*/ createReactComponent('rtk-grid');
60
+ export const RtkGridPagination = /*@__PURE__*/ createReactComponent('rtk-grid-pagination');
61
+ export const RtkHeader = /*@__PURE__*/ createReactComponent('rtk-header');
62
+ export const RtkIcon = /*@__PURE__*/ createReactComponent('rtk-icon');
63
+ export const RtkIdleScreen = /*@__PURE__*/ createReactComponent('rtk-idle-screen');
64
+ export const RtkImageMessage = /*@__PURE__*/ createReactComponent('rtk-image-message');
65
+ export const RtkImageMessageView = /*@__PURE__*/ createReactComponent('rtk-image-message-view');
66
+ export const RtkImageViewer = /*@__PURE__*/ createReactComponent('rtk-image-viewer');
67
+ export const RtkInformationTooltip = /*@__PURE__*/ createReactComponent('rtk-information-tooltip');
68
+ export const RtkJoinStage = /*@__PURE__*/ createReactComponent('rtk-join-stage');
69
+ export const RtkLeaveButton = /*@__PURE__*/ createReactComponent('rtk-leave-button');
70
+ export const RtkLeaveMeeting = /*@__PURE__*/ createReactComponent('rtk-leave-meeting');
71
+ export const RtkLivestreamIndicator = /*@__PURE__*/ createReactComponent('rtk-livestream-indicator');
72
+ export const RtkLivestreamPlayer = /*@__PURE__*/ createReactComponent('rtk-livestream-player');
73
+ export const RtkLivestreamToggle = /*@__PURE__*/ createReactComponent('rtk-livestream-toggle');
74
+ export const RtkLogo = /*@__PURE__*/ createReactComponent('rtk-logo');
75
+ export const RtkMarkdownView = /*@__PURE__*/ createReactComponent('rtk-markdown-view');
76
+ export const RtkMeeting = /*@__PURE__*/ createReactComponent('rtk-meeting');
77
+ export const RtkMeetingTitle = /*@__PURE__*/ createReactComponent('rtk-meeting-title');
78
+ export const RtkMenu = /*@__PURE__*/ createReactComponent('rtk-menu');
79
+ export const RtkMenuItem = /*@__PURE__*/ createReactComponent('rtk-menu-item');
80
+ export const RtkMenuList = /*@__PURE__*/ createReactComponent('rtk-menu-list');
81
+ export const RtkMessageListView = /*@__PURE__*/ createReactComponent('rtk-message-list-view');
82
+ export const RtkMessageView = /*@__PURE__*/ createReactComponent('rtk-message-view');
83
+ export const RtkMicToggle = /*@__PURE__*/ createReactComponent('rtk-mic-toggle');
84
+ export const RtkMicrophoneSelector = /*@__PURE__*/ createReactComponent('rtk-microphone-selector');
85
+ export const RtkMixedGrid = /*@__PURE__*/ createReactComponent('rtk-mixed-grid');
86
+ export const RtkMoreToggle = /*@__PURE__*/ createReactComponent('rtk-more-toggle');
87
+ export const RtkMuteAllButton = /*@__PURE__*/ createReactComponent('rtk-mute-all-button');
88
+ export const RtkMuteAllConfirmation = /*@__PURE__*/ createReactComponent('rtk-mute-all-confirmation');
89
+ export const RtkNameTag = /*@__PURE__*/ createReactComponent('rtk-name-tag');
90
+ export const RtkNetworkIndicator = /*@__PURE__*/ createReactComponent('rtk-network-indicator');
91
+ export const RtkNotification = /*@__PURE__*/ createReactComponent('rtk-notification');
92
+ export const RtkNotifications = /*@__PURE__*/ createReactComponent('rtk-notifications');
93
+ export const RtkOverlayModal = /*@__PURE__*/ createReactComponent('rtk-overlay-modal');
94
+ export const RtkPaginatedList = /*@__PURE__*/ createReactComponent('rtk-paginated-list');
95
+ export const RtkParticipant = /*@__PURE__*/ createReactComponent('rtk-participant');
96
+ export const RtkParticipantCount = /*@__PURE__*/ createReactComponent('rtk-participant-count');
97
+ export const RtkParticipantSetup = /*@__PURE__*/ createReactComponent('rtk-participant-setup');
98
+ export const RtkParticipantTile = /*@__PURE__*/ createReactComponent('rtk-participant-tile');
99
+ export const RtkParticipants = /*@__PURE__*/ createReactComponent('rtk-participants');
100
+ export const RtkParticipantsAudio = /*@__PURE__*/ createReactComponent('rtk-participants-audio');
101
+ export const RtkParticipantsStageList = /*@__PURE__*/ createReactComponent('rtk-participants-stage-list');
102
+ export const RtkParticipantsStageQueue = /*@__PURE__*/ createReactComponent('rtk-participants-stage-queue');
103
+ export const RtkParticipantsToggle = /*@__PURE__*/ createReactComponent('rtk-participants-toggle');
104
+ export const RtkParticipantsViewerList = /*@__PURE__*/ createReactComponent('rtk-participants-viewer-list');
105
+ export const RtkParticipantsWaitingList = /*@__PURE__*/ createReactComponent('rtk-participants-waiting-list');
106
+ export const RtkPermissionsMessage = /*@__PURE__*/ createReactComponent('rtk-permissions-message');
107
+ export const RtkPipToggle = /*@__PURE__*/ createReactComponent('rtk-pip-toggle');
108
+ export const RtkPluginMain = /*@__PURE__*/ createReactComponent('rtk-plugin-main');
109
+ export const RtkPlugins = /*@__PURE__*/ createReactComponent('rtk-plugins');
110
+ export const RtkPluginsToggle = /*@__PURE__*/ createReactComponent('rtk-plugins-toggle');
111
+ export const RtkPoll = /*@__PURE__*/ createReactComponent('rtk-poll');
112
+ export const RtkPollForm = /*@__PURE__*/ createReactComponent('rtk-poll-form');
113
+ export const RtkPolls = /*@__PURE__*/ createReactComponent('rtk-polls');
114
+ export const RtkPollsToggle = /*@__PURE__*/ createReactComponent('rtk-polls-toggle');
115
+ export const RtkRecordingIndicator = /*@__PURE__*/ createReactComponent('rtk-recording-indicator');
116
+ export const RtkRecordingToggle = /*@__PURE__*/ createReactComponent('rtk-recording-toggle');
117
+ export const RtkScreenShareToggle = /*@__PURE__*/ createReactComponent('rtk-screen-share-toggle');
118
+ export const RtkScreenshareView = /*@__PURE__*/ createReactComponent('rtk-screenshare-view');
119
+ export const RtkSettings = /*@__PURE__*/ createReactComponent('rtk-settings');
120
+ export const RtkSettingsAudio = /*@__PURE__*/ createReactComponent('rtk-settings-audio');
121
+ export const RtkSettingsToggle = /*@__PURE__*/ createReactComponent('rtk-settings-toggle');
122
+ export const RtkSettingsVideo = /*@__PURE__*/ createReactComponent('rtk-settings-video');
123
+ export const RtkSetupScreen = /*@__PURE__*/ createReactComponent('rtk-setup-screen');
124
+ export const RtkSidebar = /*@__PURE__*/ createReactComponent('rtk-sidebar');
125
+ export const RtkSidebarUi = /*@__PURE__*/ createReactComponent('rtk-sidebar-ui');
126
+ export const RtkSimpleGrid = /*@__PURE__*/ createReactComponent('rtk-simple-grid');
127
+ export const RtkSpeakerSelector = /*@__PURE__*/ createReactComponent('rtk-speaker-selector');
128
+ export const RtkSpinner = /*@__PURE__*/ createReactComponent('rtk-spinner');
129
+ export const RtkSpotlightGrid = /*@__PURE__*/ createReactComponent('rtk-spotlight-grid');
130
+ export const RtkSpotlightIndicator = /*@__PURE__*/ createReactComponent('rtk-spotlight-indicator');
131
+ export const RtkStage = /*@__PURE__*/ createReactComponent('rtk-stage');
132
+ export const RtkStageToggle = /*@__PURE__*/ createReactComponent('rtk-stage-toggle');
133
+ export const RtkSwitch = /*@__PURE__*/ createReactComponent('rtk-switch');
134
+ export const RtkTabBar = /*@__PURE__*/ createReactComponent('rtk-tab-bar');
135
+ export const RtkTextComposerView = /*@__PURE__*/ createReactComponent('rtk-text-composer-view');
136
+ export const RtkTextMessage = /*@__PURE__*/ createReactComponent('rtk-text-message');
137
+ export const RtkTextMessageView = /*@__PURE__*/ createReactComponent('rtk-text-message-view');
138
+ export const RtkTooltip = /*@__PURE__*/ createReactComponent('rtk-tooltip');
139
+ export const RtkTranscript = /*@__PURE__*/ createReactComponent('rtk-transcript');
140
+ export const RtkTranscripts = /*@__PURE__*/ createReactComponent('rtk-transcripts');
141
+ export const RtkUiProvider = /*@__PURE__*/ createReactComponent('rtk-ui-provider');
142
+ export const RtkViewerCount = /*@__PURE__*/ createReactComponent('rtk-viewer-count');
143
+ export const RtkVirtualizedParticipantList = /*@__PURE__*/ createReactComponent('rtk-virtualized-participant-list');
144
+ export const RtkWaitingScreen = /*@__PURE__*/ createReactComponent('rtk-waiting-screen');
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ export interface HTMLStencilElement extends HTMLElement {
3
+ componentOnReady(): Promise<this>;
4
+ }
5
+ interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
6
+ forwardedRef: React.RefObject<ElementType>;
7
+ ref?: React.Ref<any>;
8
+ }
9
+ export declare const createReactComponent: <PropType, ElementType extends HTMLStencilElement, ContextStateType = {}, ExpandedPropsTypes = {}>(tagName: string, ReactComponentContext?: React.Context<ContextStateType>, manipulatePropsFunction?: (originalProps: StencilReactInternalProps<ElementType>, propsToPass: any) => ExpandedPropsTypes, defineCustomElement?: () => void) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropType & Omit<React.HTMLAttributes<ElementType>, "style"> & import("./interfaces").StyleReactProps> & React.RefAttributes<ElementType>>;
10
+ export {};
@@ -0,0 +1,74 @@
1
+ var __rest = (this && this.__rest) || function (s, e) {
2
+ var t = {};
3
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
+ t[p] = s[p];
5
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
+ t[p[i]] = s[p[i]];
9
+ }
10
+ return t;
11
+ };
12
+ import React, { createElement } from 'react';
13
+ import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
14
+ export const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
15
+ if (defineCustomElement !== undefined) {
16
+ defineCustomElement();
17
+ }
18
+ const displayName = dashToPascalCase(tagName);
19
+ const ReactComponent = class extends React.Component {
20
+ constructor(props) {
21
+ super(props);
22
+ this.setComponentElRef = (element) => {
23
+ this.componentEl = element;
24
+ };
25
+ }
26
+ componentDidMount() {
27
+ this.componentDidUpdate(this.props);
28
+ }
29
+ componentDidUpdate(prevProps) {
30
+ attachProps(this.componentEl, this.props, prevProps);
31
+ }
32
+ render() {
33
+ const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
34
+ let propsToPass = Object.keys(cProps).reduce((acc, name) => {
35
+ const value = cProps[name];
36
+ if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
37
+ const eventName = name.substring(2).toLowerCase();
38
+ if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
39
+ acc[name] = value;
40
+ }
41
+ }
42
+ else {
43
+ // we should only render strings, booleans, and numbers as attrs in html.
44
+ // objects, functions, arrays etc get synced via properties on mount.
45
+ const type = typeof value;
46
+ if (type === 'string' || type === 'boolean' || type === 'number') {
47
+ acc[camelToDashCase(name)] = value;
48
+ }
49
+ }
50
+ return acc;
51
+ }, {});
52
+ if (manipulatePropsFunction) {
53
+ propsToPass = manipulatePropsFunction(this.props, propsToPass);
54
+ }
55
+ const newProps = Object.assign(Object.assign({}, propsToPass), { ref: mergeRefs(forwardedRef, this.setComponentElRef), style });
56
+ /**
57
+ * We use createElement here instead of
58
+ * React.createElement to work around a
59
+ * bug in Vite (https://github.com/vitejs/vite/issues/6104).
60
+ * React.createElement causes all elements to be rendered
61
+ * as <tagname> instead of the actual Web Component.
62
+ */
63
+ return createElement(tagName, newProps, children);
64
+ }
65
+ static get displayName() {
66
+ return displayName;
67
+ }
68
+ };
69
+ // If context was passed to createReactComponent then conditionally add it to the Component Class
70
+ if (ReactComponentContext) {
71
+ ReactComponent.contextType = ReactComponentContext;
72
+ }
73
+ return createForwardRef(ReactComponent, displayName);
74
+ };
@@ -0,0 +1,21 @@
1
+ import React from 'react';
2
+ import { OverlayEventDetail } from './interfaces';
3
+ import { StencilReactForwardedRef } from './utils';
4
+ interface OverlayElement extends HTMLElement {
5
+ present: () => Promise<void>;
6
+ dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
7
+ }
8
+ export interface ReactOverlayProps {
9
+ children?: React.ReactNode;
10
+ isOpen: boolean;
11
+ onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
12
+ onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
13
+ onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
14
+ onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
15
+ }
16
+ export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
17
+ create: (options: any) => Promise<OverlayType>;
18
+ }, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
19
+ forwardedRef?: StencilReactForwardedRef<OverlayType>;
20
+ }> & React.RefAttributes<OverlayType>>;
21
+ export {};
@@ -0,0 +1,108 @@
1
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
+ return new (P || (P = Promise))(function (resolve, reject) {
4
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
8
+ });
9
+ };
10
+ var __rest = (this && this.__rest) || function (s, e) {
11
+ var t = {};
12
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
13
+ t[p] = s[p];
14
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
15
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
16
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
17
+ t[p[i]] = s[p[i]];
18
+ }
19
+ return t;
20
+ };
21
+ import React from 'react';
22
+ import ReactDOM from 'react-dom';
23
+ import { attachProps, dashToPascalCase, defineCustomElement, setRef } from './utils';
24
+ export const createOverlayComponent = (tagName, controller, customElement) => {
25
+ defineCustomElement(tagName, customElement);
26
+ const displayName = dashToPascalCase(tagName);
27
+ const didDismissEventName = `on${displayName}DidDismiss`;
28
+ const didPresentEventName = `on${displayName}DidPresent`;
29
+ const willDismissEventName = `on${displayName}WillDismiss`;
30
+ const willPresentEventName = `on${displayName}WillPresent`;
31
+ let isDismissing = false;
32
+ class Overlay extends React.Component {
33
+ constructor(props) {
34
+ super(props);
35
+ if (typeof document !== 'undefined') {
36
+ this.el = document.createElement('div');
37
+ }
38
+ this.handleDismiss = this.handleDismiss.bind(this);
39
+ }
40
+ static get displayName() {
41
+ return displayName;
42
+ }
43
+ componentDidMount() {
44
+ if (this.props.isOpen) {
45
+ this.present();
46
+ }
47
+ }
48
+ componentWillUnmount() {
49
+ if (this.overlay) {
50
+ this.overlay.dismiss();
51
+ }
52
+ }
53
+ handleDismiss(event) {
54
+ if (this.props.onDidDismiss) {
55
+ this.props.onDidDismiss(event);
56
+ }
57
+ setRef(this.props.forwardedRef, null);
58
+ }
59
+ shouldComponentUpdate(nextProps) {
60
+ // Check if the overlay component is about to dismiss
61
+ if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
62
+ isDismissing = true;
63
+ }
64
+ return true;
65
+ }
66
+ componentDidUpdate(prevProps) {
67
+ return __awaiter(this, void 0, void 0, function* () {
68
+ if (this.overlay) {
69
+ attachProps(this.overlay, this.props, prevProps);
70
+ }
71
+ if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
72
+ this.present(prevProps);
73
+ }
74
+ if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
75
+ yield this.overlay.dismiss();
76
+ isDismissing = false;
77
+ /**
78
+ * Now that the overlay is dismissed
79
+ * we need to render again so that any
80
+ * inner components will be unmounted
81
+ */
82
+ this.forceUpdate();
83
+ }
84
+ });
85
+ }
86
+ present(prevProps) {
87
+ return __awaiter(this, void 0, void 0, function* () {
88
+ const _a = this.props, { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent } = _a, cProps = __rest(_a, ["children", "isOpen", "onDidDismiss", "onDidPresent", "onWillDismiss", "onWillPresent"]);
89
+ const elementProps = Object.assign(Object.assign({}, cProps), { ref: this.props.forwardedRef, [didDismissEventName]: this.handleDismiss, [didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e), [willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e), [willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e) });
90
+ this.overlay = yield controller.create(Object.assign(Object.assign({}, elementProps), { component: this.el, componentProps: {} }));
91
+ setRef(this.props.forwardedRef, this.overlay);
92
+ attachProps(this.overlay, elementProps, prevProps);
93
+ yield this.overlay.present();
94
+ });
95
+ }
96
+ render() {
97
+ /**
98
+ * Continue to render the component even when
99
+ * overlay is dismissing otherwise component
100
+ * will be hidden before animation is done.
101
+ */
102
+ return ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
103
+ }
104
+ }
105
+ return React.forwardRef((props, ref) => {
106
+ return React.createElement(Overlay, Object.assign({}, props, { forwardedRef: ref }));
107
+ });
108
+ };
@@ -0,0 +1,2 @@
1
+ export { createReactComponent } from './createComponent';
2
+ export { createOverlayComponent } from './createOverlayComponent';
@@ -0,0 +1,2 @@
1
+ export { createReactComponent } from './createComponent';
2
+ export { createOverlayComponent } from './createOverlayComponent';