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

package/README.md

@@ -0,0 +1,85 @@
+# RealtimeKit React UI
+
+**RealtimeKit React UI** provides pre-built, ready-to-use UI components for React for integrating with [Cloudflare RealtimeKit](https://npmjs.com/package/@cloudflare/realtimekit).
+
+If you're using a different framework or no framework (see HTML), we also offer dedicated packages:
+
+- [Angular](https://npmjs.com/package/@cloudflare/realtimekit-angular-ui)
+- [HTML (Web Components)](https://npmjs.com/package/@cloudflare/realtimekit-ui)
+
+## Usage
+
+First, install RealtimeKit UI along with [RealtimeKit](https://npmjs.com/package/@cloudflare/realtimekit):
+
+> `@cloudflare/realtimekit` is the core package that offers APIs to handle meetings in the client side.
+> You use it to access and perform actions in a meeting.
+
+```sh
+npm i @cloudflare/realtimekit-react-ui @cloudflare/realtimekit
+```
+
+### Simple Usage
+
+This is the simplest way to use RealtimeKit UI, where you don't have to manage the entire meeting UI on your own. Everything will be taken care of by the `RtkMeeting` component.
+
+Use the `useRealtimeKitClient()` hook to access the `meeting` instance state, as well as the `meeting` instance initializer method.
+
+Then pass the `authToken` of a participant that you receive from your API.
+
+> You call the RealtimeKit Add Participant API from your own backend API to get this `authToken`
+> to use with RealtimeKit.
+
+```jsx
+import { useRealtimeKitClient } from '@cloudflare/realtimekit/react';
+
+function App() {
+  const [meeting, initMeeting] = useRealtimeKitClient();
+
+  useEffect(() => {
+    initMeeting({
+      authToken: '<auth-token>',
+      roomName: '<room-name>',
+      defaults: {
+        audio: true,
+        video: true,
+      },
+    });
+  }, []);
+
+  return <RtkMeeting meeting={meeting} />;
+}
+```
+
+### Using `<RtkUiProvider>`
+
+If you wish to use individual UI components to build your desired UI, you can use the `RtkUiProvider` component to provide the meeting instance to all child components to make development easier:
+
+```jsx
+import { useRealtimeKitClient } from '@cloudflare/realtimekit/react';
+import {
+  RtkUiProvider,
+  RtkMeeting,
+  RtkSimpleGrid,
+} from '@cloudflare/realtimekit-react-ui';
+
+function App() {
+  const [meeting, initMeeting] = useRealtimeKitClient();
+
+  useEffect(() => {
+    initMeeting({
+      authToken: '<auth-token>',
+      roomName: '<room-name>',
+      defaults: {
+        audio: true,
+        video: true,
+      },
+    });
+  }, []);
+
+  return (
+    <RtkUiProvider meeting={meeting}>
+      <RtkSimpleGrid />
+    </RtkUiProvider>
+  );
+}
+```

package/dist/components/index.d.ts

@@ -0,0 +1 @@
+export * from './stencil-generated/index';

package/dist/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./stencil-generated/index"), exports);

package/dist/components/stencil-generated/index.d.ts

@@ -0,0 +1,139 @@
+import type { JSX } from '@cloudflare/realtimekit-ui';
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;
+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>>;

package/dist/components/stencil-generated/index.js

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RtkFileMessageView = exports.RtkFileMessage = exports.RtkFileDropzone = exports.RtkEndedScreen = exports.RtkEmojiPickerButton = exports.RtkEmojiPicker = exports.RtkDraftAttachmentView = exports.RtkDialogManager = exports.RtkDialog = exports.RtkDebuggerVideo = exports.RtkDebuggerToggle = exports.RtkDebuggerSystem = exports.RtkDebuggerScreenshare = exports.RtkDebuggerAudio = exports.RtkDebugger = exports.RtkCounter = exports.RtkControlbarButton = exports.RtkControlbar = exports.RtkConfirmationModal = exports.RtkClock = exports.RtkChatToggle = exports.RtkChatSelectorUi = exports.RtkChatSearchResults = exports.RtkChatMessagesUiPaginated = exports.RtkChatMessagesUi = exports.RtkChatMessage = exports.RtkChatComposerView = exports.RtkChatComposerUi = exports.RtkChat = exports.RtkChannelSelectorView = exports.RtkChannelSelectorUi = exports.RtkChannelHeader = exports.RtkChannelDetails = exports.RtkChannelCreator = exports.RtkCaptionToggle = exports.RtkCameraToggle = exports.RtkCameraSelector = exports.RtkButton = exports.RtkBroadcastMessageModal = exports.RtkBreakoutRoomsToggle = exports.RtkBreakoutRoomsManager = exports.RtkBreakoutRoomParticipants = exports.RtkBreakoutRoomManager = exports.RtkAvatar = exports.RtkAudioVisualizer = exports.RtkAudioTile = exports.RtkAudioGrid = exports.RtkAiTranscriptions = exports.RtkAiToggle = exports.RtkAi = void 0;
+exports.RtkPermissionsMessage = exports.RtkParticipantsWaitingList = exports.RtkParticipantsViewerList = exports.RtkParticipantsToggle = exports.RtkParticipantsStageQueue = exports.RtkParticipantsStageList = exports.RtkParticipantsAudio = exports.RtkParticipants = exports.RtkParticipantTile = exports.RtkParticipantSetup = exports.RtkParticipantCount = exports.RtkParticipant = exports.RtkPaginatedList = exports.RtkOverlayModal = exports.RtkNotifications = exports.RtkNotification = exports.RtkNetworkIndicator = exports.RtkNameTag = exports.RtkMuteAllConfirmation = exports.RtkMuteAllButton = exports.RtkMoreToggle = exports.RtkMixedGrid = exports.RtkMicrophoneSelector = exports.RtkMicToggle = exports.RtkMessageView = exports.RtkMessageListView = exports.RtkMenuList = exports.RtkMenuItem = exports.RtkMenu = exports.RtkMeetingTitle = exports.RtkMeeting = exports.RtkMarkdownView = exports.RtkLogo = exports.RtkLivestreamToggle = exports.RtkLivestreamPlayer = exports.RtkLivestreamIndicator = exports.RtkLeaveMeeting = exports.RtkLeaveButton = exports.RtkJoinStage = exports.RtkInformationTooltip = exports.RtkImageViewer = exports.RtkImageMessageView = exports.RtkImageMessage = exports.RtkIdleScreen = exports.RtkIcon = exports.RtkHeader = exports.RtkGridPagination = exports.RtkGrid = exports.RtkFullscreenToggle = exports.RtkFilePickerButton = void 0;
+exports.RtkWaitingScreen = exports.RtkVirtualizedParticipantList = exports.RtkViewerCount = exports.RtkUiProvider = exports.RtkTranscripts = exports.RtkTranscript = exports.RtkTooltip = exports.RtkTextMessageView = exports.RtkTextMessage = exports.RtkTextComposerView = exports.RtkTabBar = exports.RtkSwitch = exports.RtkStageToggle = exports.RtkStage = exports.RtkSpotlightIndicator = exports.RtkSpotlightGrid = exports.RtkSpinner = exports.RtkSpeakerSelector = exports.RtkSimpleGrid = exports.RtkSidebarUi = exports.RtkSidebar = exports.RtkSetupScreen = exports.RtkSettingsVideo = exports.RtkSettingsToggle = exports.RtkSettingsAudio = exports.RtkSettings = exports.RtkScreenshareView = exports.RtkScreenShareToggle = exports.RtkRecordingToggle = exports.RtkRecordingIndicator = exports.RtkPollsToggle = exports.RtkPolls = exports.RtkPollForm = exports.RtkPoll = exports.RtkPluginsToggle = exports.RtkPlugins = exports.RtkPluginMain = exports.RtkPipToggle = void 0;
+/* eslint-disable */
+/* tslint:disable */
+/* auto-generated react proxies */
+const react_component_lib_1 = require("./react-component-lib");
+const loader_1 = require("@cloudflare/realtimekit-ui/loader");
+(0, loader_1.defineCustomElements)();
+exports.RtkAi = (0, react_component_lib_1.createReactComponent)('rtk-ai');
+exports.RtkAiToggle = (0, react_component_lib_1.createReactComponent)('rtk-ai-toggle');
+exports.RtkAiTranscriptions = (0, react_component_lib_1.createReactComponent)('rtk-ai-transcriptions');
+exports.RtkAudioGrid = (0, react_component_lib_1.createReactComponent)('rtk-audio-grid');
+exports.RtkAudioTile = (0, react_component_lib_1.createReactComponent)('rtk-audio-tile');
+exports.RtkAudioVisualizer = (0, react_component_lib_1.createReactComponent)('rtk-audio-visualizer');
+exports.RtkAvatar = (0, react_component_lib_1.createReactComponent)('rtk-avatar');
+exports.RtkBreakoutRoomManager = (0, react_component_lib_1.createReactComponent)('rtk-breakout-room-manager');
+exports.RtkBreakoutRoomParticipants = (0, react_component_lib_1.createReactComponent)('rtk-breakout-room-participants');
+exports.RtkBreakoutRoomsManager = (0, react_component_lib_1.createReactComponent)('rtk-breakout-rooms-manager');
+exports.RtkBreakoutRoomsToggle = (0, react_component_lib_1.createReactComponent)('rtk-breakout-rooms-toggle');
+exports.RtkBroadcastMessageModal = (0, react_component_lib_1.createReactComponent)('rtk-broadcast-message-modal');
+exports.RtkButton = (0, react_component_lib_1.createReactComponent)('rtk-button');
+exports.RtkCameraSelector = (0, react_component_lib_1.createReactComponent)('rtk-camera-selector');
+exports.RtkCameraToggle = (0, react_component_lib_1.createReactComponent)('rtk-camera-toggle');
+exports.RtkCaptionToggle = (0, react_component_lib_1.createReactComponent)('rtk-caption-toggle');
+exports.RtkChannelCreator = (0, react_component_lib_1.createReactComponent)('rtk-channel-creator');
+exports.RtkChannelDetails = (0, react_component_lib_1.createReactComponent)('rtk-channel-details');
+exports.RtkChannelHeader = (0, react_component_lib_1.createReactComponent)('rtk-channel-header');
+exports.RtkChannelSelectorUi = (0, react_component_lib_1.createReactComponent)('rtk-channel-selector-ui');
+exports.RtkChannelSelectorView = (0, react_component_lib_1.createReactComponent)('rtk-channel-selector-view');
+exports.RtkChat = (0, react_component_lib_1.createReactComponent)('rtk-chat');
+exports.RtkChatComposerUi = (0, react_component_lib_1.createReactComponent)('rtk-chat-composer-ui');
+exports.RtkChatComposerView = (0, react_component_lib_1.createReactComponent)('rtk-chat-composer-view');
+exports.RtkChatMessage = (0, react_component_lib_1.createReactComponent)('rtk-chat-message');
+exports.RtkChatMessagesUi = (0, react_component_lib_1.createReactComponent)('rtk-chat-messages-ui');
+exports.RtkChatMessagesUiPaginated = (0, react_component_lib_1.createReactComponent)('rtk-chat-messages-ui-paginated');
+exports.RtkChatSearchResults = (0, react_component_lib_1.createReactComponent)('rtk-chat-search-results');
+exports.RtkChatSelectorUi = (0, react_component_lib_1.createReactComponent)('rtk-chat-selector-ui');
+exports.RtkChatToggle = (0, react_component_lib_1.createReactComponent)('rtk-chat-toggle');
+exports.RtkClock = (0, react_component_lib_1.createReactComponent)('rtk-clock');
+exports.RtkConfirmationModal = (0, react_component_lib_1.createReactComponent)('rtk-confirmation-modal');
+exports.RtkControlbar = (0, react_component_lib_1.createReactComponent)('rtk-controlbar');
+exports.RtkControlbarButton = (0, react_component_lib_1.createReactComponent)('rtk-controlbar-button');
+exports.RtkCounter = (0, react_component_lib_1.createReactComponent)('rtk-counter');
+exports.RtkDebugger = (0, react_component_lib_1.createReactComponent)('rtk-debugger');
+exports.RtkDebuggerAudio = (0, react_component_lib_1.createReactComponent)('rtk-debugger-audio');
+exports.RtkDebuggerScreenshare = (0, react_component_lib_1.createReactComponent)('rtk-debugger-screenshare');
+exports.RtkDebuggerSystem = (0, react_component_lib_1.createReactComponent)('rtk-debugger-system');
+exports.RtkDebuggerToggle = (0, react_component_lib_1.createReactComponent)('rtk-debugger-toggle');
+exports.RtkDebuggerVideo = (0, react_component_lib_1.createReactComponent)('rtk-debugger-video');
+exports.RtkDialog = (0, react_component_lib_1.createReactComponent)('rtk-dialog');
+exports.RtkDialogManager = (0, react_component_lib_1.createReactComponent)('rtk-dialog-manager');
+exports.RtkDraftAttachmentView = (0, react_component_lib_1.createReactComponent)('rtk-draft-attachment-view');
+exports.RtkEmojiPicker = (0, react_component_lib_1.createReactComponent)('rtk-emoji-picker');
+exports.RtkEmojiPickerButton = (0, react_component_lib_1.createReactComponent)('rtk-emoji-picker-button');
+exports.RtkEndedScreen = (0, react_component_lib_1.createReactComponent)('rtk-ended-screen');
+exports.RtkFileDropzone = (0, react_component_lib_1.createReactComponent)('rtk-file-dropzone');
+exports.RtkFileMessage = (0, react_component_lib_1.createReactComponent)('rtk-file-message');
+exports.RtkFileMessageView = (0, react_component_lib_1.createReactComponent)('rtk-file-message-view');
+exports.RtkFilePickerButton = (0, react_component_lib_1.createReactComponent)('rtk-file-picker-button');
+exports.RtkFullscreenToggle = (0, react_component_lib_1.createReactComponent)('rtk-fullscreen-toggle');
+exports.RtkGrid = (0, react_component_lib_1.createReactComponent)('rtk-grid');
+exports.RtkGridPagination = (0, react_component_lib_1.createReactComponent)('rtk-grid-pagination');
+exports.RtkHeader = (0, react_component_lib_1.createReactComponent)('rtk-header');
+exports.RtkIcon = (0, react_component_lib_1.createReactComponent)('rtk-icon');
+exports.RtkIdleScreen = (0, react_component_lib_1.createReactComponent)('rtk-idle-screen');
+exports.RtkImageMessage = (0, react_component_lib_1.createReactComponent)('rtk-image-message');
+exports.RtkImageMessageView = (0, react_component_lib_1.createReactComponent)('rtk-image-message-view');
+exports.RtkImageViewer = (0, react_component_lib_1.createReactComponent)('rtk-image-viewer');
+exports.RtkInformationTooltip = (0, react_component_lib_1.createReactComponent)('rtk-information-tooltip');
+exports.RtkJoinStage = (0, react_component_lib_1.createReactComponent)('rtk-join-stage');
+exports.RtkLeaveButton = (0, react_component_lib_1.createReactComponent)('rtk-leave-button');
+exports.RtkLeaveMeeting = (0, react_component_lib_1.createReactComponent)('rtk-leave-meeting');
+exports.RtkLivestreamIndicator = (0, react_component_lib_1.createReactComponent)('rtk-livestream-indicator');
+exports.RtkLivestreamPlayer = (0, react_component_lib_1.createReactComponent)('rtk-livestream-player');
+exports.RtkLivestreamToggle = (0, react_component_lib_1.createReactComponent)('rtk-livestream-toggle');
+exports.RtkLogo = (0, react_component_lib_1.createReactComponent)('rtk-logo');
+exports.RtkMarkdownView = (0, react_component_lib_1.createReactComponent)('rtk-markdown-view');
+exports.RtkMeeting = (0, react_component_lib_1.createReactComponent)('rtk-meeting');
+exports.RtkMeetingTitle = (0, react_component_lib_1.createReactComponent)('rtk-meeting-title');
+exports.RtkMenu = (0, react_component_lib_1.createReactComponent)('rtk-menu');
+exports.RtkMenuItem = (0, react_component_lib_1.createReactComponent)('rtk-menu-item');
+exports.RtkMenuList = (0, react_component_lib_1.createReactComponent)('rtk-menu-list');
+exports.RtkMessageListView = (0, react_component_lib_1.createReactComponent)('rtk-message-list-view');
+exports.RtkMessageView = (0, react_component_lib_1.createReactComponent)('rtk-message-view');
+exports.RtkMicToggle = (0, react_component_lib_1.createReactComponent)('rtk-mic-toggle');
+exports.RtkMicrophoneSelector = (0, react_component_lib_1.createReactComponent)('rtk-microphone-selector');
+exports.RtkMixedGrid = (0, react_component_lib_1.createReactComponent)('rtk-mixed-grid');
+exports.RtkMoreToggle = (0, react_component_lib_1.createReactComponent)('rtk-more-toggle');
+exports.RtkMuteAllButton = (0, react_component_lib_1.createReactComponent)('rtk-mute-all-button');
+exports.RtkMuteAllConfirmation = (0, react_component_lib_1.createReactComponent)('rtk-mute-all-confirmation');
+exports.RtkNameTag = (0, react_component_lib_1.createReactComponent)('rtk-name-tag');
+exports.RtkNetworkIndicator = (0, react_component_lib_1.createReactComponent)('rtk-network-indicator');
+exports.RtkNotification = (0, react_component_lib_1.createReactComponent)('rtk-notification');
+exports.RtkNotifications = (0, react_component_lib_1.createReactComponent)('rtk-notifications');
+exports.RtkOverlayModal = (0, react_component_lib_1.createReactComponent)('rtk-overlay-modal');
+exports.RtkPaginatedList = (0, react_component_lib_1.createReactComponent)('rtk-paginated-list');
+exports.RtkParticipant = (0, react_component_lib_1.createReactComponent)('rtk-participant');
+exports.RtkParticipantCount = (0, react_component_lib_1.createReactComponent)('rtk-participant-count');
+exports.RtkParticipantSetup = (0, react_component_lib_1.createReactComponent)('rtk-participant-setup');
+exports.RtkParticipantTile = (0, react_component_lib_1.createReactComponent)('rtk-participant-tile');
+exports.RtkParticipants = (0, react_component_lib_1.createReactComponent)('rtk-participants');
+exports.RtkParticipantsAudio = (0, react_component_lib_1.createReactComponent)('rtk-participants-audio');
+exports.RtkParticipantsStageList = (0, react_component_lib_1.createReactComponent)('rtk-participants-stage-list');
+exports.RtkParticipantsStageQueue = (0, react_component_lib_1.createReactComponent)('rtk-participants-stage-queue');
+exports.RtkParticipantsToggle = (0, react_component_lib_1.createReactComponent)('rtk-participants-toggle');
+exports.RtkParticipantsViewerList = (0, react_component_lib_1.createReactComponent)('rtk-participants-viewer-list');
+exports.RtkParticipantsWaitingList = (0, react_component_lib_1.createReactComponent)('rtk-participants-waiting-list');
+exports.RtkPermissionsMessage = (0, react_component_lib_1.createReactComponent)('rtk-permissions-message');
+exports.RtkPipToggle = (0, react_component_lib_1.createReactComponent)('rtk-pip-toggle');
+exports.RtkPluginMain = (0, react_component_lib_1.createReactComponent)('rtk-plugin-main');
+exports.RtkPlugins = (0, react_component_lib_1.createReactComponent)('rtk-plugins');
+exports.RtkPluginsToggle = (0, react_component_lib_1.createReactComponent)('rtk-plugins-toggle');
+exports.RtkPoll = (0, react_component_lib_1.createReactComponent)('rtk-poll');
+exports.RtkPollForm = (0, react_component_lib_1.createReactComponent)('rtk-poll-form');
+exports.RtkPolls = (0, react_component_lib_1.createReactComponent)('rtk-polls');
+exports.RtkPollsToggle = (0, react_component_lib_1.createReactComponent)('rtk-polls-toggle');
+exports.RtkRecordingIndicator = (0, react_component_lib_1.createReactComponent)('rtk-recording-indicator');
+exports.RtkRecordingToggle = (0, react_component_lib_1.createReactComponent)('rtk-recording-toggle');
+exports.RtkScreenShareToggle = (0, react_component_lib_1.createReactComponent)('rtk-screen-share-toggle');
+exports.RtkScreenshareView = (0, react_component_lib_1.createReactComponent)('rtk-screenshare-view');
+exports.RtkSettings = (0, react_component_lib_1.createReactComponent)('rtk-settings');
+exports.RtkSettingsAudio = (0, react_component_lib_1.createReactComponent)('rtk-settings-audio');
+exports.RtkSettingsToggle = (0, react_component_lib_1.createReactComponent)('rtk-settings-toggle');
+exports.RtkSettingsVideo = (0, react_component_lib_1.createReactComponent)('rtk-settings-video');
+exports.RtkSetupScreen = (0, react_component_lib_1.createReactComponent)('rtk-setup-screen');
+exports.RtkSidebar = (0, react_component_lib_1.createReactComponent)('rtk-sidebar');
+exports.RtkSidebarUi = (0, react_component_lib_1.createReactComponent)('rtk-sidebar-ui');
+exports.RtkSimpleGrid = (0, react_component_lib_1.createReactComponent)('rtk-simple-grid');
+exports.RtkSpeakerSelector = (0, react_component_lib_1.createReactComponent)('rtk-speaker-selector');
+exports.RtkSpinner = (0, react_component_lib_1.createReactComponent)('rtk-spinner');
+exports.RtkSpotlightGrid = (0, react_component_lib_1.createReactComponent)('rtk-spotlight-grid');
+exports.RtkSpotlightIndicator = (0, react_component_lib_1.createReactComponent)('rtk-spotlight-indicator');
+exports.RtkStage = (0, react_component_lib_1.createReactComponent)('rtk-stage');
+exports.RtkStageToggle = (0, react_component_lib_1.createReactComponent)('rtk-stage-toggle');
+exports.RtkSwitch = (0, react_component_lib_1.createReactComponent)('rtk-switch');
+exports.RtkTabBar = (0, react_component_lib_1.createReactComponent)('rtk-tab-bar');
+exports.RtkTextComposerView = (0, react_component_lib_1.createReactComponent)('rtk-text-composer-view');
+exports.RtkTextMessage = (0, react_component_lib_1.createReactComponent)('rtk-text-message');
+exports.RtkTextMessageView = (0, react_component_lib_1.createReactComponent)('rtk-text-message-view');
+exports.RtkTooltip = (0, react_component_lib_1.createReactComponent)('rtk-tooltip');
+exports.RtkTranscript = (0, react_component_lib_1.createReactComponent)('rtk-transcript');
+exports.RtkTranscripts = (0, react_component_lib_1.createReactComponent)('rtk-transcripts');
+exports.RtkUiProvider = (0, react_component_lib_1.createReactComponent)('rtk-ui-provider');
+exports.RtkViewerCount = (0, react_component_lib_1.createReactComponent)('rtk-viewer-count');
+exports.RtkVirtualizedParticipantList = (0, react_component_lib_1.createReactComponent)('rtk-virtualized-participant-list');
+exports.RtkWaitingScreen = (0, react_component_lib_1.createReactComponent)('rtk-waiting-screen');

package/dist/components/stencil-generated/react-component-lib/createComponent.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface HTMLStencilElement extends HTMLElement {
+    componentOnReady(): Promise<this>;
+}
+interface StencilReactInternalProps<ElementType> extends React.HTMLAttributes<ElementType> {
+    forwardedRef: React.RefObject<ElementType>;
+    ref?: React.Ref<any>;
+}
+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>>;
+export {};

package/dist/components/stencil-generated/react-component-lib/createComponent.js

@@ -0,0 +1,111 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createReactComponent = void 0;
+const react_1 = __importStar(require("react"));
+const utils_1 = require("./utils");
+const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
+    if (defineCustomElement !== undefined) {
+        defineCustomElement();
+    }
+    const displayName = (0, utils_1.dashToPascalCase)(tagName);
+    const ReactComponent = class extends react_1.default.Component {
+        constructor(props) {
+            super(props);
+            this.setComponentElRef = (element) => {
+                this.componentEl = element;
+            };
+        }
+        componentDidMount() {
+            this.componentDidUpdate(this.props);
+        }
+        componentDidUpdate(prevProps) {
+            (0, utils_1.attachProps)(this.componentEl, this.props, prevProps);
+        }
+        render() {
+            const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
+            let propsToPass = Object.keys(cProps).reduce((acc, name) => {
+                const value = cProps[name];
+                if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
+                    const eventName = name.substring(2).toLowerCase();
+                    if (typeof document !== 'undefined' && (0, utils_1.isCoveredByReact)(eventName)) {
+                        acc[name] = value;
+                    }
+                }
+                else {
+                    // we should only render strings, booleans, and numbers as attrs in html.
+                    // objects, functions, arrays etc get synced via properties on mount.
+                    const type = typeof value;
+                    if (type === 'string' || type === 'boolean' || type === 'number') {
+                        acc[(0, utils_1.camelToDashCase)(name)] = value;
+                    }
+                }
+                return acc;
+            }, {});
+            if (manipulatePropsFunction) {
+                propsToPass = manipulatePropsFunction(this.props, propsToPass);
+            }
+            const newProps = Object.assign(Object.assign({}, propsToPass), { ref: (0, utils_1.mergeRefs)(forwardedRef, this.setComponentElRef), style });
+            /**
+             * We use createElement here instead of
+             * React.createElement to work around a
+             * bug in Vite (https://github.com/vitejs/vite/issues/6104).
+             * React.createElement causes all elements to be rendered
+             * as <tagname> instead of the actual Web Component.
+             */
+            return (0, react_1.createElement)(tagName, newProps, children);
+        }
+        static get displayName() {
+            return displayName;
+        }
+    };
+    // If context was passed to createReactComponent then conditionally add it to the Component Class
+    if (ReactComponentContext) {
+        ReactComponent.contextType = ReactComponentContext;
+    }
+    return (0, utils_1.createForwardRef)(ReactComponent, displayName);
+};
+exports.createReactComponent = createReactComponent;