diff --git a/package.json b/package.json
index abb1485c4e..9e007df278 100644
--- a/package.json
+++ b/package.json
@@ -159,4 +159,4 @@
     "responselike": "2.0.0"
   },
   "packageManager": "yarn@3.6.3"
-}
\ No newline at end of file
+}
diff --git a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts
index 5342211ae0..c87fe9e412 100644
--- a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts
+++ b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts
@@ -251,7 +251,6 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {
   /**
    * The type of user to search for. Default is any.
    *
-   * @readonly
    * @type {UserType}
    * @memberof MgtPeoplePicker
    */
diff --git a/packages/mgt-react/package.json b/packages/mgt-react/package.json
index 8812711bf8..f63ea792b1 100644
--- a/packages/mgt-react/package.json
+++ b/packages/mgt-react/package.json
@@ -48,4 +48,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/mgt-react/scripts/generate.js b/packages/mgt-react/scripts/generate.js
index ce4e9b3707..0c6914d548 100644
--- a/packages/mgt-react/scripts/generate.js
+++ b/packages/mgt-react/scripts/generate.js
@@ -102,7 +102,7 @@ const generateTags = (tags, fileName) => {
       const prop = tag.members[i];
       let type = prop.type?.text;
 
-      if (type && prop.kind === 'field' && prop.privacy === 'public' && !prop.static) {
+      if (type && prop.kind === 'field' && prop.privacy === 'public' && !prop.static && !prop.readonly) {
         if (prop.name) {
           props[prop.name] = type;
         }
@@ -148,8 +148,11 @@ const generateTags = (tags, fileName) => {
         }
       }
     }
-
-    output += `\nexport type ${className}Props = {\n${propsType}}\n`;
+    if (propsType) {
+      output += `\nexport type ${className}Props = {\n${propsType}}\n`;
+    } else {
+      output += `\ntype ${className}Props = Record<string, never>\n`;
+    }
   }
 
   for (const wrapper of wrappers) {
@@ -160,16 +163,18 @@ const generateTags = (tags, fileName) => {
 
   const componentTypeImports = Array.from(mgtComponentImports).join(',');
   const initialLine = componentTypeImports
-    ? `import { ${componentTypeImports} } from '@microsoft/mgt-components/dist/es6/exports';
+    ? `import { ${componentTypeImports} } from '@microsoft/mgt-components';
 `
     : '';
   output = `/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-${initialLine}import { ${Array.from(registrationFunctions).join(
-    ','
-  )} } from '@microsoft/mgt-components/dist/es6/components/components';
-import { ${Array.from(mgtElementImports).join(',')} } from '@microsoft/mgt-element';
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
+${initialLine}import { ${Array.from(registrationFunctions).join(',')} } from '@microsoft/mgt-components';
+${
+  mgtElementImports.size > 0
+    ? `import { ${Array.from(mgtElementImports).join(',')} } from '@microsoft/mgt-element';
+`
+    : ''
+}// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraphBeta from '@microsoft/microsoft-graph-types-beta';
diff --git a/packages/mgt-react/src/generated/agenda.ts b/packages/mgt-react/src/generated/agenda.ts
index 09155bf417..7e1fa0809d 100644
--- a/packages/mgt-react/src/generated/agenda.ts
+++ b/packages/mgt-react/src/generated/agenda.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { registerMgtAgendaComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { registerMgtAgendaComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -18,7 +18,6 @@ export type AgendaProps = {
 	groupByDay?: boolean;
 	preferredTimezone?: string;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
 
diff --git a/packages/mgt-react/src/generated/file-list.ts b/packages/mgt-react/src/generated/file-list.ts
index 44e361e5f8..7ca09367b2 100644
--- a/packages/mgt-react/src/generated/file-list.ts
+++ b/packages/mgt-react/src/generated/file-list.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { OfficeGraphInsightString,ViewType } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtFileListComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { OfficeGraphInsightString,ViewType } from '@microsoft/mgt-components';
+import { registerMgtFileListComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -11,8 +11,6 @@ import {wrapMgt} from '../Mgt';
 
 export type FileListProps = {
 	fileListQuery?: string;
-	displayName?: string;
-	cardTitle?: string;
 	fileQueries?: string[];
 	files?: MicrosoftGraph.DriveItem[];
 	siteId?: string;
@@ -32,7 +30,6 @@ export type FileListProps = {
 	maxUploadFile?: number;
 	excludedFileExtensions?: string[];
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	itemClick?: (e: CustomEvent<MicrosoftGraph.DriveItem>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
diff --git a/packages/mgt-react/src/generated/file.ts b/packages/mgt-react/src/generated/file.ts
index 71cb6da9e5..2ecda63f90 100644
--- a/packages/mgt-react/src/generated/file.ts
+++ b/packages/mgt-react/src/generated/file.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { OfficeGraphInsightString,ViewType } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtFileComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { OfficeGraphInsightString,ViewType } from '@microsoft/mgt-components';
+import { registerMgtFileComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -28,7 +28,6 @@ export type FileProps = {
 	line3Property?: string;
 	view?: ViewType;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
 
diff --git a/packages/mgt-react/src/generated/get.ts b/packages/mgt-react/src/generated/get.ts
index fdb3ac2de7..20b21b906d 100644
--- a/packages/mgt-react/src/generated/get.ts
+++ b/packages/mgt-react/src/generated/get.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { ResponseType,DataChangedDetail } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtGetComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { ResponseType,DataChangedDetail } from '@microsoft/mgt-components';
+import { registerMgtGetComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -20,7 +20,6 @@ export type GetProps = {
 	cacheInvalidationPeriod?: number;
 	response?: any;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	dataChange?: (e: CustomEvent<DataChangedDetail>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
diff --git a/packages/mgt-react/src/generated/login.ts b/packages/mgt-react/src/generated/login.ts
index 1af1d15484..b90bce5406 100644
--- a/packages/mgt-react/src/generated/login.ts
+++ b/packages/mgt-react/src/generated/login.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { IDynamicPerson,LoginViewType } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtLoginComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { IDynamicPerson,LoginViewType } from '@microsoft/mgt-components';
+import { registerMgtLoginComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -14,7 +14,6 @@ export type LoginProps = {
 	showPresence?: boolean;
 	loginView?: LoginViewType;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	loginInitiated?: (e: CustomEvent<undefined>) => void;
 	loginCompleted?: (e: CustomEvent<undefined>) => void;
 	loginFailed?: (e: CustomEvent<undefined>) => void;
diff --git a/packages/mgt-react/src/generated/people-picker.ts b/packages/mgt-react/src/generated/people-picker.ts
index c8998b38c5..1aaa790402 100644
--- a/packages/mgt-react/src/generated/people-picker.ts
+++ b/packages/mgt-react/src/generated/people-picker.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { PersonType,GroupType,UserType,IDynamicPerson } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtPeoplePickerComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { PersonType,GroupType,UserType,IDynamicPerson } from '@microsoft/mgt-components';
+import { registerMgtPeoplePickerComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -33,7 +33,6 @@ export type PeoplePickerProps = {
 	groupFilters?: string;
 	ariaLabel?: string;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	selectionChanged?: (e: CustomEvent<IDynamicPerson[]>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
diff --git a/packages/mgt-react/src/generated/people.ts b/packages/mgt-react/src/generated/people.ts
index 2c143ad035..34fe15411e 100644
--- a/packages/mgt-react/src/generated/people.ts
+++ b/packages/mgt-react/src/generated/people.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { IDynamicPerson,PersonCardInteraction } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtPeopleComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { IDynamicPerson,PersonCardInteraction } from '@microsoft/mgt-components';
+import { registerMgtPeopleComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -22,7 +22,6 @@ export type PeopleProps = {
 	scopes?: string[];
 	fallbackDetails?: IDynamicPerson[];
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
 
diff --git a/packages/mgt-react/src/generated/person-card.ts b/packages/mgt-react/src/generated/person-card.ts
index 2eca8933f9..bd0f313151 100644
--- a/packages/mgt-react/src/generated/person-card.ts
+++ b/packages/mgt-react/src/generated/person-card.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { IDynamicPerson } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtPersonCardComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { IDynamicPerson } from '@microsoft/mgt-components';
+import { registerMgtPersonCardComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -21,7 +21,6 @@ export type PersonCardProps = {
 	showPresence?: boolean;
 	personPresence?: MicrosoftGraph.Presence;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	expanded?: (e: CustomEvent<null>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
diff --git a/packages/mgt-react/src/generated/person.ts b/packages/mgt-react/src/generated/person.ts
index 5cf947f058..ba8e2f2223 100644
--- a/packages/mgt-react/src/generated/person.ts
+++ b/packages/mgt-react/src/generated/person.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { IDynamicPerson,AvatarSize,PersonCardInteraction,ViewType } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtPersonComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { IDynamicPerson,AvatarSize,PersonCardInteraction,ViewType } from '@microsoft/mgt-components';
+import { registerMgtPersonComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -30,7 +30,6 @@ export type PersonProps = {
 	line4Property?: string;
 	view?: ViewType;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	line1clicked?: (e: CustomEvent<IDynamicPerson>) => void;
 	line2clicked?: (e: CustomEvent<IDynamicPerson>) => void;
 	line3clicked?: (e: CustomEvent<IDynamicPerson>) => void;
diff --git a/packages/mgt-react/src/generated/picker.ts b/packages/mgt-react/src/generated/picker.ts
index 1ae25b2884..ff731d7fbb 100644
--- a/packages/mgt-react/src/generated/picker.ts
+++ b/packages/mgt-react/src/generated/picker.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { registerMgtPickerComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { registerMgtPickerComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -20,7 +20,6 @@ export type PickerProps = {
 	cacheInvalidationPeriod?: number;
 	selectedValue?: string;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	selectionChanged?: (e: CustomEvent<any>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
diff --git a/packages/mgt-react/src/generated/planner.ts b/packages/mgt-react/src/generated/planner.ts
index 55adf93f64..ca3c092ac8 100644
--- a/packages/mgt-react/src/generated/planner.ts
+++ b/packages/mgt-react/src/generated/planner.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { TaskFilter,ITask } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtPlannerComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { TaskFilter,ITask } from '@microsoft/mgt-components';
+import { registerMgtPlannerComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -21,7 +21,6 @@ export type PlannerProps = {
 	groupId?: string;
 	taskFilter?: TaskFilter;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	taskAdded?: (e: CustomEvent<ITask>) => void;
 	taskChanged?: (e: CustomEvent<ITask>) => void;
 	taskClick?: (e: CustomEvent<ITask>) => void;
diff --git a/packages/mgt-react/src/generated/search-box.ts b/packages/mgt-react/src/generated/search-box.ts
index 9bab52ecf3..6496198dd3 100644
--- a/packages/mgt-react/src/generated/search-box.ts
+++ b/packages/mgt-react/src/generated/search-box.ts
@@ -1,7 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { registerMgtSearchBoxComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { ComponentMediaQuery } from '@microsoft/mgt-element';
+import { registerMgtSearchBoxComponent } from '@microsoft/mgt-components';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -12,7 +11,6 @@ export type SearchBoxProps = {
 	placeholder?: string;
 	searchTerm?: string;
 	debounceDelay?: number;
-	mediaQuery?: ComponentMediaQuery;
 	searchTermChanged?: (e: CustomEvent<string>) => void;
 }
 
diff --git a/packages/mgt-react/src/generated/search-results.ts b/packages/mgt-react/src/generated/search-results.ts
index 4ab0fd7ce1..63cd6c4ed1 100644
--- a/packages/mgt-react/src/generated/search-results.ts
+++ b/packages/mgt-react/src/generated/search-results.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { DataChangedDetail } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtSearchResultsComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { DataChangedDetail } from '@microsoft/mgt-components';
+import { registerMgtSearchResultsComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -16,7 +16,6 @@ export type SearchResultsProps = {
 	scopes?: string[];
 	contentSources?: string[];
 	version?: string;
-	from?: number;
 	size?: number;
 	pagingMax?: number;
 	fetchThumbnail?: boolean;
@@ -26,7 +25,6 @@ export type SearchResultsProps = {
 	cacheInvalidationPeriod?: number;
 	currentPage?: number;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	dataChange?: (e: CustomEvent<DataChangedDetail>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
diff --git a/packages/mgt-react/src/generated/spinner.ts b/packages/mgt-react/src/generated/spinner.ts
index 4e9e97adc5..1e1e99c29f 100644
--- a/packages/mgt-react/src/generated/spinner.ts
+++ b/packages/mgt-react/src/generated/spinner.ts
@@ -1,16 +1,13 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { registerMgtSpinnerComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { ComponentMediaQuery } from '@microsoft/mgt-element';
+import { registerMgtSpinnerComponent } from '@microsoft/mgt-components';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraphBeta from '@microsoft/microsoft-graph-types-beta';
 import {wrapMgt} from '../Mgt';
 
-export type SpinnerProps = {
-	mediaQuery?: ComponentMediaQuery;
-}
+type SpinnerProps = Record<string, never>
 
 export const Spinner = wrapMgt<SpinnerProps>('spinner', registerMgtSpinnerComponent);
 
diff --git a/packages/mgt-react/src/generated/taxonomy-picker.ts b/packages/mgt-react/src/generated/taxonomy-picker.ts
index b5046056d5..7fcd3d5f3e 100644
--- a/packages/mgt-react/src/generated/taxonomy-picker.ts
+++ b/packages/mgt-react/src/generated/taxonomy-picker.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { registerMgtTaxonomyPickerComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { registerMgtTaxonomyPickerComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -22,7 +22,6 @@ export type TaxonomyPickerProps = {
 	cacheEnabled?: boolean;
 	cacheInvalidationPeriod?: number;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	selectionChanged?: (e: CustomEvent<MicrosoftGraph.TermStore.Term>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
diff --git a/packages/mgt-react/src/generated/teams-channel-picker.ts b/packages/mgt-react/src/generated/teams-channel-picker.ts
index d3fa76487b..63589f01ad 100644
--- a/packages/mgt-react/src/generated/teams-channel-picker.ts
+++ b/packages/mgt-react/src/generated/teams-channel-picker.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { SelectedChannel } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtTeamsChannelPickerComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { SelectedChannel } from '@microsoft/mgt-components';
+import { registerMgtTeamsChannelPickerComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -10,9 +10,7 @@ import * as MicrosoftGraphBeta from '@microsoft/microsoft-graph-types-beta';
 import {wrapMgt} from '../Mgt';
 
 export type TeamsChannelPickerProps = {
-	selectedItem?: SelectedChannel;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	selectionChanged?: (e: CustomEvent<SelectedChannel | null>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
diff --git a/packages/mgt-react/src/generated/theme-toggle.ts b/packages/mgt-react/src/generated/theme-toggle.ts
index 897e03f695..f9ccc74d64 100644
--- a/packages/mgt-react/src/generated/theme-toggle.ts
+++ b/packages/mgt-react/src/generated/theme-toggle.ts
@@ -1,7 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { registerMgtThemeToggleComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { ComponentMediaQuery } from '@microsoft/mgt-element';
+import { registerMgtThemeToggleComponent } from '@microsoft/mgt-components';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -10,7 +9,6 @@ import {wrapMgt} from '../Mgt';
 
 export type ThemeToggleProps = {
 	darkModeActive?: boolean;
-	mediaQuery?: ComponentMediaQuery;
 	darkmodechanged?: (e: CustomEvent<boolean>) => void;
 }
 
diff --git a/packages/mgt-react/src/generated/todo.ts b/packages/mgt-react/src/generated/todo.ts
index 8470b394ef..9f6abddcff 100644
--- a/packages/mgt-react/src/generated/todo.ts
+++ b/packages/mgt-react/src/generated/todo.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { TodoFilter } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtTodoComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { TodoFilter } from '@microsoft/mgt-components';
+import { registerMgtTodoComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -17,7 +17,6 @@ export type TodoProps = {
 	targetId?: string;
 	initialId?: string;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }