@cloudflare/realtimekit-ui 0.0.0 → 1.0.0-staging.3

package/dist/docs/docs-vscode.json

@@ -0,0 +1,4421 @@
+{
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "rtk-ai",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "view",
+          "description": "View type",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "full-screen"
+            },
+            {
+              "name": "sidebar"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-ai-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-ai-transcriptions",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-audio-grid",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "hide-self",
+          "description": "Whether to hide self in the grid"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-audio-tile",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-audio-visualizer",
+      "description": {
+        "kind": "markdown",
+        "value": "An audio visualizer component which visualizes a participants audio.\n\nCommonly used inside `rtk-name-tag`."
+      },
+      "attributes": [
+        {
+          "name": "hide-muted",
+          "description": "Hide when there is no audio / audio is muted"
+        },
+        {
+          "name": "is-screen-share",
+          "description": "Audio visualizer for screensharing, it will use screenShareTracks.audio instead of audioTrack"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "bars"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-avatar",
+      "description": {
+        "kind": "markdown",
+        "value": "Avatar component which renders a participant's image or their initials."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Avatar type",
+          "values": [
+            {
+              "name": "circular"
+            },
+            {
+              "name": "hexagon"
+            },
+            {
+              "name": "square"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-breakout-room-manager",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "allow-delete",
+          "description": "allow room delete"
+        },
+        {
+          "name": "assigning-participants",
+          "description": "Enable updating participants"
+        },
+        {
+          "name": "default-expanded",
+          "description": "display expanded card by default"
+        },
+        {
+          "name": "is-drag-mode",
+          "description": "Drag mode"
+        },
+        {
+          "name": "mode",
+          "description": "Mode in which selector is used",
+          "values": [
+            {
+              "name": "create"
+            },
+            {
+              "name": "edit"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-breakout-room-participants",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which lists all participants, with ability to\nrun privileged actions on each participant according to your permissions."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-breakout-rooms-manager",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-breakout-rooms-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": "A button which toggles visibility of breakout rooms.\n\nYou need to pass the `meeting` object to it."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-broadcast-message-modal",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-button",
+      "description": {
+        "kind": "markdown",
+        "value": "A button that follows RTK Design System."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Where the button is disabled or not"
+        },
+        {
+          "name": "kind",
+          "description": "Button type",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "icon"
+            },
+            {
+              "name": "wide"
+            }
+          ]
+        },
+        {
+          "name": "reverse",
+          "description": "Whether to reverse order of children"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "type",
+          "description": "Button type",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Button variant",
+          "values": [
+            {
+              "name": "danger"
+            },
+            {
+              "name": "ghost"
+            },
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-camera-selector",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which lets to manage your audio devices and audio preferences.\n\nEmits `rtkStateUpdate` event with data for muting notification sounds:\n```ts\n{\n prefs: {\n   muteNotificationSounds: boolean\n }\n}\n```"
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "variant",
+          "values": [
+            {
+              "name": "full"
+            },
+            {
+              "name": "inline"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-camera-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": "A button which toggles your camera."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-caption-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-channel-creator",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-channel-details",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-channel-header",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "show-back-button",
+          "description": "Show back button"
+        }
+      ]
+    },
+    {
+      "name": "rtk-channel-selector-ui",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "selected-channel-id",
+          "description": "Selected channel id"
+        },
+        {
+          "name": "show-recent-message",
+          "description": "show recent message in channel"
+        }
+      ]
+    },
+    {
+      "name": "rtk-channel-selector-view",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "disable-search",
+          "description": "Disables search bar (default = false)"
+        },
+        {
+          "name": "hide-avatar",
+          "description": "Hides avatar (default = false)"
+        },
+        {
+          "name": "selected-channel-id",
+          "description": "Selected channel id"
+        },
+        {
+          "name": "view-as",
+          "description": "Render as dropdown or list (default = list)",
+          "values": [
+            {
+              "name": "dropdown"
+            },
+            {
+              "name": "list"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-chat",
+      "description": {
+        "kind": "markdown",
+        "value": "Fully featured chat component with image & file upload, emoji picker and auto-scroll."
+      },
+      "attributes": [
+        {
+          "name": "disable-private-chat",
+          "description": "disables private chat"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-chat-composer-ui",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "can-send-files",
+          "description": "Whether user can send file messages"
+        },
+        {
+          "name": "can-send-text-message",
+          "description": "Whether user can send text messages"
+        },
+        {
+          "name": "channel-id",
+          "description": "channel id"
+        },
+        {
+          "name": "disable-emoji-picker",
+          "description": "Whether to show emoji picker"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-chat-composer-view",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which renders a chat composer"
+      },
+      "attributes": [
+        {
+          "name": "can-send-files",
+          "description": "Whether user can send file messages"
+        },
+        {
+          "name": "can-send-text-message",
+          "description": "Whether user can send text messages"
+        },
+        {
+          "name": "disable-emoji-picker",
+          "description": "Whether to show emoji picker"
+        },
+        {
+          "name": "input-text-placeholder",
+          "description": "Placeholder for text input"
+        },
+        {
+          "name": "is-editing",
+          "description": "Sets composer to edit mode"
+        },
+        {
+          "name": "max-length",
+          "description": "Max length for text input"
+        },
+        {
+          "name": "message",
+          "description": "Message to be pre-populated"
+        },
+        {
+          "name": "quoted-message",
+          "description": "Quote message to be displayed"
+        },
+        {
+          "name": "storage-key",
+          "description": "Key for storing message in localStorage"
+        }
+      ]
+    },
+    {
+      "name": "rtk-chat-message",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "align-right",
+          "description": "aligns message to right"
+        },
+        {
+          "name": "can-delete",
+          "description": "can delete message"
+        },
+        {
+          "name": "can-edit",
+          "description": "can edit message"
+        },
+        {
+          "name": "can-pin",
+          "description": "can pin this message"
+        },
+        {
+          "name": "can-reply",
+          "description": "can quote reply this message"
+        },
+        {
+          "name": "disable-controls",
+          "description": "disables controls"
+        },
+        {
+          "name": "hide-avatar",
+          "description": "hides avatar"
+        },
+        {
+          "name": "is-continued",
+          "description": "is continued"
+        },
+        {
+          "name": "is-self",
+          "description": "if sender is self"
+        },
+        {
+          "name": "is-unread",
+          "description": "is unread"
+        },
+        {
+          "name": "left-align",
+          "description": "Whether to left align the chat bubbles"
+        },
+        {
+          "name": "sender-display-picture",
+          "description": "sender display picture url"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-chat-messages-ui",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "can-pin-messages",
+          "description": "Can current user pin/unpin messages"
+        },
+        {
+          "name": "selected-group",
+          "description": "Selected group key"
+        },
+        {
+          "name": "self-user-id",
+          "description": "User ID of self user"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-chat-messages-ui-paginated",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "left-align",
+          "description": "Whether to align chat bubbles to the left"
+        },
+        {
+          "name": "selected-channel-id",
+          "description": "Selected channel id"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-chat-search-results",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "channel-id",
+          "description": "Channel id"
+        },
+        {
+          "name": "query",
+          "description": "Search query"
+        }
+      ]
+    },
+    {
+      "name": "rtk-chat-selector-ui",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "selected-group-id",
+          "description": "Selected participant"
+        },
+        {
+          "name": "self-user-id",
+          "description": "Self User ID"
+        }
+      ]
+    },
+    {
+      "name": "rtk-chat-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": "A button which toggles visibility of chat.\n\nYou need to pass the `meeting` object to it to see the unread messages count badge.\n\nWhen clicked it emits a `rtkStateUpdate` event with the data:\n\n```ts\n{ activeSidebar: boolean; sidebar: 'chat' }\n```"
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-clock",
+      "description": {
+        "kind": "markdown",
+        "value": "Shows the time elapsed in a meeting."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-confirmation-modal",
+      "description": {
+        "kind": "markdown",
+        "value": "A confirmation modal."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-controlbar",
+      "description": {
+        "kind": "markdown",
+        "value": "Controlbar component provides you with various designs as variants."
+      },
+      "attributes": [
+        {
+          "name": "disable-render",
+          "description": "Whether to render the default UI"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "boxed"
+            },
+            {
+              "name": "solid"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-controlbar-button",
+      "description": {
+        "kind": "markdown",
+        "value": "A skeleton component used for composing custom controlbar buttons."
+      },
+      "attributes": [
+        {
+          "name": "brand-icon",
+          "description": "Whether icon requires brand color"
+        },
+        {
+          "name": "disabled",
+          "description": "Whether button is disabled"
+        },
+        {
+          "name": "icon",
+          "description": "Icon"
+        },
+        {
+          "name": "is-loading",
+          "description": "Loading state\nIgnores current icon and shows a spinner if true"
+        },
+        {
+          "name": "label",
+          "description": "Label of button"
+        },
+        {
+          "name": "show-warning",
+          "description": "Whether to show warning icon"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-counter",
+      "description": {
+        "kind": "markdown",
+        "value": "A number picker with increment and decrement buttons."
+      },
+      "attributes": [
+        {
+          "name": "min-value",
+          "description": "Minimum value"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "value",
+          "description": "Initial value"
+        }
+      ]
+    },
+    {
+      "name": "rtk-debugger",
+      "description": {
+        "kind": "markdown",
+        "value": "A troubleshooting component to identify and fix any issues in the meeting."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-debugger-audio",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-debugger-screenshare",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-debugger-system",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-debugger-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-debugger-video",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-dialog",
+      "description": {
+        "kind": "markdown",
+        "value": "A dialog component."
+      },
+      "attributes": [
+        {
+          "name": "disable-escape-key",
+          "description": "Whether Escape key can close the modal"
+        },
+        {
+          "name": "hide-close-button",
+          "description": "Whether to show the close button"
+        },
+        {
+          "name": "open",
+          "description": "Whether a dialog is open or not"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-dialog-manager",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which handles all dialog elements in a component such as:\n\n- rtk-settings\n- rtk-leave-meeting\n- rtk-permissions-message\n- rtk-image-viewer\n- rtk-breakout-rooms-manager\n\nThis components depends on the values from `states` object."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-draft-attachment-view",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which renders the draft attachment to send"
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-emoji-picker",
+      "description": {
+        "kind": "markdown",
+        "value": "A very simple emoji picker component."
+      },
+      "attributes": [
+        {
+          "name": "focus-when-opened",
+          "description": "Controls whether or not to focus on mount"
+        }
+      ]
+    },
+    {
+      "name": "rtk-emoji-picker-button",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "is-active",
+          "description": "Active state indicator"
+        }
+      ]
+    },
+    {
+      "name": "rtk-ended-screen",
+      "description": {
+        "kind": "markdown",
+        "value": "A screen which shows a meeting has ended."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-file-dropzone",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-file-message",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which renders a file message from chat."
+      },
+      "attributes": [
+        {
+          "name": "is-continued",
+          "description": "Whether the message is continued by same user"
+        },
+        {
+          "name": "show-bubble",
+          "description": "show message in bubble"
+        }
+      ]
+    },
+    {
+      "name": "rtk-file-message-view",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which renders a file message."
+      },
+      "attributes": [
+        {
+          "name": "name",
+          "description": "Name of the file"
+        },
+        {
+          "name": "size",
+          "description": "Size of the file"
+        },
+        {
+          "name": "url",
+          "description": "Url of the file"
+        }
+      ]
+    },
+    {
+      "name": "rtk-file-picker-button",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "filter",
+          "description": "File type filter to open file picker with"
+        },
+        {
+          "name": "icon",
+          "description": "Icon",
+          "values": [
+            {
+              "name": "pin"
+            },
+            {
+              "name": "disconnected"
+            },
+            {
+              "name": "dismiss"
+            },
+            {
+              "name": "settings"
+            },
+            {
+              "name": "image"
+            },
+            {
+              "name": "pip_on"
+            },
+            {
+              "name": "pip_off"
+            },
+            {
+              "name": "viewers"
+            },
+            {
+              "name": "mic_off"
+            },
+            {
+              "name": "mic_on"
+            },
+            {
+              "name": "minimize"
+            },
+            {
+              "name": "maximize"
+            },
+            {
+              "name": "video_off"
+            },
+            {
+              "name": "video_on"
+            },
+            {
+              "name": "participants"
+            },
+            {
+              "name": "breakout_rooms"
+            },
+            {
+              "name": "search"
+            },
+            {
+              "name": "chat"
+            },
+            {
+              "name": "add"
+            },
+            {
+              "name": "delete"
+            },
+            {
+              "name": "warning"
+            },
+            {
+              "name": "people"
+            },
+            {
+              "name": "people_checked"
+            },
+            {
+              "name": "poll"
+            },
+            {
+              "name": "rocket"
+            },
+            {
+              "name": "call_end"
+            },
+            {
+              "name": "share"
+            },
+            {
+              "name": "share_screen_start"
+            },
+            {
+              "name": "share_screen_stop"
+            },
+            {
+              "name": "share_screen_person"
+            },
+            {
+              "name": "clock"
+            },
+            {
+              "name": "send"
+            },
+            {
+              "name": "more_vertical"
+            },
+            {
+              "name": "chevron_down"
+            },
+            {
+              "name": "chevron_up"
+            },
+            {
+              "name": "chevron_left"
+            },
+            {
+              "name": "chevron_right"
+            },
+            {
+              "name": "wifi"
+            },
+            {
+              "name": "speaker"
+            },
+            {
+              "name": "speaker_off"
+            },
+            {
+              "name": "download"
+            },
+            {
+              "name": "full_screen_maximize"
+            },
+            {
+              "name": "full_screen_minimize"
+            },
+            {
+              "name": "copy"
+            },
+            {
+              "name": "attach"
+            },
+            {
+              "name": "emoji_multiple"
+            },
+            {
+              "name": "image_off"
+            },
+            {
+              "name": "wand"
+            },
+            {
+              "name": "recording"
+            },
+            {
+              "name": "subtract"
+            },
+            {
+              "name": "stop_recording"
+            },
+            {
+              "name": "pin_off"
+            },
+            {
+              "name": "spinner"
+            },
+            {
+              "name": "shuffle"
+            },
+            {
+              "name": "edit"
+            },
+            {
+              "name": "back"
+            },
+            {
+              "name": "save"
+            },
+            {
+              "name": "web"
+            },
+            {
+              "name": "checkmark"
+            },
+            {
+              "name": "spotlight"
+            },
+            {
+              "name": "join_stage"
+            },
+            {
+              "name": "leave_stage"
+            },
+            {
+              "name": "signal_1"
+            },
+            {
+              "name": "signal_2"
+            },
+            {
+              "name": "signal_3"
+            },
+            {
+              "name": "signal_4"
+            },
+            {
+              "name": "signal_5"
+            },
+            {
+              "name": "start_livestream"
+            },
+            {
+              "name": "stop_livestream"
+            },
+            {
+              "name": "debug"
+            },
+            {
+              "name": "info"
+            },
+            {
+              "name": "devices"
+            },
+            {
+              "name": "horizontal_dots"
+            },
+            {
+              "name": "ai_sparkle"
+            },
+            {
+              "name": "meeting_ai"
+            },
+            {
+              "name": "create_channel"
+            },
+            {
+              "name": "create_channel_illustration"
+            },
+            {
+              "name": "captionsOn"
+            },
+            {
+              "name": "captionsOff"
+            },
+            {
+              "name": "play"
+            },
+            {
+              "name": "pause"
+            },
+            {
+              "name": "fastForward"
+            }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "Label for tooltip"
+        }
+      ]
+    },
+    {
+      "name": "rtk-fullscreen-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": "A button which toggles full screen mode for any\nexisting `rtk-meeting` component in the DOM."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-grid",
+      "description": {
+        "kind": "markdown",
+        "value": "The main grid component which abstracts all the grid handling logic and renders it for you."
+      },
+      "attributes": [
+        {
+          "name": "aspect-ratio",
+          "description": "The aspect ratio of each participant"
+        },
+        {
+          "name": "gap",
+          "description": "Gap between participants"
+        },
+        {
+          "name": "layout",
+          "description": "Grid Layout",
+          "values": [
+            {
+              "name": "column"
+            },
+            {
+              "name": "row"
+            }
+          ]
+        },
+        {
+          "name": "overrides",
+          "description": ""
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-grid-pagination",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which allows you to change current page and view mode\nof active participants list. This is reflected in the `rtk-grid` component."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size Prop",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "grid"
+            },
+            {
+              "name": "rounded"
+            },
+            {
+              "name": "solid"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-header",
+      "description": {
+        "kind": "markdown",
+        "value": "A component that houses all the header components."
+      },
+      "attributes": [
+        {
+          "name": "disable-render",
+          "description": "Whether to render the default UI"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "boxed"
+            },
+            {
+              "name": "solid"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-icon",
+      "description": {
+        "kind": "markdown",
+        "value": "An icon component which accepts an svg string and renders it."
+      },
+      "attributes": [
+        {
+          "name": "icon",
+          "description": "Icon"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Icon variant",
+          "values": [
+            {
+              "name": "danger"
+            },
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-idle-screen",
+      "description": {
+        "kind": "markdown",
+        "value": "A screen that handles the idle state,\ni.e; when you are waiting for data about the meeting, specifically the `meeting` object."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-image-message",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which renders an image message from chat."
+      },
+      "attributes": [
+        {
+          "name": "is-continued",
+          "description": "Whether the message is continued by same user"
+        },
+        {
+          "name": "show-bubble",
+          "description": "show message in bubble"
+        }
+      ]
+    },
+    {
+      "name": "rtk-image-message-view",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which renders an image message."
+      },
+      "attributes": [
+        {
+          "name": "url",
+          "description": "Url of the image"
+        }
+      ]
+    },
+    {
+      "name": "rtk-image-viewer",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which shows an image sent via chat."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-information-tooltip",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-join-stage",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-leave-button",
+      "description": {
+        "kind": "markdown",
+        "value": "A button which toggles visilibility of the leave confirmation dialog."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-leave-meeting",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which allows you to leave a meeting or\nend meeting for all, if you have the permission."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-livestream-indicator",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-livestream-player",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-livestream-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-logo",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which loads the logo from your config, or via the `logo-url` attribute."
+      },
+      "attributes": [
+        {
+          "name": "logo-url",
+          "description": "Logo URL"
+        }
+      ]
+    },
+    {
+      "name": "rtk-markdown-view",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "max-length",
+          "description": "max length of text to render as markdown"
+        },
+        {
+          "name": "text",
+          "description": "raw text to render as markdown"
+        }
+      ]
+    },
+    {
+      "name": "rtk-meeting",
+      "description": {
+        "kind": "markdown",
+        "value": "A single component which renders an entire meeting UI.\n\nIt loads your preset and renders the UI based on it.\nWith this component, you don't have to handle all the states,\ndialogs and other smaller bits of managing the application."
+      },
+      "attributes": [
+        {
+          "name": "apply-design-system",
+          "description": "Whether to apply the design system on the document root from config"
+        },
+        {
+          "name": "grid-layout",
+          "description": "Grid layout",
+          "values": [
+            {
+              "name": "column"
+            },
+            {
+              "name": "row"
+            }
+          ]
+        },
+        {
+          "name": "leave-on-unmount",
+          "description": "Whether participant should leave when this component gets unmounted"
+        },
+        {
+          "name": "load-config-from-preset",
+          "description": "Whether to load config from preset"
+        },
+        {
+          "name": "mode",
+          "description": "Fill type",
+          "values": [
+            {
+              "name": "fill"
+            },
+            {
+              "name": "fixed"
+            }
+          ]
+        },
+        {
+          "name": "show-setup-screen",
+          "description": "Whether to show setup screen or not"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-meeting-title",
+      "description": {
+        "kind": "markdown",
+        "value": "Displays the title of the meeting."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-menu",
+      "description": {
+        "kind": "markdown",
+        "value": "A menu component."
+      },
+      "attributes": [
+        {
+          "name": "offset",
+          "description": "Offset in px"
+        },
+        {
+          "name": "placement",
+          "description": "Placement of menu",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "bottom-start"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "left-end"
+            },
+            {
+              "name": "left-start"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "right-end"
+            },
+            {
+              "name": "right-start"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "top-start"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-menu-item",
+      "description": {
+        "kind": "markdown",
+        "value": "A menu item component."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-menu-list",
+      "description": {
+        "kind": "markdown",
+        "value": "A menu list component."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-message-list-view",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which renders list of messages."
+      },
+      "attributes": [
+        {
+          "name": "estimate-item-size",
+          "description": "Estimated height of an item"
+        },
+        {
+          "name": "visible-items-count",
+          "description": "Maximum visible messages"
+        }
+      ]
+    },
+    {
+      "name": "rtk-message-view",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "author-name",
+          "description": "Author display label"
+        },
+        {
+          "name": "avatar-url",
+          "description": "Avatar image url"
+        },
+        {
+          "name": "hide-author-name",
+          "description": "Hides author display label"
+        },
+        {
+          "name": "hide-avatar",
+          "description": "Hides avatar"
+        },
+        {
+          "name": "hide-metadata",
+          "description": "Hides metadata (time)"
+        },
+        {
+          "name": "variant",
+          "description": "Appearance",
+          "values": [
+            {
+              "name": "bubble"
+            },
+            {
+              "name": "plain"
+            }
+          ]
+        },
+        {
+          "name": "view-type",
+          "description": "Render",
+          "values": [
+            {
+              "name": "incoming"
+            },
+            {
+              "name": "outgoing"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-mic-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": "A button which toggles your microphone."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-microphone-selector",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which lets to manage your audio devices and audio preferences.\n\nEmits `rtkStateUpdate` event with data for muting notification sounds:\n```ts\n{\n prefs: {\n   muteNotificationSounds: boolean\n }\n}\n```"
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "variant",
+          "values": [
+            {
+              "name": "full"
+            },
+            {
+              "name": "inline"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-mixed-grid",
+      "description": {
+        "kind": "markdown",
+        "value": "A grid component which handles screenshares, plugins and participants."
+      },
+      "attributes": [
+        {
+          "name": "aspect-ratio",
+          "description": "Aspect Ratio of participant tile\n\nFormat: `width:height`"
+        },
+        {
+          "name": "gap",
+          "description": "Gap between participant tiles"
+        },
+        {
+          "name": "layout",
+          "description": "Grid Layout",
+          "values": [
+            {
+              "name": "column"
+            },
+            {
+              "name": "row"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-more-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": "A button which toggles visibility of a more menu.\n\nWhen clicked it emits a `rtkStateUpdate` event with the data:\n\n```ts\n{ activeMoreMenu: boolean; }\n```"
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-mute-all-button",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-mute-all-confirmation",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-name-tag",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which shows a participant's name."
+      },
+      "attributes": [
+        {
+          "name": "is-screen-share",
+          "description": "Whether it is used in a screen share view"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Name tag variant",
+          "values": [
+            {
+              "name": "default"
+            },
+            {
+              "name": "text"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-network-indicator",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "is-screen-share",
+          "description": "Is for screenshare"
+        }
+      ]
+    },
+    {
+      "name": "rtk-notification",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which shows a notification.\n\nYou need to remove the element after you receive the\n`rtkNotificationDismiss` event."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-notifications",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which handles notifications.\n\nYou can configure which notifications you want to see and which ones you want to hear.\nThere are also certain limits which you can set as well."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-overlay-modal",
+      "description": {
+        "kind": "markdown",
+        "value": "A confirmation modal."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-paginated-list",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "auto-scroll",
+          "description": "auto scroll list to bottom"
+        },
+        {
+          "name": "empty-list-label",
+          "description": "label to show when empty"
+        },
+        {
+          "name": "page-size",
+          "description": "Page Size"
+        },
+        {
+          "name": "pages-allowed",
+          "description": "Number of pages allowed to be shown"
+        },
+        {
+          "name": "selected-item-id",
+          "description": "Item id"
+        }
+      ]
+    },
+    {
+      "name": "rtk-participant",
+      "description": {
+        "kind": "markdown",
+        "value": "A participant entry component used inside `rtk-participants` which shows data like:\nname, picture and media device status.\n\nYou can perform privileged actions on the participant too."
+      },
+      "attributes": [
+        {
+          "name": "view",
+          "description": "Show participant summary",
+          "values": [
+            {
+              "name": "sidebar"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-participant-count",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which shows count of total joined participants in a meeting."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-participant-setup",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "is-preview",
+          "description": "Whether tile is used for preview"
+        },
+        {
+          "name": "name-tag-position",
+          "description": "Position of name tag",
+          "values": [
+            {
+              "name": "bottom-center"
+            },
+            {
+              "name": "bottom-left"
+            },
+            {
+              "name": "bottom-right"
+            },
+            {
+              "name": "top-center"
+            },
+            {
+              "name": "top-left"
+            },
+            {
+              "name": "top-right"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "gradient"
+            },
+            {
+              "name": "solid"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-participant-tile",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which plays a participants video and allows for placement\nof components like `rtk-name-tag`, `rtk-audio-visualizer` or any other component."
+      },
+      "attributes": [
+        {
+          "name": "is-preview",
+          "description": "Whether tile is used for preview"
+        },
+        {
+          "name": "name-tag-position",
+          "description": "Position of name tag",
+          "values": [
+            {
+              "name": "bottom-center"
+            },
+            {
+              "name": "bottom-left"
+            },
+            {
+              "name": "bottom-right"
+            },
+            {
+              "name": "top-center"
+            },
+            {
+              "name": "top-left"
+            },
+            {
+              "name": "top-right"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "gradient"
+            },
+            {
+              "name": "solid"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-participants",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which lists all participants, with ability to\nrun privileged actions on each participant according to your permissions."
+      },
+      "attributes": [
+        {
+          "name": "default-participants-tab-id",
+          "description": "Default section",
+          "values": [
+            {
+              "name": "requests"
+            },
+            {
+              "name": "stage-list"
+            },
+            {
+              "name": "viewer-list"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-participants-audio",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which plays all the audio from participants and screenshares."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-participants-stage-list",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which lists all participants, with ability to\nrun privileged actions on each participant according to your permissions."
+      },
+      "attributes": [
+        {
+          "name": "hide-header",
+          "description": "Hide Stage Participants Count Header"
+        },
+        {
+          "name": "search",
+          "description": "Search"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "view",
+          "description": "View mode for participants list",
+          "values": [
+            {
+              "name": "sidebar"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-participants-stage-queue",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "view",
+          "description": "View mode for participants list",
+          "values": [
+            {
+              "name": "sidebar"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-participants-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": "A button which toggles visibility of participants.\n\nWhen clicked it emits a `rtkStateUpdate` event with the data:\n\n```ts\n{ activeSidebar: boolean; sidebar: 'participants' }\n```"
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-participants-viewer-list",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "hide-header",
+          "description": "Hide Viewer Count Header"
+        },
+        {
+          "name": "search",
+          "description": "Search"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "view",
+          "description": "View mode for participants list",
+          "values": [
+            {
+              "name": "sidebar"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-participants-waiting-list",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "view",
+          "description": "View mode for participants list",
+          "values": [
+            {
+              "name": "sidebar"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-permissions-message",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which shows permission related troubleshooting\ninformation."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-pip-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-plugin-main",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which loads a plugin."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-plugins",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which lists all available plugins from their preset,\nand ability to enable or disable plugins."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-plugins-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": "A button which toggles visibility of plugins.\n\nWhen clicked it emits a `rtkStateUpdate` event with the data:\n\n```ts\n{ activeSidebar: boolean; sidebar: 'plugins' }\n```"
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-poll",
+      "description": {
+        "kind": "markdown",
+        "value": "A poll component.\n\nShows a poll where a user can vote."
+      },
+      "attributes": [
+        {
+          "name": "self",
+          "description": "Self ID"
+        }
+      ]
+    },
+    {
+      "name": "rtk-poll-form",
+      "description": {
+        "kind": "markdown",
+        "value": "A component that lets you create a poll."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-polls",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which lists all available plugins a user can access with\nthe ability to enable or disable them as per their permissions."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-polls-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": "A button which toggles visibility of polls.\n\nYou need to pass the `meeting` object to it to see the unread polls count badge.\n\nWhen clicked it emits a `rtkStateUpdate` event with the data:\n\n```ts\n{ activeSidebar: boolean; sidebar: 'polls' }\n```"
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-recording-indicator",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which indicates the recording status of a meeting.\n\nIt will not render anything if no recording is taking place."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-recording-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": "A button which toggles recording state of a meeting.\n\nOnly a privileged user can perform this action,\nthus the button will not be visible for participants\nwho don't have the permission to record a meeting."
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Disable the button"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-screen-share-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": "A button which toggles your screenshare."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-screenshare-view",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which plays a participant's screenshared video.\n\nIt also allows for placement of other components similar to `rtk-participant-tile`.\n\nThis component will not render anything if the participant hasn't start screensharing."
+      },
+      "attributes": [
+        {
+          "name": "hide-full-screen-button",
+          "description": "Hide full screen button"
+        },
+        {
+          "name": "name-tag-position",
+          "description": "Position of name tag",
+          "values": [
+            {
+              "name": "bottom-center"
+            },
+            {
+              "name": "bottom-left"
+            },
+            {
+              "name": "bottom-right"
+            },
+            {
+              "name": "top-center"
+            },
+            {
+              "name": "top-left"
+            },
+            {
+              "name": "top-right"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "gradient"
+            },
+            {
+              "name": "solid"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-settings",
+      "description": {
+        "kind": "markdown",
+        "value": "A settings component to see and change your audio/video devices\nas well as see your connection quality."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-settings-audio",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which lets to manage your audio devices and audio preferences.\n\nEmits `rtkStateUpdate` event with data for muting notification sounds:\n```ts\n{\n prefs: {\n   muteNotificationSounds: boolean\n }\n}\n```"
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-settings-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": "A button which toggles visibility of settings module.\n\nWhen clicked it emits a `rtkStateUpdate` event with the data:\n\n```ts\n{ activeSettings: boolean; }\n```"
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-settings-video",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which lets to manage your camera devices and your video preferences.\n\nEmits `rtkStateUpdate` event with data for toggling mirroring of self video:\n```ts\n{\n prefs: {\n   mirrorVideo: boolean\n }\n}\n```"
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-setup-screen",
+      "description": {
+        "kind": "markdown",
+        "value": "A screen shown before joining the meeting, where you can edit your display name,\nand media settings."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-sidebar",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which handles the sidebar and\nyou can customize which sections you want, and which section you want as the default."
+      },
+      "attributes": [
+        {
+          "name": "default-section",
+          "description": "Default section",
+          "values": [
+            {
+              "name": "chat"
+            },
+            {
+              "name": "participants"
+            },
+            {
+              "name": "plugins"
+            },
+            {
+              "name": "polls"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "view",
+          "description": "View type",
+          "values": [
+            {
+              "name": "full-screen"
+            },
+            {
+              "name": "sidebar"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-sidebar-ui",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "current-tab",
+          "description": "Default tab to open"
+        },
+        {
+          "name": "hide-close-action",
+          "description": "Hide Close Action"
+        },
+        {
+          "name": "hide-header",
+          "description": "Hide Main Header"
+        },
+        {
+          "name": "view",
+          "description": "View",
+          "values": [
+            {
+              "name": "full-screen"
+            },
+            {
+              "name": "sidebar"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-simple-grid",
+      "description": {
+        "kind": "markdown",
+        "value": "A grid component which renders only the participants in a simple grid."
+      },
+      "attributes": [
+        {
+          "name": "aspect-ratio",
+          "description": "Aspect Ratio of participant tile\n\nFormat: `width:height`"
+        },
+        {
+          "name": "gap",
+          "description": "Gap between participant tiles"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-speaker-selector",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which lets to manage your audio devices and audio preferences.\n\nEmits `rtkStateUpdate` event with data for muting notification sounds:\n```ts\n{\n prefs: {\n   muteNotificationSounds: boolean\n }\n}\n```"
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "variant",
+          "values": [
+            {
+              "name": "full"
+            },
+            {
+              "name": "inline"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-spinner",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which shows an animating spinner."
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-spotlight-grid",
+      "description": {
+        "kind": "markdown",
+        "value": "A grid component that renders two lists of participants: `pinnedParticipants` and `participants`.\n\nYou can customize the layout to a `column` view, by default is is `row`.\n\n- Participants from `pinnedParticipants[]` are rendered inside a larger grid.\n- Participants from `participants[]` array are rendered in a smaller grid."
+      },
+      "attributes": [
+        {
+          "name": "aspect-ratio",
+          "description": "Aspect Ratio of participant tile\n\nFormat: `width:height`"
+        },
+        {
+          "name": "gap",
+          "description": "Gap between participant tiles"
+        },
+        {
+          "name": "layout",
+          "description": "Grid Layout",
+          "values": [
+            {
+              "name": "column"
+            },
+            {
+              "name": "row"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-spotlight-indicator",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-stage",
+      "description": {
+        "kind": "markdown",
+        "value": "A component used as a stage that commonly houses\nthe `grid` and `sidebar` components."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-stage-toggle",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Variant",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "horizontal"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-switch",
+      "description": {
+        "kind": "markdown",
+        "value": "A switch component which follows RTK Design System."
+      },
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Whether the switch is enabled/checked"
+        },
+        {
+          "name": "disabled",
+          "description": "Whether switch is readonly"
+        },
+        {
+          "name": "readonly",
+          "description": "Whether switch is readonly"
+        }
+      ]
+    },
+    {
+      "name": "rtk-tab-bar",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "layout",
+          "description": "Grid Layout",
+          "values": [
+            {
+              "name": "column"
+            },
+            {
+              "name": "row"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-text-composer-view",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which renders a text composer"
+      },
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Disable the text input (default = false)"
+        },
+        {
+          "name": "max-length",
+          "description": "Max length for text input"
+        },
+        {
+          "name": "placeholder",
+          "description": "Placeholder text"
+        },
+        {
+          "name": "rate-limit-breached",
+          "description": "Boolean to indicate if rate limit is breached"
+        },
+        {
+          "name": "value",
+          "description": "Default value for text input"
+        }
+      ]
+    },
+    {
+      "name": "rtk-text-message",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which renders a text message from chat."
+      },
+      "attributes": [
+        {
+          "name": "is-continued",
+          "description": "Whether the message is continued by same user"
+        },
+        {
+          "name": "show-bubble",
+          "description": "show message in bubble"
+        }
+      ]
+    },
+    {
+      "name": "rtk-text-message-view",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which renders a text message from chat."
+      },
+      "attributes": [
+        {
+          "name": "is-markdown",
+          "description": "Renders text as markdown (default = true)"
+        },
+        {
+          "name": "text",
+          "description": "Text message"
+        }
+      ]
+    },
+    {
+      "name": "rtk-tooltip",
+      "description": {
+        "kind": "markdown",
+        "value": "Tooltip component which follows RTK Design System."
+      },
+      "attributes": [
+        {
+          "name": "delay",
+          "description": "Delay before showing the tooltip"
+        },
+        {
+          "name": "disabled",
+          "description": "Disabled"
+        },
+        {
+          "name": "kind",
+          "description": "Tooltip kind",
+          "values": [
+            {
+              "name": "block"
+            },
+            {
+              "name": "inline"
+            }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "Tooltip label"
+        },
+        {
+          "name": "open",
+          "description": "Open"
+        },
+        {
+          "name": "placement",
+          "description": "Placement of menu",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "bottom-end"
+            },
+            {
+              "name": "bottom-start"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "left-end"
+            },
+            {
+              "name": "left-start"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "right-end"
+            },
+            {
+              "name": "right-start"
+            },
+            {
+              "name": "top"
+            },
+            {
+              "name": "top-end"
+            },
+            {
+              "name": "top-start"
+            }
+          ]
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "Tooltip variant",
+          "values": [
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-transcript",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which shows a transcript.\n\nYou need to remove the element after you receive the\n`rtkTranscriptDismiss` event."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-transcripts",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which handles transcripts.\n\nYou can configure which transcripts you want to see and which ones you want to hear.\nThere are also certain limits which you can set as well."
+      },
+      "attributes": []
+    },
+    {
+      "name": "rtk-ui-provider",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "no-render-until-meeting",
+          "description": "Do not render children until meeting is initialized"
+        },
+        {
+          "name": "show-setup-screen",
+          "description": "Whether to show setup screen or not"
+        },
+        {
+          "name": "size",
+          "description": "Size",
+          "values": [
+            {
+              "name": "lg"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "sm"
+            },
+            {
+              "name": "xl"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-viewer-count",
+      "description": {
+        "kind": "markdown",
+        "value": "A component which shows count of total joined participants in a meeting."
+      },
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "Viewer count variant",
+          "values": [
+            {
+              "name": "embedded"
+            },
+            {
+              "name": "primary"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "rtk-virtualized-participant-list",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "buffered-items-count",
+          "description": "Buffer items to render before and after the visible area"
+        },
+        {
+          "name": "item-height",
+          "description": "Height of each item in pixels (assumed fixed)"
+        }
+      ]
+    },
+    {
+      "name": "rtk-waiting-screen",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": []
+    }
+  ]
+}