npm - @dytesdk/angular-ui-kit - Versions diffs - 3.0.5 → 3.0.6 - Mend

@dytesdk/angular-ui-kit 3.0.5 → 3.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/esm2020/dytesdk-angular-ui-kit.mjs +5 -0
package/dist/esm2020/lib/components.module.mjs +31 -0
package/dist/esm2020/lib/stencil-generated/angular-component-lib/utils.mjs +59 -0
package/dist/esm2020/lib/stencil-generated/components.mjs +3538 -0
package/dist/esm2020/lib/stencil-generated/index.mjs +142 -0
package/dist/esm2020/public-api.mjs +8 -0
package/dist/{fesm2022 → fesm2015}/dytesdk-angular-ui-kit.mjs +567 -844
package/dist/fesm2015/dytesdk-angular-ui-kit.mjs.map +1 -0
package/dist/fesm2020/dytesdk-angular-ui-kit.mjs +3635 -0
package/dist/fesm2020/dytesdk-angular-ui-kit.mjs.map +1 -0
package/dist/lib/components.module.d.ts +1 -1
package/dist/lib/stencil-generated/components.d.ts +138 -138
package/package.json +4 -3
package/dist/fesm2022/dytesdk-angular-ui-kit.mjs.map +0 -1
/package/dist/{index.d.ts → dytesdk-angular-ui-kit.d.ts} +0 -0

package/dist/lib/stencil-generated/components.d.ts CHANGED Viewed

@@ -65,7 +65,7 @@ export declare class DyteAi {
     protected el: HTMLDyteAiElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteAi, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAi, "dyte-ai", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAi, "dyte-ai", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "view": "view"; }, {}, never, ["*"]>;
 }
 export declare interface DyteAi extends Components.DyteAi {
     /**
@@ -78,7 +78,7 @@ export declare class DyteAiToggle {
     protected el: HTMLDyteAiToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteAiToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAiToggle, "dyte-ai-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAiToggle, "dyte-ai-toggle", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteAiToggle extends Components.DyteAiToggle {
     /**
@@ -91,7 +91,7 @@ export declare class DyteAiTranscriptions {
     protected el: HTMLDyteAiTranscriptionsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteAiTranscriptions, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAiTranscriptions, "dyte-ai-transcriptions", never, { "initialTranscriptions": { "alias": "initialTranscriptions"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAiTranscriptions, "dyte-ai-transcriptions", never, { "initialTranscriptions": "initialTranscriptions"; "meeting": "meeting"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteAiTranscriptions extends Components.DyteAiTranscriptions {
 }
@@ -100,7 +100,7 @@ export declare class DyteAudioGrid {
     protected el: HTMLDyteAudioGridElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteAudioGrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAudioGrid, "dyte-audio-grid", never, { "config": { "alias": "config"; "required": false; }; "hideSelf": { "alias": "hideSelf"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAudioGrid, "dyte-audio-grid", never, { "config": "config"; "hideSelf": "hideSelf"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteAudioGrid extends Components.DyteAudioGrid {
 }
@@ -109,7 +109,7 @@ export declare class DyteAudioTile {
     protected el: HTMLDyteAudioTileElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteAudioTile, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAudioTile, "dyte-audio-tile", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "participant": { "alias": "participant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAudioTile, "dyte-audio-tile", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "participant": "participant"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteAudioTile extends Components.DyteAudioTile {
 }
@@ -118,7 +118,7 @@ export declare class DyteAudioVisualizer {
     protected el: HTMLDyteAudioVisualizerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteAudioVisualizer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAudioVisualizer, "dyte-audio-visualizer", never, { "hideMuted": { "alias": "hideMuted"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "isScreenShare": { "alias": "isScreenShare"; "required": false; }; "participant": { "alias": "participant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAudioVisualizer, "dyte-audio-visualizer", never, { "hideMuted": "hideMuted"; "iconPack": "iconPack"; "isScreenShare": "isScreenShare"; "participant": "participant"; "size": "size"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteAudioVisualizer extends Components.DyteAudioVisualizer {
 }
@@ -127,7 +127,7 @@ export declare class DyteAvatar {
     protected el: HTMLDyteAvatarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteAvatar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAvatar, "dyte-avatar", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "participant": { "alias": "participant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteAvatar, "dyte-avatar", never, { "iconPack": "iconPack"; "participant": "participant"; "size": "size"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteAvatar extends Components.DyteAvatar {
 }
@@ -136,7 +136,7 @@ export declare class DyteBreakoutRoomManager {
     protected el: HTMLDyteBreakoutRoomManagerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteBreakoutRoomManager, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteBreakoutRoomManager, "dyte-breakout-room-manager", never, { "allowDelete": { "alias": "allowDelete"; "required": false; }; "assigningParticipants": { "alias": "assigningParticipants"; "required": false; }; "defaultExpanded": { "alias": "defaultExpanded"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "isDragMode": { "alias": "isDragMode"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "room": { "alias": "room"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteBreakoutRoomManager, "dyte-breakout-room-manager", never, { "allowDelete": "allowDelete"; "assigningParticipants": "assigningParticipants"; "defaultExpanded": "defaultExpanded"; "iconPack": "iconPack"; "isDragMode": "isDragMode"; "meeting": "meeting"; "mode": "mode"; "room": "room"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteBreakoutRoomManager extends Components.DyteBreakoutRoomManager {
     /**
@@ -170,7 +170,7 @@ export declare class DyteBreakoutRoomParticipants {
     protected el: HTMLDyteBreakoutRoomParticipantsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteBreakoutRoomParticipants, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteBreakoutRoomParticipants, "dyte-breakout-room-participants", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "participantIds": { "alias": "participantIds"; "required": false; }; "selectedParticipantIds": { "alias": "selectedParticipantIds"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteBreakoutRoomParticipants, "dyte-breakout-room-participants", never, { "iconPack": "iconPack"; "meeting": "meeting"; "participantIds": "participantIds"; "selectedParticipantIds": "selectedParticipantIds"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteBreakoutRoomParticipants extends Components.DyteBreakoutRoomParticipants {
     /**
@@ -191,7 +191,7 @@ export declare class DyteBreakoutRoomsManager {
     protected el: HTMLDyteBreakoutRoomsManagerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteBreakoutRoomsManager, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteBreakoutRoomsManager, "dyte-breakout-rooms-manager", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteBreakoutRoomsManager, "dyte-breakout-rooms-manager", never, { "iconPack": "iconPack"; "meeting": "meeting"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteBreakoutRoomsManager extends Components.DyteBreakoutRoomsManager {
     /**
@@ -204,7 +204,7 @@ export declare class DyteBreakoutRoomsToggle {
     protected el: HTMLDyteBreakoutRoomsToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteBreakoutRoomsToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteBreakoutRoomsToggle, "dyte-breakout-rooms-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteBreakoutRoomsToggle, "dyte-breakout-rooms-toggle", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteBreakoutRoomsToggle extends Components.DyteBreakoutRoomsToggle {
     /**
@@ -217,7 +217,7 @@ export declare class DyteBroadcastMessageModal {
     protected el: HTMLDyteBroadcastMessageModalElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteBroadcastMessageModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteBroadcastMessageModal, "dyte-broadcast-message-modal", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteBroadcastMessageModal, "dyte-broadcast-message-modal", never, { "iconPack": "iconPack"; "meeting": "meeting"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteBroadcastMessageModal extends Components.DyteBroadcastMessageModal {
     /**
@@ -230,7 +230,7 @@ export declare class DyteButton {
     protected el: HTMLDyteButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteButton, "dyte-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "kind": { "alias": "kind"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteButton, "dyte-button", never, { "disabled": "disabled"; "kind": "kind"; "reverse": "reverse"; "size": "size"; "type": "type"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteButton extends Components.DyteButton {
 }
@@ -239,7 +239,7 @@ export declare class DyteCameraSelector {
     protected el: HTMLDyteCameraSelectorElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteCameraSelector, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteCameraSelector, "dyte-camera-selector", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteCameraSelector, "dyte-camera-selector", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteCameraSelector extends Components.DyteCameraSelector {
 }
@@ -248,7 +248,7 @@ export declare class DyteCameraToggle {
     protected el: HTMLDyteCameraToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteCameraToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteCameraToggle, "dyte-camera-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteCameraToggle, "dyte-camera-toggle", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteCameraToggle extends Components.DyteCameraToggle {
     /**
@@ -261,7 +261,7 @@ export declare class DyteCaptionToggle {
     protected el: HTMLDyteCaptionToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteCaptionToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteCaptionToggle, "dyte-caption-toggle", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteCaptionToggle, "dyte-caption-toggle", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteCaptionToggle extends Components.DyteCaptionToggle {
     /**
@@ -274,7 +274,7 @@ export declare class DyteChannelCreator {
     protected el: HTMLDyteChannelCreatorElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChannelCreator, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChannelCreator, "dyte-channel-creator", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChannelCreator, "dyte-channel-creator", never, { "iconPack": "iconPack"; "meeting": "meeting"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChannelCreator extends Components.DyteChannelCreator {
     /**
@@ -291,7 +291,7 @@ export declare class DyteChannelDetails {
     protected el: HTMLDyteChannelDetailsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChannelDetails, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChannelDetails, "dyte-channel-details", never, { "channel": { "alias": "channel"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "members": { "alias": "members"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChannelDetails, "dyte-channel-details", never, { "channel": "channel"; "iconPack": "iconPack"; "members": "members"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChannelDetails extends Components.DyteChannelDetails {
 }
@@ -300,7 +300,7 @@ export declare class DyteChannelHeader {
     protected el: HTMLDyteChannelHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChannelHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChannelHeader, "dyte-channel-header", never, { "channel": { "alias": "channel"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChannelHeader, "dyte-channel-header", never, { "channel": "channel"; "iconPack": "iconPack"; "meeting": "meeting"; "showBackButton": "showBackButton"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChannelHeader extends Components.DyteChannelHeader {
     /**
@@ -321,7 +321,7 @@ export declare class DyteChannelSelectorUi {
     protected el: HTMLDyteChannelSelectorUiElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChannelSelectorUi, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChannelSelectorUi, "dyte-channel-selector-ui", never, { "channels": { "alias": "channels"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "selectedChannelId": { "alias": "selectedChannelId"; "required": false; }; "showRecentMessage": { "alias": "showRecentMessage"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChannelSelectorUi, "dyte-channel-selector-ui", never, { "channels": "channels"; "iconPack": "iconPack"; "selectedChannelId": "selectedChannelId"; "showRecentMessage": "showRecentMessage"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChannelSelectorUi extends Components.DyteChannelSelectorUi {
     /**
@@ -334,7 +334,7 @@ export declare class DyteChannelSelectorView {
     protected el: HTMLDyteChannelSelectorViewElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChannelSelectorView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChannelSelectorView, "dyte-channel-selector-view", never, { "channels": { "alias": "channels"; "required": false; }; "disableSearch": { "alias": "disableSearch"; "required": false; }; "hideAvatar": { "alias": "hideAvatar"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "selectedChannelId": { "alias": "selectedChannelId"; "required": false; }; "t": { "alias": "t"; "required": false; }; "viewAs": { "alias": "viewAs"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChannelSelectorView, "dyte-channel-selector-view", never, { "channels": "channels"; "disableSearch": "disableSearch"; "hideAvatar": "hideAvatar"; "iconPack": "iconPack"; "selectedChannelId": "selectedChannelId"; "t": "t"; "viewAs": "viewAs"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChannelSelectorView extends Components.DyteChannelSelectorView {
     /**
@@ -355,7 +355,7 @@ export declare class DyteChat {
     protected el: HTMLDyteChatElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChat, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChat, "dyte-chat", never, { "config": { "alias": "config"; "required": false; }; "disablePrivateChat": { "alias": "disablePrivateChat"; "required": false; }; "displayFilter": { "alias": "displayFilter"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "privatePresetFilter": { "alias": "privatePresetFilter"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChat, "dyte-chat", never, { "config": "config"; "disablePrivateChat": "disablePrivateChat"; "displayFilter": "displayFilter"; "iconPack": "iconPack"; "meeting": "meeting"; "privatePresetFilter": "privatePresetFilter"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChat extends Components.DyteChat {
     /**
@@ -368,7 +368,7 @@ export declare class DyteChatComposerUi {
     protected el: HTMLDyteChatComposerUiElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChatComposerUi, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatComposerUi, "dyte-chat-composer-ui", never, { "canSendFiles": { "alias": "canSendFiles"; "required": false; }; "canSendTextMessage": { "alias": "canSendTextMessage"; "required": false; }; "channelId": { "alias": "channelId"; "required": false; }; "disableEmojiPicker": { "alias": "disableEmojiPicker"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "members": { "alias": "members"; "required": false; }; "prefill": { "alias": "prefill"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatComposerUi, "dyte-chat-composer-ui", never, { "canSendFiles": "canSendFiles"; "canSendTextMessage": "canSendTextMessage"; "channelId": "channelId"; "disableEmojiPicker": "disableEmojiPicker"; "iconPack": "iconPack"; "members": "members"; "prefill": "prefill"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChatComposerUi extends Components.DyteChatComposerUi {
     /**
@@ -393,7 +393,7 @@ export declare class DyteChatComposerView {
     protected el: HTMLDyteChatComposerViewElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChatComposerView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatComposerView, "dyte-chat-composer-view", never, { "canSendFiles": { "alias": "canSendFiles"; "required": false; }; "canSendTextMessage": { "alias": "canSendTextMessage"; "required": false; }; "disableEmojiPicker": { "alias": "disableEmojiPicker"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "inputTextPlaceholder": { "alias": "inputTextPlaceholder"; "required": false; }; "isEditing": { "alias": "isEditing"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "quotedMessage": { "alias": "quotedMessage"; "required": false; }; "rateLimits": { "alias": "rateLimits"; "required": false; }; "storageKey": { "alias": "storageKey"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatComposerView, "dyte-chat-composer-view", never, { "canSendFiles": "canSendFiles"; "canSendTextMessage": "canSendTextMessage"; "disableEmojiPicker": "disableEmojiPicker"; "iconPack": "iconPack"; "inputTextPlaceholder": "inputTextPlaceholder"; "isEditing": "isEditing"; "maxLength": "maxLength"; "message": "message"; "quotedMessage": "quotedMessage"; "rateLimits": "rateLimits"; "storageKey": "storageKey"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChatComposerView extends Components.DyteChatComposerView {
     /**
@@ -418,7 +418,7 @@ export declare class DyteChatMessage {
     protected el: HTMLDyteChatMessageElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChatMessage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatMessage, "dyte-chat-message", never, { "alignRight": { "alias": "alignRight"; "required": false; }; "canDelete": { "alias": "canDelete"; "required": false; }; "canEdit": { "alias": "canEdit"; "required": false; }; "canPin": { "alias": "canPin"; "required": false; }; "canReply": { "alias": "canReply"; "required": false; }; "child": { "alias": "child"; "required": false; }; "disableControls": { "alias": "disableControls"; "required": false; }; "hideAvatar": { "alias": "hideAvatar"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "isContinued": { "alias": "isContinued"; "required": false; }; "isSelf": { "alias": "isSelf"; "required": false; }; "isUnread": { "alias": "isUnread"; "required": false; }; "leftAlign": { "alias": "leftAlign"; "required": false; }; "message": { "alias": "message"; "required": false; }; "senderDisplayPicture": { "alias": "senderDisplayPicture"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatMessage, "dyte-chat-message", never, { "alignRight": "alignRight"; "canDelete": "canDelete"; "canEdit": "canEdit"; "canPin": "canPin"; "canReply": "canReply"; "child": "child"; "disableControls": "disableControls"; "hideAvatar": "hideAvatar"; "iconPack": "iconPack"; "isContinued": "isContinued"; "isSelf": "isSelf"; "isUnread": "isUnread"; "leftAlign": "leftAlign"; "message": "message"; "senderDisplayPicture": "senderDisplayPicture"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChatMessage extends Components.DyteChatMessage {
     /**
@@ -443,7 +443,7 @@ export declare class DyteChatMessagesUi {
     protected el: HTMLDyteChatMessagesUiElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChatMessagesUi, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatMessagesUi, "dyte-chat-messages-ui", never, { "canPinMessages": { "alias": "canPinMessages"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "selectedGroup": { "alias": "selectedGroup"; "required": false; }; "selfUserId": { "alias": "selfUserId"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatMessagesUi, "dyte-chat-messages-ui", never, { "canPinMessages": "canPinMessages"; "iconPack": "iconPack"; "messages": "messages"; "selectedGroup": "selectedGroup"; "selfUserId": "selfUserId"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChatMessagesUi extends Components.DyteChatMessagesUi {
     /**
@@ -460,7 +460,7 @@ export declare class DyteChatMessagesUiPaginated {
     protected el: HTMLDyteChatMessagesUiPaginatedElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChatMessagesUiPaginated, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatMessagesUiPaginated, "dyte-chat-messages-ui-paginated", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "leftAlign": { "alias": "leftAlign"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "selectedChannel": { "alias": "selectedChannel"; "required": false; }; "selectedChannelId": { "alias": "selectedChannelId"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatMessagesUiPaginated, "dyte-chat-messages-ui-paginated", never, { "iconPack": "iconPack"; "leftAlign": "leftAlign"; "meeting": "meeting"; "selectedChannel": "selectedChannel"; "selectedChannelId": "selectedChannelId"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChatMessagesUiPaginated extends Components.DyteChatMessagesUiPaginated {
     /**
@@ -491,7 +491,7 @@ export declare class DyteChatSearchResults {
     protected el: HTMLDyteChatSearchResultsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChatSearchResults, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatSearchResults, "dyte-chat-search-results", never, { "channelId": { "alias": "channelId"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "query": { "alias": "query"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatSearchResults, "dyte-chat-search-results", never, { "channelId": "channelId"; "iconPack": "iconPack"; "meeting": "meeting"; "query": "query"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChatSearchResults extends Components.DyteChatSearchResults {
 }
@@ -500,7 +500,7 @@ export declare class DyteChatSelectorUi {
     protected el: HTMLDyteChatSelectorUiElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChatSelectorUi, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatSelectorUi, "dyte-chat-selector-ui", never, { "groups": { "alias": "groups"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "selectedGroupId": { "alias": "selectedGroupId"; "required": false; }; "selfUserId": { "alias": "selfUserId"; "required": false; }; "t": { "alias": "t"; "required": false; }; "unreadCounts": { "alias": "unreadCounts"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatSelectorUi, "dyte-chat-selector-ui", never, { "groups": "groups"; "iconPack": "iconPack"; "selectedGroupId": "selectedGroupId"; "selfUserId": "selfUserId"; "t": "t"; "unreadCounts": "unreadCounts"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChatSelectorUi extends Components.DyteChatSelectorUi {
     /**
@@ -513,7 +513,7 @@ export declare class DyteChatToggle {
     protected el: HTMLDyteChatToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteChatToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatToggle, "dyte-chat-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteChatToggle, "dyte-chat-toggle", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteChatToggle extends Components.DyteChatToggle {
     /**
@@ -526,7 +526,7 @@ export declare class DyteClock {
     protected el: HTMLDyteClockElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteClock, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteClock, "dyte-clock", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteClock, "dyte-clock", never, { "iconPack": "iconPack"; "meeting": "meeting"; }, {}, never, ["*"]>;
 }
 export declare interface DyteClock extends Components.DyteClock {
 }
@@ -535,7 +535,7 @@ export declare class DyteConfirmationModal {
     protected el: HTMLDyteConfirmationModalElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteConfirmationModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteConfirmationModal, "dyte-confirmation-modal", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteConfirmationModal, "dyte-confirmation-modal", never, { "iconPack": "iconPack"; "meeting": "meeting"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteConfirmationModal extends Components.DyteConfirmationModal {
     /**
@@ -548,7 +548,7 @@ export declare class DyteControlbar {
     protected el: HTMLDyteControlbarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteControlbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteControlbar, "dyte-controlbar", never, { "config": { "alias": "config"; "required": false; }; "disableRender": { "alias": "disableRender"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteControlbar, "dyte-controlbar", never, { "config": "config"; "disableRender": "disableRender"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteControlbar extends Components.DyteControlbar {
 }
@@ -557,7 +557,7 @@ export declare class DyteControlbarButton {
     protected el: HTMLDyteControlbarButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteControlbarButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteControlbarButton, "dyte-controlbar-button", never, { "brandIcon": { "alias": "brandIcon"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showWarning": { "alias": "showWarning"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteControlbarButton, "dyte-controlbar-button", never, { "brandIcon": "brandIcon"; "disabled": "disabled"; "icon": "icon"; "iconPack": "iconPack"; "isLoading": "isLoading"; "label": "label"; "showWarning": "showWarning"; "size": "size"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteControlbarButton extends Components.DyteControlbarButton {
 }
@@ -566,7 +566,7 @@ export declare class DyteCounter {
     protected el: HTMLDyteCounterElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteCounter, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteCounter, "dyte-counter", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "minValue": { "alias": "minValue"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteCounter, "dyte-counter", never, { "iconPack": "iconPack"; "minValue": "minValue"; "size": "size"; "t": "t"; "value": "value"; }, {}, never, ["*"]>;
 }
 export declare interface DyteCounter extends Components.DyteCounter {
     /**
@@ -579,7 +579,7 @@ export declare class DyteDebugger {
     protected el: HTMLDyteDebuggerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteDebugger, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDebugger, "dyte-debugger", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDebugger, "dyte-debugger", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteDebugger extends Components.DyteDebugger {
     /**
@@ -592,7 +592,7 @@ export declare class DyteDebuggerAudio {
     protected el: HTMLDyteDebuggerAudioElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteDebuggerAudio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDebuggerAudio, "dyte-debugger-audio", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDebuggerAudio, "dyte-debugger-audio", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteDebuggerAudio extends Components.DyteDebuggerAudio {
 }
@@ -601,7 +601,7 @@ export declare class DyteDebuggerScreenshare {
     protected el: HTMLDyteDebuggerScreenshareElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteDebuggerScreenshare, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDebuggerScreenshare, "dyte-debugger-screenshare", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDebuggerScreenshare, "dyte-debugger-screenshare", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteDebuggerScreenshare extends Components.DyteDebuggerScreenshare {
 }
@@ -610,7 +610,7 @@ export declare class DyteDebuggerSystem {
     protected el: HTMLDyteDebuggerSystemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteDebuggerSystem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDebuggerSystem, "dyte-debugger-system", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDebuggerSystem, "dyte-debugger-system", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteDebuggerSystem extends Components.DyteDebuggerSystem {
 }
@@ -619,7 +619,7 @@ export declare class DyteDebuggerToggle {
     protected el: HTMLDyteDebuggerToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteDebuggerToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDebuggerToggle, "dyte-debugger-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDebuggerToggle, "dyte-debugger-toggle", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteDebuggerToggle extends Components.DyteDebuggerToggle {
     /**
@@ -632,7 +632,7 @@ export declare class DyteDebuggerVideo {
     protected el: HTMLDyteDebuggerVideoElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteDebuggerVideo, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDebuggerVideo, "dyte-debugger-video", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDebuggerVideo, "dyte-debugger-video", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteDebuggerVideo extends Components.DyteDebuggerVideo {
 }
@@ -641,7 +641,7 @@ export declare class DyteDialog {
     protected el: HTMLDyteDialogElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteDialog, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDialog, "dyte-dialog", never, { "config": { "alias": "config"; "required": false; }; "disableEscapeKey": { "alias": "disableEscapeKey"; "required": false; }; "hideCloseButton": { "alias": "hideCloseButton"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDialog, "dyte-dialog", never, { "config": "config"; "disableEscapeKey": "disableEscapeKey"; "hideCloseButton": "hideCloseButton"; "iconPack": "iconPack"; "meeting": "meeting"; "open": "open"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteDialog extends Components.DyteDialog {
     /**
@@ -654,7 +654,7 @@ export declare class DyteDialogManager {
     protected el: HTMLDyteDialogManagerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteDialogManager, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDialogManager, "dyte-dialog-manager", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDialogManager, "dyte-dialog-manager", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteDialogManager extends Components.DyteDialogManager {
     /**
@@ -667,7 +667,7 @@ export declare class DyteDraftAttachmentView {
     protected el: HTMLDyteDraftAttachmentViewElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteDraftAttachmentView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDraftAttachmentView, "dyte-draft-attachment-view", never, { "attachment": { "alias": "attachment"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteDraftAttachmentView, "dyte-draft-attachment-view", never, { "attachment": "attachment"; "iconPack": "iconPack"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteDraftAttachmentView extends Components.DyteDraftAttachmentView {
     /**
@@ -680,7 +680,7 @@ export declare class DyteEmojiPicker {
     protected el: HTMLDyteEmojiPickerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteEmojiPicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteEmojiPicker, "dyte-emoji-picker", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteEmojiPicker, "dyte-emoji-picker", never, { "focusWhenOpened": "focusWhenOpened"; "iconPack": "iconPack"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteEmojiPicker extends Components.DyteEmojiPicker {
     /**
@@ -697,7 +697,7 @@ export declare class DyteEmojiPickerButton {
     protected el: HTMLDyteEmojiPickerButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteEmojiPickerButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteEmojiPickerButton, "dyte-emoji-picker-button", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "isActive": { "alias": "isActive"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteEmojiPickerButton, "dyte-emoji-picker-button", never, { "iconPack": "iconPack"; "isActive": "isActive"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteEmojiPickerButton extends Components.DyteEmojiPickerButton {
 }
@@ -706,7 +706,7 @@ export declare class DyteEndedScreen {
     protected el: HTMLDyteEndedScreenElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteEndedScreen, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteEndedScreen, "dyte-ended-screen", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteEndedScreen, "dyte-ended-screen", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteEndedScreen extends Components.DyteEndedScreen {
 }
@@ -715,7 +715,7 @@ export declare class DyteFileDropzone {
     protected el: HTMLDyteFileDropzoneElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteFileDropzone, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteFileDropzone, "dyte-file-dropzone", never, { "hostEl": { "alias": "hostEl"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteFileDropzone, "dyte-file-dropzone", never, { "hostEl": "hostEl"; "iconPack": "iconPack"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteFileDropzone extends Components.DyteFileDropzone {
     /**
@@ -728,7 +728,7 @@ export declare class DyteFileMessage {
     protected el: HTMLDyteFileMessageElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteFileMessage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteFileMessage, "dyte-file-message", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "isContinued": { "alias": "isContinued"; "required": false; }; "message": { "alias": "message"; "required": false; }; "now": { "alias": "now"; "required": false; }; "showBubble": { "alias": "showBubble"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteFileMessage, "dyte-file-message", never, { "iconPack": "iconPack"; "isContinued": "isContinued"; "message": "message"; "now": "now"; "showBubble": "showBubble"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteFileMessage extends Components.DyteFileMessage {
 }
@@ -737,7 +737,7 @@ export declare class DyteFileMessageView {
     protected el: HTMLDyteFileMessageViewElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteFileMessageView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteFileMessageView, "dyte-file-message-view", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "url": { "alias": "url"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteFileMessageView, "dyte-file-message-view", never, { "iconPack": "iconPack"; "name": "name"; "size": "size"; "url": "url"; }, {}, never, ["*"]>;
 }
 export declare interface DyteFileMessageView extends Components.DyteFileMessageView {
 }
@@ -746,7 +746,7 @@ export declare class DyteFilePickerButton {
     protected el: HTMLDyteFilePickerButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteFilePickerButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteFilePickerButton, "dyte-file-picker-button", never, { "filter": { "alias": "filter"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "label": { "alias": "label"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteFilePickerButton, "dyte-file-picker-button", never, { "filter": "filter"; "icon": "icon"; "iconPack": "iconPack"; "label": "label"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteFilePickerButton extends Components.DyteFilePickerButton {
     /**
@@ -759,7 +759,7 @@ export declare class DyteFullscreenToggle {
     protected el: HTMLDyteFullscreenToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteFullscreenToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteFullscreenToggle, "dyte-fullscreen-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "targetElement": { "alias": "targetElement"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteFullscreenToggle, "dyte-fullscreen-toggle", never, { "iconPack": "iconPack"; "size": "size"; "states": "states"; "t": "t"; "targetElement": "targetElement"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteFullscreenToggle extends Components.DyteFullscreenToggle {
     /**
@@ -772,7 +772,7 @@ export declare class DyteGrid {
     protected el: HTMLDyteGridElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteGrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteGrid, "dyte-grid", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "config": { "alias": "config"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "gridSize": { "alias": "gridSize"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "overrides": { "alias": "overrides"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteGrid, "dyte-grid", never, { "aspectRatio": "aspectRatio"; "config": "config"; "gap": "gap"; "gridSize": "gridSize"; "iconPack": "iconPack"; "layout": "layout"; "meeting": "meeting"; "overrides": "overrides"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteGrid extends Components.DyteGrid {
     /**
@@ -785,7 +785,7 @@ export declare class DyteGridPagination {
     protected el: HTMLDyteGridPaginationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteGridPagination, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteGridPagination, "dyte-grid-pagination", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteGridPagination, "dyte-grid-pagination", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteGridPagination extends Components.DyteGridPagination {
 }
@@ -794,7 +794,7 @@ export declare class DyteHeader {
     protected el: HTMLDyteHeaderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteHeader, "dyte-header", never, { "config": { "alias": "config"; "required": false; }; "disableRender": { "alias": "disableRender"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteHeader, "dyte-header", never, { "config": "config"; "disableRender": "disableRender"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteHeader extends Components.DyteHeader {
 }
@@ -803,7 +803,7 @@ export declare class DyteIcon {
     protected el: HTMLDyteIconElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteIcon, "dyte-icon", never, { "icon": { "alias": "icon"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteIcon, "dyte-icon", never, { "icon": "icon"; "size": "size"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteIcon extends Components.DyteIcon {
 }
@@ -812,7 +812,7 @@ export declare class DyteIdleScreen {
     protected el: HTMLDyteIdleScreenElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteIdleScreen, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteIdleScreen, "dyte-idle-screen", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteIdleScreen, "dyte-idle-screen", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteIdleScreen extends Components.DyteIdleScreen {
 }
@@ -821,7 +821,7 @@ export declare class DyteImageMessage {
     protected el: HTMLDyteImageMessageElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteImageMessage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteImageMessage, "dyte-image-message", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "isContinued": { "alias": "isContinued"; "required": false; }; "message": { "alias": "message"; "required": false; }; "now": { "alias": "now"; "required": false; }; "showBubble": { "alias": "showBubble"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteImageMessage, "dyte-image-message", never, { "iconPack": "iconPack"; "isContinued": "isContinued"; "message": "message"; "now": "now"; "showBubble": "showBubble"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteImageMessage extends Components.DyteImageMessage {
     /**
@@ -834,7 +834,7 @@ export declare class DyteImageMessageView {
     protected el: HTMLDyteImageMessageViewElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteImageMessageView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteImageMessageView, "dyte-image-message-view", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "t": { "alias": "t"; "required": false; }; "url": { "alias": "url"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteImageMessageView, "dyte-image-message-view", never, { "iconPack": "iconPack"; "t": "t"; "url": "url"; }, {}, never, ["*"]>;
 }
 export declare interface DyteImageMessageView extends Components.DyteImageMessageView {
     /**
@@ -847,7 +847,7 @@ export declare class DyteImageViewer {
     protected el: HTMLDyteImageViewerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteImageViewer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteImageViewer, "dyte-image-viewer", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "image": { "alias": "image"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteImageViewer, "dyte-image-viewer", never, { "iconPack": "iconPack"; "image": "image"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteImageViewer extends Components.DyteImageViewer {
     /**
@@ -860,7 +860,7 @@ export declare class DyteInformationTooltip {
     protected el: HTMLDyteInformationTooltipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteInformationTooltip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteInformationTooltip, "dyte-information-tooltip", never, { "iconPack": { "alias": "iconPack"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteInformationTooltip, "dyte-information-tooltip", never, { "iconPack": "iconPack"; }, {}, never, ["*"]>;
 }
 export declare interface DyteInformationTooltip extends Components.DyteInformationTooltip {
 }
@@ -869,7 +869,7 @@ export declare class DyteJoinStage {
     protected el: HTMLDyteJoinStageElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteJoinStage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteJoinStage, "dyte-join-stage", never, { "config": { "alias": "config"; "required": false; }; "dataConfig": { "alias": "dataConfig"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteJoinStage, "dyte-join-stage", never, { "config": "config"; "dataConfig": "dataConfig"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteJoinStage extends Components.DyteJoinStage {
     /**
@@ -890,7 +890,7 @@ export declare class DyteLeaveButton {
     protected el: HTMLDyteLeaveButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteLeaveButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteLeaveButton, "dyte-leave-button", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteLeaveButton, "dyte-leave-button", never, { "iconPack": "iconPack"; "size": "size"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteLeaveButton extends Components.DyteLeaveButton {
     /**
@@ -903,7 +903,7 @@ export declare class DyteLeaveMeeting {
     protected el: HTMLDyteLeaveMeetingElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteLeaveMeeting, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteLeaveMeeting, "dyte-leave-meeting", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteLeaveMeeting, "dyte-leave-meeting", never, { "iconPack": "iconPack"; "meeting": "meeting"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteLeaveMeeting extends Components.DyteLeaveMeeting {
     /**
@@ -916,7 +916,7 @@ export declare class DyteLivestreamIndicator {
     protected el: HTMLDyteLivestreamIndicatorElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteLivestreamIndicator, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteLivestreamIndicator, "dyte-livestream-indicator", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteLivestreamIndicator, "dyte-livestream-indicator", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteLivestreamIndicator extends Components.DyteLivestreamIndicator {
 }
@@ -925,7 +925,7 @@ export declare class DyteLivestreamPlayer {
     protected el: HTMLDyteLivestreamPlayerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteLivestreamPlayer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteLivestreamPlayer, "dyte-livestream-player", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteLivestreamPlayer, "dyte-livestream-player", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteLivestreamPlayer extends Components.DyteLivestreamPlayer {
     /**
@@ -941,7 +941,7 @@ export declare class DyteLivestreamToggle {
     protected el: HTMLDyteLivestreamToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteLivestreamToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteLivestreamToggle, "dyte-livestream-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteLivestreamToggle, "dyte-livestream-toggle", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteLivestreamToggle extends Components.DyteLivestreamToggle {
     /**
@@ -961,7 +961,7 @@ export declare class DyteLogo {
     protected el: HTMLDyteLogoElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteLogo, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteLogo, "dyte-logo", never, { "config": { "alias": "config"; "required": false; }; "logoUrl": { "alias": "logoUrl"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteLogo, "dyte-logo", never, { "config": "config"; "logoUrl": "logoUrl"; "meeting": "meeting"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteLogo extends Components.DyteLogo {
 }
@@ -970,7 +970,7 @@ export declare class DyteMarkdownView {
     protected el: HTMLDyteMarkdownViewElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMarkdownView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMarkdownView, "dyte-markdown-view", never, { "maxLength": { "alias": "maxLength"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMarkdownView, "dyte-markdown-view", never, { "maxLength": "maxLength"; "text": "text"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMarkdownView extends Components.DyteMarkdownView {
 }
@@ -979,7 +979,7 @@ export declare class DyteMeeting {
     protected el: HTMLDyteMeetingElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMeeting, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMeeting, "dyte-meeting", never, { "applyDesignSystem": { "alias": "applyDesignSystem"; "required": false; }; "config": { "alias": "config"; "required": false; }; "gridLayout": { "alias": "gridLayout"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "leaveOnUnmount": { "alias": "leaveOnUnmount"; "required": false; }; "loadConfigFromPreset": { "alias": "loadConfigFromPreset"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "showSetupScreen": { "alias": "showSetupScreen"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMeeting, "dyte-meeting", never, { "applyDesignSystem": "applyDesignSystem"; "config": "config"; "gridLayout": "gridLayout"; "iconPack": "iconPack"; "leaveOnUnmount": "leaveOnUnmount"; "loadConfigFromPreset": "loadConfigFromPreset"; "meeting": "meeting"; "mode": "mode"; "showSetupScreen": "showSetupScreen"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMeeting extends Components.DyteMeeting {
     /**
@@ -992,7 +992,7 @@ export declare class DyteMeetingTitle {
     protected el: HTMLDyteMeetingTitleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMeetingTitle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMeetingTitle, "dyte-meeting-title", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMeetingTitle, "dyte-meeting-title", never, { "iconPack": "iconPack"; "meeting": "meeting"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMeetingTitle extends Components.DyteMeetingTitle {
 }
@@ -1001,7 +1001,7 @@ export declare class DyteMenu {
     protected el: HTMLDyteMenuElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMenu, "dyte-menu", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMenu, "dyte-menu", never, { "iconPack": "iconPack"; "offset": "offset"; "placement": "placement"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMenu extends Components.DyteMenu {
 }
@@ -1010,7 +1010,7 @@ export declare class DyteMenuItem {
     protected el: HTMLDyteMenuItemElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMenuItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMenuItem, "dyte-menu-item", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMenuItem, "dyte-menu-item", never, { "iconPack": "iconPack"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMenuItem extends Components.DyteMenuItem {
 }
@@ -1019,7 +1019,7 @@ export declare class DyteMenuList {
     protected el: HTMLDyteMenuListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMenuList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMenuList, "dyte-menu-list", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMenuList, "dyte-menu-list", never, { "iconPack": "iconPack"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMenuList extends Components.DyteMenuList {
 }
@@ -1028,7 +1028,7 @@ export declare class DyteMessageListView {
     protected el: HTMLDyteMessageListViewElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMessageListView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMessageListView, "dyte-message-list-view", never, { "estimateItemSize": { "alias": "estimateItemSize"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "loadMore": { "alias": "loadMore"; "required": false; }; "messages": { "alias": "messages"; "required": false; }; "renderer": { "alias": "renderer"; "required": false; }; "visibleItemsCount": { "alias": "visibleItemsCount"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMessageListView, "dyte-message-list-view", never, { "estimateItemSize": "estimateItemSize"; "iconPack": "iconPack"; "loadMore": "loadMore"; "messages": "messages"; "renderer": "renderer"; "visibleItemsCount": "visibleItemsCount"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMessageListView extends Components.DyteMessageListView {
 }
@@ -1037,7 +1037,7 @@ export declare class DyteMessageView {
     protected el: HTMLDyteMessageViewElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMessageView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMessageView, "dyte-message-view", never, { "actions": { "alias": "actions"; "required": false; }; "authorName": { "alias": "authorName"; "required": false; }; "avatarUrl": { "alias": "avatarUrl"; "required": false; }; "hideAuthorName": { "alias": "hideAuthorName"; "required": false; }; "hideAvatar": { "alias": "hideAvatar"; "required": false; }; "hideMetadata": { "alias": "hideMetadata"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "time": { "alias": "time"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "viewType": { "alias": "viewType"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMessageView, "dyte-message-view", never, { "actions": "actions"; "authorName": "authorName"; "avatarUrl": "avatarUrl"; "hideAuthorName": "hideAuthorName"; "hideAvatar": "hideAvatar"; "hideMetadata": "hideMetadata"; "iconPack": "iconPack"; "time": "time"; "variant": "variant"; "viewType": "viewType"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMessageView extends Components.DyteMessageView {
     /**
@@ -1050,7 +1050,7 @@ export declare class DyteMicToggle {
     protected el: HTMLDyteMicToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMicToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMicToggle, "dyte-mic-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMicToggle, "dyte-mic-toggle", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMicToggle extends Components.DyteMicToggle {
     /**
@@ -1063,7 +1063,7 @@ export declare class DyteMicrophoneSelector {
     protected el: HTMLDyteMicrophoneSelectorElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMicrophoneSelector, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMicrophoneSelector, "dyte-microphone-selector", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMicrophoneSelector, "dyte-microphone-selector", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMicrophoneSelector extends Components.DyteMicrophoneSelector {
 }
@@ -1072,7 +1072,7 @@ export declare class DyteMixedGrid {
     protected el: HTMLDyteMixedGridElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMixedGrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMixedGrid, "dyte-mixed-grid", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "config": { "alias": "config"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "gridSize": { "alias": "gridSize"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "participants": { "alias": "participants"; "required": false; }; "pinnedParticipants": { "alias": "pinnedParticipants"; "required": false; }; "plugins": { "alias": "plugins"; "required": false; }; "screenShareParticipants": { "alias": "screenShareParticipants"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMixedGrid, "dyte-mixed-grid", never, { "aspectRatio": "aspectRatio"; "config": "config"; "gap": "gap"; "gridSize": "gridSize"; "iconPack": "iconPack"; "layout": "layout"; "meeting": "meeting"; "participants": "participants"; "pinnedParticipants": "pinnedParticipants"; "plugins": "plugins"; "screenShareParticipants": "screenShareParticipants"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMixedGrid extends Components.DyteMixedGrid {
 }
@@ -1081,7 +1081,7 @@ export declare class DyteMoreToggle {
     protected el: HTMLDyteMoreToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMoreToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMoreToggle, "dyte-more-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMoreToggle, "dyte-more-toggle", never, { "iconPack": "iconPack"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMoreToggle extends Components.DyteMoreToggle {
     /**
@@ -1094,7 +1094,7 @@ export declare class DyteMuteAllButton {
     protected el: HTMLDyteMuteAllButtonElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMuteAllButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMuteAllButton, "dyte-mute-all-button", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMuteAllButton, "dyte-mute-all-button", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMuteAllButton extends Components.DyteMuteAllButton {
     /**
@@ -1107,7 +1107,7 @@ export declare class DyteMuteAllConfirmation {
     protected el: HTMLDyteMuteAllConfirmationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteMuteAllConfirmation, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMuteAllConfirmation, "dyte-mute-all-confirmation", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteMuteAllConfirmation, "dyte-mute-all-confirmation", never, { "iconPack": "iconPack"; "meeting": "meeting"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteMuteAllConfirmation extends Components.DyteMuteAllConfirmation {
     /**
@@ -1120,7 +1120,7 @@ export declare class DyteNameTag {
     protected el: HTMLDyteNameTagElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteNameTag, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteNameTag, "dyte-name-tag", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "isScreenShare": { "alias": "isScreenShare"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "participant": { "alias": "participant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteNameTag, "dyte-name-tag", never, { "iconPack": "iconPack"; "isScreenShare": "isScreenShare"; "meeting": "meeting"; "participant": "participant"; "size": "size"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteNameTag extends Components.DyteNameTag {
 }
@@ -1129,7 +1129,7 @@ export declare class DyteNetworkIndicator {
     protected el: HTMLDyteNetworkIndicatorElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteNetworkIndicator, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteNetworkIndicator, "dyte-network-indicator", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "isScreenShare": { "alias": "isScreenShare"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "participant": { "alias": "participant"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteNetworkIndicator, "dyte-network-indicator", never, { "iconPack": "iconPack"; "isScreenShare": "isScreenShare"; "meeting": "meeting"; "participant": "participant"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteNetworkIndicator extends Components.DyteNetworkIndicator {
 }
@@ -1138,7 +1138,7 @@ export declare class DyteNotification {
     protected el: HTMLDyteNotificationElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteNotification, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteNotification, "dyte-notification", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "notification": { "alias": "notification"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteNotification, "dyte-notification", never, { "iconPack": "iconPack"; "notification": "notification"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteNotification extends Components.DyteNotification {
     /**
@@ -1151,7 +1151,7 @@ export declare class DyteNotifications {
     protected el: HTMLDyteNotificationsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteNotifications, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteNotifications, "dyte-notifications", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteNotifications, "dyte-notifications", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteNotifications extends Components.DyteNotifications {
 }
@@ -1160,7 +1160,7 @@ export declare class DyteOverlayModal {
     protected el: HTMLDyteOverlayModalElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteOverlayModal, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteOverlayModal, "dyte-overlay-modal", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteOverlayModal, "dyte-overlay-modal", never, { "iconPack": "iconPack"; "meeting": "meeting"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteOverlayModal extends Components.DyteOverlayModal {
     /**
@@ -1173,7 +1173,7 @@ export declare class DytePaginatedList {
     protected el: HTMLDytePaginatedListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DytePaginatedList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DytePaginatedList, "dyte-paginated-list", never, { "autoScroll": { "alias": "autoScroll"; "required": false; }; "createNodes": { "alias": "createNodes"; "required": false; }; "emptyListLabel": { "alias": "emptyListLabel"; "required": false; }; "fetchData": { "alias": "fetchData"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pagesAllowed": { "alias": "pagesAllowed"; "required": false; }; "selectedItemId": { "alias": "selectedItemId"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DytePaginatedList, "dyte-paginated-list", never, { "autoScroll": "autoScroll"; "createNodes": "createNodes"; "emptyListLabel": "emptyListLabel"; "fetchData": "fetchData"; "iconPack": "iconPack"; "pageSize": "pageSize"; "pagesAllowed": "pagesAllowed"; "selectedItemId": "selectedItemId"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DytePaginatedList extends Components.DytePaginatedList {
 }
@@ -1182,7 +1182,7 @@ export declare class DyteParticipant {
     protected el: HTMLDyteParticipantElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteParticipant, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipant, "dyte-participant", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "participant": { "alias": "participant"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipant, "dyte-participant", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "participant": "participant"; "states": "states"; "t": "t"; "view": "view"; }, {}, never, ["*"]>;
 }
 export declare interface DyteParticipant extends Components.DyteParticipant {
     /**
@@ -1198,7 +1198,7 @@ export declare class DyteParticipantCount {
     protected el: HTMLDyteParticipantCountElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteParticipantCount, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantCount, "dyte-participant-count", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantCount, "dyte-participant-count", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteParticipantCount extends Components.DyteParticipantCount {
 }
@@ -1207,7 +1207,7 @@ export declare class DyteParticipantSetup {
     protected el: HTMLDyteParticipantSetupElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteParticipantSetup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantSetup, "dyte-participant-setup", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "isPreview": { "alias": "isPreview"; "required": false; }; "nameTagPosition": { "alias": "nameTagPosition"; "required": false; }; "participant": { "alias": "participant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantSetup, "dyte-participant-setup", never, { "config": "config"; "iconPack": "iconPack"; "isPreview": "isPreview"; "nameTagPosition": "nameTagPosition"; "participant": "participant"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteParticipantSetup extends Components.DyteParticipantSetup {
 }
@@ -1216,7 +1216,7 @@ export declare class DyteParticipantTile {
     protected el: HTMLDyteParticipantTileElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteParticipantTile, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantTile, "dyte-participant-tile", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "isPreview": { "alias": "isPreview"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "nameTagPosition": { "alias": "nameTagPosition"; "required": false; }; "participant": { "alias": "participant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantTile, "dyte-participant-tile", never, { "config": "config"; "iconPack": "iconPack"; "isPreview": "isPreview"; "meeting": "meeting"; "nameTagPosition": "nameTagPosition"; "participant": "participant"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteParticipantTile extends Components.DyteParticipantTile {
     /**
@@ -1236,7 +1236,7 @@ export declare class DyteParticipants {
     protected el: HTMLDyteParticipantsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteParticipants, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipants, "dyte-participants", never, { "config": { "alias": "config"; "required": false; }; "defaultParticipantsTabId": { "alias": "defaultParticipantsTabId"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipants, "dyte-participants", never, { "config": "config"; "defaultParticipantsTabId": "defaultParticipantsTabId"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteParticipants extends Components.DyteParticipants {
     /**
@@ -1249,7 +1249,7 @@ export declare class DyteParticipantsAudio {
     protected el: HTMLDyteParticipantsAudioElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteParticipantsAudio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantsAudio, "dyte-participants-audio", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "preloadedAudioElem": { "alias": "preloadedAudioElem"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantsAudio, "dyte-participants-audio", never, { "iconPack": "iconPack"; "meeting": "meeting"; "preloadedAudioElem": "preloadedAudioElem"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteParticipantsAudio extends Components.DyteParticipantsAudio {
     /**
@@ -1262,7 +1262,7 @@ export declare class DyteParticipantsStageList {
     protected el: HTMLDyteParticipantsStageListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteParticipantsStageList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantsStageList, "dyte-participants-stage-list", never, { "config": { "alias": "config"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "search": { "alias": "search"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantsStageList, "dyte-participants-stage-list", never, { "config": "config"; "hideHeader": "hideHeader"; "iconPack": "iconPack"; "meeting": "meeting"; "search": "search"; "size": "size"; "states": "states"; "t": "t"; "view": "view"; }, {}, never, ["*"]>;
 }
 export declare interface DyteParticipantsStageList extends Components.DyteParticipantsStageList {
 }
@@ -1271,7 +1271,7 @@ export declare class DyteParticipantsStageQueue {
     protected el: HTMLDyteParticipantsStageQueueElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteParticipantsStageQueue, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantsStageQueue, "dyte-participants-stage-queue", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantsStageQueue, "dyte-participants-stage-queue", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; "view": "view"; }, {}, never, ["*"]>;
 }
 export declare interface DyteParticipantsStageQueue extends Components.DyteParticipantsStageQueue {
 }
@@ -1280,7 +1280,7 @@ export declare class DyteParticipantsToggle {
     protected el: HTMLDyteParticipantsToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteParticipantsToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantsToggle, "dyte-participants-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantsToggle, "dyte-participants-toggle", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteParticipantsToggle extends Components.DyteParticipantsToggle {
     /**
@@ -1293,7 +1293,7 @@ export declare class DyteParticipantsViewerList {
     protected el: HTMLDyteParticipantsViewerListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteParticipantsViewerList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantsViewerList, "dyte-participants-viewer-list", never, { "config": { "alias": "config"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "search": { "alias": "search"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantsViewerList, "dyte-participants-viewer-list", never, { "config": "config"; "hideHeader": "hideHeader"; "iconPack": "iconPack"; "meeting": "meeting"; "search": "search"; "size": "size"; "t": "t"; "view": "view"; }, {}, never, ["*"]>;
 }
 export declare interface DyteParticipantsViewerList extends Components.DyteParticipantsViewerList {
 }
@@ -1302,7 +1302,7 @@ export declare class DyteParticipantsWaitingList {
     protected el: HTMLDyteParticipantsWaitingListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteParticipantsWaitingList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantsWaitingList, "dyte-participants-waiting-list", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteParticipantsWaitingList, "dyte-participants-waiting-list", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; "view": "view"; }, {}, never, ["*"]>;
 }
 export declare interface DyteParticipantsWaitingList extends Components.DyteParticipantsWaitingList {
 }
@@ -1311,7 +1311,7 @@ export declare class DytePermissionsMessage {
     protected el: HTMLDytePermissionsMessageElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DytePermissionsMessage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DytePermissionsMessage, "dyte-permissions-message", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DytePermissionsMessage, "dyte-permissions-message", never, { "iconPack": "iconPack"; "meeting": "meeting"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DytePermissionsMessage extends Components.DytePermissionsMessage {
     /**
@@ -1324,7 +1324,7 @@ export declare class DytePipToggle {
     protected el: HTMLDytePipToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DytePipToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DytePipToggle, "dyte-pip-toggle", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DytePipToggle, "dyte-pip-toggle", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DytePipToggle extends Components.DytePipToggle {
     /**
@@ -1337,7 +1337,7 @@ export declare class DytePluginMain {
     protected el: HTMLDytePluginMainElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DytePluginMain, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DytePluginMain, "dyte-plugin-main", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "plugin": { "alias": "plugin"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DytePluginMain, "dyte-plugin-main", never, { "iconPack": "iconPack"; "meeting": "meeting"; "plugin": "plugin"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DytePluginMain extends Components.DytePluginMain {
 }
@@ -1346,7 +1346,7 @@ export declare class DytePlugins {
     protected el: HTMLDytePluginsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DytePlugins, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DytePlugins, "dyte-plugins", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DytePlugins, "dyte-plugins", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DytePlugins extends Components.DytePlugins {
     /**
@@ -1359,7 +1359,7 @@ export declare class DytePluginsToggle {
     protected el: HTMLDytePluginsToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DytePluginsToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DytePluginsToggle, "dyte-plugins-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DytePluginsToggle, "dyte-plugins-toggle", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DytePluginsToggle extends Components.DytePluginsToggle {
     /**
@@ -1372,7 +1372,7 @@ export declare class DytePoll {
     protected el: HTMLDytePollElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DytePoll, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DytePoll, "dyte-poll", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "permissions": { "alias": "permissions"; "required": false; }; "poll": { "alias": "poll"; "required": false; }; "self": { "alias": "self"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DytePoll, "dyte-poll", never, { "iconPack": "iconPack"; "permissions": "permissions"; "poll": "poll"; "self": "self"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DytePoll extends Components.DytePoll {
     /**
@@ -1388,7 +1388,7 @@ export declare class DytePollForm {
     protected el: HTMLDytePollFormElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DytePollForm, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DytePollForm, "dyte-poll-form", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DytePollForm, "dyte-poll-form", never, { "iconPack": "iconPack"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DytePollForm extends Components.DytePollForm {
     /**
@@ -1401,7 +1401,7 @@ export declare class DytePolls {
     protected el: HTMLDytePollsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DytePolls, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DytePolls, "dyte-polls", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DytePolls, "dyte-polls", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DytePolls extends Components.DytePolls {
 }
@@ -1410,7 +1410,7 @@ export declare class DytePollsToggle {
     protected el: HTMLDytePollsToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DytePollsToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DytePollsToggle, "dyte-polls-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DytePollsToggle, "dyte-polls-toggle", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DytePollsToggle extends Components.DytePollsToggle {
     /**
@@ -1423,7 +1423,7 @@ export declare class DyteRecordingIndicator {
     protected el: HTMLDyteRecordingIndicatorElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteRecordingIndicator, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteRecordingIndicator, "dyte-recording-indicator", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteRecordingIndicator, "dyte-recording-indicator", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteRecordingIndicator extends Components.DyteRecordingIndicator {
 }
@@ -1432,7 +1432,7 @@ export declare class DyteRecordingToggle {
     protected el: HTMLDyteRecordingToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteRecordingToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteRecordingToggle, "dyte-recording-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteRecordingToggle, "dyte-recording-toggle", never, { "disabled": "disabled"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteRecordingToggle extends Components.DyteRecordingToggle {
     /**
@@ -1448,7 +1448,7 @@ export declare class DyteScreenShareToggle {
     protected el: HTMLDyteScreenShareToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteScreenShareToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteScreenShareToggle, "dyte-screen-share-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteScreenShareToggle, "dyte-screen-share-toggle", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteScreenShareToggle extends Components.DyteScreenShareToggle {
     /**
@@ -1468,7 +1468,7 @@ export declare class DyteScreenshareView {
     protected el: HTMLDyteScreenshareViewElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteScreenshareView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteScreenshareView, "dyte-screenshare-view", never, { "hideFullScreenButton": { "alias": "hideFullScreenButton"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "nameTagPosition": { "alias": "nameTagPosition"; "required": false; }; "participant": { "alias": "participant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteScreenshareView, "dyte-screenshare-view", never, { "hideFullScreenButton": "hideFullScreenButton"; "iconPack": "iconPack"; "meeting": "meeting"; "nameTagPosition": "nameTagPosition"; "participant": "participant"; "size": "size"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteScreenshareView extends Components.DyteScreenshareView {
     /**
@@ -1488,7 +1488,7 @@ export declare class DyteSettings {
     protected el: HTMLDyteSettingsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteSettings, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSettings, "dyte-settings", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSettings, "dyte-settings", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteSettings extends Components.DyteSettings {
     /**
@@ -1501,7 +1501,7 @@ export declare class DyteSettingsAudio {
     protected el: HTMLDyteSettingsAudioElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteSettingsAudio, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSettingsAudio, "dyte-settings-audio", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSettingsAudio, "dyte-settings-audio", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteSettingsAudio extends Components.DyteSettingsAudio {
     /**
@@ -1514,7 +1514,7 @@ export declare class DyteSettingsToggle {
     protected el: HTMLDyteSettingsToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteSettingsToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSettingsToggle, "dyte-settings-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSettingsToggle, "dyte-settings-toggle", never, { "iconPack": "iconPack"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteSettingsToggle extends Components.DyteSettingsToggle {
     /**
@@ -1527,7 +1527,7 @@ export declare class DyteSettingsVideo {
     protected el: HTMLDyteSettingsVideoElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteSettingsVideo, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSettingsVideo, "dyte-settings-video", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSettingsVideo, "dyte-settings-video", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteSettingsVideo extends Components.DyteSettingsVideo {
     /**
@@ -1540,7 +1540,7 @@ export declare class DyteSetupScreen {
     protected el: HTMLDyteSetupScreenElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteSetupScreen, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSetupScreen, "dyte-setup-screen", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSetupScreen, "dyte-setup-screen", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteSetupScreen extends Components.DyteSetupScreen {
     /**
@@ -1553,7 +1553,7 @@ export declare class DyteSidebar {
     protected el: HTMLDyteSidebarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteSidebar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSidebar, "dyte-sidebar", never, { "config": { "alias": "config"; "required": false; }; "defaultSection": { "alias": "defaultSection"; "required": false; }; "enabledSections": { "alias": "enabledSections"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSidebar, "dyte-sidebar", never, { "config": "config"; "defaultSection": "defaultSection"; "enabledSections": "enabledSections"; "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "view": "view"; }, {}, never, ["*"]>;
 }
 export declare interface DyteSidebar extends Components.DyteSidebar {
     /**
@@ -1566,7 +1566,7 @@ export declare class DyteSidebarUi {
     protected el: HTMLDyteSidebarUiElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteSidebarUi, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSidebarUi, "dyte-sidebar-ui", never, { "currentTab": { "alias": "currentTab"; "required": false; }; "hideCloseAction": { "alias": "hideCloseAction"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "t": { "alias": "t"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSidebarUi, "dyte-sidebar-ui", never, { "currentTab": "currentTab"; "hideCloseAction": "hideCloseAction"; "hideHeader": "hideHeader"; "iconPack": "iconPack"; "t": "t"; "tabs": "tabs"; "view": "view"; }, {}, never, ["*"]>;
 }
 export declare interface DyteSidebarUi extends Components.DyteSidebarUi {
     /**
@@ -1583,7 +1583,7 @@ export declare class DyteSimpleGrid {
     protected el: HTMLDyteSimpleGridElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteSimpleGrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSimpleGrid, "dyte-simple-grid", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "config": { "alias": "config"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "participants": { "alias": "participants"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSimpleGrid, "dyte-simple-grid", never, { "aspectRatio": "aspectRatio"; "config": "config"; "gap": "gap"; "iconPack": "iconPack"; "meeting": "meeting"; "participants": "participants"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteSimpleGrid extends Components.DyteSimpleGrid {
 }
@@ -1592,7 +1592,7 @@ export declare class DyteSpeakerSelector {
     protected el: HTMLDyteSpeakerSelectorElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteSpeakerSelector, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSpeakerSelector, "dyte-speaker-selector", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSpeakerSelector, "dyte-speaker-selector", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteSpeakerSelector extends Components.DyteSpeakerSelector {
 }
@@ -1601,7 +1601,7 @@ export declare class DyteSpinner {
     protected el: HTMLDyteSpinnerElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteSpinner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSpinner, "dyte-spinner", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSpinner, "dyte-spinner", never, { "iconPack": "iconPack"; "size": "size"; }, {}, never, ["*"]>;
 }
 export declare interface DyteSpinner extends Components.DyteSpinner {
 }
@@ -1610,7 +1610,7 @@ export declare class DyteSpotlightGrid {
     protected el: HTMLDyteSpotlightGridElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteSpotlightGrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSpotlightGrid, "dyte-spotlight-grid", never, { "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "config": { "alias": "config"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "gridSize": { "alias": "gridSize"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "participants": { "alias": "participants"; "required": false; }; "pinnedParticipants": { "alias": "pinnedParticipants"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSpotlightGrid, "dyte-spotlight-grid", never, { "aspectRatio": "aspectRatio"; "config": "config"; "gap": "gap"; "gridSize": "gridSize"; "iconPack": "iconPack"; "layout": "layout"; "meeting": "meeting"; "participants": "participants"; "pinnedParticipants": "pinnedParticipants"; "size": "size"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteSpotlightGrid extends Components.DyteSpotlightGrid {
 }
@@ -1619,7 +1619,7 @@ export declare class DyteSpotlightIndicator {
     protected el: HTMLDyteSpotlightIndicatorElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteSpotlightIndicator, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSpotlightIndicator, "dyte-spotlight-indicator", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSpotlightIndicator, "dyte-spotlight-indicator", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteSpotlightIndicator extends Components.DyteSpotlightIndicator {
 }
@@ -1628,7 +1628,7 @@ export declare class DyteStage {
     protected el: HTMLDyteStageElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteStage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteStage, "dyte-stage", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteStage, "dyte-stage", never, { "iconPack": "iconPack"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteStage extends Components.DyteStage {
     /**
@@ -1641,7 +1641,7 @@ export declare class DyteStageToggle {
     protected el: HTMLDyteStageToggleElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteStageToggle, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteStageToggle, "dyte-stage-toggle", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteStageToggle, "dyte-stage-toggle", never, { "iconPack": "iconPack"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteStageToggle extends Components.DyteStageToggle {
     /**
@@ -1654,7 +1654,7 @@ export declare class DyteSwitch {
     protected el: HTMLDyteSwitchElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteSwitch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSwitch, "dyte-switch", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteSwitch, "dyte-switch", never, { "checked": "checked"; "disabled": "disabled"; "iconPack": "iconPack"; "readonly": "readonly"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteSwitch extends Components.DyteSwitch {
     /**
@@ -1667,7 +1667,7 @@ export declare class DyteTabBar {
     protected el: HTMLDyteTabBarElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteTabBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTabBar, "dyte-tab-bar", never, { "activeTab": { "alias": "activeTab"; "required": false; }; "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "size": { "alias": "size"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; "tabs": { "alias": "tabs"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTabBar, "dyte-tab-bar", never, { "activeTab": "activeTab"; "config": "config"; "iconPack": "iconPack"; "layout": "layout"; "meeting": "meeting"; "size": "size"; "states": "states"; "t": "t"; "tabs": "tabs"; }, {}, never, ["*"]>;
 }
 export declare interface DyteTabBar extends Components.DyteTabBar {
     /**
@@ -1680,7 +1680,7 @@ export declare class DyteTextComposerView {
     protected el: HTMLDyteTextComposerViewElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteTextComposerView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTextComposerView, "dyte-text-composer-view", never, { "disabled": { "alias": "disabled"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "keyDownHandler": { "alias": "keyDownHandler"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rateLimitBreached": { "alias": "rateLimitBreached"; "required": false; }; "t": { "alias": "t"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTextComposerView, "dyte-text-composer-view", never, { "disabled": "disabled"; "iconPack": "iconPack"; "keyDownHandler": "keyDownHandler"; "maxLength": "maxLength"; "placeholder": "placeholder"; "rateLimitBreached": "rateLimitBreached"; "t": "t"; "value": "value"; }, {}, never, ["*"]>;
 }
 export declare interface DyteTextComposerView extends Components.DyteTextComposerView {
     /**
@@ -1693,7 +1693,7 @@ export declare class DyteTextMessage {
     protected el: HTMLDyteTextMessageElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteTextMessage, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTextMessage, "dyte-text-message", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "isContinued": { "alias": "isContinued"; "required": false; }; "message": { "alias": "message"; "required": false; }; "now": { "alias": "now"; "required": false; }; "showBubble": { "alias": "showBubble"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTextMessage, "dyte-text-message", never, { "iconPack": "iconPack"; "isContinued": "isContinued"; "message": "message"; "now": "now"; "showBubble": "showBubble"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteTextMessage extends Components.DyteTextMessage {
 }
@@ -1702,7 +1702,7 @@ export declare class DyteTextMessageView {
     protected el: HTMLDyteTextMessageViewElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteTextMessageView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTextMessageView, "dyte-text-message-view", never, { "isMarkdown": { "alias": "isMarkdown"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTextMessageView, "dyte-text-message-view", never, { "isMarkdown": "isMarkdown"; "text": "text"; }, {}, never, ["*"]>;
 }
 export declare interface DyteTextMessageView extends Components.DyteTextMessageView {
 }
@@ -1711,7 +1711,7 @@ export declare class DyteTooltip {
     protected el: HTMLDyteTooltipElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteTooltip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTooltip, "dyte-tooltip", never, { "delay": { "alias": "delay"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "kind": { "alias": "kind"; "required": false; }; "label": { "alias": "label"; "required": false; }; "open": { "alias": "open"; "required": false; }; "placement": { "alias": "placement"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTooltip, "dyte-tooltip", never, { "delay": "delay"; "disabled": "disabled"; "kind": "kind"; "label": "label"; "open": "open"; "placement": "placement"; "size": "size"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteTooltip extends Components.DyteTooltip {
     /**
@@ -1724,7 +1724,7 @@ export declare class DyteTranscript {
     protected el: HTMLDyteTranscriptElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteTranscript, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTranscript, "dyte-transcript", never, { "t": { "alias": "t"; "required": false; }; "transcript": { "alias": "transcript"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTranscript, "dyte-transcript", never, { "t": "t"; "transcript": "transcript"; }, {}, never, ["*"]>;
 }
 export declare interface DyteTranscript extends Components.DyteTranscript {
     /**
@@ -1740,7 +1740,7 @@ export declare class DyteTranscripts {
     protected el: HTMLDyteTranscriptsElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteTranscripts, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTranscripts, "dyte-transcripts", never, { "config": { "alias": "config"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "states": { "alias": "states"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteTranscripts, "dyte-transcripts", never, { "config": "config"; "meeting": "meeting"; "states": "states"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteTranscripts extends Components.DyteTranscripts {
 }
@@ -1749,7 +1749,7 @@ export declare class DyteUiProvider {
     protected el: HTMLDyteUiProviderElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteUiProvider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteUiProvider, "dyte-ui-provider", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "noRenderUntilMeeting": { "alias": "noRenderUntilMeeting"; "required": false; }; "showSetupScreen": { "alias": "showSetupScreen"; "required": false; }; "size": { "alias": "size"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteUiProvider, "dyte-ui-provider", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "noRenderUntilMeeting": "noRenderUntilMeeting"; "showSetupScreen": "showSetupScreen"; "size": "size"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteUiProvider extends Components.DyteUiProvider {
     /**
@@ -1762,7 +1762,7 @@ export declare class DyteViewerCount {
     protected el: HTMLDyteViewerCountElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteViewerCount, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteViewerCount, "dyte-viewer-count", never, { "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "t": { "alias": "t"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteViewerCount, "dyte-viewer-count", never, { "iconPack": "iconPack"; "meeting": "meeting"; "t": "t"; "variant": "variant"; }, {}, never, ["*"]>;
 }
 export declare interface DyteViewerCount extends Components.DyteViewerCount {
 }
@@ -1771,7 +1771,7 @@ export declare class DyteVirtualizedParticipantList {
     protected el: HTMLDyteVirtualizedParticipantListElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteVirtualizedParticipantList, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteVirtualizedParticipantList, "dyte-virtualized-participant-list", never, { "bufferedItemsCount": { "alias": "bufferedItemsCount"; "required": false; }; "emptyListElement": { "alias": "emptyListElement"; "required": false; }; "itemHeight": { "alias": "itemHeight"; "required": false; }; "items": { "alias": "items"; "required": false; }; "renderItem": { "alias": "renderItem"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteVirtualizedParticipantList, "dyte-virtualized-participant-list", never, { "bufferedItemsCount": "bufferedItemsCount"; "emptyListElement": "emptyListElement"; "itemHeight": "itemHeight"; "items": "items"; "renderItem": "renderItem"; }, {}, never, ["*"]>;
 }
 export declare interface DyteVirtualizedParticipantList extends Components.DyteVirtualizedParticipantList {
 }
@@ -1780,7 +1780,7 @@ export declare class DyteWaitingScreen {
     protected el: HTMLDyteWaitingScreenElement;
     constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
     static ɵfac: i0.ɵɵFactoryDeclaration<DyteWaitingScreen, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DyteWaitingScreen, "dyte-waiting-screen", never, { "config": { "alias": "config"; "required": false; }; "iconPack": { "alias": "iconPack"; "required": false; }; "meeting": { "alias": "meeting"; "required": false; }; "t": { "alias": "t"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DyteWaitingScreen, "dyte-waiting-screen", never, { "config": "config"; "iconPack": "iconPack"; "meeting": "meeting"; "t": "t"; }, {}, never, ["*"]>;
 }
 export declare interface DyteWaitingScreen extends Components.DyteWaitingScreen {
 }