updated Mock::App and added new yielded sub-components

Author: didoo

showcase/app/components/mock/app/index.gts

@@ -11,10 +11,15 @@ import MockAppSidebarOldSideNav from './sidebar/side-nav';
 import MockAppMainPageHeader from './main/page-header';
 import MockAppMainGenericTextContent from './main/generic-text-content';
 import MockAppMainGenericAdvancedTable from './main/generic-advanced-table';
+import MockAppMainFormComplex from './main/form-complex';
+import MockAppMainTableComplex from './main/table-complex';
 import MockAppFooterAppFooter from './footer/app-footer';
 
 // HDS components
-import { HdsAppFrame } from '@hashicorp/design-system-components/components';
+import {
+  HdsAlert,
+  HdsAppFrame,
+} from '@hashicorp/design-system-components/components';
 
 // types
 import type { ComponentLike } from '@glint/template';
@@ -25,10 +30,14 @@ import type { MockAppSidebarOldSideNavSignature } from './sidebar/side-nav';
 import type { MockAppMainPageHeaderSignature } from './main/page-header';
 import type { MockAppMainGenericTextContentSignature } from './main/generic-text-content';
 import type { MockAppMainGenericAdvancedTableSignature } from './main/generic-advanced-table';
+import type { MockAppMainFormComplexSignature } from './main/form-complex';
+import type { MockAppMainTableComplexSignature } from './main/table-complex';
+import type { MockAppMainPaginationSignature } from './main/pagination';
 import type { MockAppFooterAppFooterSignature } from './footer/app-footer';
 
 export interface MockAppSignature {
   Args: {
+    hasPageAlert?: boolean;
     hasHeader?: HdsAppFrameSignature['Args']['hasHeader'];
     hasSidebar?: HdsAppFrameSignature['Args']['hasSidebar'];
     hasOldSidebar?: boolean;
@@ -52,6 +61,9 @@ export interface MockAppSignature {
         PageHeader?: ComponentLike<MockAppMainPageHeaderSignature>;
         GenericTextContent?: ComponentLike<MockAppMainGenericTextContentSignature>;
         GenericAdvancedTable?: ComponentLike<MockAppMainGenericAdvancedTableSignature>;
+        FormComplex?: ComponentLike<MockAppMainFormComplexSignature>;
+        TableComplex?: ComponentLike<MockAppMainTableComplexSignature>;
+        Pagination?: ComponentLike<MockAppMainPaginationSignature>;
       },
     ];
     footer?: [
@@ -92,12 +104,20 @@ export default class MockApp extends Component<MockAppSignature> {
         {{/if}}
       </Frame.Sidebar>
       <Frame.Main>
+        {{#if @hasPageAlert}}
+          <HdsAlert @type="page" @color="highlight" as |A|>
+            <A.Title>Lorem ipsum</A.Title>
+            <A.Description>Lorem ipsum dolor sit amet.</A.Description>
+          </HdsAlert>
+        {{/if}}
         <div class="mock-app-layout-main-content-wrapper">
           {{yield
             (hash
               PageHeader=MockAppMainPageHeader
               GenericTextContent=MockAppMainGenericTextContent
               GenericAdvancedTable=MockAppMainGenericAdvancedTable
+              FormComplex=MockAppMainFormComplex
+              TableComplex=MockAppMainTableComplex
             )
             to="main"
           }}